@sapudex/web-components 0.224.0 → 2.0.0

package/dist/SearchableListBase.js

@@ -6,14 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 var UDExSearchableListBase_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { isDown, isUp, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { cleanLabel } from "./utils/listItemLabelUtils.js";
-import { ListMode } from "./types/List.js";
+import { UDExListMode } from "./types/List.js";
 import { SHOW_SEARCH_AFTER_COUNT } from "./types/SearchableListBase.js";
 import { NO_MATCHES_FOUND } from "./generated/i18n/i18n-defaults.js";
 /**
@@ -30,12 +29,32 @@ import { NO_MATCHES_FOUND } from "./generated/i18n/i18n-defaults.js";
 /**
  * Fired event when the user click on an item on the list.
  *
- * @event sap.ui.webc.web-components.UDExSearchableListBase#selectionChange
  * @public
  */
 let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableListBase extends UI5Element {
     constructor() {
         super();
+        /**
+         * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
+         *
+         * @default 1000
+         * @public
+         */
+        this.busyDelay = 1000;
+        /**
+         * Defines the mode of the component.
+         *
+         * @default "SingleSelect"
+         * @public
+         */
+        this.mode = UDExListMode.SingleSelect;
+        /**
+         * Defines the default accessible role for the list componnet.
+         *
+         * @default "list"
+         * @public
+         */
+        this.defaultAccessibleRole = "list";
         this._shouldFilterItems = false;
         this._filteredItems = [];
     }
@@ -115,17 +134,17 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
         const searchValue = e.detail.value;
         this._shouldFilterItems = true;
         this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);
-        this.fireEvent("change-search", { value: searchValue });
+        this.fireDecoratorEvent("change-search", { value: searchValue });
     }
     onReset() {
         this.revertSelectedItems(this.selectedItems);
     }
     onResetSearch() {
         this.resetSearch();
-        this.fireEvent("reset-search");
+        this.fireDecoratorEvent("reset-search");
     }
     onSubmitSearch() {
-        this.fireEvent("submit-search", {
+        this.fireDecoratorEvent("submit-search", {
             selectedItems: this.selectedItems,
         });
     }
@@ -218,7 +237,7 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
         return menuItem;
     }
     fireSelectionChange(itemId) {
-        this.fireEvent("selection-change", {
+        this.fireDecoratorEvent("selection-change", {
             selectedItems: this.selectedItems,
             item: this.getItemFromList(itemId),
         });
@@ -281,7 +300,7 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
         });
     }
     get getNoResultText() {
-        const hasTextProperty = this.noResultText !== "undefined" && this.noResultText.length > 0;
+        const hasTextProperty = this.noResultText !== undefined && this.noResultText.length > 0;
         return hasTextProperty ? this.noResultText : UDExSearchableListBase_1.i18nBundle.getText(NO_MATCHES_FOUND);
     }
     get isListEmpty() {
@@ -291,17 +310,17 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
         return this.getSlottedItems(this.items).filter(({ selected }) => selected);
     }
     get modeMultiSelect() {
-        return this.mode === ListMode.MultiSelect;
+        return this.mode === UDExListMode.MultiSelect;
     }
     get modeSingleSelect() {
-        return this.mode === ListMode.SingleSelect;
+        return this.mode === UDExListMode.SingleSelect;
     }
     get modeRadioGroup() {
-        return this.mode === ListMode.RadioGroup;
+        return this.mode === UDExListMode.RadioGroup;
     }
     get isControlled() {
         const isGrouping = this.items.some(({ isGroup }) => isGroup);
-        return this.mode === ListMode.MultiSelect && isGrouping;
+        return this.mode === UDExListMode.MultiSelect && isGrouping;
     }
     get additionalClassName() {
         return `udex-searchable-list__header`;
@@ -320,15 +339,21 @@ let UDExSearchableListBase = UDExSearchableListBase_1 = class UDExSearchableList
     get accessibleRoleForList() {
         return this._filteredItems.some(element => element.isGroup) ? "group" : this.defaultAccessibleRole;
     }
-    static async onDefine() {
-        UDExSearchableListBase_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
+    get listItemRole() {
+        if (this.accessibleRoleForList === "list") {
+            return "listitem";
+        }
+        if (this.accessibleRoleForList === "listbox") {
+            return "option";
+        }
+        return "none";
     }
 };
 __decorate([
     property({ type: Boolean })
 ], UDExSearchableListBase.prototype, "busy", void 0);
 __decorate([
-    property({ type: Number, defaultValue: 1000, validator: Integer })
+    property({ type: Number })
 ], UDExSearchableListBase.prototype, "busyDelay", void 0);
 __decorate([
     property()
@@ -343,64 +368,50 @@ __decorate([
     property()
 ], UDExSearchableListBase.prototype, "selectAllLabel", void 0);
 __decorate([
-    property({ type: ListMode, defaultValue: ListMode.SingleSelect })
+    property()
 ], UDExSearchableListBase.prototype, "mode", void 0);
 __decorate([
     slot({ type: HTMLElement, "default": true, invalidateOnChildChange: true })
 ], UDExSearchableListBase.prototype, "items", void 0);
 __decorate([
-    property({ type: String, defaultValue: "list" })
+    property({ type: String })
 ], UDExSearchableListBase.prototype, "defaultAccessibleRole", void 0);
 __decorate([
     property({ type: Object })
 ], UDExSearchableListBase.prototype, "_filteredItems", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExSearchableListBase, "i18nBundle", void 0);
 UDExSearchableListBase = UDExSearchableListBase_1 = __decorate([
-    event("selection-change", {
-        detail: {
-            selectedItems: { type: Array },
-            item: { type: HTMLElement },
-        },
-    })
+    event("selection-change", { bubbles: true })
     /**
      * Fired event when the user clicks on the Select All header.
      *
-     * @event sap.ui.webc.web-components.UDExSearchableListBase#selectAll
      * @public
      */
     ,
-    event("select-all")
+    event("select-all", { bubbles: true })
     /**
      * Fired event when the user clicks on the submitted icon in the search.
      *
-     * @event sap.ui.webc.web-components.UDExSearchableListBase#submitSearch
      * @public
      */
     ,
-    event("submit-search", {
-        detail: {
-            selectedItems: { type: Array },
-        },
-    })
+    event("submit-search", { bubbles: true })
     /**
      * Fired event when the user clicks on the reset button in the search.
      *
-     * @event sap.ui.webc.web-components.UDExSearchableListBase#resetSearch
      * @public
      */
     ,
-    event("reset-search")
+    event("reset-search", { bubbles: true })
     /**
      * Fired event when the user submitted the value in the search.
      *
-     * @event sap.ui.webc.web-components.UDExSearchableListBase#changeSearch
      * @public
      */
     ,
-    event("change-search", {
-        detail: {
-            value: { type: String },
-        },
-    })
+    event("change-search", { bubbles: true })
 ], UDExSearchableListBase);
 export default UDExSearchableListBase;
 //# sourceMappingURL=SearchableListBase.js.map

package/dist/SearchableListBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableListBase.js","sourceRoot":"","sources":["../src/SearchableListBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport {\n  isDown, isUp,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\nimport Search from \"./Search.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport { ListMode } from \"./types/List.js\";\nimport UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport { ProcessedItem, SHOW_SEARCH_AFTER_COUNT } from \"./types/SearchableListBase.js\";\nimport { NO_MATCHES_FOUND } from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n/**\n * Fired event when the user click on an item on the list.\n *\n * @event sap.ui.webc.web-components.UDExSearchableListBase#selectionChange\n * @public\n */\n@event(\"selection-change\", {\n  detail: {\n    selectedItems: { type: Array },\n    item: { type: HTMLElement },\n  },\n})\n\n/**\n * Fired event when the user clicks on the Select All header.\n *\n * @event sap.ui.webc.web-components.UDExSearchableListBase#selectAll\n * @public\n */\n@event(\"select-all\")\n\n/**\n * Fired event when the user clicks on the submitted icon in the search.\n *\n * @event sap.ui.webc.web-components.UDExSearchableListBase#submitSearch\n * @public\n */\n@event(\"submit-search\", {\n  detail: {\n    selectedItems: { type: Array },\n  },\n})\n\n/**\n * Fired event when the user clicks on the reset button in the search.\n *\n * @event sap.ui.webc.web-components.UDExSearchableListBase#resetSearch\n * @public\n */\n@event(\"reset-search\")\n\n/**\n * Fired event when the user submitted the value in the search.\n *\n * @event sap.ui.webc.web-components.UDExSearchableListBase#changeSearch\n * @public\n */\n@event(\"change-search\", {\n  detail: {\n    value: { type: String },\n  },\n})\n\nclass UDExSearchableListBase extends UI5Element {\n  /**\n   * Defines if the component would display a loading indicator.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    busy?: boolean;\n\n  /**\n   * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n   *\n   * @default 1000\n   * @public\n   */\n  @property({ type: Number, defaultValue: 1000, validator: Integer })\n    busyDelay?: number;\n\n  /**\n   * Defines the \"no result\" text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    noResultText!: string;\n\n  /**\n   * Defines the placeholder of the search.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    searchPlaceholder!: string;\n\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @default \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property({ type: ListMode, defaultValue: ListMode.SingleSelect })\n    mode!: `${ListMode}`;\n\n  /**\n   * Slot for items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n    items!: Array<UDExListItemBase | UDExListGroupHeaderBase>;\n\n  /**\n   * Defines the default accessible role for the list componnet.\n   *\n   * @default \"list\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"list\" })\n    defaultAccessibleRole!: string;\n\n  @property({ type: Object })\n    _filteredItems!: Array<ProcessedItem>;\n\n  _shouldFilterItems?: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._shouldFilterItems = false;\n    this._filteredItems = [];\n  }\n\n  onBeforeRendering() {\n    if (!this._shouldFilterItems) {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  onItemPress(e:CustomEvent) {\n    const dropdownItemId: string = e.detail.item.getAttribute(\"data-token-id\");\n    this.handleDropdownItemPress(dropdownItemId);\n    this.fireSelectionChange(dropdownItemId);\n  }\n\n  onFilterSelectAllHeaderPress(e:CustomEvent) {\n    const dropdownHeaderItemId = this.getDataTokenId(e);\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === dropdownHeaderItemId) {\n        this.activateHeaderAndSetAllItems(item as UDExListGroupHeaderBase);\n      }\n    });\n\n    this.syncFilteredItems();\n    this.fireSelectionChange(dropdownHeaderItemId);\n  }\n\n  activateHeaderAndSetAllItems(item: UDExListGroupHeaderBase) {\n    item.activateHeader();\n    item.setAllItems(false);\n  }\n\n  handleDropdownItemPress(dropdownItemId: string) {\n    this.getProcessedItems().forEach(({ item, groupItems, isGroup }) => {\n      if (isGroup) {\n        const groupItem: UDExListItemBase = groupItems.find(({ _id }) => _id === dropdownItemId)!;\n        if (groupItem) {\n          this.handleItemClick(groupItem);\n          this.handleGroupHeaderState(item as UDExListGroupHeaderBase);\n        }\n      } else if (item._id === dropdownItemId) {\n        this.handleItemClick(item);\n      }\n    });\n\n    this.syncFilteredItems();\n  }\n\n  handleItemClick(item: UDExListItemBase) {\n    if (this.modeSingleSelect) {\n      this.revertSelectedItems(this.selectedItems);\n    }\n\n    if (this.modeRadioGroup) {\n      const groupHeader = item.parentElement as UDExListGroupHeaderBase;\n      this.revertSelectedItems(groupHeader.getItems());\n    }\n\n    item.selected = !item.selected;\n  }\n\n  handleGroupHeaderState(groupHeader: UDExListGroupHeaderBase) {\n    if (this.modeMultiSelect) {\n      if (groupHeader.isFilterMenuSelectAllHeader) {\n        groupHeader.deactivateHeader();\n\n        if (groupHeader.isAllDeselected()) {\n          groupHeader.activateHeader();\n        }\n      } else {\n        groupHeader.handleHeaderState();\n      }\n    }\n  }\n\n  onHeaderPress(e:CustomEvent) {\n    const dropdownHeaderItemId = this.getDataTokenId(e);\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === dropdownHeaderItemId) {\n        (item as UDExListGroupHeaderBase).handleSelectionGroupState();\n      }\n    });\n\n    this.syncFilteredItems();\n    this.fireSelectionChange(dropdownHeaderItemId);\n  }\n\n  onSearch(e:CustomEvent) {\n    const searchValue: string = e.detail.value;\n    this._shouldFilterItems = true;\n    this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);\n    this.fireEvent(\"change-search\", { value: searchValue });\n  }\n\n  onReset() {\n    this.revertSelectedItems(this.selectedItems);\n  }\n\n  onResetSearch() {\n    this.resetSearch();\n    this.fireEvent(\"reset-search\");\n  }\n\n  onSubmitSearch() {\n    this.fireEvent(\"submit-search\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  /**\n   * Reset the search value.\n   * @public\n   */\n  resetSearch() {\n    const search = this.getSearch();\n    search.value = \"\";\n    this._filteredItems = this.filterItems(this.getProcessedItems(), \"\");\n  }\n\n  filterItems(items: Array<ProcessedItem>, str: string): Array<ProcessedItem> {\n    return items.filter(preparedItem => {\n      const { isGroup, item } = preparedItem;\n      if (isGroup) {\n        preparedItem.groupItems = this.filterItemsForLabel(preparedItem.groupItems, str);\n        return preparedItem.groupItems.length > 0;\n      }\n      return this.checkAndUpdateLabel(item, str);\n    });\n  }\n\n  filterItemsForLabel(groupItems: Array<UDExListItemBase>, str: string): Array<UDExListItemBase> {\n    return groupItems.filter(groupItem => this.checkAndUpdateLabel(groupItem, str));\n  }\n\n  checkAndUpdateLabel(item: UDExListItemBase | UDExListGroupHeaderBase, str: string): boolean {\n    const cleanedLabel = cleanLabel(item.label);\n    if (this.isIncludes(cleanedLabel, str)) {\n      item.label = this.addSearchTermTag(cleanedLabel, str);\n      return true;\n    }\n    return false;\n  }\n\n  addSearchTermTag(text: string, str: string): string {\n    return text.replace(new RegExp(`(${str})`, \"i\"), \"<b>$&</b>\");\n  }\n\n  isIncludes(string: string, value: string): boolean {\n    return string.toLowerCase().includes(value.toLowerCase());\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>) {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  syncFilteredItems() {\n    const search = this.getSearch();\n    if (this._shouldFilterItems) {\n      this._filteredItems = this.filterItems(this.getProcessedItems(), search.value);\n    } else {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isUp(e)) {\n      this.handlePreviousItemFocus(e);\n    }\n    if (isDown(e)) {\n      this.handleNextListItemFocus(e);\n    }\n  }\n\n  getSlottedItems(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    const arr: Array<UDExListItemBase | UDExListGroupHeaderBase> = [];\n    items.forEach(item => {\n      arr.push(item);\n      if (item.isGroup) {\n        arr.push(...(item as UDExListGroupHeaderBase).getItems());\n      }\n    });\n    return arr;\n  }\n\n  getItemFromList(itemId:string) {\n    let menuItem = null;\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i];\n\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        menuItem = groupItems.find(({ _id }) => _id === itemId);\n\n        if (menuItem) {\n          break;\n        }\n      } else if (item._id === itemId) {\n        menuItem = item;\n        break;\n      }\n    }\n\n    return menuItem;\n  }\n\n  fireSelectionChange(itemId: string) {\n    this.fireEvent(\"selection-change\", {\n      selectedItems: this.selectedItems,\n      item: this.getItemFromList(itemId),\n    });\n  }\n\n  // moves focus to next list item\n  handlePreviousItemFocus(e: KeyboardEvent) {\n    const item = e.target as HTMLElement;\n    const listItems = this.getDomListItems();\n    const currentSelectIndex = this.getCurrentIndex(item);\n    const previousSelectIndex = currentSelectIndex - 1;\n    if (currentSelectIndex > 0) {\n      e.preventDefault();\n      (listItems[previousSelectIndex] as HTMLElement).focus();\n    }\n  }\n\n  // moves focus to previous list item\n  handleNextListItemFocus(e: KeyboardEvent) {\n    const item = e.target as HTMLElement;\n    const listItems = this.getDomListItems();\n    const lastItemIndex = listItems.length - 1;\n    const currentSelectIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectIndex + 1;\n    if (nextSelectIndex <= lastItemIndex) {\n      e.preventDefault();\n      (listItems[nextSelectIndex] as HTMLElement).focus();\n    }\n  }\n\n  getCurrentIndex(item: Element): number {\n    return this.getDomListItems().indexOf(item);\n  }\n\n  getSearch(): Search {\n    return this.shadowRoot!.querySelector<Search>(\"[udex-search]\")!;\n  }\n\n  getDomListItems(): Element[] {\n    const elementList = this.shadowRoot!.querySelector(\"[udex-list]\") as HTMLElement;\n    return elementList ? Array.from(elementList.querySelectorAll(\"[udex-list-item]\")) : [];\n  }\n\n  setItemsModeAndControl(items: Array<UDExFilterMenuItem>) {\n    items.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n    });\n  }\n\n  getDataTokenId(e:CustomEvent): string {\n    return e.detail.item.getAttribute(\"data-token-id\") as string;\n  }\n\n  getProcessedItems(): Array<ProcessedItem> {\n    return this.items.map(item => {\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        this.setItemsModeAndControl(groupItems);\n      }\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n      return {\n        item,\n        groupItems: item.isGroup ? (item as UDExListGroupHeaderBase).getItems() : [],\n        isGroup: item.isGroup,\n      };\n    });\n  }\n\n  get getNoResultText(): string {\n    const hasTextProperty = this.noResultText !== \"undefined\" && this.noResultText.length > 0;\n    return hasTextProperty ? this.noResultText : UDExSearchableListBase.i18nBundle.getText(NO_MATCHES_FOUND);\n  }\n\n  get isListEmpty(): boolean {\n    return this._filteredItems.length === 0;\n  }\n\n  get selectedItems(): Array<UDExListItemBase> {\n    return this.getSlottedItems(this.items).filter(({ selected }) => selected);\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === ListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === ListMode.SingleSelect;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === ListMode.RadioGroup;\n  }\n\n  get isControlled(): boolean {\n    const isGrouping = this.items.some(({ isGroup }) => isGroup);\n    return this.mode === ListMode.MultiSelect && isGrouping;\n  }\n\n  get additionalClassName(): string {\n    return `udex-searchable-list__header`;\n  }\n\n  get groupClassName(): string {\n    const classHeader = `udex-searchable-list__header`;\n    return this.showSearch ? `${classHeader} udex-searchable-list__header_no-margin` : classHeader;\n  }\n\n  get showSearch(): boolean {\n    const items = this.getSlottedItems(this.items).filter(({ isGroup }) => !isGroup);\n    return items.length > SHOW_SEARCH_AFTER_COUNT && !this.modeRadioGroup;\n  }\n\n  get roleForGroupList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : \"none\";\n  }\n\n  get accessibleRoleForList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : this.defaultAccessibleRole;\n  }\n\n  static async onDefine(): Promise<void> {\n    UDExSearchableListBase.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n}\n\nexport default UDExSearchableListBase;\n"]}
+{"version":3,"file":"SearchableListBase.js","sourceRoot":"","sources":["../src/SearchableListBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isDown, isUp,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\nimport type Search from \"./Search.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport type UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport type { UDExProcessedItem } from \"./types/SearchableListBase.js\";\nimport { SHOW_SEARCH_AFTER_COUNT } from \"./types/SearchableListBase.js\";\nimport { NO_MATCHES_FOUND } from \"./generated/i18n/i18n-defaults.js\";\n\nexport type UDExItemFromList = UDExListItemBase | UDExListGroupHeaderBase | null | undefined;\n\ntype UDExSearchableListBaseChangeSearchEventDetail = {\n  value: string,\n}\n\ntype UDExSearchableListBaseSelectionChangeEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n  item: UDExItemFromList,\n}\ntype UDExSearchableListBaseSubmitSearchEventDetail = {\n  selectedItems: Array<UDExListItemBase>\n}\n\nexport type UDExSearchableListBaseEvents = {\n  \"select-all\": void,\n  \"selection-change\": UDExSearchableListBaseSelectionChangeEventDetail,\n  \"submit-search\": UDExSearchableListBaseSubmitSearchEventDetail,\n  \"reset-search\": void,\n  \"change-search\": UDExSearchableListBaseChangeSearchEventDetail,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n/**\n * Fired event when the user click on an item on the list.\n *\n * @public\n */\n@event(\"selection-change\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the Select All header.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the submitted icon in the search.\n *\n * @public\n */\n@event(\"submit-search\", { bubbles: true })\n\n/**\n * Fired event when the user clicks on the reset button in the search.\n *\n * @public\n */\n@event(\"reset-search\", { bubbles: true })\n\n/**\n * Fired event when the user submitted the value in the search.\n *\n * @public\n */\n@event(\"change-search\", { bubbles: true })\n\nclass UDExSearchableListBase extends UI5Element {\n  eventDetails!: UDExSearchableListBaseEvents;\n  /**\n   * Defines if the component would display a loading indicator.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    busy?: boolean;\n\n  /**\n   * Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n   *\n   * @default 1000\n   * @public\n   */\n  @property({ type: Number })\n    busyDelay: number = 1000;\n\n  /**\n   * Defines the \"no result\" text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    noResultText!: string;\n\n  /**\n   * Defines the placeholder of the search.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    searchPlaceholder!: string;\n\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @default \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Slot for items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n    items!: Array<UDExListItemBase | UDExListGroupHeaderBase>;\n\n  /**\n   * Defines the default accessible role for the list componnet.\n   *\n   * @default \"list\"\n   * @public\n   */\n  @property({ type: String })\n    defaultAccessibleRole: string = \"list\";\n\n  @property({ type: Object })\n    _filteredItems!: Array<UDExProcessedItem>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _shouldFilterItems?: boolean;\n\n  constructor() {\n    super();\n    this._shouldFilterItems = false;\n    this._filteredItems = [];\n  }\n\n  onBeforeRendering() {\n    if (!this._shouldFilterItems) {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  onItemPress(e:CustomEvent) {\n    const dropdownItemId: string = e.detail.item.getAttribute(\"data-token-id\");\n    this.handleDropdownItemPress(dropdownItemId);\n    this.fireSelectionChange(dropdownItemId);\n  }\n\n  onFilterSelectAllHeaderPress(e:CustomEvent) {\n    const dropdownHeaderItemId = this.getDataTokenId(e);\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === dropdownHeaderItemId) {\n        this.activateHeaderAndSetAllItems(item as UDExListGroupHeaderBase);\n      }\n    });\n\n    this.syncFilteredItems();\n    this.fireSelectionChange(dropdownHeaderItemId);\n  }\n\n  activateHeaderAndSetAllItems(item: UDExListGroupHeaderBase) {\n    item.activateHeader();\n    item.setAllItems(false);\n  }\n\n  handleDropdownItemPress(dropdownItemId: string) {\n    this.getProcessedItems().forEach(({ item, groupItems, isGroup }) => {\n      if (isGroup) {\n        const groupItem: UDExListItemBase = groupItems.find(({ _id }) => _id === dropdownItemId)!;\n        if (groupItem) {\n          this.handleItemClick(groupItem);\n          this.handleGroupHeaderState(item as UDExListGroupHeaderBase);\n        }\n      } else if (item._id === dropdownItemId) {\n        this.handleItemClick(item);\n      }\n    });\n\n    this.syncFilteredItems();\n  }\n\n  handleItemClick(item: UDExListItemBase) {\n    if (this.modeSingleSelect) {\n      this.revertSelectedItems(this.selectedItems);\n    }\n\n    if (this.modeRadioGroup) {\n      const groupHeader = item.parentElement as UDExListGroupHeaderBase;\n      this.revertSelectedItems(groupHeader.getItems());\n    }\n\n    item.selected = !item.selected;\n  }\n\n  handleGroupHeaderState(groupHeader: UDExListGroupHeaderBase) {\n    if (this.modeMultiSelect) {\n      if (groupHeader.isFilterMenuSelectAllHeader) {\n        groupHeader.deactivateHeader();\n\n        if (groupHeader.isAllDeselected()) {\n          groupHeader.activateHeader();\n        }\n      } else {\n        groupHeader.handleHeaderState();\n      }\n    }\n  }\n\n  onHeaderPress(e:CustomEvent) {\n    const dropdownHeaderItemId = this.getDataTokenId(e);\n    this.getProcessedItems().forEach(({ item }) => {\n      if (item._id === dropdownHeaderItemId) {\n        (item as UDExListGroupHeaderBase).handleSelectionGroupState();\n      }\n    });\n\n    this.syncFilteredItems();\n    this.fireSelectionChange(dropdownHeaderItemId);\n  }\n\n  onSearch(e:CustomEvent) {\n    const searchValue: string = e.detail.value;\n    this._shouldFilterItems = true;\n    this._filteredItems = this.filterItems(this.getProcessedItems(), searchValue);\n    this.fireDecoratorEvent(\"change-search\", { value: searchValue });\n  }\n\n  onReset() {\n    this.revertSelectedItems(this.selectedItems);\n  }\n\n  onResetSearch() {\n    this.resetSearch();\n    this.fireDecoratorEvent(\"reset-search\");\n  }\n\n  onSubmitSearch() {\n    this.fireDecoratorEvent(\"submit-search\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  /**\n   * Reset the search value.\n   * @public\n   */\n  resetSearch() {\n    const search = this.getSearch();\n    search.value = \"\";\n    this._filteredItems = this.filterItems(this.getProcessedItems(), \"\");\n  }\n\n  filterItems(items: Array<UDExProcessedItem>, str: string): Array<UDExProcessedItem> {\n    return items.filter(preparedItem => {\n      const { isGroup, item } = preparedItem;\n      if (isGroup) {\n        preparedItem.groupItems = this.filterItemsForLabel(preparedItem.groupItems, str);\n        return preparedItem.groupItems.length > 0;\n      }\n      return this.checkAndUpdateLabel(item, str);\n    });\n  }\n\n  filterItemsForLabel(groupItems: Array<UDExListItemBase>, str: string): Array<UDExListItemBase> {\n    return groupItems.filter(groupItem => this.checkAndUpdateLabel(groupItem, str));\n  }\n\n  checkAndUpdateLabel(item: UDExListItemBase | UDExListGroupHeaderBase, str: string): boolean {\n    const cleanedLabel = cleanLabel(item.label);\n    if (this.isIncludes(cleanedLabel, str)) {\n      item.label = this.addSearchTermTag(cleanedLabel, str);\n      return true;\n    }\n    return false;\n  }\n\n  addSearchTermTag(text: string, str: string): string {\n    return text.replace(new RegExp(`(${str})`, \"i\"), \"<b>$&</b>\");\n  }\n\n  isIncludes(string: string, value: string): boolean {\n    return string.toLowerCase().includes(value.toLowerCase());\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>) {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  syncFilteredItems() {\n    const search = this.getSearch();\n    if (this._shouldFilterItems) {\n      this._filteredItems = this.filterItems(this.getProcessedItems(), search.value);\n    } else {\n      this._filteredItems = this.getProcessedItems();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isUp(e)) {\n      this.handlePreviousItemFocus(e);\n    }\n    if (isDown(e)) {\n      this.handleNextListItemFocus(e);\n    }\n  }\n\n  getSlottedItems(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<UDExListItemBase | UDExListGroupHeaderBase> {\n    const arr: Array<UDExListItemBase | UDExListGroupHeaderBase> = [];\n    items.forEach(item => {\n      arr.push(item);\n      if (item.isGroup) {\n        arr.push(...(item as UDExListGroupHeaderBase).getItems());\n      }\n    });\n    return arr;\n  }\n\n  getItemFromList(itemId:string): UDExItemFromList {\n    let menuItem = null;\n\n    for (let i = 0; i < this.items.length; i++) {\n      const item = this.items[i];\n\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        menuItem = groupItems.find(({ _id }) => _id === itemId);\n\n        if (menuItem) {\n          break;\n        }\n      } else if (item._id === itemId) {\n        menuItem = item;\n        break;\n      }\n    }\n\n    return menuItem;\n  }\n\n  fireSelectionChange(itemId: string) {\n    this.fireDecoratorEvent(\"selection-change\", {\n      selectedItems: this.selectedItems,\n      item: this.getItemFromList(itemId),\n    });\n  }\n\n  // moves focus to next list item\n  handlePreviousItemFocus(e: KeyboardEvent) {\n    const item = e.target as HTMLElement;\n    const listItems = this.getDomListItems();\n    const currentSelectIndex = this.getCurrentIndex(item);\n    const previousSelectIndex = currentSelectIndex - 1;\n    if (currentSelectIndex > 0) {\n      e.preventDefault();\n      (listItems[previousSelectIndex] as HTMLElement).focus();\n    }\n  }\n\n  // moves focus to previous list item\n  handleNextListItemFocus(e: KeyboardEvent) {\n    const item = e.target as HTMLElement;\n    const listItems = this.getDomListItems();\n    const lastItemIndex = listItems.length - 1;\n    const currentSelectIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectIndex + 1;\n    if (nextSelectIndex <= lastItemIndex) {\n      e.preventDefault();\n      (listItems[nextSelectIndex] as HTMLElement).focus();\n    }\n  }\n\n  getCurrentIndex(item: Element): number {\n    return this.getDomListItems().indexOf(item);\n  }\n\n  getSearch(): Search {\n    return this.shadowRoot!.querySelector<Search>(\"[udex-search]\")!;\n  }\n\n  getDomListItems(): Element[] {\n    const elementList = this.shadowRoot!.querySelector(\"[udex-list]\") as HTMLElement;\n    return elementList ? Array.from(elementList.querySelectorAll(\"[udex-list-item]\")) : [];\n  }\n\n  setItemsModeAndControl(items: Array<UDExFilterMenuItem>) {\n    items.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n    });\n  }\n\n  getDataTokenId(e:CustomEvent): string {\n    return e.detail.item.getAttribute(\"data-token-id\") as string;\n  }\n\n  getProcessedItems(): Array<UDExProcessedItem> {\n    return this.items.map(item => {\n      if (item.isGroup) {\n        const groupItems = (item as UDExListGroupHeaderBase).getItems();\n        this.setItemsModeAndControl(groupItems);\n      }\n      item.mode = this.mode;\n      item.controlled = this.isControlled;\n      return {\n        item,\n        groupItems: item.isGroup ? (item as UDExListGroupHeaderBase).getItems() : [],\n        isGroup: item.isGroup,\n      };\n    });\n  }\n\n  get getNoResultText(): string {\n    const hasTextProperty = this.noResultText !== undefined && this.noResultText.length > 0;\n    return hasTextProperty ? this.noResultText : UDExSearchableListBase.i18nBundle.getText(NO_MATCHES_FOUND);\n  }\n\n  get isListEmpty(): boolean {\n    return this._filteredItems.length === 0;\n  }\n\n  get selectedItems(): Array<UDExListItemBase> {\n    return this.getSlottedItems(this.items).filter(({ selected }) => selected);\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get isControlled(): boolean {\n    const isGrouping = this.items.some(({ isGroup }) => isGroup);\n    return this.mode === UDExListMode.MultiSelect && isGrouping;\n  }\n\n  get additionalClassName(): string {\n    return `udex-searchable-list__header`;\n  }\n\n  get groupClassName(): string {\n    const classHeader = `udex-searchable-list__header`;\n    return this.showSearch ? `${classHeader} udex-searchable-list__header_no-margin` : classHeader;\n  }\n\n  get showSearch(): boolean {\n    const items = this.getSlottedItems(this.items).filter(({ isGroup }) => !isGroup);\n    return items.length > SHOW_SEARCH_AFTER_COUNT && !this.modeRadioGroup;\n  }\n\n  get roleForGroupList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : \"none\";\n  }\n\n  get accessibleRoleForList(): string {\n    return this._filteredItems.some(element => element.isGroup) ? \"group\" : this.defaultAccessibleRole;\n  }\n\n  get listItemRole(): string {\n    if (this.accessibleRoleForList === \"list\") {\n      return \"listitem\";\n    }\n\n    if (this.accessibleRoleForList === \"listbox\") {\n      return \"option\";\n    }\n\n    return \"none\";\n  }\n}\n\nexport default UDExSearchableListBase;\n"]}

package/dist/SecondaryNavigation.d.ts

@@ -1,7 +1,10 @@
-import UI5Element, { ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ChangeInfo } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import UDExSecondaryNavigationItem from "./SecondaryNavigationItem.js";
-import UDExSecondaryNavigationItemBase, { NavItem } from "./SecondaryNavigationItemBase.js";
-export type ItemClickDetail = {
+import type { NavItem } from "./SecondaryNavigationItemBase.js";
+import type UDExSecondaryNavigationItemBase from "./SecondaryNavigationItemBase.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+type UDExSecondaryNavigationItemClickEventDetail = {
     originalEvent: Event;
     clickedItem: NavItem;
     clickedIndex: number;
@@ -24,6 +27,9 @@ export type ItemClickDetail = {
  * @public
  */
 declare class UDExSecondaryNavigation extends UI5Element {
+    eventDetails: {
+        "item-click": UDExSecondaryNavigationItemClickEventDetail;
+    };
     /**
      * Defines an aria label for the mobile menu opener
      *
@@ -52,19 +58,19 @@ declare class UDExSecondaryNavigation extends UI5Element {
      */
     buttons: Array<HTMLElement>;
     /**
-     * Defines the title of the component.
+     * Defines the heading of the component.
      *
      * @default ""
      * @public
      */
-    title: string;
+    heading: string;
     /**
-     * Defines the href of the title.
+     * Defines the href of the heading.
      *
      * @default ""
      * @public
      */
-    titleHref: string;
+    headingHref: string;
     /**
      * Defines the height of the dropdown opened on mobile screen.
      *
@@ -81,8 +87,7 @@ declare class UDExSecondaryNavigation extends UI5Element {
     _rootHolder: HTMLElement | null | undefined;
     _clickedNavItem: UDExSecondaryNavigationItem;
     _boundReflowItems: () => void;
-    static i18nBundle: any;
-    static onDefine(): Promise<void>;
+    static i18nBundle: I18nBundle;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
@@ -103,14 +108,14 @@ declare class UDExSecondaryNavigation extends UI5Element {
     fireEventItemClick(e: CustomEvent, { items, target, path, title, active, mobileLinkTitle, }: NavItem): boolean;
     setActiveItem(navItems: Array<NavItem>, clickedItem: UDExSecondaryNavigationItemBase): void;
     handleOutsideClick(): void;
-    outsideClickListener: (e: Event) => void;
+    outsideClickListener: (e: MouseEvent) => void;
     closeMobileDropdown(): void;
-    handleDesktopDropdown(e: Event): void;
+    handleDesktopDropdown(e: MouseEvent): void;
     closePrevDropdown(clickedItemId: string): void;
     parseArrayFromString<T>(string: string): T[];
     get domNavItems(): Array<UDExSecondaryNavigationItem>;
     get rootHolder(): HTMLElement;
-    get heading(): HTMLElement;
+    get headingHolder(): HTMLElement;
     get mobileNav(): UDExSecondaryNavigationItem;
     get optionalButtons(): HTMLElement | null | undefined;
     get moreButtonText(): string;

package/dist/SecondaryNavigation.js

@@ -8,15 +8,14 @@ var UDExSecondaryNavigation_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { isEscape, isLeft, isRight, isDown, } from "@ui5/webcomponents-base/dist/Keys.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import UDExSecondaryNavigationItem from "./SecondaryNavigationItem.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { MORE } from "./generated/i18n/i18n-defaults.js";
 import SecondaryNavigationTemplate from "./generated/templates/SecondaryNavigationTemplate.lit.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
@@ -42,11 +41,31 @@ const rootClass = "udex-secondary-navigation__root";
  * @public
  */
 let UDExSecondaryNavigation = UDExSecondaryNavigation_1 = class UDExSecondaryNavigation extends UI5Element {
-    static async onDefine() {
-        UDExSecondaryNavigation_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
-    }
     constructor() {
         super();
+        /**
+         * List of the nav items
+         *
+         * @default "[]"
+         * @public
+         */
+        this.navItems = "[]";
+        /**
+         * Defines the heading of the component.
+         *
+         * @default ""
+         * @public
+         */
+        this.heading = "";
+        /**
+         * Defines the href of the heading.
+         *
+         * @default ""
+         * @public
+         */
+        this.headingHref = "";
+        this._overflowItems = [];
+        this._visibleItems = [];
         this._requestRender = false;
         this._mobileBtnExpanded = false;
         this.outsideClickListener = (e) => {
@@ -89,7 +108,7 @@ let UDExSecondaryNavigation = UDExSecondaryNavigation_1 = class UDExSecondaryNav
         this._requestRender = !this._requestRender;
     }
     reflowItems() {
-        const availableWidth = this.rootHolder.offsetWidth - (this.heading?.offsetWidth || 0) - (this.optionalButtons?.offsetWidth || 0);
+        const availableWidth = this.rootHolder.offsetWidth - (this.headingHolder?.offsetWidth || 0) - (this.optionalButtons?.offsetWidth || 0);
         const moreButtonWidth = this.getMoreButtonWidth();
         const itemsGap = 20;
         const widths = this.parsedItems.map(item => this.getItemWidth(item));
@@ -202,7 +221,7 @@ let UDExSecondaryNavigation = UDExSecondaryNavigation_1 = class UDExSecondaryNav
         }
     }
     fireEventItemClick(e, { items, target, path, title, active, mobileLinkTitle, }) {
-        return this.fireEvent("item-click", {
+        return this.fireDecoratorEvent("item-click", {
             originalEvent: e,
             clickedItem: {
                 mobileLinkTitle: mobileLinkTitle || "",
@@ -213,7 +232,7 @@ let UDExSecondaryNavigation = UDExSecondaryNavigation_1 = class UDExSecondaryNav
                 title,
             },
             clickedIndex: e.detail.index,
-        }, true);
+        });
     }
     setActiveItem(navItems, clickedItem) {
         const updateNav = (items, { title, path }) => {
@@ -260,7 +279,7 @@ let UDExSecondaryNavigation = UDExSecondaryNavigation_1 = class UDExSecondaryNav
     get rootHolder() {
         return (this.shadowRoot ? this.shadowRoot.querySelector(".udex-secondary-navigation__root") : undefined);
     }
-    get heading() {
+    get headingHolder() {
         return (this.shadowRoot ? this.shadowRoot.querySelector(".udex-secondary-navigation__heading") : undefined);
     }
     get mobileNav() {
@@ -304,7 +323,7 @@ __decorate([
     property({ type: String })
 ], UDExSecondaryNavigation.prototype, "mobileMenuOpenerAriaLabel", void 0);
 __decorate([
-    property({ type: String, defaultValue: "[]" })
+    property({ type: String })
 ], UDExSecondaryNavigation.prototype, "navItems", void 0);
 __decorate([
     slot({ type: HTMLElement })
@@ -314,10 +333,10 @@ __decorate([
 ], UDExSecondaryNavigation.prototype, "buttons", void 0);
 __decorate([
     property()
-], UDExSecondaryNavigation.prototype, "title", void 0);
+], UDExSecondaryNavigation.prototype, "heading", void 0);
 __decorate([
     property()
-], UDExSecondaryNavigation.prototype, "titleHref", void 0);
+], UDExSecondaryNavigation.prototype, "headingHref", void 0);
 __decorate([
     property({ type: String })
 ], UDExSecondaryNavigation.prototype, "maxDropdownHeight", void 0);
@@ -325,10 +344,10 @@ __decorate([
     property({ type: Boolean, noAttribute: true })
 ], UDExSecondaryNavigation.prototype, "_selectedMore", void 0);
 __decorate([
-    property({ type: Object, multiple: true, noAttribute: true })
+    property({ type: Object, noAttribute: true })
 ], UDExSecondaryNavigation.prototype, "_overflowItems", void 0);
 __decorate([
-    property({ type: Object, multiple: true, noAttribute: true })
+    property({ type: Object, noAttribute: true })
 ], UDExSecondaryNavigation.prototype, "_visibleItems", void 0);
 __decorate([
     property({ type: Boolean, noAttribute: true })
@@ -336,6 +355,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], UDExSecondaryNavigation.prototype, "_mobileBtnExpanded", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExSecondaryNavigation, "i18nBundle", void 0);
 UDExSecondaryNavigation = UDExSecondaryNavigation_1 = __decorate([
     customElement({
         tag: "udex-secondary-navigation",
@@ -351,19 +373,7 @@ UDExSecondaryNavigation = UDExSecondaryNavigation_1 = __decorate([
      * @public
      */
     ,
-    event("item-click", {
-        detail: {
-            originalEvent: {
-                type: Event,
-            },
-            clickedItem: {
-                type: Object,
-            },
-            clickedIndex: {
-                type: Integer,
-            },
-        },
-    })
+    event("item-click", { cancelable: true, bubbles: true })
 ], UDExSecondaryNavigation);
 UDExSecondaryNavigation.define();
 export default UDExSecondaryNavigation;