JSDoc: Source: item_submenu.js

# Source: item_submenu.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 Class of separator items.
     *
     * @author volker.sorge@gmail.com (Volker Sorge)
     */
    /// <reference path="abstract_item.ts" />
    /// <reference path="sub_menu.ts" />
    var ContextMenu;
    (function (ContextMenu) {
        class Submenu extends ContextMenu.AbstractItem {
            /**
             * @constructor
             * @extends {AbstractItem}
             * @param {Menu} menu The context menu or sub-menu the item belongs to.
             * @param {string} content The content of the menu item.
             * @param {boolean} variable The variable that is changed.
             * @param {string=} id Optionally the id of the menu item.
             */
            constructor(menu, content, id) {
                super(menu, 'submenu', content, id);
                /**
                 * The sub menu object.
                 * @type {SubMenu}
                 */
                this.submenu = null;
            }
            /**
             * Parses a JSON respresentation of a submenu item.
             * @param {JSON} json The JSON object to parse.
             * @param {Menu} menu The menu the item is attached to.
             * @return {Submenu} The new submenu object.
             */
            static parse({ content: content, menu: submenu, id: id }, menu) {
                let item = new Submenu(menu, content, id);
                item.setSubmenu(ContextMenu.SubMenu.parse(submenu, item));
                return item;
            }
            /**
             * Sets the submenu.
             * @param {Menu} menu A menu.
             */
            setSubmenu(menu) {
                this.submenu = menu;
            }
            /**
             * Returns the submenu element.
             * @return {Menu} The submenu.
             */
            getSubmenu() {
                return this.submenu;
            }
            /**
             * @override
             */
            mouseover(event) {
                this.focus();
                this.stop(event);
            }
            /**
             * @override
             */
            mouseout(event) {
                this.stop(event);
            }
            /**
             * @override
             */
            unfocus() {
                if (!this.submenu.isPosted()) {
                    super.unfocus();
                    return;
                }
                if (this.getMenu().getFocused() !== this) {
                    super.unfocus();
                    this.getMenu().unpostSubmenus();
                    return;
                }
                this.getHtml().setAttribute('tabindex', '-1');
                this.getHtml().blur();
            }
            /**
             * @override
             */
            focus() {
                super.focus();
                if (!this.submenu.isPosted() && !this.disabled) {
                    this.submenu.post();
                }
            }
            /**
             * @override
             */
            executeAction() {
                this.submenu.isPosted() ? this.submenu.unpost() : this.submenu.post();
            }
            /**
             * @override
             */
            generateHtml() {
                super.generateHtml();
                let html = this.getHtml();
                this.span = document.createElement('span');
                this.span.textContent = '\u25BA';
                this.span.classList.add(ContextMenu.HtmlClasses['MENUARROW']);
                html.appendChild(this.span);
                html.setAttribute('aria-haspopup', 'true');
            }
            /**
             * @override
             */
            left(event) {
                if (this.getSubmenu().isPosted()) {
                    this.getSubmenu().unpost();
                }
                else {
                    super.left(event);
                }
            }
            /**
             * @override
             */
            right(event) {
                if (!this.getSubmenu().isPosted()) {
                    this.getSubmenu().post();
                }
                else {
                    this.getSubmenu().down(event);
                }
            }
        }
        ContextMenu.Submenu = Submenu;
    })(ContextMenu || (ContextMenu = {}));