npm - @sapudex/web-components - Versions diffs - 2.58.0 → 2.60.0 - Mend

@sapudex/web-components 2.58.0 → 2.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (471) hide show

package/dist/SecondaryNavigationItem.js CHANGED Viewed

@@ -8,14 +8,12 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isEscape, isEnter, isSpace, isLeft, isRight, isUp, isDown, isHome, isEnd, isTabNext, isTabPrevious, } from "@ui5/webcomponents-base/dist/Keys.js";
 import parseRelativeUnits from "./utils/parseRelativeUnits.js";
 import UDExSecondaryNavigationSubItem from "./SecondaryNavigationSubItem.js";
 import UDExSecondaryNavigationItemBase from "./SecondaryNavigationItemBase.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
-import SecondaryNavigationItemTemplate from "./generated/templates/SecondaryNavigationItemTemplate.lit.js";
+import SecondaryNavigationItemTemplate from "./SecondaryNavigationItemTemplate.js";
 // Styles
 import SecondaryNavigationItemCss from "./generated/themes/SecondaryNavigationItem.css.js";
 const DESKTOP_DROPDOWN_BOTTOM_GAP = 24;
@@ -361,10 +359,10 @@ __decorate([
 UDExSecondaryNavigationItem = __decorate([
     customElement({
         tag: "udex-secondary-navigation-item",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [SecondaryNavigationItemCss],
         template: SecondaryNavigationItemTemplate,
-        dependencies: [UI5Icon, UDExSecondaryNavigationSubItem],
+        dependencies: [UDExSecondaryNavigationSubItem],
     })
     /**
      * Fires when item is clicked

package/dist/SecondaryNavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecondaryNavigationItem.js","sourceRoot":"","sources":["../src/SecondaryNavigationItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport {\n isEscape, isEnter, isSpace, isLeft, isRight, isUp, isDown, isHome, isEnd, isTabNext, isTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { RelativeValue } from \"./utils/parseRelativeUnits.js\";\nimport parseRelativeUnits from \"./utils/parseRelativeUnits.js\";\nimport UDExSecondaryNavigationSubItem from \"./SecondaryNavigationSubItem.js\";\nimport type { NavItem } from \"./SecondaryNavigationItemBase.js\";\nimport UDExSecondaryNavigationItemBase from \"./SecondaryNavigationItemBase.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport SecondaryNavigationItemTemplate from \"./generated/templates/SecondaryNavigationItemTemplate.lit.js\";\n\n// Styles\nimport SecondaryNavigationItemCss from \"./generated/themes/SecondaryNavigationItem.css.js\";\n\nconst DESKTOP_DROPDOWN_BOTTOM_GAP = 24;\n\ntype UDExSecondaryNavigationItemClickEventDetail = {\n item: HTMLElement,\n index: number,\n originalEvent: PointerEvent \| KeyboardEvent\n};\n\ntype UDExSecondaryNavigationItemSubItemClickEventDetail = {\n item: NavItem,\n index: number,\n originalEvent: PointerEvent \| KeyboardEvent\n}\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n \n * <h3>Usage</h3>\n \n For the <code>udex-secondary-navigation-item</code>\n * <h3>ES6 Module Import</h3>\n \n <code>import \"@sapudex/web-components/dist/SecondaryNavigationItem.js\";</code>\n \n @constructor\n * @extends UDExSecondaryNavigationItemBase\n * @tagname udex-secondary-navigation-item\n * @private\n /\n@customElement({\n tag: \"udex-secondary-navigation-item\",\n renderer: litRender,\n styles: [SecondaryNavigationItemCss],\n template: SecondaryNavigationItemTemplate,\n dependencies: [UI5Icon, UDExSecondaryNavigationSubItem],\n})\n\n/\n Fires when item is clicked\n \n @allowPreventDefault\n * @public\n * @param {Event} originalEvent the original event object\n * @param {HTMLElement} item the clicked item\n * @param {number} index the index of the clicked item\n /\n@event(\"nav-item-click\", { bubbles: true, cancelable: true })\n\n/\n Fires when dropdown item is clicked\n \n @allowPreventDefault\n * @public\n * @param {Event} originalEvent the original event object\n * @param {NavItem} item the clicked sub item\n * @param {number} index the index of the clicked sub item\n /\n@event(\"sub-item-click\", { bubbles: true, cancelable: true })\n\nclass UDExSecondaryNavigationItem extends UDExSecondaryNavigationItemBase {\n eventDetails!: {\n \"nav-item-click\": UDExSecondaryNavigationItemClickEventDetail,\n \"sub-item-click\": UDExSecondaryNavigationItemSubItemClickEventDetail,\n };\n /\n Defines an aria label for item\n \n @public\n /\n @property({ type: String })\n ariaLabel!: string;\n\n /\n Defines a role for item\n \n @public\n /\n @property({ type: String })\n role!: string;\n\n /\n Defines the content of the item.\n \n @slot content\n * @public\n /\n @slot({ type: HTMLElement })\n buttons!: Slot<HTMLElement>;\n\n /\n List of the sub items\n \n @default \"[]\"\n * @public\n /\n @property({ type: Object })\n subItems: Array<NavItem> = [];\n\n /\n Defines if dropdown is opened.\n \n @public\n * @default false\n /\n @property({ type: Boolean })\n isOpen: boolean = false;\n\n /\n Defines the length of items in the secondary navigation.\n \n @private\n /\n @property({ type: Number })\n _navItemsLength!: number;\n\n /\n Defines the height of the dropdown opened on mobile screen.\n \n @private\n /\n @property({ type: String })\n _maxHeight!: RelativeValue;\n\n /\n Defines processed items.\n \n @private\n * @default []\n /\n @property({ type: Object })\n _processedItems: Array<NavItem> = [];\n\n /\n Defines if item is mobile menu opener.\n \n @private\n * @default false\n */\n @property({ type: Boolean })\n _isMobileMenuOpener!: boolean;\n\n _dropdownHistory: Array<Array<NavItem>> = [];\n _shouldFocusFirstSubItem!: boolean;\n _subTitle!: string \| undefined;\n\n onAfterRendering(): void {\n if (this.isLastItem && this.isOpen && !this._isMobileView) {\n this.setDropdownHorizontalAlign();\n }\n\n if (this._shouldFocusFirstSubItem && this.isOpen) {\n this.onFirstSubItemFocus();\n this._shouldFocusFirstSubItem = false;\n }\n\n if (this.isOpen) {\n if (this._isMobileView) {\n this.setMobileDropdownMaxHeight();\n } else {\n this.setDesktopDropdownMaxHeight();\n }\n }\n }\n\n onBeforeRendering() : void {\n this._subTitle = this.subActiveItemTitle \|\| this._subTitle;\n }\n\n _handleWindowResize = (): void => {\n if (!this.isOpen) { return; }\n\n if (this._isMobileView) {\n this.setMobileDropdownMaxHeight();\n } else {\n this.setDesktopDropdownMaxHeight();\n }\n };\n\n onEnterDOM(): void {\n super.onEnterDOM();\n window.addEventListener(\"resize\", this._handleWindowResize);\n }\n\n onExitDOM(): void {\n super.onExitDOM();\n window.removeEventListener(\"resize\", this._handleWindowResize);\n }\n\n handleSubItemClick(e: CustomEvent \| KeyboardEvent): void {\n const originalEvent: PointerEvent \| KeyboardEvent = (e instanceof CustomEvent && e.detail?.originalEvent) ? e.detail.originalEvent : e as KeyboardEvent;\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n const clickedItem = this._processedItems[index];\n\n if (clickedItem.items) {\n this.setDropdownHistory();\n this.setNestedItems(clickedItem);\n this.onShouldFocusFirstSubItem();\n }\n\n this.fireSubItemClickEvent(originalEvent, clickedItem, index);\n }\n\n onBackClick(): void {\n this.setPrevNestedItems();\n }\n\n openDropdown(e: PointerEvent \| KeyboardEvent): void {\n if (this.hasNestedItems) {\n this.setDropdownItems();\n this.isOpen = !this.isOpen;\n this.onShouldFocusFirstSubItem();\n }\n\n this.fireNavItemClickEvent(e);\n }\n\n closeDropdown(): void {\n this.isOpen = false;\n }\n\n handleItemLinkKeyDown(e: KeyboardEvent): void {\n if (isSpace(e)) {\n this.fireNavItemClickEvent(e);\n }\n }\n\n handleItemEnterOrSpaceKeys(e: KeyboardEvent): void {\n if (isEnter(e) \|\| isSpace(e)) {\n this.onShouldFocusFirstSubItem();\n }\n }\n\n handleSubItemKeyDown(e: KeyboardEvent): void {\n e.stopPropagation();\n if (isEscape(e)) {\n this.handleEscapeKey();\n }\n if (isLeft(e)) {\n this.handleLeftArrow(e);\n }\n if (isRight(e)) {\n this.handleRightArrow(e);\n }\n if (isUp(e)) {\n e.preventDefault();\n this.handleUpArrow(e);\n }\n if (isDown(e)) {\n e.preventDefault();\n this.handleDownArrow(e);\n }\n if (isHome(e)) {\n e.preventDefault();\n this.onFirstSubItemFocus();\n }\n if (isEnd(e)) {\n e.preventDefault();\n this.onLastSubItemFocus();\n }\n if (isEnter(e) \|\| isSpace(e)) {\n e.preventDefault();\n this.handleEnterAndSpace(e);\n }\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n if (isTabNext(e) && index === this.domNavItems.length - 1) {\n this.closeDropdown();\n }\n if (isTabPrevious(e) && index === 0) {\n this.closeDropdown();\n }\n }\n\n handleButtonsEscKey(e: KeyboardEvent): void {\n if (isEscape(e) && this._isMobileView) {\n this.handleEscapeKey();\n }\n }\n\n handleEnterAndSpace(e: KeyboardEvent): void {\n const { hasItems, isBack } = e.target as UDExSecondaryNavigationSubItem;\n if (isBack) {\n this.onBackClick();\n this.onShouldFocusFirstSubItem();\n return;\n }\n\n this.handleSubItemClick(e);\n\n if (hasItems) {\n this.onShouldFocusFirstSubItem();\n } else {\n this.closeDropdown();\n this.focus();\n }\n }\n\n handleEscapeKey(): void {\n this.closeDropdown();\n this.focus();\n }\n\n handleUpArrow(e: KeyboardEvent): void {\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n const lastIndex = this.domNavItems.length - 1;\n const previousIndex = index - 1 < 0 ? lastIndex : index - 1;\n this.domNavItems[previousIndex].focus();\n }\n\n handleDownArrow(e: KeyboardEvent): void {\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n const nextIndex = index + 1 > this.domNavItems.length - 1 ? 0 : index + 1;\n this.domNavItems[nextIndex].focus();\n }\n\n handleLeftArrow(e: KeyboardEvent): void {\n const { isBack } = e.target as UDExSecondaryNavigationSubItem;\n if (isBack) {\n this.setPrevNestedItems();\n this.onShouldFocusFirstSubItem();\n }\n }\n\n handleRightArrow(e: KeyboardEvent): void {\n const { hasItems, isBack, index } = e.target as UDExSecondaryNavigationSubItem;\n if (hasItems && !isBack) {\n const clickedItem = this._processedItems[index];\n this.setDropdownHistory();\n this.setNestedItems(clickedItem);\n this.onShouldFocusFirstSubItem();\n }\n }\n\n onLastSubItemFocus(): void {\n this.domNavItems[this.domNavItems.length - 1].focus();\n }\n\n fireNavItemClickEvent(e: PointerEvent \| KeyboardEvent): void {\n this.fireDecoratorEvent(\"nav-item-click\", {\n item: this,\n index: this.index,\n originalEvent: e,\n });\n }\n\n fireSubItemClickEvent(e: PointerEvent \| KeyboardEvent, clickedItem: NavItem, index: number): void {\n this.fireDecoratorEvent(\"sub-item-click\", {\n item: clickedItem,\n index,\n originalEvent: e,\n });\n }\n\n setDropdownHistory(): void {\n this._dropdownHistory.push(this._processedItems);\n }\n\n setPrevNestedItems(): void {\n this._processedItems = this._dropdownHistory.pop()!;\n }\n\n setNestedItems({ title, items, mobileLinkTitle } : NavItem): void {\n if (items) {\n this._processedItems = [{ title, mobileLinkTitle, isBack: true }, ...items];\n }\n }\n\n setDropdownItems(): void {\n this._processedItems = this.subItems;\n }\n\n setDesktopDropdownMaxHeight(): void {\n const { top } = this.dropdown.getBoundingClientRect();\n const maxHeight = window.innerHeight - top - DESKTOP_DROPDOWN_BOTTOM_GAP;\n this.style.setProperty(\"--udex-secondary-navigation-item-dropdown-desktop-max-height\", `${maxHeight}px`);\n }\n\n setMobileDropdownMaxHeight(): void {\n if (!this._maxHeight \|\| this._dropdownMaxHeightExceeds \|\| !this.heightSatisfiesType) {\n const secondaryNavigationMobileTrigger = this.shadowRoot!.querySelector(\".udex-secondary-navigation__item\")!;\n const maxDropdownHeight = window.innerHeight - secondaryNavigationMobileTrigger.clientHeight;\n this.style.setProperty(\"--udex-secondary-navigation-item-dropdown-mobile-max-height\", `${maxDropdownHeight}px`);\n return;\n }\n\n this.style.setProperty(\"--udex-secondary-navigation-item-dropdown-mobile-max-height\", `${this._maxHeight}`);\n }\n\n get _dropdownMaxHeightExceeds(): boolean {\n const normalizedHeight = parseRelativeUnits(this._maxHeight, this.dropdown);\n const secondaryNavigationMobileTriggerHeight = this.shadowRoot!.querySelector(\".udex-secondary-navigation__item\")!.clientHeight;\n return normalizedHeight >= window.innerHeight - secondaryNavigationMobileTriggerHeight;\n }\n\n get heightSatisfiesType(): boolean {\n return /vh\|vw\|%\|em\|rem\|px/.test(this._maxHeight);\n }\n\n setDropdownHorizontalAlign(): void {\n const { right, left } = this.dropdown.getBoundingClientRect();\n\n if (right > window.innerWidth) {\n this.dropdown.setAttribute(\"data-horizontal-align\", \"right\");\n }\n\n if (left < 0) {\n this.dropdown.setAttribute(\"data-horizontal-align\", \"left\");\n }\n }\n\n onFirstSubItemFocus(): void {\n this.domNavItems[0]?.focus();\n }\n\n onShouldFocusFirstSubItem(): void {\n this._shouldFocusFirstSubItem = true;\n }\n\n get dropdown(): HTMLElement {\n return this.shadowRoot!.querySelector<HTMLElement>(\".udex-secondary-navigation__dropdown\")!;\n }\n\n get isLastItem(): boolean {\n return this._navItemsLength === this.index;\n }\n\n get domNavItems(): Array<UDExSecondaryNavigationSubItem> {\n const domNavItems = this.shadowRoot?.querySelectorAll<UDExSecondaryNavigationSubItem>(\"[udex-secondary-navigation-sub-item]\");\n return domNavItems ? Array.from(domNavItems) : [];\n }\n\n get hasNestedItems(): boolean {\n return this.subItems.length > 0;\n }\n\n get isSubItemActive(): boolean {\n return !!this.subActiveItem?.active;\n }\n\n get isActive(): boolean {\n return this.isSubItemActive \|\| this.active;\n }\n\n get subActiveItemTitle(): string \| undefined {\n if (this.subActiveItem) {\n const { title, mobileLinkTitle } = this.subActiveItem;\n return this._isMobileView ? (mobileLinkTitle \|\| title) : title;\n }\n }\n\n get subActiveItem(): NavItem \| undefined {\n return this.getActiveSubItem(this.subItems);\n }\n\n get isLink(): boolean {\n return !this.hasNestedItems && !!this.path;\n }\n\n get title(): string {\n return this.label;\n }\n}\n\nUDExSecondaryNavigationItem.define();\n\nexport default UDExSecondaryNavigationItem;\nexport type { UDExSecondaryNavigationItemClickEventDetail, UDExSecondaryNavigationItemSubItemClickEventDetail };\n"]}
1	+ {"version":3,"file":"SecondaryNavigationItem.js","sourceRoot":"","sources":["../src/SecondaryNavigationItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport {\n isEscape, isEnter, isSpace, isLeft, isRight, isUp, isDown, isHome, isEnd, isTabNext, isTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { RelativeValue } from \"./utils/parseRelativeUnits.js\";\nimport parseRelativeUnits from \"./utils/parseRelativeUnits.js\";\nimport UDExSecondaryNavigationSubItem from \"./SecondaryNavigationSubItem.js\";\nimport type { NavItem } from \"./SecondaryNavigationItemBase.js\";\nimport UDExSecondaryNavigationItemBase from \"./SecondaryNavigationItemBase.js\";\n\nimport SecondaryNavigationItemTemplate from \"./SecondaryNavigationItemTemplate.js\";\n\n// Styles\nimport SecondaryNavigationItemCss from \"./generated/themes/SecondaryNavigationItem.css.js\";\n\nconst DESKTOP_DROPDOWN_BOTTOM_GAP = 24;\n\ntype UDExSecondaryNavigationItemClickEventDetail = {\n item: HTMLElement,\n index: number,\n originalEvent: PointerEvent \| KeyboardEvent\n};\n\ntype UDExSecondaryNavigationItemSubItemClickEventDetail = {\n item: NavItem,\n index: number,\n originalEvent: PointerEvent \| KeyboardEvent\n}\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n \n * <h3>Usage</h3>\n \n For the <code>udex-secondary-navigation-item</code>\n * <h3>ES6 Module Import</h3>\n \n <code>import \"@sapudex/web-components/dist/SecondaryNavigationItem.js\";</code>\n \n @constructor\n * @extends UDExSecondaryNavigationItemBase\n * @tagname udex-secondary-navigation-item\n * @private\n /\n@customElement({\n tag: \"udex-secondary-navigation-item\",\n renderer: jsxRenderer,\n styles: [SecondaryNavigationItemCss],\n template: SecondaryNavigationItemTemplate,\n dependencies: [UDExSecondaryNavigationSubItem],\n})\n\n/\n Fires when item is clicked\n \n @allowPreventDefault\n * @public\n * @param {Event} originalEvent the original event object\n * @param {HTMLElement} item the clicked item\n * @param {number} index the index of the clicked item\n /\n@event(\"nav-item-click\", { bubbles: true, cancelable: true })\n\n/\n Fires when dropdown item is clicked\n \n @allowPreventDefault\n * @public\n * @param {Event} originalEvent the original event object\n * @param {NavItem} item the clicked sub item\n * @param {number} index the index of the clicked sub item\n /\n@event(\"sub-item-click\", { bubbles: true, cancelable: true })\n\nclass UDExSecondaryNavigationItem extends UDExSecondaryNavigationItemBase {\n eventDetails!: {\n \"nav-item-click\": UDExSecondaryNavigationItemClickEventDetail,\n \"sub-item-click\": UDExSecondaryNavigationItemSubItemClickEventDetail,\n };\n /\n Defines an aria label for item\n \n @public\n /\n @property({ type: String })\n ariaLabel!: string;\n\n /\n Defines a role for item\n \n @public\n /\n @property({ type: String })\n role!: string;\n\n /\n Defines the content of the item.\n \n @slot content\n * @public\n /\n @slot({ type: HTMLElement })\n buttons!: Slot<HTMLElement>;\n\n /\n List of the sub items\n \n @default \"[]\"\n * @public\n /\n @property({ type: Object })\n subItems: Array<NavItem> = [];\n\n /\n Defines if dropdown is opened.\n \n @public\n * @default false\n /\n @property({ type: Boolean })\n isOpen: boolean = false;\n\n /\n Defines the length of items in the secondary navigation.\n \n @private\n /\n @property({ type: Number })\n _navItemsLength!: number;\n\n /\n Defines the height of the dropdown opened on mobile screen.\n \n @private\n /\n @property({ type: String })\n _maxHeight!: RelativeValue;\n\n /\n Defines processed items.\n \n @private\n * @default []\n /\n @property({ type: Object })\n _processedItems: Array<NavItem> = [];\n\n /\n Defines if item is mobile menu opener.\n \n @private\n * @default false\n */\n @property({ type: Boolean })\n _isMobileMenuOpener!: boolean;\n\n _dropdownHistory: Array<Array<NavItem>> = [];\n _shouldFocusFirstSubItem!: boolean;\n _subTitle!: string \| undefined;\n\n onAfterRendering(): void {\n if (this.isLastItem && this.isOpen && !this._isMobileView) {\n this.setDropdownHorizontalAlign();\n }\n\n if (this._shouldFocusFirstSubItem && this.isOpen) {\n this.onFirstSubItemFocus();\n this._shouldFocusFirstSubItem = false;\n }\n\n if (this.isOpen) {\n if (this._isMobileView) {\n this.setMobileDropdownMaxHeight();\n } else {\n this.setDesktopDropdownMaxHeight();\n }\n }\n }\n\n onBeforeRendering() : void {\n this._subTitle = this.subActiveItemTitle \|\| this._subTitle;\n }\n\n _handleWindowResize = (): void => {\n if (!this.isOpen) { return; }\n\n if (this._isMobileView) {\n this.setMobileDropdownMaxHeight();\n } else {\n this.setDesktopDropdownMaxHeight();\n }\n };\n\n onEnterDOM(): void {\n super.onEnterDOM();\n window.addEventListener(\"resize\", this._handleWindowResize);\n }\n\n onExitDOM(): void {\n super.onExitDOM();\n window.removeEventListener(\"resize\", this._handleWindowResize);\n }\n\n handleSubItemClick(e: CustomEvent \| KeyboardEvent): void {\n const originalEvent: PointerEvent \| KeyboardEvent = (e instanceof CustomEvent && e.detail?.originalEvent) ? e.detail.originalEvent : e as KeyboardEvent;\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n const clickedItem = this._processedItems[index];\n\n if (clickedItem.items) {\n this.setDropdownHistory();\n this.setNestedItems(clickedItem);\n this.onShouldFocusFirstSubItem();\n }\n\n this.fireSubItemClickEvent(originalEvent, clickedItem, index);\n }\n\n onBackClick(): void {\n this.setPrevNestedItems();\n }\n\n openDropdown(e: PointerEvent \| KeyboardEvent): void {\n if (this.hasNestedItems) {\n this.setDropdownItems();\n this.isOpen = !this.isOpen;\n this.onShouldFocusFirstSubItem();\n }\n\n this.fireNavItemClickEvent(e);\n }\n\n closeDropdown(): void {\n this.isOpen = false;\n }\n\n handleItemLinkKeyDown(e: KeyboardEvent): void {\n if (isSpace(e)) {\n this.fireNavItemClickEvent(e);\n }\n }\n\n handleItemEnterOrSpaceKeys(e: KeyboardEvent): void {\n if (isEnter(e) \|\| isSpace(e)) {\n this.onShouldFocusFirstSubItem();\n }\n }\n\n handleSubItemKeyDown(e: KeyboardEvent): void {\n e.stopPropagation();\n if (isEscape(e)) {\n this.handleEscapeKey();\n }\n if (isLeft(e)) {\n this.handleLeftArrow(e);\n }\n if (isRight(e)) {\n this.handleRightArrow(e);\n }\n if (isUp(e)) {\n e.preventDefault();\n this.handleUpArrow(e);\n }\n if (isDown(e)) {\n e.preventDefault();\n this.handleDownArrow(e);\n }\n if (isHome(e)) {\n e.preventDefault();\n this.onFirstSubItemFocus();\n }\n if (isEnd(e)) {\n e.preventDefault();\n this.onLastSubItemFocus();\n }\n if (isEnter(e) \|\| isSpace(e)) {\n e.preventDefault();\n this.handleEnterAndSpace(e);\n }\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n if (isTabNext(e) && index === this.domNavItems.length - 1) {\n this.closeDropdown();\n }\n if (isTabPrevious(e) && index === 0) {\n this.closeDropdown();\n }\n }\n\n handleButtonsEscKey(e: KeyboardEvent): void {\n if (isEscape(e) && this._isMobileView) {\n this.handleEscapeKey();\n }\n }\n\n handleEnterAndSpace(e: KeyboardEvent): void {\n const { hasItems, isBack } = e.target as UDExSecondaryNavigationSubItem;\n if (isBack) {\n this.onBackClick();\n this.onShouldFocusFirstSubItem();\n return;\n }\n\n this.handleSubItemClick(e);\n\n if (hasItems) {\n this.onShouldFocusFirstSubItem();\n } else {\n this.closeDropdown();\n this.focus();\n }\n }\n\n handleEscapeKey(): void {\n this.closeDropdown();\n this.focus();\n }\n\n handleUpArrow(e: KeyboardEvent): void {\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n const lastIndex = this.domNavItems.length - 1;\n const previousIndex = index - 1 < 0 ? lastIndex : index - 1;\n this.domNavItems[previousIndex].focus();\n }\n\n handleDownArrow(e: KeyboardEvent): void {\n const { index } = e.target as UDExSecondaryNavigationSubItem;\n const nextIndex = index + 1 > this.domNavItems.length - 1 ? 0 : index + 1;\n this.domNavItems[nextIndex].focus();\n }\n\n handleLeftArrow(e: KeyboardEvent): void {\n const { isBack } = e.target as UDExSecondaryNavigationSubItem;\n if (isBack) {\n this.setPrevNestedItems();\n this.onShouldFocusFirstSubItem();\n }\n }\n\n handleRightArrow(e: KeyboardEvent): void {\n const { hasItems, isBack, index } = e.target as UDExSecondaryNavigationSubItem;\n if (hasItems && !isBack) {\n const clickedItem = this._processedItems[index];\n this.setDropdownHistory();\n this.setNestedItems(clickedItem);\n this.onShouldFocusFirstSubItem();\n }\n }\n\n onLastSubItemFocus(): void {\n this.domNavItems[this.domNavItems.length - 1].focus();\n }\n\n fireNavItemClickEvent(e: PointerEvent \| KeyboardEvent): void {\n this.fireDecoratorEvent(\"nav-item-click\", {\n item: this,\n index: this.index,\n originalEvent: e,\n });\n }\n\n fireSubItemClickEvent(e: PointerEvent \| KeyboardEvent, clickedItem: NavItem, index: number): void {\n this.fireDecoratorEvent(\"sub-item-click\", {\n item: clickedItem,\n index,\n originalEvent: e,\n });\n }\n\n setDropdownHistory(): void {\n this._dropdownHistory.push(this._processedItems);\n }\n\n setPrevNestedItems(): void {\n this._processedItems = this._dropdownHistory.pop()!;\n }\n\n setNestedItems({ title, items, mobileLinkTitle } : NavItem): void {\n if (items) {\n this._processedItems = [{ title, mobileLinkTitle, isBack: true }, ...items];\n }\n }\n\n setDropdownItems(): void {\n this._processedItems = this.subItems;\n }\n\n setDesktopDropdownMaxHeight(): void {\n const { top } = this.dropdown.getBoundingClientRect();\n const maxHeight = window.innerHeight - top - DESKTOP_DROPDOWN_BOTTOM_GAP;\n this.style.setProperty(\"--udex-secondary-navigation-item-dropdown-desktop-max-height\", `${maxHeight}px`);\n }\n\n setMobileDropdownMaxHeight(): void {\n if (!this._maxHeight \|\| this._dropdownMaxHeightExceeds \|\| !this.heightSatisfiesType) {\n const secondaryNavigationMobileTrigger = this.shadowRoot!.querySelector(\".udex-secondary-navigation__item\")!;\n const maxDropdownHeight = window.innerHeight - secondaryNavigationMobileTrigger.clientHeight;\n this.style.setProperty(\"--udex-secondary-navigation-item-dropdown-mobile-max-height\", `${maxDropdownHeight}px`);\n return;\n }\n\n this.style.setProperty(\"--udex-secondary-navigation-item-dropdown-mobile-max-height\", `${this._maxHeight}`);\n }\n\n get _dropdownMaxHeightExceeds(): boolean {\n const normalizedHeight = parseRelativeUnits(this._maxHeight, this.dropdown);\n const secondaryNavigationMobileTriggerHeight = this.shadowRoot!.querySelector(\".udex-secondary-navigation__item\")!.clientHeight;\n return normalizedHeight >= window.innerHeight - secondaryNavigationMobileTriggerHeight;\n }\n\n get heightSatisfiesType(): boolean {\n return /vh\|vw\|%\|em\|rem\|px/.test(this._maxHeight);\n }\n\n setDropdownHorizontalAlign(): void {\n const { right, left } = this.dropdown.getBoundingClientRect();\n\n if (right > window.innerWidth) {\n this.dropdown.setAttribute(\"data-horizontal-align\", \"right\");\n }\n\n if (left < 0) {\n this.dropdown.setAttribute(\"data-horizontal-align\", \"left\");\n }\n }\n\n onFirstSubItemFocus(): void {\n this.domNavItems[0]?.focus();\n }\n\n onShouldFocusFirstSubItem(): void {\n this._shouldFocusFirstSubItem = true;\n }\n\n get dropdown(): HTMLElement {\n return this.shadowRoot!.querySelector<HTMLElement>(\".udex-secondary-navigation__dropdown\")!;\n }\n\n get isLastItem(): boolean {\n return this._navItemsLength === this.index;\n }\n\n get domNavItems(): Array<UDExSecondaryNavigationSubItem> {\n const domNavItems = this.shadowRoot?.querySelectorAll<UDExSecondaryNavigationSubItem>(\"[udex-secondary-navigation-sub-item]\");\n return domNavItems ? Array.from(domNavItems) : [];\n }\n\n get hasNestedItems(): boolean {\n return this.subItems.length > 0;\n }\n\n get isSubItemActive(): boolean {\n return !!this.subActiveItem?.active;\n }\n\n get isActive(): boolean {\n return this.isSubItemActive \|\| this.active;\n }\n\n get subActiveItemTitle(): string \| undefined {\n if (this.subActiveItem) {\n const { title, mobileLinkTitle } = this.subActiveItem;\n return this._isMobileView ? (mobileLinkTitle \|\| title) : title;\n }\n }\n\n get subActiveItem(): NavItem \| undefined {\n return this.getActiveSubItem(this.subItems);\n }\n\n get isLink(): boolean {\n return !this.hasNestedItems && !!this.path;\n }\n\n get title(): string {\n return this.label;\n }\n}\n\nUDExSecondaryNavigationItem.define();\n\nexport default UDExSecondaryNavigationItem;\nexport type { UDExSecondaryNavigationItemClickEventDetail, UDExSecondaryNavigationItemSubItemClickEventDetail };\n"]}

package/dist/SecondaryNavigationItemBase.js CHANGED Viewed

@@ -8,7 +8,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import { UDExTarget } from "./types/common.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
@@ -99,7 +99,7 @@ __decorate([
 ], UDExSecondaryNavigationItemBase.prototype, "_isMobileView", void 0);
 UDExSecondaryNavigationItemBase = __decorate([
     customElement({
-        renderer: litRender,
+        renderer: jsxRenderer,
     })
 ], UDExSecondaryNavigationItemBase);
 export default UDExSecondaryNavigationItemBase;

package/dist/SecondaryNavigationItemBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecondaryNavigationItemBase.js","sourceRoot":"","sources":["../src/SecondaryNavigationItemBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,~~SAAS~~,MAAM,~~sDAAsD~~,CAAC;~~AAE7E~~,OAAO,aAAa,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAYzD;;;;;;;;;;GAUG;AAKH,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,UAAU;IA8DtD;QACE,KAAK,EAAE,CAAC;QAtCV;;;;WAIG;QAED,WAAM,GAAe,UAAU,CAAC,KAAK,CAAC;QAiCtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;QACnC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,aAAa;QACX,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,UAAU;QACR,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;QACD,aAAa,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC;IAED,SAAS;QACP,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED,gBAAgB,CAAC,IAAoB;QACnC,IAAI,UAAU,CAAC;QACf,MAAM,cAAc,GAAG,CAAC,KAAqB,EAAE,EAAE;YAC/C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACnB,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;oBACzB,UAAU,GAAG,IAAI,CAAC;oBAClB,OAAO;gBACT,CAAC;gBACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAChF,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACrC,CAAC;CACF,CAAA;AAzGG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wEACA;AAQzB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACT;AAQjB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACX;AAQd;IADD,QAAQ,EAAE;+DAC6B;AAQtC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iEACP;AAQlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACV;AAQf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8DACV;AAGf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sEACF;AA1DtB,+BAA+B;IAJpC,aAAa,CAAC;QACb,QAAQ,EAAE,~~SAAS~~;~~KACpB~~,CAAC;GAEI,+BAA+B,CAgHpC;AAED,eAAe,+BAA+B,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport ~~litRender~~ from \"@ui5/webcomponents-base/~~dist/~~renderer/~~LitRenderer~~.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { UDExTarget } from \"./types/common.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\nexport type NavItem = {\n path?: string;\n mobileLinkTitle: string;\n target?: UDExTarget;\n title: string;\n active?: boolean;\n isBack?: boolean;\n items?: Array<NavItem>;\n}\n\n/*\n @class\n \n A class to serve as a foundation\n * for the <code>UDExSecondaryNavigationItem</code> and <code>UDExSecondaryNavigationSubItem</code> classes.\n \n @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n /\n@customElement({\n renderer: ~~litRender~~,\n})\n\nclass UDExSecondaryNavigationItemBase extends UI5Element {\n /\n Defines an aria label for item\n \n @public\n /\n @property({ type: String })\n mobileLinkTitle!: string;\n\n /\n Defines active state for the item\n \n @public\n /\n @property({ type: Boolean })\n active!: boolean;\n\n /\n Defines path for the item\n \n @public\n /\n @property({ type: String })\n path!: string;\n\n /\n Defines target for the item\n \n @public\n /\n @property()\n target: UDExTarget = UDExTarget._self;\n\n /\n Defines subTitle for the item\n \n @public\n /\n @property({ type: String })\n subTitle!: string;\n\n /\n Defines label for the item\n \n @public\n /\n @property({ type: String })\n label!: string;\n\n /\n Defines the index for the item.\n \n @public\n */\n @property({ type: Number })\n index!: number;\n\n @property({ type: Boolean })\n _isMobileView!: boolean;\n\n _handleResizeBound: ResizeObserverCallback;\n\n constructor() {\n super();\n this._isMobileView = this.isMobile;\n this._handleResizeBound = this._handleResize.bind(this);\n }\n\n _handleResize(): void {\n this._isMobileView = this.isMobile;\n }\n\n onEnterDOM(): void {\n if (isDesktop()) {\n this.setAttribute(\"desktop\", \"\");\n }\n ResizeHandler.register(this, this._handleResizeBound);\n }\n\n onExitDOM(): void {\n ResizeHandler.deregister(this, this._handleResizeBound);\n }\n\n getActiveSubItem(data: Array<NavItem>): NavItem \| undefined {\n let activeItem;\n const findActiveItem = (array: Array<NavItem>) => {\n array.forEach(item => {\n if (item.active === true) {\n activeItem = item;\n return;\n }\n if (item.items) {\n findActiveItem(item.items);\n }\n });\n };\n\n findActiveItem(data);\n return activeItem;\n }\n\n get itemLabel(): string {\n return this._isMobileView ? (this.mobileLinkTitle \|\| this.label) : this.label;\n }\n\n get isMobile(): boolean {\n return BreakpointUtils.isAtMost(\"S\");\n }\n\n get ariaCurrent(): string \| null {\n return this.active ? \"page\" : null;\n }\n}\n\nexport default UDExSecondaryNavigationItemBase;\n"]}
1	+ {"version":3,"file":"SecondaryNavigationItemBase.js","sourceRoot":"","sources":["../src/SecondaryNavigationItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { UDExTarget } from \"./types/common.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\nexport type NavItem = {\n path?: string;\n mobileLinkTitle: string;\n target?: UDExTarget;\n title: string;\n active?: boolean;\n isBack?: boolean;\n items?: Array<NavItem>;\n}\n\n/*\n @class\n \n A class to serve as a foundation\n * for the <code>UDExSecondaryNavigationItem</code> and <code>UDExSecondaryNavigationSubItem</code> classes.\n \n @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n /\n@customElement({\n renderer: jsxRenderer,\n})\n\nclass UDExSecondaryNavigationItemBase extends UI5Element {\n /\n Defines an aria label for item\n \n @public\n /\n @property({ type: String })\n mobileLinkTitle!: string;\n\n /\n Defines active state for the item\n \n @public\n /\n @property({ type: Boolean })\n active!: boolean;\n\n /\n Defines path for the item\n \n @public\n /\n @property({ type: String })\n path!: string;\n\n /\n Defines target for the item\n \n @public\n /\n @property()\n target: UDExTarget = UDExTarget._self;\n\n /\n Defines subTitle for the item\n \n @public\n /\n @property({ type: String })\n subTitle!: string;\n\n /\n Defines label for the item\n \n @public\n /\n @property({ type: String })\n label!: string;\n\n /\n Defines the index for the item.\n \n @public\n */\n @property({ type: Number })\n index!: number;\n\n @property({ type: Boolean })\n _isMobileView!: boolean;\n\n _handleResizeBound: ResizeObserverCallback;\n\n constructor() {\n super();\n this._isMobileView = this.isMobile;\n this._handleResizeBound = this._handleResize.bind(this);\n }\n\n _handleResize(): void {\n this._isMobileView = this.isMobile;\n }\n\n onEnterDOM(): void {\n if (isDesktop()) {\n this.setAttribute(\"desktop\", \"\");\n }\n ResizeHandler.register(this, this._handleResizeBound);\n }\n\n onExitDOM(): void {\n ResizeHandler.deregister(this, this._handleResizeBound);\n }\n\n getActiveSubItem(data: Array<NavItem>): NavItem \| undefined {\n let activeItem;\n const findActiveItem = (array: Array<NavItem>) => {\n array.forEach(item => {\n if (item.active === true) {\n activeItem = item;\n return;\n }\n if (item.items) {\n findActiveItem(item.items);\n }\n });\n };\n\n findActiveItem(data);\n return activeItem;\n }\n\n get itemLabel(): string {\n return this._isMobileView ? (this.mobileLinkTitle \|\| this.label) : this.label;\n }\n\n get isMobile(): boolean {\n return BreakpointUtils.isAtMost(\"S\");\n }\n\n get ariaCurrent(): string \| null {\n return this.active ? \"page\" : null;\n }\n}\n\nexport default UDExSecondaryNavigationItemBase;\n"]}

package/dist/SecondaryNavigationItemTemplate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type UDExSecondaryNavigationItem from "./SecondaryNavigationItem.js";
2	+ export default function SecondaryNavigationItemTemplate(this: UDExSecondaryNavigationItem): import("@ui5/webcomponents-base").JSX.Element;

package/dist/SecondaryNavigationItemTemplate.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExSecondaryNavigationSubItem from "./SecondaryNavigationSubItem.js";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+import IconMode from "@ui5/webcomponents/dist/types/IconMode.js";
+import slimArrowDownIcon from "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
+export default function SecondaryNavigationItemTemplate() {
+    if (this.isLink) {
+        return (_jsx("a", { className: "udex-secondary-navigation__item", tabindex: 0, href: this.path, target: this.target, "aria-current": (this.ariaCurrent || undefined), onKeyDown: this.handleItemLinkKeyDown, onClick: this.fireNavItemClickEvent, "active": this.isActive || undefined, children: this.itemLabel }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("button", { className: "udex-secondary-navigation__item", tabindex: 0, "aria-haspopup": this.hasNestedItems, "aria-expanded": this.isOpen, "aria-label": this.ariaLabel || undefined, onKeyDown: this.handleItemEnterOrSpaceKeys, onClick: this.openDropdown, "active": this.isActive || undefined, children: _jsxs("span", { className: "udex-secondary-navigation__item-text-wrap", children: [this.itemLabel, this._subTitle && (_jsx("span", { className: "udex-secondary-navigation__item-sub-title", children: this._subTitle })), this.hasNestedItems && (_jsx(UI5Icon, { class: "udex-secondary-navigation__item-icon", name: slimArrowDownIcon, mode: IconMode.Decorative }))] }) }), this.isOpen && (_jsxs("div", { className: "udex-secondary-navigation__dropdown", children: [_jsx("ul", { className: "udex-secondary-navigation__dropdown-list", onKeyDown: this.handleSubItemKeyDown, children: this._processedItems.map((item, index) => (_jsx("li", { children: _jsx(UDExSecondaryNavigationSubItem, { index: index, "onui5-sub-item-click": this.handleSubItemClick, "onui5-back-item-click": this.onBackClick, "is-back": item.isBack || undefined, label: item.title, "mobile-link-title": item.mobileLinkTitle, nestedItems: item.items ?? [], path: item.path, target: item.target, active: item.active }) }))) }), _jsx("div", { onKeyDown: this.handleButtonsEscKey, children: _jsx("slot", {}) })] }))] }));
+}
+//# sourceMappingURL=SecondaryNavigationItemTemplate.js.map

package/dist/SecondaryNavigationItemTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SecondaryNavigationItemTemplate.js","sourceRoot":"","sources":["../src/SecondaryNavigationItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,8BAA8B,MAAM,iCAAiC,CAAC;AAC7E,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AAEjF,MAAM,CAAC,OAAO,UAAU,+BAA+B;IACrD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,OAAO,CACL,YACE,SAAS,EAAC,iCAAiC,EAC3C,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,kBACL,CAAC,IAAI,CAAC,WAAW,IAAI,SAAS,CAAuB,EACnE,SAAS,EAAE,IAAI,CAAC,qBAAqB,EACrC,OAAO,EAAE,IAAI,CAAC,qBAA4B,EACpC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,YACzC,IAAI,CAAC,SAAS,GACb,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BACE,iBACE,SAAS,EAAC,iCAAiC,EAC3C,QAAQ,EAAE,CAAC,mBACI,IAAI,CAAC,cAAc,mBACnB,IAAI,CAAC,MAAM,gBACd,IAAI,CAAC,SAAS,IAAI,SAAS,EACvC,SAAS,EAAE,IAAI,CAAC,0BAA0B,EAC1C,OAAO,EAAE,IAAI,CAAC,YAAmB,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,SAAS,YAC1C,gBAAM,SAAS,EAAC,2CAA2C,aACxD,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,SAAS,IAAI,CACjB,eAAM,SAAS,EAAC,2CAA2C,YACxD,IAAI,CAAC,SAAS,GACV,CACR,EACA,IAAI,CAAC,cAAc,IAAI,CACtB,KAAC,OAAO,IACN,KAAK,EAAC,sCAAsC,EAC5C,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,CACX,IACI,GACA,EACR,IAAI,CAAC,MAAM,IAAI,CACd,eAAK,SAAS,EAAC,qCAAqC,aAClD,aACE,SAAS,EAAC,0CAA0C,EACpD,SAAS,EAAE,IAAI,CAAC,oBAAoB,YACnC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,uBACE,KAAC,8BAA8B,IAC7B,KAAK,EAAE,KAAK,0BACU,IAAI,CAAC,kBAAkB,2BACtB,IAAI,CAAC,WAAW,aAC9B,IAAI,CAAC,MAAM,IAAI,SAAS,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,uBACE,IAAI,CAAC,eAAe,EACvC,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,GACY,GAC9B,CACN,CAAC,GACC,EACL,cAAK,SAAS,EAAE,IAAI,CAAC,mBAAmB,YACtC,gBAAa,GACT,IACF,CACP,IACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExSecondaryNavigationItem from \"./SecondaryNavigationItem.js\";\nimport UDExSecondaryNavigationSubItem from \"./SecondaryNavigationSubItem.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport slimArrowDownIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nexport default function SecondaryNavigationItemTemplate(this: UDExSecondaryNavigationItem) {\n if (this.isLink) {\n return (\n <a\n className=\"udex-secondary-navigation__item\"\n tabindex={0}\n href={this.path}\n target={this.target}\n aria-current={(this.ariaCurrent || undefined) as \"page\" | undefined}\n onKeyDown={this.handleItemLinkKeyDown}\n onClick={this.fireNavItemClickEvent as any}\n {...{ \"active\": this.isActive || undefined }}>\n {this.itemLabel}\n </a>\n );\n }\n\n return (\n <>\n <button\n className=\"udex-secondary-navigation__item\"\n tabindex={0}\n aria-haspopup={this.hasNestedItems}\n aria-expanded={this.isOpen}\n aria-label={this.ariaLabel || undefined}\n onKeyDown={this.handleItemEnterOrSpaceKeys}\n onClick={this.openDropdown as any}\n {...{ \"active\": this.isActive || undefined }}>\n <span className=\"udex-secondary-navigation__item-text-wrap\">\n {this.itemLabel}\n {this._subTitle && (\n <span className=\"udex-secondary-navigation__item-sub-title\">\n {this._subTitle}\n </span>\n )}\n {this.hasNestedItems && (\n <UI5Icon\n class=\"udex-secondary-navigation__item-icon\"\n name={slimArrowDownIcon}\n mode={IconMode.Decorative}>\n </UI5Icon>\n )}\n </span>\n </button>\n {this.isOpen && (\n <div className=\"udex-secondary-navigation__dropdown\">\n <ul\n className=\"udex-secondary-navigation__dropdown-list\"\n onKeyDown={this.handleSubItemKeyDown}>\n {this._processedItems.map((item, index) => (\n <li>\n <UDExSecondaryNavigationSubItem\n index={index}\n onui5-sub-item-click={this.handleSubItemClick}\n onui5-back-item-click={this.onBackClick}\n is-back={item.isBack || undefined}\n label={item.title}\n mobile-link-title={item.mobileLinkTitle}\n nestedItems={item.items ?? []}\n path={item.path}\n target={item.target}\n active={item.active}>\n </UDExSecondaryNavigationSubItem>\n </li>\n ))}\n </ul>\n <div onKeyDown={this.handleButtonsEscKey}>\n <slot></slot>\n </div>\n </div>\n )}\n </>\n );\n}\n"]}

