@ui5/webcomponents-fiori 2.5.0-rc.3 → 2.6.0-rc.0

package/dist/SideNavigationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationItem.js","sourceRoot":"","sources":["../src/SideNavigationItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,yDAAyD,CAAC;AACjE,OAAO,wDAAwD,CAAC;AAChE,OAAO,gDAAgD,CAAC;AACxD,OAAO,8CAA8C,CAAC;AACtD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AAGrF,OAAO,0BAA0B,MAAM,yDAAyD,CAAC;AAEjG,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AAEjF;;;;;;;;;;;;;;;;;GAiBG;AAUH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gCAAgC;IAAjE;;QACC;;;;;WAKG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;WAMG;QAEH,WAAM,GAAG,KAAK,CAAC;QA4Ff,mBAAc,GAAG,CAAC,CAAe,EAAE,EAAE;YACpC,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAChC,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,OAAO;YACR,CAAC;YAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,OAAO;YACR,CAAC;YAED,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,CAAa,EAAE,EAAE;YAC9B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAe,EAAE,EAAE;YAC9B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;QAED,gBAAW,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,OAAO;YACR,CAAC;YAED,IAAI,CAAC,SAAS,EAAG,CAAC,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC;QACnE,CAAC,CAAA;QAED,kBAAa,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,OAAO;YACR,CAAC;YAED,IAAI,CAAC,SAAS,EAAG,CAAC,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC;QACnE,CAAC,CAAA;QAED,kBAAa,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC/C,OAAO;YACR,CAAC;YAED,IAAI,CAAC,SAAS,EAAG,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;QAChE,CAAC,CAAA;IAKF,CAAC;IA7IA,IAAI,aAAa;QAChB,OAAO,CAAC,IAAI,CAAC,CAAC;IACf,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,IAAI,cAAc;QACjB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,CAAC;IACf,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,IAAI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClE,OAAO,MAAM,CAAC;QACf,CAAC;QAED,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,IAAI,YAAY;QACf,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,QAAQ;QACX,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QAClB,CAAC;QAED,OAAO,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAED,IAAI,SAAS;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,wBAAwB,CAAC;IAC3E,CAAC;IAED,IAAI,YAAY;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC;QAEnC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAK,IAAI,CAAC,UAA6B,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC1F,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC3C,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACnC,CAAC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,IAAI,SAAS;QACZ,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChE,CAAC;QAED,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IA0DD,IAAI,oBAAoB;QACvB,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AAjKA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACX;AAUjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACb;AAQf;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDACvC;AA1BhC,kBAAkB;IATvB,aAAa,CAAC;QACd,GAAG,EAAE,0BAA0B;QAC/B,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE,qBAAqB;QAC7B,YAAY,EAAE;YACb,IAAI;SACJ;KACD,CAAC;GACI,kBAAkB,CAyKvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,MAAM,8BAA8B,GAAG,CAAC,MAAW,EAAgC,EAAE;IACpF,OAAO,sBAAsB,IAAI,MAAM,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport { isLeft, isRight } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/circle-task-2.js\";\nimport \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationItemTemplate from \"./generated/templates/SideNavigationItemTemplate.lit.js\";\n\n// Styles\nimport SideNavigationItemCss from \"./generated/themes/SideNavigationItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * Represents a navigation action. It can provide sub items.\n * The `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";`\n *\n * @constructor\n * @extends SideNavigationSelectableItemBase\n * @abstract\n * @public\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-side-navigation-item\",\n\trenderer: litRender,\n\ttemplate: SideNavigationItemTemplate,\n\tstyles: SideNavigationItemCss,\n\tdependencies: [\n\t\tIcon,\n\t],\n})\nclass SideNavigationItem extends SideNavigationSelectableItemBase {\n\t/**\n\t * Defines if the item is expanded\n\t *\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\texpanded = false;\n\n\t/**\n\t * Defines if the item should be collapsible or not.\n\t * It is true, for example, for the items inside the Popover of the Side Navigation\n\t * @private\n\t * @default false\n\t * @since 1.10.0\n\t */\n\t@property({ type: Boolean })\n\t_fixed = false;\n\n\t/**\n     * Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: Array<SideNavigationSubItem>;\n\n\tget overflowItems() : Array<HTMLElement> {\n\t\treturn [this];\n\t}\n\n\tget selectableItems() : Array<SideNavigationSelectableItemBase> {\n\t\treturn [this, ...this.items];\n\t}\n\n\tget focusableItems() : Array<SideNavigationItemBase> {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn [this];\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\treturn [this, ...this.items];\n\t\t}\n\n\t\treturn [this];\n\t}\n\n\tget allItems() : Array<SideNavigationItemBase> {\n\t\treturn [this, ...this.items];\n\t}\n\n\tget _ariaHasPopup() {\n\t\tif (!this.disabled && this.sideNavCollapsed && this.items.length) {\n\t\t\treturn \"tree\";\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget _ariaChecked() {\n\t\tif (this.isOverflow) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\tget _groupId() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn `${this._id}-group`;\n\t}\n\n\tget _expanded() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget _toggleIconName() {\n\t\treturn this.expanded ? \"navigation-down-arrow\" : \"navigation-right-arrow\";\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (!this.disabled && (this.parentNode as SideNavigation).collapsed && this.items.length) {\n\t\t\tclasses.push(\"ui5-sn-item-with-expander\");\n\t\t}\n\n\t\tif (this._fixed) {\n\t\t\tclasses.push(\"ui5-sn-item-fixed\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _selected() {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.selected || this.items.some(item => item.selected);\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\t_onToggleClick = (e: PointerEvent) => {\n\t\te.stopPropagation();\n\n\t\tthis.expanded = !this.expanded;\n\t}\n\n\t_onkeydown = (e: KeyboardEvent) => {\n\t\tif (isLeft(e)) {\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\tthis.expanded = true;\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup = (e: KeyboardEvent) => {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin = (e: FocusEvent) => {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick = (e: PointerEvent) => {\n\t\tsuper._onclick(e);\n\t}\n\n\t_onfocusout = () => {\n\t\tif (!this.sideNavCollapsed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.getDomRef()!.classList.remove(\"ui5-sn-item-no-hover-effect\");\n\t}\n\n\t_onmouseenter = () => {\n\t\tif (!this.sideNavCollapsed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.getDomRef()!.classList.remove(\"ui5-sn-item-no-hover-effect\");\n\t}\n\n\t_onmouseleave = () => {\n\t\tif (!this.sideNavCollapsed || !this._selected) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.getDomRef()!.classList.add(\"ui5-sn-item-no-hover-effect\");\n\t}\n\n\tget isSideNavigationItem() {\n\t\treturn true;\n\t}\n}\n\nSideNavigationItem.define();\n\nconst isInstanceOfSideNavigationItem = (object: any): object is SideNavigationItem => {\n\treturn \"isSideNavigationItem\" in object;\n};\n\nexport default SideNavigationItem;\nexport { isInstanceOfSideNavigationItem };\n"]}
+{"version":3,"file":"SideNavigationItem.js","sourceRoot":"","sources":["../src/SideNavigationItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport { isLeft, isRight } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationItemTemplate from \"./SideNavigationItemTemplate.js\";\n\n// Styles\nimport SideNavigationItemCss from \"./generated/themes/SideNavigationItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * Represents a navigation action. It can provide sub items.\n * The `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";`\n *\n * @constructor\n * @extends SideNavigationSelectableItemBase\n * @abstract\n * @public\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-side-navigation-item\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationItemTemplate,\n\tstyles: SideNavigationItemCss,\n\tdependencies: [\n\t\tIcon,\n\t],\n})\nclass SideNavigationItem extends SideNavigationSelectableItemBase {\n\t/**\n\t * Defines if the item is expanded\n\t *\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\texpanded = false;\n\n\t/**\n\t * Defines if the item should be collapsible or not.\n\t * It is true, for example, for the items inside the Popover of the Side Navigation\n\t * @private\n\t * @default false\n\t * @since 1.10.0\n\t */\n\t@property({ type: Boolean })\n\t_fixed = false;\n\n\t/**\n     * Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: Array<SideNavigationSubItem>;\n\n\tget overflowItems() : Array<SideNavigationItem> {\n\t\treturn [this];\n\t}\n\n\tget selectableItems() : Array<SideNavigationSelectableItemBase> {\n\t\treturn [this, ...this.items];\n\t}\n\n\tget focusableItems() : Array<SideNavigationItemBase> {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn [this];\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\treturn [this, ...this.items];\n\t\t}\n\n\t\treturn [this];\n\t}\n\n\tget allItems() : Array<SideNavigationItemBase> {\n\t\treturn [this, ...this.items];\n\t}\n\n\tget _ariaHasPopup() {\n\t\tif (!this.disabled && this.sideNavCollapsed && this.items.length) {\n\t\t\treturn \"tree\";\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget _ariaChecked() {\n\t\tif (this.isOverflow) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\tget _groupId() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn `${this._id}-group`;\n\t}\n\n\tget _expanded() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (!this.disabled && (this.parentNode as SideNavigation).collapsed && this.items.length) {\n\t\t\tclasses.push(\"ui5-sn-item-with-expander\");\n\t\t}\n\n\t\tif (this._fixed) {\n\t\t\tclasses.push(\"ui5-sn-item-fixed\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _selected() {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.selected || this.items.some(item => item.selected);\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\t_onToggleClick(e: PointerEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.expanded = !this.expanded;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isLeft(e)) {\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\tthis.expanded = true;\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tsuper._onclick(e);\n\t}\n\n\t_onfocusout() {\n\t\tif (!this.sideNavCollapsed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.getDomRef()!.classList.remove(\"ui5-sn-item-no-hover-effect\");\n\t}\n\n\t_onmouseenter() {\n\t\tif (!this.sideNavCollapsed) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.getDomRef()!.classList.remove(\"ui5-sn-item-no-hover-effect\");\n\t}\n\n\t_onmouseleave() {\n\t\tif (!this.sideNavCollapsed || !this._selected) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.getDomRef()!.classList.add(\"ui5-sn-item-no-hover-effect\");\n\t}\n\n\tget isSideNavigationItem() {\n\t\treturn true;\n\t}\n}\n\nSideNavigationItem.define();\n\nconst isInstanceOfSideNavigationItem = (object: any): object is SideNavigationItem => {\n\treturn \"isSideNavigationItem\" in object;\n};\n\nexport default SideNavigationItem;\nexport { isInstanceOfSideNavigationItem };\n"]}

