@openui5/sap.ui.webc.fiori 1.115.1 → 1.116.0

package/src/sap/ui/webc/fiori/thirdparty/ShellBarItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer"], function (_exports, _UI5Element, _LitRenderer) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/customElement"], function (_exports, _UI5Element, _property, _event, _customElement) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,63 +6,17 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
-  _LitRenderer = _interopRequireDefault(_LitRenderer);
+  _property = _interopRequireDefault(_property);
+  _event = _interopRequireDefault(_event);
+  _customElement = _interopRequireDefault(_customElement);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-shellbar-item",
-    properties: /** @lends sap.ui.webcomponents.fiori.ShellBarItem.prototype */{
-      /**
-       * Defines the name of the item's icon.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      icon: {
-        type: String
-      },
-      /**
-       * Defines the item text.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      text: {
-        type: String
-      },
-      /**
-       * Defines the count displayed in the top-right corner.
-       * @type {string}
-       * @defaultValue ""
-       * @since 1.0.0-rc.6
-       * @public
-       */
-      count: {
-        type: String
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.ShellBarItem.prototype */{
-      /**
-       * Fired, when the item is pressed.
-       *
-       * @event sap.ui.webcomponents.fiori.ShellBarItem#click
-       * @allowPreventDefault
-       * @param {HTMLElement} targetRef DOM ref of the clicked element
-       * @public
-       * @native
-       */
-      "click": {
-        detail: {
-          targetRef: {
-            type: HTMLElement
-          }
-        }
-      }
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
   /**
    * @class
    * The <code>ui5-shellbar-item</code> represents a custom item, that
@@ -70,25 +24,45 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * <br><br>
    * <h3>ES6 Module Import</h3>
    * <code>import "@ui5/webcomponents-fiori/dist/ShellBarItem";</code>
+   *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.ShellBarItem
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.fiori.ShellBarItem
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @tagname ui5-shellbar-item
-   * @implements sap.ui.webcomponents.fiori.IShellBarItem
+   * @implements sap.ui.webc.fiori.IShellBarItem
    * @public
    */
-  class ShellBarItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
+  let ShellBarItem = class ShellBarItem extends _UI5Element.default {
     get stableDomRef() {
       return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
     }
-  }
+    fireClickEvent(e) {
+      return this.fireEvent("click", {
+        targetRef: e.target
+      }, true);
+    }
+  };
+  __decorate([(0, _property.default)()], ShellBarItem.prototype, "icon", void 0);
+  __decorate([(0, _property.default)()], ShellBarItem.prototype, "text", void 0);
+  __decorate([(0, _property.default)()], ShellBarItem.prototype, "count", void 0);
+  ShellBarItem = __decorate([(0, _customElement.default)("ui5-shellbar-item")
+  /**
+   * Fired, when the item is pressed.
+   *
+   * @event sap.ui.webc.fiori.ShellBarItem#click
+   * @allowPreventDefault
+   * @param {HTMLElement} targetRef DOM ref of the clicked element
+   * @public
+   * @native
+   */, (0, _event.default)("click", {
+    detail: {
+      targetRef: {
+        type: HTMLElement
+      }
+    }
+  })], ShellBarItem);
   ShellBarItem.define();
   var _default = ShellBarItem;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/SideNavigation.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/main/thirdparty/ResponsivePopover", "sap/ui/webc/main/thirdparty/List", "sap/ui/webc/main/thirdparty/StandardListItem", "sap/ui/webc/main/thirdparty/Tree", "sap/ui/webc/main/thirdparty/TreeItem", "./generated/templates/SideNavigationTemplate.lit", "./generated/templates/SideNavigationItemPopoverContentTemplate.lit", "./generated/themes/SideNavigation.css", "./generated/themes/SideNavigationPopover.css"], function (_exports, _UI5Element, _LitRenderer, _ResponsivePopover, _List, _StandardListItem, _Tree, _TreeItem, _SideNavigationTemplate, _SideNavigationItemPopoverContentTemplate, _SideNavigation, _SideNavigationPopover) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/main/thirdparty/ResponsivePopover", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/main/thirdparty/List", "sap/ui/webc/main/thirdparty/StandardListItem", "sap/ui/webc/main/thirdparty/Tree", "sap/ui/webc/main/thirdparty/TreeItem", "./SideNavigationItem", "./SideNavigationSubItem", "./generated/templates/SideNavigationTemplate.lit", "./generated/templates/SideNavigationPopoverTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/SideNavigation.css", "./generated/themes/SideNavigationPopover.css"], function (_exports, _UI5Element, _customElement, _LitRenderer, _ResponsivePopover, _event, _property, _slot, _i18nBundle, _List, _StandardListItem, _Tree, _TreeItem, _SideNavigationItem, _SideNavigationSubItem, _SideNavigationTemplate, _SideNavigationPopoverTemplate, _i18nDefaults, _SideNavigation, _SideNavigationPopover) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,107 +6,31 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _ResponsivePopover = _interopRequireDefault(_ResponsivePopover);
+  _event = _interopRequireDefault(_event);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
   _List = _interopRequireDefault(_List);
   _StandardListItem = _interopRequireDefault(_StandardListItem);
   _Tree = _interopRequireDefault(_Tree);
   _TreeItem = _interopRequireDefault(_TreeItem);
+  _SideNavigationItem = _interopRequireDefault(_SideNavigationItem);
+  _SideNavigationSubItem = _interopRequireDefault(_SideNavigationSubItem);
   _SideNavigationTemplate = _interopRequireDefault(_SideNavigationTemplate);
-  _SideNavigationItemPopoverContentTemplate = _interopRequireDefault(_SideNavigationItemPopoverContentTemplate);
+  _SideNavigationPopoverTemplate = _interopRequireDefault(_SideNavigationPopoverTemplate);
   _SideNavigation = _interopRequireDefault(_SideNavigation);
   _SideNavigationPopover = _interopRequireDefault(_SideNavigationPopover);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-side-navigation",
-    managedSlots: true,
-    fastNavigation: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */{
-      /**
-       * Defines whether the <code>ui5-side-navigation</code> is expanded or collapsed.
-       *
-       * @public
-       * @type {boolean}
-       * @defaultvalue false
-       */
-      collapsed: {
-        type: Boolean
-      },
-      /**
-       * @private
-       */
-      _popoverContent: {
-        type: Object
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */{
-      /**
-       * Defines the main items of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component
-       * for the top-level items, and the <code>ui5-side-navigation-sub-item</code> component for second-level items, nested
-       * inside the items.
-       *
-       * @public
-       * @type {sap.ui.webcomponents.fiori.ISideNavigationItem[]}
-       * @slot items
-       */
-      "default": {
-        propertyName: "items",
-        invalidateOnChildChange: true,
-        type: HTMLElement
-      },
-      /**
-       * Defines the header of the <code>ui5-side-navigation</code>.
-       *
-       * <br><br>
-       * <b>Note:</b> The header is displayed when the component is expanded - the property <code>collapsed</code> is false;
-       *
-       * @public
-       * @type {HTMLElement[]}
-       * @since 1.0.0-rc.11
-       * @slot
-       */
-      header: {
-        type: HTMLElement
-      },
-      /**
-       * Defines the fixed items at the bottom of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component
-       * for the fixed items, and optionally the <code>ui5-side-navigation-sub-item</code> component to provide second-level items inside them.
-       *
-       * <b>Note:</b> In order to achieve the best user experience, it is recommended that you keep the fixed items "flat" (do not pass sub-items)
-       *
-       * @public
-       * @type {sap.ui.webcomponents.fiori.ISideNavigationItem[]}
-       * @slot
-       */
-      fixedItems: {
-        type: HTMLElement,
-        invalidateOnChildChange: true
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */{
-      /**
-       * Fired when the selection has changed via user interaction
-       *
-       * @event sap.ui.webcomponents.fiori.SideNavigation#selection-change
-       * @param {HTMLElement} item the clicked item.
-       * @allowPreventDefault
-       * @public
-       */
-      "selection-change": {
-        detail: {
-          item: {
-            type: HTMLElement
-          }
-        }
-      }
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
+  var SideNavigation_1;
   /**
    * @class
    *
@@ -144,48 +68,28 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.SideNavigation
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.SideNavigation
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-side-navigation
    * @since 1.0.0-rc.8
-   * @appenddocs SideNavigationItem SideNavigationSubItem
+   * @appenddocs sap.ui.webc.fiori.SideNavigationItem sap.ui.webc.fiori.SideNavigationSubItem
    * @public
    */
-  class SideNavigation extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get staticAreaStyles() {
-      return [_SideNavigationPopover.default];
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _SideNavigation.default;
-    }
-    static get template() {
-      return _SideNavigationTemplate.default;
-    }
-    static get staticAreaTemplate() {
-      return _SideNavigationItemPopoverContentTemplate.default;
-    }
-    static get dependencies() {
-      return [_List.default, _StandardListItem.default, _Tree.default, _TreeItem.default, _ResponsivePopover.default];
-    }
-    onBeforeRendering() {
-      this._items = this.items.map(item => {
-        return {
-          item,
-          selected: item.items.some(subItem => subItem.selected) && this.collapsed || item.selected
-        };
-      });
-      this._fixedItems = this.fixedItems.map(item => {
+  let SideNavigation = SideNavigation_1 = class SideNavigation extends _UI5Element.default {
+    constructor() {
+      super(...arguments);
+      this._createTreeItem = item => {
         return {
           item,
           selected: item.items.some(subItem => subItem.selected) && this.collapsed || item.selected
         };
-      });
+      };
+    }
+    get _items() {
+      return this.items.map(this._createTreeItem);
+    }
+    get _fixedItems() {
+      return this.fixedItems.map(this._createTreeItem);
     }
     _setSelectedItem(item) {
       if (!this.fireEvent("selection-change", {
@@ -199,16 +103,45 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       item.selected = true;
     }
     _buildPopoverContent(item) {
-      this._popoverContent = {
+      this._popoverContents = {
         mainItem: item,
         mainItemSelected: item.selected && !item.items.some(subItem => subItem.selected),
+        // add one as the first item is the main item
+        selectedSubItemIndex: item.items.findIndex(subItem => subItem.selected) + 1,
         subItems: item.items
       };
     }
-    handleTreeItemClick(event) {
-      const treeItem = event.detail.item;
+    async _onAfterOpen() {
+      // as the tree/list inside the popover is never destroyed,
+      // item navigation index should be managed, because items are
+      // dynamically recreated and tabIndexes are not updated
+      const tree = await this.getPickerTree();
+      const index = this._popoverContents.selectedSubItemIndex;
+      tree.focusItemByIndex(index);
+    }
+    get accSideNavigationPopoverHiddenText() {
+      return SideNavigation_1.i18nBundle.getText(_i18nDefaults.SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT);
+    }
+    get ariaRoleDescNavigationList() {
+      let key = _i18nDefaults.SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC;
+      if (this.collapsed) {
+        key = _i18nDefaults.SIDE_NAVIGATION_COLLAPSED_LIST_ARIA_ROLE_DESC;
+      }
+      return SideNavigation_1.i18nBundle.getText(key);
+    }
+    get ariaRoleDescNavigationListItem() {
+      let key = _i18nDefaults.SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC;
+      if (this.collapsed) {
+        key = _i18nDefaults.SIDE_NAVIGATION_COLLAPSED_LIST_ITEMS_ARIA_ROLE_DESC;
+      }
+      return SideNavigation_1.i18nBundle.getText(key);
+    }
+    handleTreeItemClick(e) {
+      const treeItem = e.detail.item;
       const item = treeItem.associatedItem;
-      if (!item.wholeItemToggleable) {
+      if (item instanceof _SideNavigationItem.default && !item.wholeItemToggleable) {
+        item.fireEvent("click");
+      } else if (item instanceof _SideNavigationSubItem.default) {
         item.fireEvent("click");
       } else {
         item.expanded = !item.expanded;
@@ -216,22 +149,27 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       if (item.selected && !this.collapsed) {
         return;
       }
-      if (this.collapsed && item.items.length) {
+      if (this.collapsed && item instanceof _SideNavigationItem.default && item.items.length) {
         this._buildPopoverContent(item);
-        const currentTree = this._itemsTree === event.target ? this._itemsTree : this._fixedItemsTree;
-        this.openPicker(currentTree._getListItemForTreeItem(treeItem));
-      } else {
+        let tree = this._itemsTree;
+        if (tree !== e.target) {
+          tree = this._fixedItemsTree;
+        }
+        this.openPicker(tree._getListItemForTreeItem(treeItem));
+      } else if (!item.selected) {
         this._setSelectedItem(item);
       }
     }
-    handleListItemClick(event) {
-      const listItem = event.detail.item;
-      const item = listItem.associatedItem;
-      item.fireEvent("click");
-      if (item.selected) {
+    handleInnerSelectionChange(e) {
+      const item = e.detail.item;
+      const {
+        associatedItem
+      } = item;
+      associatedItem.fireEvent("click");
+      if (associatedItem.selected) {
         return;
       }
-      this._setSelectedItem(item);
+      this._setSelectedItem(associatedItem);
       this.closePicker();
     }
     async getPicker() {
@@ -241,10 +179,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       const responsivePopover = await this.getPicker();
       responsivePopover.showAt(opener);
     }
-    async closePicker(opener) {
+    async closePicker() {
       const responsivePopover = await this.getPicker();
       responsivePopover.close();
     }
+    async getPickerTree() {
+      const picker = await this.getPicker();
+      const sideNav = picker.querySelector("[ui5-side-navigation]");
+      return sideNav._itemsTree;
+    }
     get hasHeader() {
       return !!this.header.length;
     }
@@ -271,7 +214,50 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       });
     }
-  }
+    static async onDefine() {
+      [SideNavigation_1.i18nBundle] = await Promise.all([(0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori"), super.onDefine()]);
+    }
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SideNavigation.prototype, "collapsed", void 0);
+  __decorate([(0, _property.default)({
+    type: Object
+  })], SideNavigation.prototype, "_popoverContents", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    invalidateOnChildChange: true,
+    "default": true
+  })], SideNavigation.prototype, "items", void 0);
+  __decorate([(0, _slot.default)()], SideNavigation.prototype, "header", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    invalidateOnChildChange: true
+  })], SideNavigation.prototype, "fixedItems", void 0);
+  SideNavigation = SideNavigation_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-side-navigation",
+    fastNavigation: true,
+    renderer: _LitRenderer.default,
+    template: _SideNavigationTemplate.default,
+    staticAreaTemplate: _SideNavigationPopoverTemplate.default,
+    styles: _SideNavigation.default,
+    staticAreaStyles: _SideNavigationPopover.default,
+    dependencies: [_List.default, _StandardListItem.default, _Tree.default, _TreeItem.default, _ResponsivePopover.default, _SideNavigationItem.default, _SideNavigationSubItem.default]
+  })
+  /**
+   * Fired when the selection has changed via user interaction
+   *
+   * @event sap.ui.webc.fiori.SideNavigation#selection-change
+   * @param {sap.ui.webc.fiori.ISideNavigationItem|sap.ui.webc.fiori.ISideNavigationSubItem} item the clicked item.
+   * @allowPreventDefault
+   * @public
+   */, (0, _event.default)("selection-change", {
+    detail: {
+      item: {
+        type: HTMLElement
+      }
+    }
+  })], SideNavigation);
   SideNavigation.define();
   var _default = SideNavigation;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/SideNavigationItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _UI5Element) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/main/thirdparty/types/HasPopup"], function (_exports, _UI5Element, _customElement, _event, _property, _slot, _HasPopup) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,99 +6,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _HasPopup = _interopRequireDefault(_HasPopup);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-side-navigation-item",
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.SideNavigationItem.prototype */{
-      /**
-       * Defines the text of the item.
-       *
-       * @public
-       * @type {string}
-       * @defaultvalue ""
-       */
-      text: {
-        type: String
-      },
-      /**
-       * Defines the icon of the item.
-       * <br><br>
-       *
-       * The SAP-icons font provides numerous options.
-       * <br>
-       * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
-       * @public
-       * @type {string}
-       * @defaultvalue ""
-       */
-      icon: {
-        type: String
-      },
-      /**
-       * Defines if the item is expanded
-       *
-       * @public
-       * @type {boolean}
-       * @defaultvalue false
-       */
-      expanded: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the subitem is selected
-       *
-       * @public
-       * @type {boolean}
-       * @defaultvalue false
-       */
-      selected: {
-        type: Boolean
-      },
-      /**
-       * Defines whether pressing the whole item or only pressing the icon will show/hide the items's sub items(if present).
-       * If set to true, pressing the whole item will toggle the sub items, and it won't fire the <code>click</code> event.
-       * By default, only pressing the arrow icon will toggle the sub items & the click event will be fired if the item is pressed outside of the icon.
-       *
-       * @public
-       * @type {boolean}
-       * @defaultvalue false
-       * @since 1.0.0-rc.11
-       */
-      wholeItemToggleable: {
-        type: Boolean
-      },
-      /**
-       * Defines the tooltip of the component.
-       * @type {string}
-       * @defaultvalue ""
-       * @private
-       * @since 1.0.0-rc.16
-       */
-      title: {
-        type: String
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.SideNavigationItem.prototype */{},
-    slots: /** @lends sap.ui.webcomponents.fiori.SideNavigationItem.prototype */{
-      /**
-       * If you wish to nest menus, you can pass inner menu items to the default slot.
-       *
-       * @type {sap.ui.webcomponents.fiori.ISideNavigationSubItem[]}
-       * @public
-       * @slot items
-       */
-      "default": {
-        propertyName: "items",
-        invalidateOnChildChange: true,
-        type: HTMLElement
-      }
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
   /**
    * @class
    *
@@ -113,21 +33,53 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.SideNavigationItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.SideNavigationItem
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @tagname ui5-side-navigation-item
    * @public
+   * @implements sap.ui.webc.fiori.ISideNavigationItem
    * @since 1.0.0-rc.8
-   * @implements sap.ui.webcomponents.fiori.ISideNavigationItem
    */
-  class SideNavigationItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
+  let SideNavigationItem = class SideNavigationItem extends _UI5Element.default {
     get _tooltip() {
       return this.title || this.text;
     }
-  }
+    get _ariaHasPopup() {
+      if (this.parentNode.collapsed && this.items.length) {
+        return _HasPopup.default.Tree;
+      }
+      return undefined;
+    }
+  };
+  __decorate([(0, _property.default)()], SideNavigationItem.prototype, "text", void 0);
+  __decorate([(0, _property.default)()], SideNavigationItem.prototype, "icon", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SideNavigationItem.prototype, "expanded", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SideNavigationItem.prototype, "selected", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SideNavigationItem.prototype, "wholeItemToggleable", void 0);
+  __decorate([(0, _property.default)()], SideNavigationItem.prototype, "title", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SideNavigationItem.prototype, "_fixed", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    invalidateOnChildChange: true,
+    "default": true
+  })], SideNavigationItem.prototype, "items", void 0);
+  SideNavigationItem = __decorate([(0, _customElement.default)("ui5-side-navigation-item")
+  /**
+   * Fired when the component is activated either with a
+   * click/tap or by using the Enter or Space key.
+   *
+   * @event sap.ui.webc.fiori.SideNavigationItem#click
+   * @public
+   */, (0, _event.default)("click")], SideNavigationItem);
   SideNavigationItem.define();
   var _default = SideNavigationItem;
   _exports.default = _default;