package/dist/SecondaryNavigationSubItem.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
 import type { NavItem } from "./SecondaryNavigationItemBase.js";
 import UDExSecondaryNavigationItemBase from "./SecondaryNavigationItemBase.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 type UDExSecondaryNavigationSubItemClickEventDetail = {
     item: UDExSecondaryNavigationSubItem;
     originalEvent: PointerEvent;

package/dist/SecondaryNavigationSubItem.js CHANGED Viewed

@@ -8,14 +8,11 @@ var UDExSecondaryNavigationSubItem_1;
 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-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import UDExSecondaryNavigationItemBase from "./SecondaryNavigationItemBase.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { BACK_BUTTON_LABEL } from "./generated/i18n/i18n-defaults.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
-import SecondaryNavigationSubItemTemplate from "./generated/templates/SecondaryNavigationSubItemTemplate.lit.js";
+import SecondaryNavigationSubItemTemplate from "./SecondaryNavigationSubItemTemplate.js";
 import translate from "./utils/translate.js";
 // Styles
 import SecondaryNavigationSubItemCss from "./generated/themes/SecondaryNavigationSubItem.css.js";
@@ -83,10 +80,9 @@ __decorate([
 UDExSecondaryNavigationSubItem = UDExSecondaryNavigationSubItem_1 = __decorate([
     customElement({
         tag: "udex-secondary-navigation-sub-item",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: SecondaryNavigationSubItemCss,
         template: SecondaryNavigationSubItemTemplate,
-        dependencies: [UI5Icon],
     })
     /**
      * Fires when item is clicked

package/dist/SecondaryNavigationSubItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecondaryNavigationSubItem.js","sourceRoot":"","sources":["../src/SecondaryNavigationSubItem.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,~~SAAS~~,MAAM,~~sDAAsD~~,CAAC;~~AAC7E~~,OAAO~~,OAAO,MAAM,iCAAiC,CAAC;AAEtD,OAAO~~,+BAA+B,MAAM,kCAAkC,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,~~kDAAkD,CAAC;AAC1D,OAAO,mDAAmD,CAAC;AAC3D,OAAO,~~kCAAkC,MAAM,~~iEAAiE~~,CAAC;~~AACjH~~,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,SAAS;AACT,OAAO,6BAA6B,MAAM,sDAAsD,CAAC;AAWjG;;;;;;;;;;;;;;;;;GAiBG;~~AA4BH~~,IAAM,8BAA8B,sCAApC,MAAM,8BAA+B,SAAQ,+BAA+B;IAA5E;;QAcE;;;;;WAKG;QAED,gBAAW,GAAmB,EAAE,CAAC;IAgCrC,CAAC;IA3BC,WAAW,CAAC,CAAe;QACzB,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,EAAE;YACxC,IAAI,EAAE,IAAI;YACV,aAAa,EAAE,CAAC;SACjB,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,CAAe;QAC7B,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IACpC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3D,CAAC;IAED,IAAI,mBAAmB;QACrB,MAAM,KAAK,GAAG,SAAS,CAAC,gCAA8B,EAAE,iBAAiB,CAAC,CAAC;QAC3E,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;IACvC,CAAC;CACF,CAAA;AAzCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DACT;AASjB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mEACQ;AAG5B;IADN,IAAI,CAAC,yBAAyB,CAAC;wDACF;AAxB1B,8BAA8B;~~IA3BnC~~,aAAa,CAAC;QACb,GAAG,EAAE,oCAAoC;QACzC,QAAQ,EAAE,~~SAAS~~;~~QACnB~~,MAAM,EAAE,6BAA6B;QACrC,QAAQ,EAAE,kCAAkC;~~QAC5C~~,~~YAAY,EAAE,~~CAAC~~,OAAO,CAAC~~;~~KACxB,CAAC;~~IAEF;;;;;;;OAOG;;IACF,KAAK,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;IAE7D;;;;;;OAMG;;IACF,KAAK,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;GAExD,8BAA8B,CAqDnC;AAED,8BAA8B,CAAC,MAAM,EAAE,CAAC;AAExC,eAAe,8BAA8B,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport ~~litRender~~ from \"@ui5/webcomponents-base/~~dist/~~renderer/~~LitRenderer~~.js\";\nimport ~~UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport~~ type { NavItem } from \"./SecondaryNavigationItemBase.js\";\nimport UDExSecondaryNavigationItemBase from \"./SecondaryNavigationItemBase.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { BACK_BUTTON_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport ~~\"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport~~ SecondaryNavigationSubItemTemplate from \"./~~generated/templates/~~SecondaryNavigationSubItemTemplate.~~lit.~~js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport SecondaryNavigationSubItemCss from \"./generated/themes/SecondaryNavigationSubItem.css.js\";\n\ntype UDExSecondaryNavigationSubItemClickEventDetail = {\n item: UDExSecondaryNavigationSubItem,\n originalEvent: PointerEvent\n}\n\ntype UDExSecondaryNavigationSubItemBackClickEventDetail = {\n originalEvent: PointerEvent\n}\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n \n * <h3>Usage</h3>\n \n For the <code>udex-secondary-navigation-sub-item</code>\n * <h3>ES6 Module Import</h3>\n \n <code>import \"@sapudex/web-components/dist/SecondaryNavigationSubItem.js\";</code>\n \n @constructor\n * @extends UDExSecondaryNavigationItemBase\n * @tagname udex-secondary-navigation-sub-item\n * @public\n /\n@customElement({\n tag: \"udex-secondary-navigation-sub-item\",\n renderer: ~~litRender~~,\n styles: SecondaryNavigationSubItemCss,\n template: SecondaryNavigationSubItemTemplate,\n ~~dependencies: [UI5Icon],\n~~})\n\n/\n Fires when item is clicked\n \n @allowPreventDefault\n * @public\n * @param {PointerEvent} originalEvent the original event object\n * @param {UDExSecondaryNavigationSubItem} item the clicked item\n /\n@event(\"sub-item-click\", { bubbles: true, cancelable: true })\n\n/\n Fires when back item is clicked\n \n @allowPreventDefault\n * @public\n * @param {PointerEvent} originalEvent the original event object\n /\n@event(\"back-item-click\", { bubbles: true, cancelable: true })\n\nclass UDExSecondaryNavigationSubItem extends UDExSecondaryNavigationItemBase {\n eventDetails!: {\n \"sub-item-click\": UDExSecondaryNavigationSubItemClickEventDetail,\n \"back-item-click\": UDExSecondaryNavigationSubItemBackClickEventDetail,\n };\n /\n Defines back item.\n \n @public\n * @default false\n /\n @property({ type: Boolean })\n isBack!: boolean;\n\n /\n List of the nested items\n \n @default \"[]\"\n * @public\n */\n @property({ type: Object })\n nestedItems: Array<NavItem> = [];\n\n @i18n(\"@sapudex/web-components\")\n static i18nBundle: I18nBundle;\n\n onItemClick(e: PointerEvent): void {\n this.fireDecoratorEvent(\"sub-item-click\", {\n item: this,\n originalEvent: e,\n });\n }\n\n onBackItemClick(e: PointerEvent): void {\n this.fireDecoratorEvent(\"back-item-click\", { originalEvent: e });\n }\n\n get hasItems(): boolean {\n return !!this.nestedItems?.length;\n }\n\n get isButton(): boolean {\n return this.hasItems \|\| !this.path;\n }\n\n get isSubItemActive(): boolean {\n return !!this.getActiveSubItem(this.nestedItems)?.active;\n }\n\n get backButtonAriaLabel(): string {\n const label = translate(UDExSecondaryNavigationSubItem, BACK_BUTTON_LABEL);\n return `${this.itemLabel}, ${label}`;\n }\n}\n\nUDExSecondaryNavigationSubItem.define();\n\nexport default UDExSecondaryNavigationSubItem;\nexport type { UDExSecondaryNavigationSubItemClickEventDetail, UDExSecondaryNavigationSubItemBackClickEventDetail };\n"]}
1	+ {"version":3,"file":"SecondaryNavigationSubItem.js","sourceRoot":"","sources":["../src/SecondaryNavigationSubItem.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAE1E,OAAO,+BAA+B,MAAM,kCAAkC,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,kCAAkC,MAAM,yCAAyC,CAAC;AACzF,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,SAAS;AACT,OAAO,6BAA6B,MAAM,sDAAsD,CAAC;AAWjG;;;;;;;;;;;;;;;;;GAiBG;AA2BH,IAAM,8BAA8B,sCAApC,MAAM,8BAA+B,SAAQ,+BAA+B;IAA5E;;QAcE;;;;;WAKG;QAED,gBAAW,GAAmB,EAAE,CAAC;IAgCrC,CAAC;IA3BC,WAAW,CAAC,CAAe;QACzB,IAAI,CAAC,kBAAkB,CAAC,gBAAgB,EAAE;YACxC,IAAI,EAAE,IAAI;YACV,aAAa,EAAE,CAAC;SACjB,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,CAAe;QAC7B,IAAI,CAAC,kBAAkB,CAAC,iBAAiB,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IACpC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3D,CAAC;IAED,IAAI,mBAAmB;QACrB,MAAM,KAAK,GAAG,SAAS,CAAC,gCAA8B,EAAE,iBAAiB,CAAC,CAAC;QAC3E,OAAO,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;IACvC,CAAC;CACF,CAAA;AAzCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DACT;AASjB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mEACQ;AAG5B;IADN,IAAI,CAAC,yBAAyB,CAAC;wDACF;AAxB1B,8BAA8B;IA1BnC,aAAa,CAAC;QACb,GAAG,EAAE,oCAAoC;QACzC,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,6BAA6B;QACrC,QAAQ,EAAE,kCAAkC;KAC7C,CAAC;IAEF;;;;;;;OAOG;;IACF,KAAK,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;IAE7D;;;;;;OAMG;;IACF,KAAK,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;GAExD,8BAA8B,CAqDnC;AAED,8BAA8B,CAAC,MAAM,EAAE,CAAC;AAExC,eAAe,8BAA8B,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport type { NavItem } from \"./SecondaryNavigationItemBase.js\";\nimport UDExSecondaryNavigationItemBase from \"./SecondaryNavigationItemBase.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { BACK_BUTTON_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport SecondaryNavigationSubItemTemplate from \"./SecondaryNavigationSubItemTemplate.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport SecondaryNavigationSubItemCss from \"./generated/themes/SecondaryNavigationSubItem.css.js\";\n\ntype UDExSecondaryNavigationSubItemClickEventDetail = {\n item: UDExSecondaryNavigationSubItem,\n originalEvent: PointerEvent\n}\n\ntype UDExSecondaryNavigationSubItemBackClickEventDetail = {\n originalEvent: PointerEvent\n}\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n \n * <h3>Usage</h3>\n \n For the <code>udex-secondary-navigation-sub-item</code>\n * <h3>ES6 Module Import</h3>\n \n <code>import \"@sapudex/web-components/dist/SecondaryNavigationSubItem.js\";</code>\n \n @constructor\n * @extends UDExSecondaryNavigationItemBase\n * @tagname udex-secondary-navigation-sub-item\n * @public\n /\n@customElement({\n tag: \"udex-secondary-navigation-sub-item\",\n renderer: jsxRenderer,\n styles: SecondaryNavigationSubItemCss,\n template: SecondaryNavigationSubItemTemplate,\n})\n\n/\n Fires when item is clicked\n \n @allowPreventDefault\n * @public\n * @param {PointerEvent} originalEvent the original event object\n * @param {UDExSecondaryNavigationSubItem} item the clicked item\n /\n@event(\"sub-item-click\", { bubbles: true, cancelable: true })\n\n/\n Fires when back item is clicked\n \n @allowPreventDefault\n * @public\n * @param {PointerEvent} originalEvent the original event object\n /\n@event(\"back-item-click\", { bubbles: true, cancelable: true })\n\nclass UDExSecondaryNavigationSubItem extends UDExSecondaryNavigationItemBase {\n eventDetails!: {\n \"sub-item-click\": UDExSecondaryNavigationSubItemClickEventDetail,\n \"back-item-click\": UDExSecondaryNavigationSubItemBackClickEventDetail,\n };\n /\n Defines back item.\n \n @public\n * @default false\n /\n @property({ type: Boolean })\n isBack!: boolean;\n\n /\n List of the nested items\n \n @default \"[]\"\n * @public\n */\n @property({ type: Object })\n nestedItems: Array<NavItem> = [];\n\n @i18n(\"@sapudex/web-components\")\n static i18nBundle: I18nBundle;\n\n onItemClick(e: PointerEvent): void {\n this.fireDecoratorEvent(\"sub-item-click\", {\n item: this,\n originalEvent: e,\n });\n }\n\n onBackItemClick(e: PointerEvent): void {\n this.fireDecoratorEvent(\"back-item-click\", { originalEvent: e });\n }\n\n get hasItems(): boolean {\n return !!this.nestedItems?.length;\n }\n\n get isButton(): boolean {\n return this.hasItems \|\| !this.path;\n }\n\n get isSubItemActive(): boolean {\n return !!this.getActiveSubItem(this.nestedItems)?.active;\n }\n\n get backButtonAriaLabel(): string {\n const label = translate(UDExSecondaryNavigationSubItem, BACK_BUTTON_LABEL);\n return `${this.itemLabel}, ${label}`;\n }\n}\n\nUDExSecondaryNavigationSubItem.define();\n\nexport default UDExSecondaryNavigationSubItem;\nexport type { UDExSecondaryNavigationSubItemClickEventDetail, UDExSecondaryNavigationSubItemBackClickEventDetail };\n"]}

package/dist/SecondaryNavigationSubItemTemplate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type UDExSecondaryNavigationSubItem from "./SecondaryNavigationSubItem.js";
2	+ export default function SecondaryNavigationSubItemTemplate(this: UDExSecondaryNavigationSubItem): import("@ui5/webcomponents-base").JSX.Element;

package/dist/SecondaryNavigationSubItemTemplate.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+import IconMode from "@ui5/webcomponents/dist/types/IconMode.js";
+import slimArrowLeftIcon from "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
+import slimArrowRightIcon from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
+export default function SecondaryNavigationSubItemTemplate() {
+    if (this.isBack) {
+        return (_jsxs("button", { className: "udex-secondary-navigation__dropdown-item", onClick: this.onBackItemClick, "aria-label": this.backButtonAriaLabel, tabindex: 0, "is-back": "", children: [_jsx(UI5Icon, { class: "udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back", name: slimArrowLeftIcon, mode: IconMode.Decorative }), this.itemLabel] }));
+    }
+    if (this.isButton) {
+        return (_jsxs("button", { onClick: this.onItemClick, "aria-haspopup": this.hasItems || undefined, "sub-active": this.isSubItemActive || undefined,
+            "active": this.active || undefined, "aria-label": this.label || undefined, tabindex: 0, "aria-current": (this.ariaCurrent || undefined), className: "udex-secondary-navigation__dropdown-item", children: [this.itemLabel, this.hasItems && (_jsx(UI5Icon, { class: "udex-secondary-navigation__dropdown-icon", name: slimArrowRightIcon, mode: IconMode.Decorative }))] }));
+    }
+    return (_jsx("a", { className: "udex-secondary-navigation__dropdown-item", onClick: this.onItemClick, href: this.path, target: this.target, tabindex: 0, "aria-current": (this.ariaCurrent || undefined), "active": this.active || undefined, children: this.itemLabel }));
+}
+//# sourceMappingURL=SecondaryNavigationSubItemTemplate.js.map

package/dist/SecondaryNavigationSubItemTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SecondaryNavigationSubItemTemplate.js","sourceRoot":"","sources":["../src/SecondaryNavigationSubItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AACjF,OAAO,kBAAkB,MAAM,mDAAmD,CAAC;AAEnF,MAAM,CAAC,OAAO,UAAU,kCAAkC;IACxD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,OAAO,CACL,kBACE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,IAAI,CAAC,eAAsB,gBACxB,IAAI,CAAC,mBAAmB,EACpC,QAAQ,EAAE,CAAC,EACL,SAAS,EAAE,EAAE,aACnB,KAAC,OAAO,IACN,KAAK,EAAC,wFAAwF,EAC9F,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,EACT,IAAI,CAAC,SAAS,IACR,CACV,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,OAAO,CACL,kBACE,OAAO,EAAE,IAAI,CAAC,WAAkB,mBACjB,IAAI,CAAC,QAAQ,IAAI,SAAS,EAEvC,YAAY,EAAE,IAAI,CAAC,eAAe,IAAI,SAAS;YAC/C,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,SAAS,gBAExB,IAAI,CAAC,KAAK,IAAI,SAAS,EACnC,QAAQ,EAAE,CAAC,kBACG,CAAC,IAAI,CAAC,WAAW,IAAI,SAAS,CAAuB,EACnE,SAAS,EAAC,0CAA0C,aACnD,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,OAAO,IACN,KAAK,EAAC,0CAA0C,EAChD,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,QAAQ,CAAC,UAAU,GACjB,CACX,IACM,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,YACE,SAAS,EAAC,0CAA0C,EACpD,OAAO,EAAE,IAAI,CAAC,WAAkB,EAChC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,CAAC,kBACG,CAAC,IAAI,CAAC,WAAW,IAAI,SAAS,CAAuB,EAC7D,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,SAAS,YACvC,IAAI,CAAC,SAAS,GACb,CACL,CAAC;AACJ,CAAC","sourcesContent":["import type UDExSecondaryNavigationSubItem from \"./SecondaryNavigationSubItem.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport slimArrowLeftIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport slimArrowRightIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\n\nexport default function SecondaryNavigationSubItemTemplate(this: UDExSecondaryNavigationSubItem) {\n if (this.isBack) {\n return (\n <button\n className=\"udex-secondary-navigation__dropdown-item\"\n onClick={this.onBackItemClick as any}\n aria-label={this.backButtonAriaLabel}\n tabindex={0}\n {...{ \"is-back\": \"\" }}>\n <UI5Icon\n class=\"udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back\"\n name={slimArrowLeftIcon}\n mode={IconMode.Decorative}>\n </UI5Icon>\n {this.itemLabel}\n </button>\n );\n }\n\n if (this.isButton) {\n return (\n <button\n onClick={this.onItemClick as any}\n aria-haspopup={this.hasItems || undefined}\n {...{\n \"sub-active\": this.isSubItemActive || undefined,\n \"active\": this.active || undefined,\n }}\n aria-label={this.label || undefined}\n tabindex={0}\n aria-current={(this.ariaCurrent || undefined) as \"page\" | undefined}\n className=\"udex-secondary-navigation__dropdown-item\">\n {this.itemLabel}\n {this.hasItems && (\n <UI5Icon\n class=\"udex-secondary-navigation__dropdown-icon\"\n name={slimArrowRightIcon}\n mode={IconMode.Decorative}>\n </UI5Icon>\n )}\n </button>\n );\n }\n\n return (\n <a\n className=\"udex-secondary-navigation__dropdown-item\"\n onClick={this.onItemClick as any}\n href={this.path}\n target={this.target}\n tabindex={0}\n aria-current={(this.ariaCurrent || undefined) as \"page\" | undefined}\n {...{ \"active\": this.active || undefined }}>\n {this.itemLabel}\n </a>\n );\n}\n"]}

package/dist/SecondaryNavigationTemplate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type UDExSecondaryNavigation from "./SecondaryNavigation.js";
2	+ export default function SecondaryNavigationTemplate(this: UDExSecondaryNavigation): import("@ui5/webcomponents-base").JSX.Element;

package/dist/SecondaryNavigationTemplate.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExSecondaryNavigationItem from "./SecondaryNavigationItem.js";
+export default function SecondaryNavigationTemplate() {
+    return (_jsxs("div", { className: this.rootClass, children: [this.hasBreadcrumbsSlot && (_jsx("div", { className: "udex-secondary-navigation__breadcrumbs", children: _jsx("slot", { name: "breadcrumbs" }) })), _jsxs("div", { className: "udex-secondary-navigation__holder", children: [this.heading.length > 0 && (_jsx("div", { className: "udex-secondary-navigation__heading", children: this.headingHref.length > 0 ? (_jsx("a", { className: "udex-secondary-navigation__title", tabindex: 0, onClick: this.handleHeadingClick, href: this.headingHref, children: this.heading })) : (_jsx("span", { className: "udex-secondary-navigation__title", children: this.heading })) })), _jsxs("nav", { className: "udex-secondary-navigation__wrap", children: [_jsxs("ul", { className: "udex-secondary-navigation__list", onKeyDown: this.handleKeyDown, children: [this.visibleItems.map((item, index) => (_jsx("li", { className: "udex-secondary-navigation__list-item", children: _jsx(UDExSecondaryNavigationItem, { index: index, active: item.active, path: item.path, label: item.title, "mobile-link-title": item.mobileLinkTitle, target: item.target, subItems: item.items ?? [], "onui5-sub-item-click": this.handleSubItemClick, "onui5-nav-item-click": this.handleItemClick, "_nav-items-length": this.visibleItems.length }) }))), this._showMoreButton && (_jsx("li", { className: "udex-secondary-navigation__list-item", children: _jsx(UDExSecondaryNavigationItem, { index: this.visibleItems.length, "onui5-sub-item-click": this.handleSubItemClick, "onui5-nav-item-click": this.handleItemClick, label: this.moreButtonText, subItems: this._overflowItems, "_nav-items-length": this.visibleItems.length }) }))] }), this.hasDesktopButtonsSlot && (_jsx("div", { className: "udex-secondary-navigation__buttons", children: _jsx("slot", { name: "buttons" }) }))] })] }), _jsx(UDExSecondaryNavigationItem, { class: "udex-secondary-navigation__mobile-nav", role: "button", "aria-label": this.mobileMenuOpenerAriaLabel, label: this.heading, "mobile-link-title": this.title, "onui5-nav-item-click": this.handleMobileMenuOpenerClick, "onui5-sub-item-click": this.handleSubItemClick, onKeyDown: this.handleKeyDown, subItems: this.parsedItems, "_is-mobile-menu-opener": "",
+                "_max-height": this.maxDropdownHeight, children: this.hasMobileButtonsSlot && (_jsx("div", { className: "udex-secondary-navigation__buttons", onClick: this.handleMobileButtonsClick, children: _jsx("slot", { name: "buttons" }) })) })] }));
+}
+//# sourceMappingURL=SecondaryNavigationTemplate.js.map

package/dist/SecondaryNavigationTemplate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SecondaryNavigationTemplate.js","sourceRoot":"","sources":["../src/SecondaryNavigationTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,2BAA2B,MAAM,8BAA8B,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,2BAA2B;IACjD,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,aAC3B,IAAI,CAAC,kBAAkB,IAAI,CAC1B,cAAK,SAAS,EAAC,wCAAwC,YACrD,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC5B,CACP,EACD,eAAK,SAAS,EAAC,mCAAmC,aAC/C,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,cAAK,SAAS,EAAC,oCAAoC,YAChD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7B,YACE,SAAS,EAAC,kCAAkC,EAC5C,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,IAAI,CAAC,kBAAyB,EACvC,IAAI,EAAE,IAAI,CAAC,WAAW,YACrB,IAAI,CAAC,OAAO,GACX,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,kCAAkC,YAAE,IAAI,CAAC,OAAO,GAAQ,CACzE,GACG,CACP,EACD,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cACE,SAAS,EAAC,iCAAiC,EAC3C,SAAS,EAAE,IAAI,CAAC,aAAa,aAC5B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,aAAI,SAAS,EAAC,sCAAsC,YAClD,KAAC,2BAA2B,IAC1B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,uBACE,IAAI,CAAC,eAAe,EACvC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,0BACJ,IAAI,CAAC,kBAAkB,0BACvB,IAAI,CAAC,eAAe,EACpC,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,GACvB,GAC3B,CACN,CAAC,EACD,IAAI,CAAC,eAAe,IAAI,CACvB,aAAI,SAAS,EAAC,sCAAsC,YAClD,KAAC,2BAA2B,IAC1B,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,0BACT,IAAI,CAAC,kBAAkB,0BACvB,IAAI,CAAC,eAAe,EAC1C,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,QAAQ,EAAE,IAAI,CAAC,cAAc,EACvB,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,GACvB,GAC3B,CACN,IACE,EACJ,IAAI,CAAC,qBAAqB,IAAI,CAC7B,cAAK,SAAS,EAAC,oCAAoC,YACjD,eAAM,IAAI,EAAC,SAAS,GAAQ,GACxB,CACP,IACG,IACF,EACN,KAAC,2BAA2B,IAC1B,KAAK,EAAC,uCAAuC,EAC7C,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,yBAAyB,EAC1C,KAAK,EAAE,IAAI,CAAC,OAAO,uBACA,IAAI,CAAC,KAAK,0BACP,IAAI,CAAC,2BAA2B,0BAChC,IAAI,CAAC,kBAAkB,EAC7C,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAExB,wBAAwB,EAAE,EAAE;gBAC5B,aAAa,EAAE,IAAI,CAAC,iBAAiB,YAEtC,IAAI,CAAC,oBAAoB,IAAI,CAC5B,cAAK,SAAS,EAAC,oCAAoC,EAAC,OAAO,EAAE,IAAI,CAAC,wBAAwB,YACxF,eAAM,IAAI,EAAC,SAAS,GAAQ,GACxB,CACP,GAC2B,IAC1B,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExSecondaryNavigation from \"./SecondaryNavigation.js\";\nimport UDExSecondaryNavigationItem from \"./SecondaryNavigationItem.js\";\n\nexport default function SecondaryNavigationTemplate(this: UDExSecondaryNavigation) {\n return (\n <div className={this.rootClass}>\n {this.hasBreadcrumbsSlot && (\n <div className=\"udex-secondary-navigation__breadcrumbs\">\n <slot name=\"breadcrumbs\"></slot>\n </div>\n )}\n <div className=\"udex-secondary-navigation__holder\">\n {this.heading.length > 0 && (\n <div className=\"udex-secondary-navigation__heading\">\n {this.headingHref.length > 0 ? (\n <a\n className=\"udex-secondary-navigation__title\"\n tabindex={0}\n onClick={this.handleHeadingClick as any}\n href={this.headingHref}>\n {this.heading}\n </a>\n ) : (\n <span className=\"udex-secondary-navigation__title\">{this.heading}</span>\n )}\n </div>\n )}\n <nav className=\"udex-secondary-navigation__wrap\">\n <ul\n className=\"udex-secondary-navigation__list\"\n onKeyDown={this.handleKeyDown}>\n {this.visibleItems.map((item, index) => (\n <li className=\"udex-secondary-navigation__list-item\">\n <UDExSecondaryNavigationItem\n index={index}\n active={item.active}\n path={item.path}\n label={item.title}\n mobile-link-title={item.mobileLinkTitle}\n target={item.target}\n subItems={item.items ?? []}\n onui5-sub-item-click={this.handleSubItemClick}\n onui5-nav-item-click={this.handleItemClick}\n {...{ \"_nav-items-length\": this.visibleItems.length }}>\n </UDExSecondaryNavigationItem>\n </li>\n ))}\n {this._showMoreButton && (\n <li className=\"udex-secondary-navigation__list-item\">\n <UDExSecondaryNavigationItem\n index={this.visibleItems.length}\n onui5-sub-item-click={this.handleSubItemClick}\n onui5-nav-item-click={this.handleItemClick}\n label={this.moreButtonText}\n subItems={this._overflowItems}\n {...{ \"_nav-items-length\": this.visibleItems.length }}>\n </UDExSecondaryNavigationItem>\n </li>\n )}\n </ul>\n {this.hasDesktopButtonsSlot && (\n <div className=\"udex-secondary-navigation__buttons\">\n <slot name=\"buttons\"></slot>\n </div>\n )}\n </nav>\n </div>\n <UDExSecondaryNavigationItem\n class=\"udex-secondary-navigation__mobile-nav\"\n role=\"button\"\n aria-label={this.mobileMenuOpenerAriaLabel}\n label={this.heading}\n mobile-link-title={this.title}\n onui5-nav-item-click={this.handleMobileMenuOpenerClick}\n onui5-sub-item-click={this.handleSubItemClick}\n onKeyDown={this.handleKeyDown}\n subItems={this.parsedItems}\n {...{\n \"_is-mobile-menu-opener\": \"\",\n \"_max-height\": this.maxDropdownHeight\n }}>\n {this.hasMobileButtonsSlot && (\n <div className=\"udex-secondary-navigation__buttons\" onClick={this.handleMobileButtonsClick}>\n <slot name=\"buttons\"></slot>\n </div>\n )}\n </UDExSecondaryNavigationItem>\n </div>\n );\n}\n"]}