package/dist/SideNavigationItemBase.d.ts

@@ -12,6 +12,9 @@ import type SideNavigation from "./SideNavigation.js";
  * @since 1.19.0
  */
 declare class SideNavigationItemBase extends UI5Element implements ITabbable {
+    eventDetails: {
+        click: void;
+    };
     /**
      * Defines the text of the item.
      *

package/dist/SideNavigationItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationItemBase.js","sourceRoot":"","sources":["../src/SideNavigationItemBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,EACN,SAAS,GACT,MAAM,wCAAwC,CAAC;AAIhD;;;;;;;;;GASG;AACH,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAUC;;;;;;;;WAQG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAiBjB,qBAAgB,GAAG,KAAK,CAAC;QAGzB,cAAS,GAAG,KAAK,CAAC;IA+DnB,CAAC;IA3DA,UAAU;QACT,IAAI,SAAS,EAAE,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;IAClC,CAAC;IAED,IAAI,YAAY;QACf,MAAM,OAAO,GAAG,EAAE,CAAC;QAEnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,iBAAiB;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,SAAS,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC7B,CAAC;IAED,IAAI,cAAc,CAAC,cAAc;QAChC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACvC,CAAC;IAED,IAAI,WAAW;QACd,IAAI,OAAO,GAAiB,IAAI,CAAC,CAAC,sBAAsB;QACxD,IAAI,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAE1C,OAAO,aAAa,EAAE,CAAC;YACtB,IAAI,aAAa,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBACvD,MAAM;YACP,CAAC;YAED,OAAO,GAAG,aAAa,CAAC;YACxB,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QACvC,CAAC;QAED,OAAO,OAAO,EAAE,IAAI,KAAK,YAAY,CAAC;IACvC,CAAC;IAED,IAAI,wBAAwB;QAC3B,OAAO,IAAI,CAAC;IACb,CAAC;CACD;AA/FA;IADC,QAAQ,EAAE;oDACG;AAYd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACX;AAWjB;IADC,QAAQ,EAAE;uDACM;AAGjB;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;8DACT;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gEACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACV;AAiEnB,MAAM,kCAAkC,GAAG,CAAC,MAAW,EAAoC,EAAE;IAC5F,OAAO,0BAA0B,IAAI,MAAM,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAAE,kCAAkC,EAAE,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport {\n\tisDesktop,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\n\n/**\n * @class\n * Base class for the items that are accepted by the `ui5-side-navigation` component.\n *\n * @constructor\n * @extends UI5Element\n * @abstract\n * @public\n * @since 1.19.0\n */\nclass SideNavigationItemBase extends UI5Element implements ITabbable {\n\t/**\n\t * Defines the text of the item.\n\t *\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t *\n\t * @default false\n\t * @public\n\t * @since 1.19.0\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines the tooltip of the component.\n\t *\n\t * A tooltip attribute should be provided, in order to represent meaning/function, when the component is collapsed(icon only is visualized).\n\t * @default undefined\n\t * @public\n\t * @since 2.0.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex?: string\n\n\t@property({ type: Boolean })\n\tsideNavCollapsed = false;\n\n\t@property({ type: Boolean })\n\tinPopover = false;\n\n\t_sideNavigation!: SideNavigation;\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tget _tooltip() {\n\t\treturn this.tooltip || undefined;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.disabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.forcedTabIndex;\n\t}\n\n\tget sideNavigation() {\n\t\treturn this._sideNavigation;\n\t}\n\n\tset sideNavigation(sideNavigation) {\n\t\tthis._sideNavigation = sideNavigation;\n\t}\n\n\tget isFixedItem() {\n\t\tlet element : HTMLElement = this; // eslint-disable-line\n\t\tlet parentElement = element.parentElement;\n\n\t\twhile (parentElement) {\n\t\t\tif (parentElement.hasAttribute(\"ui5-side-navigation\")) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\telement = parentElement;\n\t\t\tparentElement = element.parentElement;\n\t\t}\n\n\t\treturn element?.slot === \"fixedItems\";\n\t}\n\n\tget isSideNavigationItemBase() {\n\t\treturn true;\n\t}\n}\n\nconst isInstanceOfSideNavigationItemBase = (object: any): object is SideNavigationItemBase => {\n\treturn \"isSideNavigationItemBase\" in object;\n};\n\nexport default SideNavigationItemBase;\nexport { isInstanceOfSideNavigationItemBase };\n"]}
+{"version":3,"file":"SideNavigationItemBase.js","sourceRoot":"","sources":["../src/SideNavigationItemBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,EACN,SAAS,GACT,MAAM,wCAAwC,CAAC;AAIhD;;;;;;;;;GASG;AACH,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAcC;;;;;;;;WAQG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAiBjB,qBAAgB,GAAG,KAAK,CAAC;QAGzB,cAAS,GAAG,KAAK,CAAC;IA+DnB,CAAC;IA3DA,UAAU;QACT,IAAI,SAAS,EAAE,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;IAClC,CAAC;IAED,IAAI,YAAY;QACf,MAAM,OAAO,GAAG,EAAE,CAAC;QAEnB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,iBAAiB;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,SAAS,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC7B,CAAC;IAED,IAAI,cAAc,CAAC,cAAc;QAChC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACvC,CAAC;IAED,IAAI,WAAW;QACd,IAAI,OAAO,GAAiB,IAAI,CAAC,CAAC,sBAAsB;QACxD,IAAI,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QAE1C,OAAO,aAAa,EAAE,CAAC;YACtB,IAAI,aAAa,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBACvD,MAAM;YACP,CAAC;YAED,OAAO,GAAG,aAAa,CAAC;YACxB,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC;QACvC,CAAC;QAED,OAAO,OAAO,EAAE,IAAI,KAAK,YAAY,CAAC;IACvC,CAAC;IAED,IAAI,wBAAwB;QAC3B,OAAO,IAAI,CAAC;IACb,CAAC;CACD;AA/FA;IADC,QAAQ,EAAE;oDACG;AAYd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACX;AAWjB;IADC,QAAQ,EAAE;uDACM;AAGjB;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;8DACT;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gEACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACV;AAiEnB,MAAM,kCAAkC,GAAG,CAAC,MAAW,EAAoC,EAAE;IAC5F,OAAO,0BAA0B,IAAI,MAAM,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAAE,kCAAkC,EAAE,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport {\n\tisDesktop,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\n\n/**\n * @class\n * Base class for the items that are accepted by the `ui5-side-navigation` component.\n *\n * @constructor\n * @extends UI5Element\n * @abstract\n * @public\n * @since 1.19.0\n */\nclass SideNavigationItemBase extends UI5Element implements ITabbable {\n\teventDetails!: {\n\t\tclick: void\n\t}\n\n\t/**\n\t * Defines the text of the item.\n\t *\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t *\n\t * @default false\n\t * @public\n\t * @since 1.19.0\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines the tooltip of the component.\n\t *\n\t * A tooltip attribute should be provided, in order to represent meaning/function, when the component is collapsed(icon only is visualized).\n\t * @default undefined\n\t * @public\n\t * @since 2.0.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t@property({ noAttribute: true })\n\tforcedTabIndex?: string\n\n\t@property({ type: Boolean })\n\tsideNavCollapsed = false;\n\n\t@property({ type: Boolean })\n\tinPopover = false;\n\n\t_sideNavigation!: SideNavigation;\n\n\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\n\n\tget _tooltip() {\n\t\treturn this.tooltip || undefined;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.disabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.forcedTabIndex;\n\t}\n\n\tget sideNavigation() {\n\t\treturn this._sideNavigation;\n\t}\n\n\tset sideNavigation(sideNavigation) {\n\t\tthis._sideNavigation = sideNavigation;\n\t}\n\n\tget isFixedItem() {\n\t\tlet element : HTMLElement = this; // eslint-disable-line\n\t\tlet parentElement = element.parentElement;\n\n\t\twhile (parentElement) {\n\t\t\tif (parentElement.hasAttribute(\"ui5-side-navigation\")) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\telement = parentElement;\n\t\t\tparentElement = element.parentElement;\n\t\t}\n\n\t\treturn element?.slot === \"fixedItems\";\n\t}\n\n\tget isSideNavigationItemBase() {\n\t\treturn true;\n\t}\n}\n\nconst isInstanceOfSideNavigationItemBase = (object: any): object is SideNavigationItemBase => {\n\treturn \"isSideNavigationItemBase\" in object;\n};\n\nexport default SideNavigationItemBase;\nexport { isInstanceOfSideNavigationItemBase };\n"]}

package/dist/SideNavigationItemTemplate.d.ts

@@ -0,0 +1,2 @@
+import type SideNavigationItem from "./SideNavigationItem.js";
+export default function SideNavigationItemTemplate(this: SideNavigationItem): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/SideNavigationItemTemplate.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import navRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import navDownArrow from "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import circleTask from "@ui5/webcomponents-icons/dist/circle-task-2.js";
+import arrowRight from "@ui5/webcomponents-icons/dist/arrow-right.js";
+export default function SideNavigationItemTemplate() {
+    if (this.sideNavCollapsed) {
+        return MenuItemTemplate.call(this);
+    }
+    return TreeItemTemplate.call(this);
+}
+function MenuItemTemplate() {
+    return (_jsx(_Fragment, { children: this._href ?
+            _jsxs("a", { id: this._id, class: `ui5-sn-item ui5-sn-item-level1 ${this._classes}`, role: this.ariaRole, "data-sap-focus-ref": true, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onMouseEnter: this._onmouseenter, onMouseLeave: this._onmouseleave, tabIndex: this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined, "aria-haspopup": this._ariaHasPopup, "aria-checked": this._ariaChecked, title: this._tooltip, href: this._href, target: this._target, children: [_jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", children: this.text }), !!this.items.length &&
+                        _jsx(Icon, { class: "ui5-sn-item-toggle-icon", name: navRightArrow }), this.isExternalLink &&
+                        _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight })] })
+            :
+                _jsxs("div", { id: this._id, class: `ui5-sn-item ui5-sn-item-level1 ${this._classes}`, role: this.ariaRole, "data-sap-focus-ref": true, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onMouseEnter: this._onmouseenter, onMouseLeave: this._onmouseleave, tabIndex: this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined, "aria-haspopup": this._ariaHasPopup, "aria-checked": this._ariaChecked, title: this._tooltip, children: [_jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", children: this.text }), !!this.items.length &&
+                            _jsx(Icon, { class: "ui5-sn-item-toggle-icon", name: navRightArrow }), this.isExternalLink &&
+                            _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight })] }) }));
+}
+function TreeItemTemplate() {
+    return (_jsxs("li", { id: this._id, class: "ui5-sn-list-li", role: "none", children: [this._href ?
+                _jsxs("a", { class: `ui5-sn-item ui5-sn-item-level1 ${this._classes}`, role: this.ariaRole, "data-sap-focus-ref": true, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, tabIndex: this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined, "aria-expanded": this._expanded, "aria-current": this._ariaCurrent, "aria-selected": this.selected, title: this._tooltip, "aria-owns": this._groupId, href: this._href, target: this._target, children: [this.icon &&
+                            _jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", children: this.text }), _jsx(Icon, { class: "ui5-sn-item-selection-icon", name: circleTask }), this.isExternalLink &&
+                            _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight }), !!this.items.length &&
+                            _jsx(Icon, { class: "ui5-sn-item-toggle-icon", name: this.expanded ? navDownArrow : navRightArrow, "onui5-click": this._onToggleClick })] })
+                :
+                    _jsxs("div", { class: `ui5-sn-item ui5-sn-item-level1 ${this._classes}`, role: this.ariaRole, "data-sap-focus-ref": true, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, tabIndex: this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined, "aria-expanded": this._expanded, "aria-current": this._ariaCurrent, "aria-selected": this.selected, title: this._tooltip, "aria-owns": this._groupId, children: [this.icon &&
+                                _jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", children: this.text }), _jsx(Icon, { class: "ui5-sn-item-selection-icon", name: circleTask }), this.isExternalLink &&
+                                _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight }), !!this.items.length &&
+                                _jsx(Icon, { class: "ui5-sn-item-toggle-icon", name: this.expanded ? navDownArrow : navRightArrow, "onui5-click": this._onToggleClick })] }), !!this.items.length &&
+                _jsx("ul", { id: this._groupId, class: "ui5-sn-item-ul", role: "group", children: _jsx("slot", {}) })] }));
+}
+//# sourceMappingURL=SideNavigationItemTemplate.js.map

package/dist/SideNavigationItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItemTemplate.js","sourceRoot":"","sources":["../src/SideNavigationItemTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport navRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport navDownArrow from \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport circleTask from \"@ui5/webcomponents-icons/dist/circle-task-2.js\";\nimport arrowRight from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type SideNavigationItem from \"./SideNavigationItem.js\";\n\nexport default function SideNavigationItemTemplate(this: SideNavigationItem) {\n\tif (this.sideNavCollapsed) {\n\t\treturn MenuItemTemplate.call(this);\n\t}\n\treturn TreeItemTemplate.call(this);\n}\n\nfunction MenuItemTemplate(this: SideNavigationItem) {\n\treturn (<>\n\t\t{this._href ?\n\t\t\t<a id={this._id}\n\t\t\t\tclass={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}\n\t\t\t\trole={this.ariaRole}\n\t\t\t\tdata-sap-focus-ref\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\tonClick={this._onclick}\n\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\tonFocusOut={this._onfocusout}\n\t\t\t\tonMouseEnter={this._onmouseenter}\n\t\t\t\tonMouseLeave={this._onmouseleave}\n\t\t\t\ttabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}\n\t\t\t\taria-haspopup={this._ariaHasPopup}\n\t\t\t\taria-checked={this._ariaChecked}\n\t\t\t\ttitle={this._tooltip}\n\t\t\t\thref={this._href}\n\t\t\t\ttarget={this._target}\n\t\t\t>\n\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t<div class=\"ui5-sn-item-text\">{this.text}</div>\n\t\t\t\t{!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\tname={navRightArrow}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\tname={arrowRight}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</a>\n\t\t\t:\n\t\t\t<div id={this._id}\n\t\t\t\tclass={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}\n\t\t\t\trole={this.ariaRole}\n\t\t\t\tdata-sap-focus-ref\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\tonClick={this._onclick}\n\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\tonFocusOut={this._onfocusout}\n\t\t\t\tonMouseEnter={this._onmouseenter}\n\t\t\t\tonMouseLeave={this._onmouseleave}\n\t\t\t\ttabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}\n\t\t\t\taria-haspopup={this._ariaHasPopup}\n\t\t\t\taria-checked={this._ariaChecked}\n\t\t\t\ttitle={this._tooltip}\n\t\t\t>\n\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t<div class=\"ui5-sn-item-text\">{this.text}</div>\n\t\t\t\t{!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\tname={navRightArrow}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\tname={arrowRight}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</>);\n}\n\nfunction TreeItemTemplate(this: SideNavigationItem) {\n\treturn (\n\t\t<li id={this._id} class=\"ui5-sn-list-li\" role=\"none\">\n\t\t\t{this._href ?\n\t\t\t\t<a class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}\n\t\t\t\t\trole={this.ariaRole}\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tonClick={this._onclick}\n\t\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\t\ttabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}\n\t\t\t\t\taria-expanded={this._expanded}\n\t\t\t\t\taria-current={this._ariaCurrent}\n\t\t\t\t\taria-selected={this.selected}\n\t\t\t\t\ttitle={this._tooltip}\n\t\t\t\t\taria-owns={this._groupId}\n\t\t\t\t\thref={this._href}\n\t\t\t\t\ttarget={this._target}\n\t\t\t\t>\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t\t}\n\t\t\t\t\t<div class=\"ui5-sn-item-text\">{this.text}</div>\n\t\t\t\t\t<Icon class=\"ui5-sn-item-selection-icon\"\n\t\t\t\t\t\tname={circleTask}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\tname={arrowRight}\n\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\tname={this.expanded ? navDownArrow : navRightArrow}\n\t\t\t\t\t\tonui5-click={this._onToggleClick}\n\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</a>\n\t\t\t\t:\n\t\t\t\t<div class={`ui5-sn-item ui5-sn-item-level1 ${this._classes}`}\n\t\t\t\t\trole={this.ariaRole}\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tonClick={this._onclick}\n\t\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\t\ttabIndex={this.effectiveTabIndex !== undefined ? parseInt(this.effectiveTabIndex) : undefined}\n\t\t\t\t\taria-expanded={this._expanded}\n\t\t\t\t\taria-current={this._ariaCurrent}\n\t\t\t\t\taria-selected={this.selected}\n\t\t\t\t\ttitle={this._tooltip}\n\t\t\t\t\taria-owns={this._groupId}\n\t\t\t\t>\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t\t}\n\t\t\t\t\t<div class=\"ui5-sn-item-text\">{this.text}</div>\n\t\t\t\t\t<Icon class=\"ui5-sn-item-selection-icon\"\n\t\t\t\t\t\tname={circleTask}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\tname={arrowRight}\n\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\tname={this.expanded ? navDownArrow : navRightArrow}\n\t\t\t\t\t\tonui5-click={this._onToggleClick}\n\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t{!!this.items.length &&\n\t\t\t<ul id={this._groupId}\n\t\t\t\tclass=\"ui5-sn-item-ul\"\n\t\t\t\trole=\"group\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</ul>\n\t\t\t}\n\t\t</li>\n\t);\n}\n"]}

package/dist/SideNavigationPopoverTemplate.d.ts

@@ -0,0 +1,2 @@
+import SideNavigation from "./SideNavigation.js";
+export default function SideNavigationTemplate(this: SideNavigation): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/SideNavigationPopoverTemplate.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import NavigationMenu from "@ui5/webcomponents/dist/NavigationMenu.js";
+import NavigationMenuItem from "@ui5/webcomponents/dist/NavigationMenuItem.js";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+import SideNavigation from "./SideNavigation.js";
+import SideNavigationItem from "./SideNavigationItem.js";
+import SideNavigationSubItem from "./SideNavigationSubItem.js";
+export default function SideNavigationTemplate() {
+    return (_jsxs(_Fragment, { children: [_jsx(NavigationMenu, { id: `${this._id}-side-navigation-overflow-menu`, onBeforeOpen: this._onBeforeMenuOpen, onBeforeClose: this._onBeforeMenuClose, "onui5-item-click": this.handleOverflowItemClick, class: "ui5-side-navigation-popover ui5-side-navigation-overflow-menu", children: this._menuPopoverItems.map(item => _jsx(NavigationMenuItem, { text: item.text, icon: item.icon, disabled: item.disabled, 
+                    // expanded={true}
+                    href: item.href, target: item.target, title: item.title, ref: this.captureRef.bind(item), children: item.items.map(subItem => _jsx(NavigationMenuItem, { text: subItem.text, icon: subItem.icon, disabled: subItem.disabled, ref: this.captureRef.bind(subItem), 
+                        // expanded={true}
+                        href: subItem.href, target: subItem.target, title: subItem.title })) })) }), _jsx(ResponsivePopover, { verticalAlign: "Top", class: "ui5-side-navigation-popover", accessibleNameRef: `${this._id}-sideNavigationPopoverText`, onOpen: this._onAfterPopoverOpen, onBeforeOpen: this._onBeforePopoverOpen, onBeforeClose: this._onBeforePopoverClose, children: this._popoverContents && _jsxs(_Fragment, { children: [_jsx("span", { id: `${this._id}-sideNavigationPopoverText`, class: "ui5-hidden-text", children: this.accSideNavigationPopoverHiddenText }), _jsx(SideNavigation, { inPopover: true, class: "ui5-side-navigation-in-popover", children: _jsx(SideNavigationItem, { text: this._popoverContents.item.text, tooltip: this._popoverContents.item._tooltip, href: this._popoverContents.item._href, target: this._popoverContents.item._target, disabled: this._popoverContents.item.disabled, 
+                                // expanded={true}
+                                _fixed: true, selected: this._popoverContents.item.selected, "onui5-click": this.handlePopupItemClick, ref: this.captureRef.bind(this._popoverContents.item), children: this._popoverContents.subItems.map(item => _jsx(SideNavigationSubItem, { text: item.text, tooltip: item._tooltip, href: item._href, target: item._target, disabled: item.disabled, selected: item.selected, "onui5-click": this.handlePopupItemClick, ref: this.captureRef.bind(item) })) }) })] }) })] }));
+}
+//# sourceMappingURL=SideNavigationPopoverTemplate.js.map

package/dist/SideNavigationPopoverTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationPopoverTemplate.js","sourceRoot":"","sources":["../src/SideNavigationPopoverTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import NavigationMenu from \"@ui5/webcomponents/dist/NavigationMenu.js\";\nimport NavigationMenuItem from \"@ui5/webcomponents/dist/NavigationMenuItem.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\n\nexport default function SideNavigationTemplate(this: SideNavigation) {\n\treturn (<>\n\t\t<NavigationMenu\n\t\t\tid={`${this._id}-side-navigation-overflow-menu`}\n\t\t\tonBeforeOpen={this._onBeforeMenuOpen}\n\t\t\tonBeforeClose={this._onBeforeMenuClose}\n\t\t\tonui5-item-click={this.handleOverflowItemClick} // TOFIX\n\t\t\tclass=\"ui5-side-navigation-popover ui5-side-navigation-overflow-menu\"\n\t\t>\n\t\t\t{this._menuPopoverItems.map(item =>\n\t\t\t\t<NavigationMenuItem\n\t\t\t\t\ttext={item.text}\n\t\t\t\t\ticon={item.icon}\n\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t// expanded={true}\n\t\t\t\t\thref={item.href}\n\t\t\t\t\ttarget={item.target}\n\t\t\t\t\ttitle={item.title}\n\t\t\t\t\tref={this.captureRef.bind(item)}\n\t\t\t\t>\n\t\t\t\t\t{item.items.map(subItem =>\n\t\t\t\t\t\t<NavigationMenuItem\n\t\t\t\t\t\t\ttext={subItem.text}\n\t\t\t\t\t\t\ticon={subItem.icon}\n\t\t\t\t\t\t\tdisabled={subItem.disabled}\n\t\t\t\t\t\t\tref={this.captureRef.bind(subItem)}\n\t\t\t\t\t\t\t// expanded={true}\n\t\t\t\t\t\t\thref={subItem.href}\n\t\t\t\t\t\t\ttarget={subItem.target}\n\t\t\t\t\t\t\ttitle={subItem.title}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</NavigationMenuItem>\n\t\t\t)}\n\t\t</NavigationMenu>\n\t\t<ResponsivePopover\n\t\t\tverticalAlign=\"Top\"\n\t\t\tclass=\"ui5-side-navigation-popover\"\n\t\t\taccessibleNameRef={`${this._id}-sideNavigationPopoverText`}\n\t\t\tonOpen={this._onAfterPopoverOpen}\n\t\t\tonBeforeOpen={this._onBeforePopoverOpen}\n\t\t\tonBeforeClose={this._onBeforePopoverClose}\n\t\t>\n\t\t\t{this._popoverContents && <>\n\t\t\t\t<span id={`${this._id}-sideNavigationPopoverText`}\n\t\t\t\t\tclass=\"ui5-hidden-text\"\n\t\t\t\t>{this.accSideNavigationPopoverHiddenText}</span>\n\t\t\t\t<SideNavigation\n\t\t\t\t\tinPopover={true}\n\t\t\t\t\tclass=\"ui5-side-navigation-in-popover\"\n\t\t\t\t>\n\t\t\t\t\t<SideNavigationItem\n\t\t\t\t\t\ttext={this._popoverContents.item.text}\n\t\t\t\t\t\ttooltip={this._popoverContents.item._tooltip}\n\t\t\t\t\t\thref={this._popoverContents.item._href}\n\t\t\t\t\t\ttarget={this._popoverContents.item._target}\n\t\t\t\t\t\tdisabled={this._popoverContents.item.disabled}\n\t\t\t\t\t\t// expanded={true}\n\t\t\t\t\t\t_fixed={true}\n\t\t\t\t\t\tselected={this._popoverContents.item.selected}\n\t\t\t\t\t\tonui5-click={this.handlePopupItemClick}\n\t\t\t\t\t\tref={this.captureRef.bind(this._popoverContents.item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._popoverContents.subItems.map(item =>\n\t\t\t\t\t\t\t<SideNavigationSubItem\n\t\t\t\t\t\t\t\ttext={item.text}\n\t\t\t\t\t\t\t\ttooltip={item._tooltip}\n\t\t\t\t\t\t\t\thref={item._href}\n\t\t\t\t\t\t\t\ttarget={item._target}\n\t\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\t\tselected={item.selected}\n\t\t\t\t\t\t\t\tonui5-click={this.handlePopupItemClick}\n\t\t\t\t\t\t\t\tref={this.captureRef.bind(item)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</SideNavigationItem>\n\t\t\t\t</SideNavigation>\n\t\t\t</>}\n\t\t</ResponsivePopover>\n\t</>);\n}\n"]}

package/dist/SideNavigationSelectableItemBase.d.ts

@@ -70,11 +70,8 @@ declare class SideNavigationSelectableItemBase extends SideNavigationItemBase {
     get _ariaCurrent(): "page" | undefined;
     _onkeydown(e: KeyboardEvent): void;
     _onkeyup(e: KeyboardEvent): void;
-    _onclick(e: PointerEvent): void;
+    _onclick(e: MouseEvent): void;
     _onfocusin(e: FocusEvent): void;
-    _activate(e: KeyboardEvent | PointerEvent): void;
-    get isSideNavigationSelectableItemBase(): boolean;
+    _activate(e: KeyboardEvent | MouseEvent): void;
 }
-declare const isInstanceOfSideNavigationSelectableItemBase: (object: any) => object is SideNavigationSelectableItemBase;
 export default SideNavigationSelectableItemBase;
-export { isInstanceOfSideNavigationSelectableItemBase };

package/dist/SideNavigationSelectableItemBase.js

@@ -97,9 +97,6 @@ let SideNavigationSelectableItemBase = class SideNavigationSelectableItemBase ex
             this.sideNavigation?._handleItemClick(e, this);
         }
     }
-    get isSideNavigationSelectableItemBase() {
-        return true;
-    }
 };
 __decorate([
     property()
@@ -133,9 +130,5 @@ SideNavigationSelectableItemBase = __decorate([
     ,
     customElement()
 ], SideNavigationSelectableItemBase);
-const isInstanceOfSideNavigationSelectableItemBase = (object) => {
-    return "isSideNavigationSelectableItemBase" in object;
-};
 export default SideNavigationSelectableItemBase;
-export { isInstanceOfSideNavigationSelectableItemBase };
 //# sourceMappingURL=SideNavigationSelectableItemBase.js.map

package/dist/SideNavigationSelectableItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationSelectableItemBase.js","sourceRoot":"","sources":["../src/SideNavigationSelectableItemBase.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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\n\n/**\n * Fired when the component is activated either with a\n * click/tap or by using the [Enter] or [Space] keys.\n *\n * @public\n */\n@event(\"click\", {\n\tbubbles: true,\n})\n\n/**\n * @class\n * Base class for the navigation items that support actions.\n *\n * @constructor\n * @extends SideNavigationItemBase\n * @abstract\n * @public\n * @since 1.24.0\n */\n@customElement()\nclass SideNavigationSelectableItemBase extends SideNavigationItemBase {\n\teventDetails!: SideNavigationItemBase[\"eventDetails\"] & {\n\t\t\"click\": void\n\t}\n\t/**\n\t * Defines the icon of the item.\n\t *\n\t * The SAP-icons font provides numerous options.\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\ticon?: string;\n\n\t/**\n\t * Defines whether the item is selected\n\t *\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines the link target URI. Supports standard hyperlink behavior.\n\t * If a JavaScript action should be triggered,\n\t * this should not be set, but instead an event handler\n\t * for the `click` event should be registered.\n\t *\n\t * @public\n\t * @default undefined\n\t * @since 1.19.0\n\t */\n\t@property()\n\thref?: string;\n\n\t/**\n\t * Defines the component target.\n\t *\n\t * **Notes:**\n\t *\n\t * - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `_search`\n\t *\n\t * **This property must only be used when the `href` property is set.**\n\t *\n\t * @public\n\t * @default undefined\n\t * @since 1.19.0\n\t */\n\t@property()\n\ttarget?: string;\n\n\t/**\n\t * @private\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tisOverflow = false;\n\n\tget ariaRole() {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.isOverflow ? \"menuitem\" : \"menuitemradio\";\n\t\t}\n\n\t\treturn \"treeitem\";\n\t}\n\n\tget _href() {\n\t\treturn (!this.disabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _target() {\n\t\treturn (!this.disabled && this.target) ? this.target : undefined;\n\t}\n\n\tget isExternalLink() {\n\t\treturn this.href && this.target === \"_blank\";\n\t}\n\n\tget _selected() {\n\t\treturn this.selected;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.disabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\tif (this._selected) {\n\t\t\tclasses.push(\"ui5-sn-item-selected\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget _ariaCurrent() {\n\t\tif (!this.selected) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn \"page\";\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onclick(e: PointerEvent) {\n\t\tthis._activate(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_activate(e: KeyboardEvent | PointerEvent) {\n\t\te.stopPropagation();\n\n\t\tif (this.isOverflow) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t} else {\n\t\t\tthis.sideNavigation?._handleItemClick(e, this);\n\t\t}\n\t}\n\n\tget isSideNavigationSelectableItemBase() {\n\t\treturn true;\n\t}\n}\n\nconst isInstanceOfSideNavigationSelectableItemBase = (object: any): object is SideNavigationSelectableItemBase => {\n\treturn \"isSideNavigationSelectableItemBase\" in object;\n};\n\nexport default SideNavigationSelectableItemBase;\nexport { isInstanceOfSideNavigationSelectableItemBase };\n"]}
+{"version":3,"file":"SideNavigationSelectableItemBase.js","sourceRoot":"","sources":["../src/SideNavigationSelectableItemBase.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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\n\n/**\n * Fired when the component is activated either with a\n * click/tap or by using the [Enter] or [Space] keys.\n *\n * @public\n */\n@event(\"click\", {\n\tbubbles: true,\n})\n\n/**\n * @class\n * Base class for the navigation items that support actions.\n *\n * @constructor\n * @extends SideNavigationItemBase\n * @abstract\n * @public\n * @since 1.24.0\n */\n@customElement()\nclass SideNavigationSelectableItemBase extends SideNavigationItemBase {\n\teventDetails!: SideNavigationItemBase[\"eventDetails\"] & {\n\t\t\"click\": void\n\t}\n\t/**\n\t * Defines the icon of the item.\n\t *\n\t * The SAP-icons font provides numerous options.\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\ticon?: string;\n\n\t/**\n\t * Defines whether the item is selected\n\t *\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines the link target URI. Supports standard hyperlink behavior.\n\t * If a JavaScript action should be triggered,\n\t * this should not be set, but instead an event handler\n\t * for the `click` event should be registered.\n\t *\n\t * @public\n\t * @default undefined\n\t * @since 1.19.0\n\t */\n\t@property()\n\thref?: string;\n\n\t/**\n\t * Defines the component target.\n\t *\n\t * **Notes:**\n\t *\n\t * - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `_search`\n\t *\n\t * **This property must only be used when the `href` property is set.**\n\t *\n\t * @public\n\t * @default undefined\n\t * @since 1.19.0\n\t */\n\t@property()\n\ttarget?: string;\n\n\t/**\n\t * @private\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tisOverflow = false;\n\n\tget ariaRole() {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.isOverflow ? \"menuitem\" : \"menuitemradio\";\n\t\t}\n\n\t\treturn \"treeitem\";\n\t}\n\n\tget _href() {\n\t\treturn (!this.disabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _target() {\n\t\treturn (!this.disabled && this.target) ? this.target : undefined;\n\t}\n\n\tget isExternalLink() {\n\t\treturn this.href && this.target === \"_blank\";\n\t}\n\n\tget _selected() {\n\t\treturn this.selected;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.disabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\tif (this._selected) {\n\t\t\tclasses.push(\"ui5-sn-item-selected\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget _ariaCurrent() {\n\t\tif (!this.selected) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn \"page\";\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tthis._activate(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_activate(e: KeyboardEvent | MouseEvent) {\n\t\te.stopPropagation();\n\n\t\tif (this.isOverflow) {\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t} else {\n\t\t\tthis.sideNavigation?._handleItemClick(e, this);\n\t\t}\n\t}\n}\n\nexport default SideNavigationSelectableItemBase;\n"]}

package/dist/SideNavigationSubItem.d.ts

@@ -1,5 +1,3 @@
-import "@ui5/webcomponents-icons/dist/circle-task-2.js";
-import "@ui5/webcomponents-icons/dist/arrow-right.js";
 import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
 /**
  * @class
@@ -19,9 +17,9 @@ import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase
  * @since 1.0.0-rc.8
  */
 declare class SideNavigationSubItem extends SideNavigationSelectableItemBase {
-    _onkeydown: (e: KeyboardEvent) => void;
-    _onkeyup: (e: KeyboardEvent) => void;
-    _onfocusin: (e: FocusEvent) => void;
-    _onclick: (e: PointerEvent) => void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    _onfocusin(e: FocusEvent): void;
+    _onclick(e: MouseEvent): void;
 }
 export default SideNavigationSubItem;

package/dist/SideNavigationSubItem.js

@@ -5,12 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRender from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/circle-task-2.js";
-import "@ui5/webcomponents-icons/dist/arrow-right.js";
 import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
-import SideNavigationSubItemTemplate from "./generated/templates/SideNavigationSubItemTemplate.lit.js";
+import SideNavigationSubItemTemplate from "./SideNavigationSubItemTemplate.js";
 // Styles
 import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.css.js";
 /**
@@ -31,26 +29,23 @@ import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.c
  * @since 1.0.0-rc.8
  */
 let SideNavigationSubItem = class SideNavigationSubItem extends SideNavigationSelectableItemBase {
-    constructor() {
-        super(...arguments);
-        this._onkeydown = (e) => {
-            super._onkeydown(e);
-        };
-        this._onkeyup = (e) => {
-            super._onkeyup(e);
-        };
-        this._onfocusin = (e) => {
-            super._onfocusin(e);
-        };
-        this._onclick = (e) => {
-            super._onclick(e);
-        };
+    _onkeydown(e) {
+        super._onkeydown(e);
+    }
+    _onkeyup(e) {
+        super._onkeyup(e);
+    }
+    _onfocusin(e) {
+        super._onfocusin(e);
+    }
+    _onclick(e) {
+        super._onclick(e);
     }
 };
 SideNavigationSubItem = __decorate([
     customElement({
         tag: "ui5-side-navigation-sub-item",
-        renderer: litRender,
+        renderer: jsxRender,
         template: SideNavigationSubItemTemplate,
         styles: SideNavigationSubItemCss,
         dependencies: [

package/dist/SideNavigationSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,gDAAgD,CAAC;AACxD,OAAO,8CAA8C,CAAC;AACtD,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,6BAA6B,MAAM,4DAA4D,CAAC;AAEvG,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAUH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,gCAAgC;IAApE;;QACC,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,CAAa,EAAE,EAAE;YAC9B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAe,EAAE,EAAE;YAC9B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;IACF,CAAC;CAAA,CAAA;AAhBK,qBAAqB;IAT1B,aAAa,CAAC;QACd,GAAG,EAAE,8BAA8B;QACnC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,wBAAwB;QAChC,YAAY,EAAE;YACb,IAAI;SACJ;KACD,CAAC;GACI,qBAAqB,CAgB1B;AAED,qBAAqB,CAAC,MAAM,EAAE,CAAC;AAE/B,eAAe,qBAAqB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/circle-task-2.js\";\nimport \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport SideNavigationSubItemTemplate from \"./generated/templates/SideNavigationSubItemTemplate.lit.js\";\n\n// Styles\nimport SideNavigationSubItemCss from \"./generated/themes/SideNavigationSubItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * Represents a single navigation action within `ui5-side-navigation-item`.\n * The `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n *\n * @constructor\n * @extends SideNavigationSelectableItemBase\n * @public\n * @abstract\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-side-navigation-sub-item\",\n\trenderer: litRender,\n\ttemplate: SideNavigationSubItemTemplate,\n\tstyles: SideNavigationSubItemCss,\n\tdependencies: [\n\t\tIcon,\n\t],\n})\nclass SideNavigationSubItem extends SideNavigationSelectableItemBase {\n\t_onkeydown = (e: KeyboardEvent) => {\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup = (e: KeyboardEvent) => {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin = (e: FocusEvent) => {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick = (e: PointerEvent) => {\n\t\tsuper._onclick(e);\n\t}\n}\n\nSideNavigationSubItem.define();\n\nexport default SideNavigationSubItem;\n"]}
+{"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAE/E,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAUH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,gCAAgC;IACnE,UAAU,CAAC,CAAgB;QAC1B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAa;QACrB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;CACD,CAAA;AAhBK,qBAAqB;IAT1B,aAAa,CAAC;QACd,GAAG,EAAE,8BAA8B;QACnC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,wBAAwB;QAChC,YAAY,EAAE;YACb,IAAI;SACJ;KACD,CAAC;GACI,qBAAqB,CAgB1B;AAED,qBAAqB,CAAC,MAAM,EAAE,CAAC;AAE/B,eAAe,qBAAqB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport SideNavigationSubItemTemplate from \"./SideNavigationSubItemTemplate.js\";\n\n// Styles\nimport SideNavigationSubItemCss from \"./generated/themes/SideNavigationSubItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * Represents a single navigation action within `ui5-side-navigation-item`.\n * The `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n *\n * @constructor\n * @extends SideNavigationSelectableItemBase\n * @public\n * @abstract\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-side-navigation-sub-item\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationSubItemTemplate,\n\tstyles: SideNavigationSubItemCss,\n\tdependencies: [\n\t\tIcon,\n\t],\n})\nclass SideNavigationSubItem extends SideNavigationSelectableItemBase {\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tsuper._onclick(e);\n\t}\n}\n\nSideNavigationSubItem.define();\n\nexport default SideNavigationSubItem;\n"]}

package/dist/SideNavigationSubItemTemplate.d.ts

@@ -0,0 +1,2 @@
+import type SideNavigationSubItem from "./SideNavigationSubItem.js";
+export default function SideNavigationSubItemTemplate(this: SideNavigationSubItem): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/SideNavigationSubItemTemplate.js

@@ -0,0 +1,18 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import circleTask from "@ui5/webcomponents-icons/dist/circle-task-2.js";
+import arrowRight from "@ui5/webcomponents-icons/dist/arrow-right.js";
+export default function SideNavigationSubItemTemplate() {
+    if (this.sideNavCollapsed) {
+        return _jsx(_Fragment, {});
+    }
+    return (_jsx("li", { id: this._id, class: "ui5-sn-list-li", role: "none", children: this._href ?
+            _jsxs("a", { class: `ui5-sn-item ui5-sn-item-level2 ${this._classes}`, role: "treeitem", "data-sap-focus-ref": true, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, tabIndex: this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined, "aria-current": this._ariaCurrent, "aria-selected": this.selected, title: this._tooltip, href: this._href, target: this._target, children: [this.icon &&
+                        _jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", children: this.text }), _jsx(Icon, { class: "ui5-sn-item-selection-icon", name: circleTask }), this.isExternalLink &&
+                        _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight })] })
+            :
+                _jsxs("div", { class: `ui5-sn-item ui5-sn-item-level2 ${this._classes}`, role: "treeitem", "data-sap-focus-ref": true, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, tabIndex: this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined, "aria-current": this._ariaCurrent, "aria-selected": this.selected, title: this._tooltip, children: [this.icon &&
+                            _jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", children: this.text }), _jsx(Icon, { class: "ui5-sn-item-selection-icon", name: circleTask }), this.isExternalLink &&
+                            _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight })] }) }));
+}
+//# sourceMappingURL=SideNavigationSubItemTemplate.js.map

package/dist/SideNavigationSubItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationSubItemTemplate.js","sourceRoot":"","sources":["../src/SideNavigationSubItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,UAAU,MAAM,gDAAgD,CAAC;AACxE,OAAO,UAAU,MAAM,8CAA8C,CAAC;AAGtE,MAAM,CAAC,OAAO,UAAU,6BAA6B;IACpD,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,OAAO,mBAAK,CAAC;IACd,CAAC;IAED,OAAO,CACN,aAAI,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,YAClD,IAAI,CAAC,KAAK,CAAC,CAAC;YACZ,aAAG,KAAK,EAAE,kCAAkC,IAAI,CAAC,QAAQ,EAAE,EAC1D,IAAI,EAAC,UAAU,8BAEf,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,kBACjE,IAAI,CAAC,YAAY,mBAChB,IAAI,CAAC,QAAQ,EAC5B,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,MAAM,EAAE,IAAI,CAAC,OAAO,aAEnB,IAAI,CAAC,IAAI;wBACT,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,EAElD,cAAK,KAAK,EAAC,kBAAkB,YAAE,IAAI,CAAC,IAAI,GAAO,EAC/C,KAAC,IAAI,IAAC,KAAK,EAAC,4BAA4B,EACvC,IAAI,EAAE,UAAU,GACf,EACD,IAAI,CAAC,cAAc;wBACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,EAC3C,IAAI,EAAE,UAAU,GACf,IAEA;YACJ,CAAC;gBACD,eAAK,KAAK,EAAE,kCAAkC,IAAI,CAAC,QAAQ,EAAE,EAC5D,IAAI,EAAC,UAAU,8BAEf,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,kBACjE,IAAI,CAAC,YAAY,mBAChB,IAAI,CAAC,QAAQ,EAC5B,KAAK,EAAE,IAAI,CAAC,QAAQ,aAEnB,IAAI,CAAC,IAAI;4BACT,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,EAElD,cAAK,KAAK,EAAC,kBAAkB,YAAE,IAAI,CAAC,IAAI,GAAO,EAC/C,KAAC,IAAI,IAAC,KAAK,EAAC,4BAA4B,EACvC,IAAI,EAAE,UAAU,GACf,EACD,IAAI,CAAC,cAAc;4BACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,EAC3C,IAAI,EAAE,UAAU,GACf,IAEE,GAEH,CACL,CAAC;AACH,CAAC","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport circleTask from \"@ui5/webcomponents-icons/dist/circle-task-2.js\";\nimport arrowRight from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\n\nexport default function SideNavigationSubItemTemplate(this: SideNavigationSubItem) {\n\tif (this.sideNavCollapsed) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<li id={this._id} class=\"ui5-sn-list-li\" role=\"none\">\n\t\t\t{this._href ?\n\t\t\t\t<a class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}\n\t\t\t\t\trole=\"treeitem\"\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tonClick={this._onclick}\n\t\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\t\ttabIndex={this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined}\n\t\t\t\t\taria-current={this._ariaCurrent}\n\t\t\t\t\taria-selected={this.selected}\n\t\t\t\t\ttitle={this._tooltip}\n\t\t\t\t\thref={this._href}\n\t\t\t\t\ttarget={this._target}\n\t\t\t\t>\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t\t}\n\t\t\t\t\t<div class=\"ui5-sn-item-text\">{this.text}</div>\n\t\t\t\t\t<Icon class=\"ui5-sn-item-selection-icon\"\n\t\t\t\t\t\tname={circleTask}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\t\tname={arrowRight}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</a>\n\t\t\t\t:\n\t\t\t\t<div class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}\n\t\t\t\t\trole=\"treeitem\"\n\t\t\t\t\tdata-sap-focus-ref\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tonClick={this._onclick}\n\t\t\t\t\tonFocusIn={this._onfocusin}\n\t\t\t\t\ttabIndex={this.effectiveTabIndex ? parseInt(this.effectiveTabIndex) : undefined}\n\t\t\t\t\taria-current={this._ariaCurrent}\n\t\t\t\t\taria-selected={this.selected}\n\t\t\t\t\ttitle={this._tooltip}\n\t\t\t\t>\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t\t}\n\t\t\t\t\t<div class=\"ui5-sn-item-text\">{this.text}</div>\n\t\t\t\t\t<Icon class=\"ui5-sn-item-selection-icon\"\n\t\t\t\t\t\tname={circleTask}\n\t\t\t\t\t/>\n\t\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\t\tname={arrowRight}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</li>\n\t);\n}\n"]}

