Source: menu_element.js

/*************************************************************
 *
 *  Copyright (c) 2015-2016 The MathJax Consortium
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/**
 * @fileoverview Abstract class of menu elements.
 *
 * @author volker.sorge@gmail.com (Volker Sorge)
 */
/// <reference path="abstract_navigatable.ts" />
/// <reference path="html_classes.ts" />
var ContextMenu;
(function (ContextMenu) {
    class MenuElement extends ContextMenu.AbstractNavigatable {
        /**
         * @constructor
         * @extends {AbstractNavigatable}
         * @implements {Element}
         */
        constructor(...args) {
            super(...args);
        }
        /**
         * Adds a attributes and values to the HTML element.
         * @param {Object.<string, string>} attributes A dictionary of attributes.
         */
        addAttributes(attributes) {
            for (let attr in attributes) {
                this.html.setAttribute(attr, attributes[attr]);
            }
        }
        /**
         * @override
         */
        getHtml() {
            if (!this.html) {
                this.generateHtml();
            }
            return this.html;
        }
        /**
         * @override
         */
        setHtml(html) {
            this.html = html;
            this.addEvents(html);
        }
        /**
         * @override
         */
        generateHtml() {
            //// TODO: Make this DOM independent!
            let html = document.createElement('div');
            html.classList.add(this.className);
            html.setAttribute('role', this.role);
            this.setHtml(html);
        }
        /**
         * @override
         */
        focus() {
            let html = this.getHtml();
            html.setAttribute('tabindex', '0');
            html.focus();
        }
        /**
         * @override
         */
        unfocus() {
            let html = this.getHtml();
            if (html.hasAttribute('tabindex')) {
                html.setAttribute('tabindex', '-1');
            }
            html.blur();
        }
    }
    ContextMenu.MenuElement = MenuElement;
})(ContextMenu || (ContextMenu = {}));