package/dist/SelectBase.d.ts CHANGED Viewed

@@ -184,6 +184,13 @@ declare class UDExSelectBase extends UDExSearchableListBase {
      * Activates the first navigable item as the aria-activedescendant without moving DOM focus.
      */
     _activateFirstItem(): void;
+    /**
+     * Establishes the initial aria-activedescendant when the dropdown opens, without moving
+     * DOM focus. In SingleSelect mode the currently selected item is activated so reopening
+     * restores focus to it; when nothing is selected (or in other modes) the first navigable
+     * item is activated instead.
+     */
+    _activateSelectedOrFirstItem(): void;
     /**
      * Navigates to the item at the given index, updating aria-activedescendant and _selectedOption.
      */
@@ -191,8 +198,6 @@ declare class UDExSelectBase extends UDExSearchableListBase {
     handleKeyDownDropdown(e: KeyboardEvent): void;
     handleEndKeyPress(items: UDExListItemBase[], lastItemIndex: number): void;
     handleHomeKeyPress(items: UDExListItemBase[]): void;
-    handleDownKeyPress(items: UDExListItemBase[], currentSelectedIndex: number, lastItemIndex: number): void;
-    handleUpKeyPress(items: UDExListItemBase[], currentSelectedIndex: number, lastItemIndex: number): void;
     handleLetterKeyPress(e: KeyboardEvent): void;
     handleEscKeyPress(e: KeyboardEvent): void;
     handleItemSelection(e: CustomEvent): void;

package/dist/SelectBase.js CHANGED Viewed

@@ -202,6 +202,28 @@ class UDExSelectBase extends UDExSearchableListBase {
         this._list.setTabIndexByIndex(items, firstIndex);
         this._setActiveDescendant(items[firstIndex], false);
     }
+    /**
+     * Establishes the initial aria-activedescendant when the dropdown opens, without moving
+     * DOM focus. In SingleSelect mode the currently selected item is activated so reopening
+     * restores focus to it; when nothing is selected (or in other modes) the first navigable
+     * item is activated instead.
+     */
+    _activateSelectedOrFirstItem() {
+        const items = this._list?.getKeyboardNavigationItems();
+        if (!items?.length) {
+            return;
+        }
+        const firstIndex = (items[0]?.nonInteractive && !items[0]?.collapsible) ? 1 : 0;
+        const selectedIndex = this.modeSingleSelect
+            ? items.findIndex(item => item.selected && !item.isGroup)
+            : -1;
+        const targetIndex = selectedIndex >= 0 ? selectedIndex : firstIndex;
+        this._list.setTabIndexByIndex(items, targetIndex);
+        this._setActiveDescendant(items[targetIndex], false);
+        if (this.showImageFlags) {
+            this.handleImagePosition(items, targetIndex);
+        }
+    }
     /**
      * Navigates to the item at the given index, updating aria-activedescendant and _selectedOption.
      */
@@ -324,40 +346,6 @@ class UDExSelectBase extends UDExSearchableListBase {
         const firstIndex = (items[0]?.nonInteractive && !items[0]?.collapsible) ? 1 : 0;
         this._navigateToIndex(items, firstIndex);
     }
-    handleDownKeyPress(items, currentSelectedIndex, lastItemIndex) {
-        const nextIndex = currentSelectedIndex + 1;
-        const nextSelectIndex = nextIndex > lastItemIndex ? 0 : nextIndex;
-        const isNonInteractive = items[nextSelectIndex].nonInteractive && !items[nextSelectIndex].collapsible;
-        if (isNonInteractive) {
-            const skipIndex = nextSelectIndex + 1 > lastItemIndex ? 0 : nextSelectIndex + 1;
-            this._selectedOption = items[skipIndex].label;
-            if (this.showImageFlags) {
-                this.handleImagePosition(items, skipIndex);
-            }
-            return;
-        }
-        this._selectedOption = items[nextSelectIndex].label;
-        if (this.showImageFlags) {
-            this.handleImagePosition(items, nextSelectIndex);
-        }
-    }
-    handleUpKeyPress(items, currentSelectedIndex, lastItemIndex) {
-        const prevIndex = currentSelectedIndex - 1;
-        const previousSelectIndex = prevIndex < 0 ? lastItemIndex : prevIndex;
-        const isNonInteractive = items[previousSelectIndex].nonInteractive && !items[previousSelectIndex].collapsible;
-        if (isNonInteractive) {
-            const skipIndex = previousSelectIndex === 0 ? lastItemIndex : previousSelectIndex - 1;
-            this._selectedOption = items[skipIndex].label;
-            if (this.showImageFlags) {
-                this.handleImagePosition(items, skipIndex);
-            }
-            return;
-        }
-        this._selectedOption = items[previousSelectIndex].label;
-        if (this.showImageFlags) {
-            this.handleImagePosition(items, previousSelectIndex);
-        }
-    }
     handleLetterKeyPress(e) {
         e.stopPropagation();
         e.preventDefault();
@@ -450,10 +438,7 @@ class UDExSelectBase extends UDExSearchableListBase {
         if (isDownAndPopoverClosed) {
             e.preventDefault();
             this.openDropdown();
-            this._activateFirstItem();
-            if (this.showImageFlags) {
-                this.handleImagePosition(items, firstIndex);
-            }
+            this._activateSelectedOrFirstItem();
             return;
         }
         if (isDownAndPopoverOpened) {
@@ -599,6 +584,9 @@ class UDExSelectBase extends UDExSearchableListBase {
             this._expandCollapsedGroupsWithSelection();
             return renderFinished();
         }).then(() => {
+            if (!this._activeDescendantItem) {
+                this._activateSelectedOrFirstItem();
+            }
             this._handleDropdownScroll();
             this._announceCurrentOrFirst();
         }).catch(() => { });