package/dist/SideNavigationTemplate.d.ts

@@ -0,0 +1,2 @@
+import type SideNavigation from "./SideNavigation.js";
+export default function SideNavigationTemplate(this: SideNavigation): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/SideNavigationTemplate.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import overflow from "@ui5/webcomponents-icons/dist/overflow.js";
+import SideNavigationItem from "./SideNavigationItem.js";
+import SideNavigationPopoverTemplate from "./SideNavigationPopoverTemplate.js";
+export default function SideNavigationTemplate() {
+    return (_jsxs(_Fragment, { children: [_jsxs("nav", { class: {
+                    "ui5-sn-root": true,
+                    "ui5-sn-collapsed": this.collapsed,
+                }, role: this._rootRole, children: [header.call(this), this.collapsed ?
+                        _jsxs("div", { role: "menubar", class: "ui5-sn-list ui5-sn-flexible", "aria-orientation": "vertical", "aria-roledescription": this.ariaRoleDescNavigationList, children: [_jsx("slot", {}), _jsx(SideNavigationItem, { isOverflow: true, id: `${this._id}-sn-overflow-item`, text: this.overflowAccessibleName, onClick: this._handleOverflowClick, class: "ui5-sn-item-overflow", sideNavCollapsed: true, icon: overflow })] })
+                        :
+                            _jsx("ul", { role: "tree", class: "ui5-sn-list ui5-sn-flexible", "aria-roledescription": this.ariaRoleDescNavigationList, children: _jsx("slot", {}) }), this.hasFixedItems && _jsxs(_Fragment, { children: [_jsx("div", { role: "separator", class: "ui5-sn-spacer" }), this.collapsed ?
+                                _jsx("div", { role: "menubar", class: "ui5-sn-list ui5-sn-fixed", "aria-orientation": "vertical", "aria-roledescription": this.ariaRoleDescNavigationList, children: _jsx("slot", { name: "fixedItems" }) })
+                                :
+                                    _jsx("ul", { role: "tree", class: "ui5-sn-list ui5-sn-fixed", "aria-roledescription": this.ariaRoleDescNavigationList, children: _jsx("slot", { name: "fixedItems" }) })] })] }), SideNavigationPopoverTemplate.call(this)] }));
+}
+function header() {
+    return this.showHeader ? (_jsx("slot", { name: "header" })) : undefined;
+}
+//# sourceMappingURL=SideNavigationTemplate.js.map

