devextreme/dist/transpiled/ui/toolbar/ui.toolbar.strategy.drop_down_menu.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var extend = require("../../core/utils/extend").extend,
    ToolbarStrategy = require("./ui.toolbar.strategy"),
    ToolbarMenu = require("./ui.toolbar.menu"),
    DropDownMenu = require("../drop_down_menu");

var MENU_INVISIBLE_CLASS = "dx-state-invisible";

var DropDownMenuStrategy = ToolbarStrategy.inherit({

    NAME: "dropDownMenu",

    render: function render() {
        if (!this._hasVisibleMenuItems()) {
            return;
        }

        this._renderMenuButtonContainer();
        this._renderWidget();
    },

    renderMenuItems: function renderMenuItems() {
        if (!this._menu) {
            this.render();
        }

        this.callBase();
        if (this._menu && !this._menu.option("items").length) {
            this._menu.close();
        }
    },

    _menuWidgetClass: function _menuWidgetClass() {
        return DropDownMenu;
    },

    _widgetOptions: function _widgetOptions() {
        var that = this;
        return extend(this.callBase(), {
            deferRendering: true,
            menuWidget: ToolbarMenu,
            onOptionChanged: function onOptionChanged(e) {
                if (e.name === "items") {
                    that._updateMenuVisibility(e.value);
                }
            },
            popupPosition: {
                at: "bottom right",
                my: "top right"
            }
        });
    },

    _updateMenuVisibility: function _updateMenuVisibility(menuItems) {
        var items = menuItems || this._getMenuItems(),
            isMenuVisible = items.length && this._hasVisibleMenuItems(items);
        this._toggleMenuVisibility(isMenuVisible);
    },

    _toggleMenuVisibility: function _toggleMenuVisibility(value) {
        if (!this._menuContainer()) {
            return;
        }

        this._menuContainer().toggleClass(MENU_INVISIBLE_CLASS, !value);
    },

    _menuContainer: function _menuContainer() {
        return this._$menuButtonContainer;
    }

});

module.exports = DropDownMenuStrategy;