@openui5/sap.ui.webc.main 1.111.0 → 1.112.0

package/src/sap/ui/webc/main/thirdparty/Menu.js

@@ -14,9 +14,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Icon = _interopRequireDefault(_Icon);
   _MenuTemplate = _interopRequireDefault(_MenuTemplate);
   _Menu = _interopRequireDefault(_Menu);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -24,9 +22,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    */
   const metadata = {
     tag: "ui5-menu",
-    properties:
-    /** @lends sap.ui.webcomponents.main.Menu.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Menu.prototype */{
       /**
        * Defines the header text of the menu (displayed on mobile).
        * @type {string}
@@ -36,7 +32,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       headerText: {
         type: String
       },
-
       /**
        * Defines if the menu is sub-menu (not first-level).
        * @type {boolean}
@@ -47,7 +42,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Boolean,
         noAttribute: true
       },
-
       /**
        * Stores parent menu item (if there is such).
        * @type {object}
@@ -56,7 +50,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _parentMenuItem: {
         type: Object
       },
-
       /**
        * Stores menu item that have sub-menu opened.
        * @type {object}
@@ -65,7 +58,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _openedSubMenuItem: {
         type: Object
       },
-
       /**
        * Stores id of a list item that opened sub-menu.
        * @type {string}
@@ -74,7 +66,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _subMenuOpenerId: {
         type: String
       },
-
       /**
        * Defines the currently available menu items.
        * (in case of non-phone devices these are the items of the menu,
@@ -87,7 +78,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Object,
         multiple: true
       },
-
       /**
        * Stores a list of parent menu items for each sub-menu (on phone).
        * @type {array}
@@ -97,7 +87,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Object,
         multiple: true
       },
-
       /**
        * Stores a responsive popover when it is opened.
        * @type {object}
@@ -108,9 +97,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Menu.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Menu.prototype */{
       /**
        * Defines the items of this component.
        *
@@ -124,9 +111,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         invalidateOnChildChange: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Menu.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.Menu.prototype */{
       /**
        * Fired when an item is being clicked.
        *
@@ -147,6 +132,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -185,156 +171,121 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @since 1.3.0
    * @public
    */
-
   class Menu extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get staticAreaStyles() {
       return _Menu.default;
     }
-
     static get staticAreaTemplate() {
       return _MenuTemplate.default;
     }
-
     static get dependencies() {
       return [_ResponsivePopover.default, _Button.default, _List.default, _StandardListItem.default, _Icon.default];
     }
-
     static async onDefine() {
       Menu.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     get itemsWithChildren() {
       return !!this._currentItems.filter(item => item.item.items.length).length;
     }
-
     get itemsWithIcon() {
       return !!this._currentItems.filter(item => item.item.icon !== "").length;
     }
-
     get isRtl() {
       return this.effectiveDir === "rtl";
     }
-
     get placementType() {
       const placement = this.isRtl ? "Left" : "Right";
       return this._isSubMenu ? placement : "Bottom";
     }
-
     get verticalAlign() {
       return this._isSubMenu ? "Top" : "Bottom";
     }
-
     get labelBack() {
       return Menu.i18nBundle.getText(_i18nDefaults.MENU_BACK_BUTTON_ARIA_LABEL);
     }
-
     get labelClose() {
       return Menu.i18nBundle.getText(_i18nDefaults.MENU_CLOSE_BUTTON_ARIA_LABEL);
     }
-
     get isPhone() {
       return (0, _Device.isPhone)();
     }
-
     get isSubMenuOpened() {
       return !!this._parentMenuItem;
     }
-
     get menuHeaderTextPhone() {
       return this.isSubMenuOpened ? this._parentMenuItem.text : this.headerText;
     }
-
     onBeforeRendering() {
       !(0, _Device.isPhone)() && this._prepareCurrentItems(this.items);
       const itemsWithChildren = this.itemsWithChildren;
       const itemsWithIcon = this.itemsWithIcon;
-
       this._currentItems.forEach(item => {
         item.item._siblingsWithChildren = itemsWithChildren;
         item.item._siblingsWithIcon = itemsWithIcon;
       });
     }
+
     /**
      * Shows the Menu near the opener element.
      * @param {HTMLElement} opener the element that the popover is shown at
      * @public
      */
-
-
     async showAt(opener) {
       if ((0, _Device.isPhone)()) {
         this._prepareCurrentItems(this.items);
-
         this._parentItemsStack = [];
       }
-
       if (!this._isSubMenu) {
         this._parentMenuItem = undefined;
       }
-
       await this._getPopover();
       this._popover.initialFocus = "";
-
       for (let index = 0; index < this._currentItems.length; index++) {
         if (!this._currentItems[index].item.disabled) {
           this._popover.initialFocus = `${this._id}-menu-item-${index}`;
           break;
         }
       }
-
       this._popover.showAt(opener);
     }
+
     /**
      * Closes the Menu.
      * @public
      */
-
-
     close() {
       if (Object.keys(this._popover).length) {
         if ((0, _Device.isPhone)()) {
           this._parentItemsStack = [];
         }
-
         this._popover.close();
-
         this._popover.resetFocus();
       }
     }
-
     async _getPopover() {
       this._popover = (await this.getStaticAreaItemDomRef()).querySelector("[ui5-responsive-popover]");
       return this._popover;
     }
-
     _beforePopoverClose() {
       if (Object.keys(this._openedSubMenuItem).length) {
         this._openedSubMenuItem._preventSubMenuClose = false;
-
         this._closeItemSubMenu(this._openedSubMenuItem);
       }
     }
-
     _navigateBack() {
       const parentMenuItem = this._parentItemsStack.pop();
-
       this.focus();
-
       if (parentMenuItem) {
         this._prepareCurrentItems(parentMenuItem.parentElement.items);
-
         this._parentMenuItem = this._parentItemsStack.length ? this._parentItemsStack[this._parentItemsStack.length - 1] : undefined;
       }
     }
-
     _prepareCurrentItems(items) {
       this._currentItems = items.map((item, index) => {
         return {
@@ -344,7 +295,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         };
       });
     }
-
     _createSubMenu(item, openerId) {
       const subMenu = document.createElement(this.constructor.getMetadata().getTag());
       const fragment = document.createDocumentFragment();
@@ -353,41 +303,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       subMenu._parentMenuItem = item;
       const subItems = item.children;
       let clonedItem, idx;
-
       for (idx = 0; idx < subItems.length; idx++) {
         clonedItem = subItems[idx].cloneNode(true);
         fragment.appendChild(clonedItem);
       }
-
       subMenu.appendChild(fragment);
       this.staticAreaItem.shadowRoot.querySelector(".ui5-menu-submenus").appendChild(subMenu);
       item._subMenu = subMenu;
     }
-
     _openItemSubMenu(item, opener, actionId) {
       item._subMenu.showAt(opener);
-
       item._preventSubMenuClose = true;
       this._openedSubMenuItem = item;
       this._subMenuOpenerId = actionId;
     }
-
     _closeItemSubMenu(item, forceClose) {
       if (Object.keys(item).length) {
         if (forceClose) {
           item._preventSubMenuClose = false;
-
           this._closeSubMenuPopover(item._subMenu, true);
         } else {
           setTimeout(() => this._closeSubMenuPopover(item._subMenu), 0);
         }
       }
     }
-
     _closeSubMenuPopover(subMenu, forceClose) {
       if (subMenu && Object.keys(subMenu).length) {
         const parentItem = subMenu._parentMenuItem;
-
         if (forceClose || !parentItem._preventSubMenuClose) {
           subMenu.close();
           subMenu.remove();
@@ -397,33 +339,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       }
     }
-
     _prepareSubMenuDesktopTablet(item, opener, actionId) {
       if (actionId !== this._subMenuOpenerId || item.hasChildren) {
         // close opened sub-menu if there is any opened
         this._closeItemSubMenu(this._openedSubMenuItem, true);
       }
-
       if (item.hasChildren) {
         // create new sub-menu
         this._createSubMenu(item, actionId);
-
         this._openItemSubMenu(item, opener, actionId);
       }
-
       if (this._parentMenuItem) {
         this._parentMenuItem._preventSubMenuClose = true;
       }
     }
-
     _prepareSubMenuPhone(item) {
       this._prepareCurrentItems(item.items);
-
       this._parentMenuItem = item;
-
       this._parentItemsStack.push(item);
     }
-
     _itemMouseOver(event) {
       if ((0, _Device.isDesktop)()) {
         // respect mouseover only on desktop
@@ -431,33 +365,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         const item = opener.associatedItem;
         const hoverId = opener.getAttribute("id");
         opener.focus();
-
         this._prepareSubMenuDesktopTablet(item, opener, hoverId);
       }
     }
-
     _itemMouseOut(event) {
       if ((0, _Device.isDesktop)()) {
         // respect mouseover only on desktop
         const item = event.target.associatedItem;
-
         if (item.hasChildren && item._subMenu) {
           // try to close the sub-menu
           item._preventSubMenuClose = false;
-
           this._closeItemSubMenu(item);
         }
       }
     }
-
     _itemKeyDown(event) {
       const isMenuClose = this.isRtl ? (0, _Keys.isRight)(event) : (0, _Keys.isLeft)(event);
       const isMenuOpen = this.isRtl ? (0, _Keys.isLeft)(event) : (0, _Keys.isRight)(event);
-
       if ((0, _Keys.isEnter)(event)) {
         event.preventDefault();
       }
-
       if (isMenuOpen) {
         const opener = event.target;
         const item = opener.associatedItem;
@@ -467,38 +394,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this._parentMenuItem.parentElement._closeItemSubMenu(this._parentMenuItem, true);
       }
     }
-
     _itemClick(event) {
       const opener = event.detail.item;
       const item = opener.associatedItem;
       const actionId = opener.getAttribute("id");
-
       if (!item.hasChildren) {
         // click on an item that doesn't have sub-items fires an "item-click" event
         if (!this._isSubMenu) {
           if ((0, _Device.isPhone)()) {
             this._parentMenuItem = undefined;
-          } // fire event if the click is on top-level menu item
-
-
+          }
+          // fire event if the click is on top-level menu item
           this.fireEvent("item-click", {
             "item": item,
             "text": item.text
           });
-
           this._popover.close();
         } else {
           // find top-level menu and redirect event to it
           let parentMenu = item.parentElement;
-
           while (parentMenu._parentMenuItem) {
             parentMenu._parentMenuItem._preventSubMenuClose = false;
-
             this._closeItemSubMenu(parentMenu._parentMenuItem);
-
             parentMenu = parentMenu._parentMenuItem.parentElement;
           }
-
           parentMenu._itemClick(event);
         }
       } else if ((0, _Device.isPhone)()) {
@@ -509,9 +428,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this._prepareSubMenuDesktopTablet(item, opener, actionId);
       }
     }
-
   }
-
   Menu.define();
   var _default = Menu;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/MenuItem.js

@@ -6,17 +6,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    * @public
    */
   const metadata = {
     tag: "ui5-menu-item",
-    properties:
-    /** @lends sap.ui.webcomponents.main.MenuItem.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.MenuItem.prototype */{
       /**
        * Defines the text of the tree item.
        *
@@ -27,7 +23,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       text: {
         type: String
       },
-
       /**
        * Defines the icon to be displayed as graphical element within the component.
        * The SAP-icons font provides numerous options.
@@ -42,7 +37,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       icon: {
         type: String
       },
-
       /**
        * Defines whether a visual separator should be rendered before the item.
        *
@@ -53,7 +47,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       startsSection: {
         type: Boolean
       },
-
       /**
        * Defines whether <code>ui5-menu-item</code> is in disabled state.
        * <br><br>
@@ -65,7 +58,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       disabled: {
         type: Boolean
       },
-
       /**
        * Indicates if the any of the element siblings have children items.
        * @type {boolean}
@@ -75,7 +67,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
         type: Boolean,
         noAttribute: true
       },
-
       /**
        * Indicates if the any of the element siblings have icon.
        * @type {boolean}
@@ -85,7 +76,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
         type: Boolean,
         noAttribute: true
       },
-
       /**
        * Stores Menu object with submenu items
        * @type {object}
@@ -94,7 +84,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       _subMenu: {
         type: Object
       },
-
       /**
        * Defines whether the submenu closing must be prevented
        * @type {boolean}
@@ -106,9 +95,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.MenuItem.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.MenuItem.prototype */{
       /**
        * Defines the items of this component.
        *
@@ -123,6 +110,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       }
     }
   };
+
   /**
    * @class
    *
@@ -151,26 +139,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
    * @since 1.3.0
    * @public
    */
-
   class MenuItem extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     get hasChildren() {
       return !!this.items.length;
     }
-
     get hasDummyIcon() {
       return this._siblingsWithIcon && !this.icon;
     }
-
     get subMenuOpened() {
       return !!Object.keys(this._subMenu).length;
     }
-
   }
-
   MenuItem.define();
   var _default = MenuItem;
   _exports.default = _default;