package/dist/SideNavigationTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationTemplate.js","sourceRoot":"","sources":["../src/SideNavigationTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AAEjE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CAAC,8BACP,eAAK,KAAK,EAAE;oBACX,aAAa,EAAE,IAAI;oBACnB,kBAAkB,EAAE,IAAI,CAAC,SAAS;iBAClC,EACD,IAAI,EAAE,IAAI,CAAC,SAAS,aAElB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAEjB,IAAI,CAAC,SAAS,CAAC,CAAC;wBAChB,eAAK,IAAI,EAAC,SAAS,EAClB,KAAK,EAAC,6BAA6B,sBAClB,UAAU,0BACL,IAAI,CAAC,0BAA0B,aAErD,gBAAa,EACb,KAAC,kBAAkB,IAClB,UAAU,EAAE,IAAI,EAChB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,mBAAmB,EAClC,IAAI,EAAE,IAAI,CAAC,sBAAsB,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,KAAK,EAAC,sBAAsB,EAC5B,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,QAAQ,GACb,IACG;wBACN,CAAC;4BACD,aAAI,IAAI,EAAC,MAAM,EACd,KAAK,EAAC,6BAA6B,0BACb,IAAI,CAAC,0BAA0B,YAErD,gBAAa,GACT,EAGL,IAAI,CAAC,aAAa,IAAI,8BACtB,cAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,eAAe,GAAO,EACjD,IAAI,CAAC,SAAS,CAAC,CAAC;gCAChB,cAAK,IAAI,EAAC,SAAS,EAClB,KAAK,EAAC,0BAA0B,sBACf,UAAU,0BACL,IAAI,CAAC,0BAA0B,YAErD,eAAM,IAAI,EAAC,YAAY,GAAQ,GAC1B;gCACN,CAAC;oCACD,aAAI,IAAI,EAAC,MAAM,EACd,KAAK,EAAC,0BAA0B,0BACV,IAAI,CAAC,0BAA0B,YAErD,eAAM,IAAI,EAAC,YAAY,GAAQ,GAC3B,IAEJ,IACE,EACL,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,IACvC,CAAC,CAAC;AACN,CAAC;AAED,SAAS,MAAM;IACd,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACxB,eAAM,IAAI,EAAC,QAAQ,GAAQ,CAC3B,CAAC,CAAC,CAAC,SAAS,CAAC;AACf,CAAC","sourcesContent":["import overflow from \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationPopoverTemplate from \"./SideNavigationPopoverTemplate.js\";\n\nexport default function SideNavigationTemplate(this: SideNavigation) {\n\treturn (<>\n\t\t<nav class={{\n\t\t\t\"ui5-sn-root\": true,\n\t\t\t\"ui5-sn-collapsed\": this.collapsed,\n\t\t}}\n\t\trole={this._rootRole}\n\t\t>\n\t\t\t{header.call(this)}\n\n\t\t\t{this.collapsed ?\n\t\t\t\t<div role=\"menubar\"\n\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-flexible\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<SideNavigationItem\n\t\t\t\t\t\tisOverflow={true}\n\t\t\t\t\t\tid={`${this._id}-sn-overflow-item`}\n\t\t\t\t\t\ttext={this.overflowAccessibleName}\n\t\t\t\t\t\tonClick={this._handleOverflowClick}\n\t\t\t\t\t\tclass=\"ui5-sn-item-overflow\"\n\t\t\t\t\t\tsideNavCollapsed={true}\n\t\t\t\t\t\ticon={overflow}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t:\n\t\t\t\t<ul role=\"tree\"\n\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-flexible\"\n\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t}\n\n\t\t\t{this.hasFixedItems && <>\n\t\t\t\t<div role=\"separator\" class=\"ui5-sn-spacer\"></div>\n\t\t\t\t{this.collapsed ?\n\t\t\t\t\t<div role=\"menubar\"\n\t\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-fixed\"\n\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"fixedItems\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t:\n\t\t\t\t\t<ul role=\"tree\"\n\t\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-fixed\"\n\t\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"fixedItems\"></slot>\n\t\t\t\t\t</ul>\n\t\t\t\t}\n\t\t\t</>}\n\t\t</nav>\n\t\t{SideNavigationPopoverTemplate.call(this)}\n\t</>);\n}\n\nfunction header(this: SideNavigation) {\n\treturn this.showHeader ? (\n\t\t<slot name=\"header\"></slot>\n\t) : undefined;\n}\n"]}

