devextreme/dist/transpiled/ui/widget/ui.keyboard_processor.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var $ = require("../../core/renderer"),
    eventsEngine = require("../../events/core/events_engine"),
    Class = require("../../core/class"),
    inArray = require("../../core/utils/array").inArray,
    each = require("../../core/utils/iterator").each,
    eventUtils = require("../../events/utils");

var KeyboardProcessor = Class.inherit({
    _keydown: eventUtils.addNamespace("keydown", "KeyboardProcessor"),

    codes: {
        "8": "backspace",
        "9": "tab",
        "13": "enter",
        "27": "escape",
        "33": "pageUp",
        "34": "pageDown",
        "35": "end",
        "36": "home",
        "37": "leftArrow",
        "38": "upArrow",
        "39": "rightArrow",
        "40": "downArrow",
        "46": "del",
        "32": "space",
        "70": "F",
        "65": "A",
        "106": "asterisk",
        "109": "minus",
        "189": "minus"
    },

    ctor: function ctor(options) {
        var _this = this;
        options = options || {};
        if (options.element) {
            this._element = $(options.element);
        }
        if (options.focusTarget) {
            this._focusTarget = options.focusTarget;
        }
        this._handler = options.handler;
        this._context = options.context;
        this._childProcessors = [];
        if (this._element) {
            this._processFunction = function (e) {
                _this.process(e);
            };
            eventsEngine.on(this._element, this._keydown, this._processFunction);
        }
    },

    dispose: function dispose() {
        if (this._element) {
            eventsEngine.off(this._element, this._keydown, this._processFunction);
        }
        this._element = undefined;
        this._handler = undefined;
        this._context = undefined;
        this._childProcessors = undefined;
    },

    clearChildren: function clearChildren() {
        this._childProcessors = [];
    },

    push: function push(child) {
        if (!this._childProcessors) {
            this.clearChildren();
        }

        this._childProcessors.push(child);
        return child;
    },

    attachChildProcessor: function attachChildProcessor() {
        var childProcessor = new KeyboardProcessor();
        this._childProcessors.push(childProcessor);
        return childProcessor;
    },

    reinitialize: function reinitialize(childHandler, childContext) {
        this._context = childContext;
        this._handler = childHandler;
        return this;
    },

    process: function process(e) {
        if (this._focusTarget && this._focusTarget !== e.target && inArray(e.target, this._focusTarget) < 0) {
            return false;
        }

        var args = {
            key: this.codes[e.which] || e.which,
            ctrl: e.ctrlKey,
            shift: e.shiftKey,
            alt: e.altKey,
            originalEvent: e
        };

        var handlerResult = this._handler && this._handler.call(this._context, args);

        if (handlerResult && this._childProcessors) {
            each(this._childProcessors, function (index, childProcessor) {
                childProcessor.process(e);
            });
        }
    }

});

module.exports = KeyboardProcessor;