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 = {}));