package/dist/Timeline.js

@@ -10,12 +10,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.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { isTabNext, isTabPrevious, } from "@ui5/webcomponents-base/dist/Keys.js";
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
 import { TIMELINE_ARIA_LABEL } from "./generated/i18n/i18n-defaults.js";
-import TimelineTemplate from "./generated/templates/TimelineTemplate.lit.js";
+import TimelineTemplate from "./TimelineTemplate.js";
 import TimelineItem from "./TimelineItem.js";
 import TimelineGroupItem from "./TimelineGroupItem.js";
 // Styles
@@ -169,7 +169,7 @@ Timeline = Timeline_1 = __decorate([
     customElement({
         tag: "ui5-timeline",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: TimelineCss,
         template: TimelineTemplate,
         dependencies: [TimelineItem, TimelineGroupItem],

package/dist/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport 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.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type ToggleButton from \"@ui5/webcomponents/dist/ToggleButton.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport { TIMELINE_ARIA_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport TimelineTemplate from \"./generated/templates/TimelineTemplate.lit.js\";\nimport TimelineItem from \"./TimelineItem.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\n\n// Styles\nimport TimelineCss from \"./generated/themes/Timeline.css.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\n/**\n * Interface for components that may be slotted inside `ui5-timeline` as items\n * @public\n */\ninterface ITimelineItem extends UI5Element, ITabbable {\n\tlayout: `${TimelineLayout}`;\n\tisGroupItem: boolean;\n\tforcedLineWidth?: string;\n\ticon?: string;\n\tnameClickable?: boolean;\n\tpositionInGroup?: number;\n\tcollapsed?: boolean;\n\titems?: Array<ITimelineItem>;\n\tfocusLink?(): void;\n\tlastItem: boolean;\n\tisNextItemGroup?: boolean;\n\tfirstItemInTimeline?: boolean;\n}\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\n * A common use case is to provide information about changes to an object, or events related to an object.\n * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.\n * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\n * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n * @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n */\n@customElement({\n\ttag: \"ui5-timeline\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: TimelineCss,\n\ttemplate: TimelineTemplate,\n\tdependencies: [TimelineItem, TimelineGroupItem],\n})\nclass Timeline extends UI5Element {\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property()\n\tlayout: `${TimelineLayout}` = \"Vertical\";\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.2.0\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Determines the content of the `ui5-timeline`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_itemNavigation: ItemNavigation;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tgetItemsCallback: () => this._navigatableItems,\n\t\t});\n\t}\n\n\tget ariaLabel() {\n\t\treturn this.accessibleName\n\t\t\t? `${Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL)} ${this.accessibleName}`\n\t\t\t: Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tlet target = e.target as ITimelineItem | ToggleButton;\n\n\t\tif ((target as ITimelineItem).isGroupItem) {\n\t\t\ttarget = target.shadowRoot!.querySelector<ToggleButton>(\"[ui5-toggle-button]\")!;\n\t\t}\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._itemNavigation._navigationMode = this.layout === TimelineLayout.Horizontal ? NavigationMode.Horizontal : NavigationMode.Vertical;\n\n\t\tif (!this.items.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].layout = this.layout;\n\t\t\tif (this.items[i + 1] && !!this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (this.items[i].icon && this.items[i + 1] && !this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\n\t\tthis._setLastItem();\n\t\tthis._setIsNextItemGroup();\n\t\tthis.items[0].firstItemInTimeline = true;\n\t}\n\n\t_setLastItem() {\n\t\tconst items = this.items;\n\n\t\tfor (let i = 0; i < items.length; i++) {\n\t\t\titems[i].lastItem = false;\n\t\t}\n\n\t\tif (items.length > 0) {\n\t\t\titems[items.length - 1].lastItem = true;\n\t\t}\n\t}\n\n\t_setIsNextItemGroup() {\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].isNextItemGroup = false;\n\t\t}\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tif (this.items[i + 1] && this.items[i + 1].isGroupItem) {\n\t\t\t\tthis.items[i].isNextItemGroup = true;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst target = e.target as ITimelineItem;\n\n\t\tif (target.nameClickable && !target.getFocusDomRef()!.matches(\":has(:focus-within)\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isTabNext(e)) {\n\t\t\tthis._handleNextOrPreviousItem(e, true);\n\t\t} else if (isTabPrevious(e)) {\n\t\t\tthis._handleNextOrPreviousItem(e);\n\t\t}\n\t}\n\n\t_handleNextOrPreviousItem(e: KeyboardEvent, isNext?: boolean) {\n\t\tconst target = e.target as ITimelineItem | ToggleButton;\n\t\tlet updatedTarget = target;\n\n\t\tif ((target as ITimelineItem).isGroupItem) {\n\t\t\tupdatedTarget = target.shadowRoot!.querySelector<ToggleButton>(\"[ui5-toggle-button]\")!;\n\t\t}\n\n\t\tconst nextTargetIndex = isNext ? this._navigatableItems.indexOf(updatedTarget) + 1 : this._navigatableItems.indexOf(updatedTarget) - 1;\n\t\tconst nextTarget = this._navigatableItems[nextTargetIndex];\n\n\t\tif (!nextTarget) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (nextTarget) {\n\t\t\te.preventDefault();\n\t\t\tnextTarget.focus();\n\t\t\tthis._itemNavigation.setCurrentItem(nextTarget);\n\t\t}\n\t}\n\n\tget _navigatableItems() {\n\t\tconst navigatableItems: Array<ITimelineItem | ToggleButton> = [];\n\n\t\tif (!this.items.length) {\n\t\t\treturn [];\n\t\t}\n\n\t\tthis.items.forEach(item => {\n\t\t\tif (!item.isGroupItem) {\n\t\t\t\tnavigatableItems.push(item);\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst navigatableItem = item.shadowRoot!.querySelector<ToggleButton>(\"[ui5-toggle-button]\");\n\n\t\t\tif (navigatableItem) {\n\t\t\t\tnavigatableItems.push(navigatableItem);\n\t\t\t}\n\n\t\t\tif (!item.collapsed) {\n\t\t\t\titem.items?.forEach(groupItem => {\n\t\t\t\t\tnavigatableItems.push(groupItem);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn navigatableItems;\n\t}\n}\n\nTimeline.define();\n\nexport default Timeline;\nexport type {\n\tITimelineItem,\n};\n"]}
+{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport 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.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type ToggleButton from \"@ui5/webcomponents/dist/ToggleButton.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport { TIMELINE_ARIA_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport TimelineTemplate from \"./TimelineTemplate.js\";\nimport TimelineItem from \"./TimelineItem.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\n\n// Styles\nimport TimelineCss from \"./generated/themes/Timeline.css.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\n/**\n * Interface for components that may be slotted inside `ui5-timeline` as items\n * @public\n */\ninterface ITimelineItem extends UI5Element, ITabbable {\n\tlayout: `${TimelineLayout}`;\n\tisGroupItem: boolean;\n\tforcedLineWidth?: string;\n\ticon?: string;\n\tnameClickable?: boolean;\n\tpositionInGroup?: number;\n\tcollapsed?: boolean;\n\titems?: Array<ITimelineItem>;\n\tfocusLink?(): void;\n\tlastItem: boolean;\n\tisNextItemGroup?: boolean;\n\tfirstItemInTimeline?: boolean;\n}\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-timeline` component shows entries (such as objects, events, or posts) in chronological order.\n * A common use case is to provide information about changes to an object, or events related to an object.\n * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.\n * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\n * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n * @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n */\n@customElement({\n\ttag: \"ui5-timeline\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: TimelineCss,\n\ttemplate: TimelineTemplate,\n\tdependencies: [TimelineItem, TimelineGroupItem],\n})\nclass Timeline extends UI5Element {\n\t/**\n\t * Defines the items orientation.\n\t * @default \"Vertical\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property()\n\tlayout: `${TimelineLayout}` = \"Vertical\";\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.2.0\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Determines the content of the `ui5-timeline`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_itemNavigation: ItemNavigation;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tgetItemsCallback: () => this._navigatableItems,\n\t\t});\n\t}\n\n\tget ariaLabel() {\n\t\treturn this.accessibleName\n\t\t\t? `${Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL)} ${this.accessibleName}`\n\t\t\t: Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tlet target = e.target as ITimelineItem | ToggleButton;\n\n\t\tif ((target as ITimelineItem).isGroupItem) {\n\t\t\ttarget = target.shadowRoot!.querySelector<ToggleButton>(\"[ui5-toggle-button]\")!;\n\t\t}\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._itemNavigation._navigationMode = this.layout === TimelineLayout.Horizontal ? NavigationMode.Horizontal : NavigationMode.Vertical;\n\n\t\tif (!this.items.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].layout = this.layout;\n\t\t\tif (this.items[i + 1] && !!this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (this.items[i].icon && this.items[i + 1] && !this.items[i + 1].icon) {\n\t\t\t\tthis.items[i].forcedLineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\n\t\tthis._setLastItem();\n\t\tthis._setIsNextItemGroup();\n\t\tthis.items[0].firstItemInTimeline = true;\n\t}\n\n\t_setLastItem() {\n\t\tconst items = this.items;\n\n\t\tfor (let i = 0; i < items.length; i++) {\n\t\t\titems[i].lastItem = false;\n\t\t}\n\n\t\tif (items.length > 0) {\n\t\t\titems[items.length - 1].lastItem = true;\n\t\t}\n\t}\n\n\t_setIsNextItemGroup() {\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].isNextItemGroup = false;\n\t\t}\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tif (this.items[i + 1] && this.items[i + 1].isGroupItem) {\n\t\t\t\tthis.items[i].isNextItemGroup = true;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst target = e.target as ITimelineItem;\n\n\t\tif (target.nameClickable && !target.getFocusDomRef()!.matches(\":has(:focus-within)\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isTabNext(e)) {\n\t\t\tthis._handleNextOrPreviousItem(e, true);\n\t\t} else if (isTabPrevious(e)) {\n\t\t\tthis._handleNextOrPreviousItem(e);\n\t\t}\n\t}\n\n\t_handleNextOrPreviousItem(e: KeyboardEvent, isNext?: boolean) {\n\t\tconst target = e.target as ITimelineItem | ToggleButton;\n\t\tlet updatedTarget = target;\n\n\t\tif ((target as ITimelineItem).isGroupItem) {\n\t\t\tupdatedTarget = target.shadowRoot!.querySelector<ToggleButton>(\"[ui5-toggle-button]\")!;\n\t\t}\n\n\t\tconst nextTargetIndex = isNext ? this._navigatableItems.indexOf(updatedTarget) + 1 : this._navigatableItems.indexOf(updatedTarget) - 1;\n\t\tconst nextTarget = this._navigatableItems[nextTargetIndex];\n\n\t\tif (!nextTarget) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (nextTarget) {\n\t\t\te.preventDefault();\n\t\t\tnextTarget.focus();\n\t\t\tthis._itemNavigation.setCurrentItem(nextTarget);\n\t\t}\n\t}\n\n\tget _navigatableItems() {\n\t\tconst navigatableItems: Array<ITimelineItem | ToggleButton> = [];\n\n\t\tif (!this.items.length) {\n\t\t\treturn [];\n\t\t}\n\n\t\tthis.items.forEach(item => {\n\t\t\tif (!item.isGroupItem) {\n\t\t\t\tnavigatableItems.push(item);\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst navigatableItem = item.shadowRoot!.querySelector<ToggleButton>(\"[ui5-toggle-button]\");\n\n\t\t\tif (navigatableItem) {\n\t\t\t\tnavigatableItems.push(navigatableItem);\n\t\t\t}\n\n\t\t\tif (!item.collapsed) {\n\t\t\t\titem.items?.forEach(groupItem => {\n\t\t\t\t\tnavigatableItems.push(groupItem);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn navigatableItems;\n\t}\n}\n\nTimeline.define();\n\nexport default Timeline;\nexport type {\n\tITimelineItem,\n};\n"]}

package/dist/TimelineGroupItem.js

@@ -9,11 +9,11 @@ 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.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import ToggleButton from "@ui5/webcomponents/dist/ToggleButton.js";
 import TimelineLayout from "./types/TimelineLayout.js";
 import TimelineItem from "./TimelineItem.js";
-import TimelineGroupItemTemplate from "./generated/templates/TimelineGroupItemTemplate.lit.js";
+import TimelineGroupItemTemplate from "./TimelineGroupItemTemplate.js";
 // Styles
 import TimelineGroupItemCss from "./generated/themes/TimelineGroupItem.css.js";
 const SHORT_LINE_WIDTH = "ShortLineWidth";
@@ -152,7 +152,7 @@ __decorate([
 TimelineGroupItem = __decorate([
     customElement({
         tag: "ui5-timeline-group-item",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: TimelineGroupItemCss,
         template: TimelineGroupItemTemplate,
         dependencies: [TimelineItem, ToggleButton],