@ui5/webcomponents-fiori 0.0.0-037d08c67

package/dist/SideNavigationGroup.d.ts

@@ -0,0 +1,56 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import SideNavigationItemBase from "./SideNavigationItemBase.js";
+import type SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
+import type SideNavigationItem from "./SideNavigationItem.js";
+import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Represents a group of navigation actions within `ui5-side-navigation`.
+ * The `ui5-side-navigation-group` can only be used inside a `ui5-side-navigation`.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SideNavigationGroup.js";`
+ *
+ * @constructor
+ * @extends SideNavigationItemBase
+ * @public
+ * @abstract
+ * @since 1.24.0
+ */
+declare class SideNavigationGroup extends SideNavigationItemBase {
+    /**
+     * Defines if the item is expanded
+     *
+     * @public
+     * @default false
+     */
+    expanded: boolean;
+    belowGroup: boolean;
+    /**
+     * Defines nested items by passing `ui5-side-navigation-item` to the default slot.
+     *
+     * @public
+     */
+    items: DefaultSlot<SideNavigationItem>;
+    static i18nBundle: I18nBundle;
+    onBeforeRendering(): void;
+    get overflowItems(): Array<HTMLElement>;
+    get selectableItems(): Array<SideNavigationSelectableItemBase>;
+    get focusableItems(): Array<SideNavigationItemBase>;
+    get allItems(): Array<SideNavigationItemBase>;
+    get _groupId(): string | undefined;
+    get _expanded(): boolean | undefined;
+    get belowGroupClassName(): "" | "ui5-sn-item-group-below-group";
+    get _arrowTooltip(): string;
+    _onkeydown(e: KeyboardEvent): void;
+    _onclick(): void;
+    _onfocusin(e: FocusEvent): void;
+    _toggle(): void;
+    get isSideNavigationGroup(): boolean;
+}
+export declare const isInstanceOfSideNavigationGroup: (object: any) => object is SideNavigationGroup;
+export default SideNavigationGroup;

package/dist/SideNavigationGroup.js

@@ -0,0 +1,166 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var SideNavigationGroup_1;
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import jsxRender from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { isSpace, isLeft, isRight, isMinus, isPlus, } from "@ui5/webcomponents-base/dist/Keys.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import SideNavigationItemBase from "./SideNavigationItemBase.js";
+import SideNavigationGroupTemplate from "./SideNavigationGroupTemplate.js";
+import { SIDE_NAVIGATION_ICON_COLLAPSE, SIDE_NAVIGATION_ICON_EXPAND, } from "./generated/i18n/i18n-defaults.js";
+// Styles
+import SideNavigationGroupCss from "./generated/themes/SideNavigationGroup.css.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Represents a group of navigation actions within `ui5-side-navigation`.
+ * The `ui5-side-navigation-group` can only be used inside a `ui5-side-navigation`.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SideNavigationGroup.js";`
+ *
+ * @constructor
+ * @extends SideNavigationItemBase
+ * @public
+ * @abstract
+ * @since 1.24.0
+ */
+let SideNavigationGroup = SideNavigationGroup_1 = class SideNavigationGroup extends SideNavigationItemBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines if the item is expanded
+         *
+         * @public
+         * @default false
+         */
+        this.expanded = false;
+        this.belowGroup = false;
+    }
+    onBeforeRendering() {
+        this.allItems.forEach(item => {
+            item._groupDisabled = this.disabled;
+        });
+    }
+    get overflowItems() {
+        const separator1 = this.shadowRoot.querySelector(".ui5-sn-item-separator:first-child");
+        const separator2 = this.shadowRoot.querySelector(".ui5-sn-item-separator:last-child");
+        const overflowItems = this.items.reduce((result, item) => {
+            return result.concat(item.overflowItems);
+        }, new Array());
+        return [separator1, ...overflowItems, separator2];
+    }
+    get selectableItems() {
+        return this.items.reduce((result, item) => {
+            return result.concat(item.selectableItems);
+        }, new Array());
+    }
+    get focusableItems() {
+        if (this.sideNavCollapsed) {
+            return this.items;
+        }
+        if (this.expanded) {
+            return this.items.reduce((result, item) => {
+                return result.concat(item.focusableItems);
+            }, new Array(this));
+        }
+        return [this];
+    }
+    get allItems() {
+        return this.items.reduce((result, item) => {
+            return result.concat(item.allItems);
+        }, new Array(this));
+    }
+    get _groupId() {
+        if (!this.items.length) {
+            return undefined;
+        }
+        return `${this._id}-group`;
+    }
+    get _expanded() {
+        if (!this.items.length) {
+            return undefined;
+        }
+        return this.expanded;
+    }
+    get belowGroupClassName() {
+        return this.belowGroup ? "ui5-sn-item-group-below-group" : "";
+    }
+    get _arrowTooltip() {
+        return this.expanded ? SideNavigationGroup_1.i18nBundle.getText(SIDE_NAVIGATION_ICON_COLLAPSE)
+            : SideNavigationGroup_1.i18nBundle.getText(SIDE_NAVIGATION_ICON_EXPAND);
+    }
+    _onkeydown(e) {
+        if (this.disabled) {
+            return;
+        }
+        if (isSpace(e)) {
+            e.preventDefault();
+        }
+        const isRTL = this.effectiveDir === "rtl";
+        if (isLeft(e)) {
+            e.preventDefault();
+            this.expanded = isRTL;
+            return;
+        }
+        if (isRight(e)) {
+            e.preventDefault();
+            this.expanded = !isRTL;
+        }
+        if (isMinus(e)) {
+            e.preventDefault();
+            this.expanded = false;
+            return;
+        }
+        if (isPlus(e)) {
+            e.preventDefault();
+            this.expanded = true;
+        }
+    }
+    _onclick() {
+        this._toggle();
+    }
+    _onfocusin(e) {
+        e.stopPropagation();
+        this.sideNavigation?.focusItem(this);
+    }
+    _toggle() {
+        if (!this.disabled) {
+            this.expanded = !this.expanded;
+        }
+    }
+    get isSideNavigationGroup() {
+        return true;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], SideNavigationGroup.prototype, "expanded", void 0);
+__decorate([
+    slot({ type: HTMLElement, invalidateOnChildChange: true, "default": true })
+], SideNavigationGroup.prototype, "items", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], SideNavigationGroup, "i18nBundle", void 0);
+SideNavigationGroup = SideNavigationGroup_1 = __decorate([
+    customElement({
+        tag: "ui5-side-navigation-group",
+        renderer: jsxRender,
+        template: SideNavigationGroupTemplate,
+        styles: SideNavigationGroupCss,
+    })
+], SideNavigationGroup);
+SideNavigationGroup.define();
+export const isInstanceOfSideNavigationGroup = createInstanceChecker("isSideNavigationGroup");
+export default SideNavigationGroup;
+//# sourceMappingURL=SideNavigationGroup.js.map

package/dist/SideNavigationGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationGroup.js","sourceRoot":"","sources":["../src/SideNavigationGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport {\n\tisSpace,\n\tisLeft,\n\tisRight,\n\tisMinus,\n\tisPlus,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport type SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationGroupTemplate from \"./SideNavigationGroupTemplate.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nimport {\n\tSIDE_NAVIGATION_ICON_COLLAPSE,\n\tSIDE_NAVIGATION_ICON_EXPAND,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport SideNavigationGroupCss from \"./generated/themes/SideNavigationGroup.css.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * Represents a group of navigation actions within `ui5-side-navigation`.\n * The `ui5-side-navigation-group` can only be used inside a `ui5-side-navigation`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";`\n *\n * @constructor\n * @extends SideNavigationItemBase\n * @public\n * @abstract\n * @since 1.24.0\n */\n@customElement({\n\ttag: \"ui5-side-navigation-group\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationGroupTemplate,\n\tstyles: SideNavigationGroupCss,\n})\nclass SideNavigationGroup extends SideNavigationItemBase {\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\tbelowGroup = false;\n\n\t/**\n\t * Defines nested items by passing `ui5-side-navigation-item` to the default slot.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: DefaultSlot<SideNavigationItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonBeforeRendering() {\n\t\tthis.allItems.forEach(item => {\n\t\t\titem._groupDisabled = this.disabled;\n\t\t});\n\t}\n\n\tget overflowItems() : Array<HTMLElement> {\n\t\tconst separator1 = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-sn-item-separator:first-child\")!;\n\t\tconst separator2 = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-sn-item-separator:last-child\")!;\n\n\t\tconst overflowItems = this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.overflowItems);\n\t\t}, new Array<SideNavigationItem>());\n\n\t\treturn [separator1, ...overflowItems, separator2];\n\t}\n\n\tget selectableItems() : Array<SideNavigationSelectableItemBase> {\n\t\treturn this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.selectableItems);\n\t\t}, new Array<SideNavigationSelectableItemBase>());\n\t}\n\n\tget focusableItems() : Array<SideNavigationItemBase> {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.items;\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\treturn this.items.reduce((result, item) => {\n\t\t\t\treturn result.concat(item.focusableItems);\n\t\t\t}, new Array<SideNavigationItemBase>(this));\n\t\t}\n\n\t\treturn [this];\n\t}\n\n\tget allItems() : Array<SideNavigationItemBase> {\n\t\treturn this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.allItems);\n\t\t}, new Array<SideNavigationItemBase>(this));\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 belowGroupClassName() {\n\t\treturn this.belowGroup ? \"ui5-sn-item-group-below-group\" : \"\";\n\t}\n\n\tget _arrowTooltip() {\n\t\treturn this.expanded ? SideNavigationGroup.i18nBundle.getText(SIDE_NAVIGATION_ICON_COLLAPSE)\n\t\t\t: SideNavigationGroup.i18nBundle.getText(SIDE_NAVIGATION_ICON_EXPAND);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (isLeft(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = isRTL;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = !isRTL;\n\t\t}\n\n\t\tif (isMinus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPlus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = true;\n\t\t}\n\t}\n\n\t_onclick() {\n\t\tthis._toggle();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_toggle() {\n\t\tif (!this.disabled) {\n\t\t\tthis.expanded = !this.expanded;\n\t\t}\n\t}\n\n\tget isSideNavigationGroup() {\n\t\treturn true;\n\t}\n}\n\nSideNavigationGroup.define();\n\nexport const isInstanceOfSideNavigationGroup = createInstanceChecker<SideNavigationGroup>(\"isSideNavigationGroup\");\nexport default SideNavigationGroup;\n"]}

package/dist/SideNavigationGroupTemplate.d.ts

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

package/dist/SideNavigationGroupTemplate.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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";
+export default function SideNavigationGroupTemplate() {
+    if (this.sideNavCollapsed) {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { class: `ui5-sn-item-separator ${this.belowGroupClassName}` }), _jsx("slot", {}), _jsx("div", { class: "ui5-sn-item-separator" })] }));
+    }
+    return TreeItemTemplate.call(this);
+}
+function TreeItemTemplate() {
+    return (_jsxs("li", { id: this._id, class: `ui5-sn-list-li ${this.belowGroupClassName}`, role: "none", children: [_jsx("div", { class: "ui5-sn-item-separator" }), _jsxs("div", { id: this._id, "data-sap-focus-ref": true, class: `ui5-sn-item ui5-sn-item-group ${this._classes}`, role: "treeitem", onKeyDown: this._onkeydown, onClick: this._onclick, onFocusIn: this._onfocusin, tabIndex: this.effectiveTabIndex, "aria-expanded": this._expanded, title: this._tooltip, "aria-owns": this._groupId, children: [_jsx("div", { class: "ui5-sn-item-text", children: this.text }), !!this.items.length &&
+                        _jsx(Icon, { class: "ui5-sn-item-toggle-icon", name: this.expanded ? navDownArrow : navRightArrow, accessibleName: this._arrowTooltip, showTooltip: true })] }), !!this.items.length &&
+                _jsx("ul", { id: this._groupId, class: "ui5-sn-item-ul", "aria-label": this.text, role: "group", children: _jsx("slot", {}) }), _jsx("div", { class: "ui5-sn-item-separator" })] }));
+}
+//# sourceMappingURL=SideNavigationGroupTemplate.js.map

package/dist/SideNavigationGroupTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationGroupTemplate.js","sourceRoot":"","sources":["../src/SideNavigationGroupTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,yDAAyD,CAAC;AACpF,OAAO,YAAY,MAAM,wDAAwD,CAAC;AAGlF,MAAM,CAAC,OAAO,UAAU,2BAA2B;IAClD,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,OAAO,CAAC,8BACP,cAAK,KAAK,EAAE,yBAAyB,IAAI,CAAC,mBAAmB,EAAE,GAAQ,EACvE,gBAAa,EACb,cAAK,KAAK,EAAC,uBAAuB,GAAO,IACvC,CAAC,CAAC;IACN,CAAC;IAED,OAAO,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC;AAED,SAAS,gBAAgB;IACxB,OAAO,CACN,cAAI,EAAE,EAAE,IAAI,CAAC,GAAG,EACf,KAAK,EAAE,kBAAkB,IAAI,CAAC,mBAAmB,EAAE,EACnD,IAAI,EAAC,MAAM,aAEX,cAAK,KAAK,EAAC,uBAAuB,GAAO,EACzC,eAAK,EAAE,EAAE,IAAI,CAAC,GAAG,8BAEf,KAAK,EAAE,iCAAiC,IAAI,CAAC,QAAQ,EAAE,EACvD,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,mBACjB,IAAI,CAAC,SAAS,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,eACT,IAAI,CAAC,QAAQ,aAEzB,cAAK,KAAK,EAAC,kBAAkB,YAAE,IAAI,CAAC,IAAI,GAAO,EAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;wBACnB,KAAC,IAAI,IAAC,KAAK,EAAC,yBAAyB,EAClC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAClD,cAAc,EAAE,IAAI,CAAC,aAAa,EAClC,WAAW,EAAE,IAAI,GAClB,IAEE,EACL,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gBACnB,aAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,EACpB,KAAK,EAAC,gBAAgB,gBACV,IAAI,CAAC,IAAI,EACrB,IAAI,EAAC,OAAO,YAEZ,gBAAa,GACT,EAEN,cAAK,KAAK,EAAC,uBAAuB,GAAO,IACrC,CACL,CAAC;AACH,CAAC","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 type SideNavigationGroup from \"./SideNavigationGroup.js\";\n\nexport default function SideNavigationGroupTemplate(this: SideNavigationGroup) {\n\tif (this.sideNavCollapsed) {\n\t\treturn (<>\n\t\t\t<div class={`ui5-sn-item-separator ${this.belowGroupClassName}`}></div>\n\t\t\t<slot></slot>\n\t\t\t<div class=\"ui5-sn-item-separator\"></div>\n\t\t</>);\n\t}\n\n\treturn TreeItemTemplate.call(this);\n}\n\nfunction TreeItemTemplate(this: SideNavigationGroup) {\n\treturn (\n\t\t<li id={this._id}\n\t\t\tclass={`ui5-sn-list-li ${this.belowGroupClassName}`}\n\t\t\trole=\"none\"\n\t\t>\n\t\t\t<div class=\"ui5-sn-item-separator\"></div>\n\t\t\t<div id={this._id}\n\t\t\t\t data-sap-focus-ref\n\t\t\t\t class={`ui5-sn-item ui5-sn-item-group ${this._classes}`}\n\t\t\t\t role=\"treeitem\"\n\t\t\t\t onKeyDown={this._onkeydown}\n\t\t\t\t onClick={this._onclick}\n\t\t\t\t onFocusIn={this._onfocusin}\n\t\t\t\t tabIndex={this.effectiveTabIndex}\n\t\t\t\t aria-expanded={this._expanded}\n\t\t\t\t title={this._tooltip}\n\t\t\t\t aria-owns={this._groupId}\n\t\t\t>\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\t  name={this.expanded ? navDownArrow : navRightArrow}\n\t\t\t\t\t\t  accessibleName={this._arrowTooltip}\n\t\t\t\t\t\t  showTooltip={true}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t{!!this.items.length &&\n\t\t\t\t<ul id={this._groupId}\n\t\t\t\t\tclass=\"ui5-sn-item-ul\"\n\t\t\t\t\taria-label={this.text}\n\t\t\t\t\trole=\"group\"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t}\n\t\t\t<div class=\"ui5-sn-item-separator\"></div>\n\t\t</li>\n\t);\n}\n"]}

package/dist/SideNavigationItem.d.ts

@@ -0,0 +1,77 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type SideNavigationItemBase from "./SideNavigationItemBase.js";
+import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
+import type SideNavigationSubItem from "./SideNavigationSubItem.js";
+import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Represents a navigation action. It can provide sub items.
+ * The `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SideNavigationItem.js";`
+ *
+ * @constructor
+ * @extends SideNavigationSelectableItemBase
+ * @abstract
+ * @public
+ * @since 1.0.0-rc.8
+ */
+declare class SideNavigationItem extends SideNavigationSelectableItemBase {
+    /**
+     * Defines if the item is expanded
+     *
+     * @public
+     * @default false
+     */
+    expanded: boolean;
+    /**
+     * Defines if the item should be collapsible or not.
+     * It is true, for example, for the items inside the Popover of the Side Navigation
+     * @private
+     * @default false
+     * @since 1.10.0
+     */
+    _fixed: boolean;
+    /**
+     * Defines nested items by passing `ui5-side-navigation-sub-item` to the default slot.
+     *
+     * @public
+     */
+    items: DefaultSlot<SideNavigationSubItem>;
+    static i18nBundle: I18nBundle;
+    onBeforeRendering(): void;
+    get overflowItems(): Array<SideNavigationItem>;
+    get hasSubItems(): boolean;
+    get effectiveDisabled(): boolean;
+    get selectableItems(): Array<SideNavigationSelectableItemBase>;
+    get focusableItems(): Array<SideNavigationItemBase>;
+    get allItems(): Array<SideNavigationItemBase>;
+    get effectiveTabIndex(): number | undefined;
+    get _ariaHasPopup(): import("@ui5/webcomponents-base/dist/types.js").AriaHasPopup | undefined;
+    get _ariaChecked(): boolean | undefined;
+    get _groupId(): string | undefined;
+    get _expanded(): boolean | undefined;
+    get _describedBy(): string | undefined;
+    get classesArray(): string[];
+    get _selected(): boolean;
+    get _arrowTooltip(): string;
+    get _ariaLabel(): string | undefined;
+    applyInitialFocusInPopover(): void;
+    _onToggleClick(e: CustomEvent): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+    _onfocusin(e: FocusEvent): void;
+    _onclick(e: MouseEvent): void;
+    _onfocusout(): void;
+    _onmouseenter(): void;
+    _onmouseleave(): void;
+    _toggle(): void;
+    get isSideNavigationItem(): boolean;
+}
+export default SideNavigationItem;
+export declare const isInstanceOfSideNavigationItem: (object: any) => object is SideNavigationItem;

package/dist/SideNavigationItem.js

@@ -0,0 +1,278 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var SideNavigationItem_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import jsxRender from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { isLeft, isRight, isMinus, isPlus, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
+import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
+import { SIDE_NAVIGATION_ICON_COLLAPSE, SIDE_NAVIGATION_ICON_EXPAND, SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL, SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
+// Templates
+import SideNavigationItemTemplate from "./SideNavigationItemTemplate.js";
+// Styles
+import SideNavigationItemCss from "./generated/themes/SideNavigationItem.css.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Represents a navigation action. It can provide sub items.
+ * The `ui5-side-navigation-item` is used within `ui5-side-navigation` or `ui5-side-navigation-group` only.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SideNavigationItem.js";`
+ *
+ * @constructor
+ * @extends SideNavigationSelectableItemBase
+ * @abstract
+ * @public
+ * @since 1.0.0-rc.8
+ */
+let SideNavigationItem = SideNavigationItem_1 = class SideNavigationItem extends SideNavigationSelectableItemBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines if the item is expanded
+         *
+         * @public
+         * @default false
+         */
+        this.expanded = false;
+        /**
+         * Defines if the item should be collapsible or not.
+         * It is true, for example, for the items inside the Popover of the Side Navigation
+         * @private
+         * @default false
+         * @since 1.10.0
+         */
+        this._fixed = false;
+    }
+    onBeforeRendering() {
+        this.items.forEach(item => {
+            item._parentDisabled = this.effectiveDisabled;
+        });
+    }
+    get overflowItems() {
+        return [this];
+    }
+    get hasSubItems() {
+        return this.items.length > 0;
+    }
+    get effectiveDisabled() {
+        return this.disabled || this._groupDisabled;
+    }
+    get selectableItems() {
+        if (this.inPopover && this.unselectable && this.items.length) {
+            return [...this.items];
+        }
+        return [this, ...this.items];
+    }
+    get focusableItems() {
+        if (this.sideNavCollapsed) {
+            return [this];
+        }
+        if (this.inPopover && this.unselectable && this.items.length) {
+            return [...this.items];
+        }
+        if (this.expanded) {
+            return [this, ...this.items];
+        }
+        return [this];
+    }
+    get allItems() {
+        return [this, ...this.items];
+    }
+    get effectiveTabIndex() {
+        if (this.inPopover && this.unselectable) {
+            return undefined;
+        }
+        return super.effectiveTabIndex;
+    }
+    get _ariaHasPopup() {
+        if (this.inPopover && this.accessibilityAttributes?.hasPopup) {
+            return this.accessibilityAttributes.hasPopup;
+        }
+        if (!this.effectiveDisabled && this.sideNavCollapsed && this.items.length) {
+            return "tree";
+        }
+        if (this.accessibilityAttributes?.hasPopup) {
+            return this.accessibilityAttributes.hasPopup;
+        }
+        if (this.isOverflow) {
+            return "menu";
+        }
+        return undefined;
+    }
+    get _ariaChecked() {
+        if (this.isOverflow || this.unselectable || !this.sideNavCollapsed) {
+            return undefined;
+        }
+        return this.selected;
+    }
+    get _groupId() {
+        if (!this.items.length || this.sideNavCollapsed) {
+            return undefined;
+        }
+        return `${this._id}-group`;
+    }
+    get _expanded() {
+        if (!this.items.length || this.sideNavCollapsed) {
+            return undefined;
+        }
+        return this.expanded;
+    }
+    get _describedBy() {
+        if (!this.effectiveDisabled && this.items.length && !this.unselectable) {
+            return SideNavigationItem_1.i18nBundle.getText(SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION, this.text ?? "");
+        }
+    }
+    get classesArray() {
+        const classes = super.classesArray;
+        if (!this.effectiveDisabled && this.items.length) {
+            classes.push("ui5-sn-item-with-expander");
+        }
+        if (this._fixed) {
+            classes.push("ui5-sn-item-fixed");
+        }
+        return classes;
+    }
+    get _selected() {
+        if (this.sideNavCollapsed || !this.expanded) {
+            return this.selected || this.items.some(item => item.selected);
+        }
+        return this.selected;
+    }
+    get _arrowTooltip() {
+        return this.expanded ? SideNavigationItem_1.i18nBundle.getText(SIDE_NAVIGATION_ICON_COLLAPSE)
+            : SideNavigationItem_1.i18nBundle.getText(SIDE_NAVIGATION_ICON_EXPAND);
+    }
+    get _ariaLabel() {
+        if (this.isOverflow) {
+            return SideNavigationItem_1.i18nBundle.getText(SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL);
+        }
+        return undefined;
+    }
+    applyInitialFocusInPopover() {
+        if (this.unselectable && this.items.length) {
+            this.items[0]?.focus();
+        }
+        else {
+            this.focus();
+        }
+    }
+    _onToggleClick(e) {
+        e.stopPropagation();
+        this._toggle();
+    }
+    _onkeydown(e) {
+        if (this.effectiveDisabled) {
+            return;
+        }
+        const isRTL = this.effectiveDir === "rtl";
+        if (this.sideNavigation.classList.contains("ui5-side-navigation-in-popover") || this.sideNavCollapsed) {
+            super._onkeydown(e);
+            return;
+        }
+        if (isLeft(e)) {
+            e.preventDefault();
+            this.expanded = isRTL;
+            return;
+        }
+        if (isRight(e)) {
+            e.preventDefault();
+            this.expanded = !isRTL;
+            return;
+        }
+        if (isMinus(e)) {
+            e.preventDefault();
+            this.expanded = false;
+            return;
+        }
+        if (isPlus(e)) {
+            e.preventDefault();
+            this.expanded = true;
+            return;
+        }
+        if (isEnter(e)) {
+            if (!this.inPopover && this.unselectable && !this.isExternalLink) {
+                e.preventDefault();
+            }
+        }
+        super._onkeydown(e);
+    }
+    _onkeyup(e) {
+        super._onkeyup(e);
+    }
+    _onfocusin(e) {
+        if (this.inPopover && this.unselectable && this.items.length) {
+            this.sideNavigation?.focusItem(this.items[0]);
+        }
+        else {
+            super._onfocusin(e);
+        }
+    }
+    _onclick(e) {
+        if (!this.inPopover && this.unselectable) {
+            this._toggle();
+        }
+        super._onclick(e);
+    }
+    _onfocusout() {
+        if (!this.sideNavCollapsed) {
+            return;
+        }
+        this.getDomRef().classList.remove("ui5-sn-item-no-hover-effect");
+    }
+    _onmouseenter() {
+        if (!this.sideNavCollapsed) {
+            return;
+        }
+        this.getDomRef().classList.remove("ui5-sn-item-no-hover-effect");
+    }
+    _onmouseleave() {
+        if (!this.sideNavCollapsed || !this._selected) {
+            return;
+        }
+        this.getDomRef().classList.add("ui5-sn-item-no-hover-effect");
+    }
+    _toggle() {
+        if (this.items.length && !this.effectiveDisabled) {
+            this.expanded = !this.expanded;
+        }
+    }
+    get isSideNavigationItem() {
+        return true;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], SideNavigationItem.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean })
+], SideNavigationItem.prototype, "_fixed", void 0);
+__decorate([
+    slot({ type: HTMLElement, invalidateOnChildChange: true, "default": true })
+], SideNavigationItem.prototype, "items", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], SideNavigationItem, "i18nBundle", void 0);
+SideNavigationItem = SideNavigationItem_1 = __decorate([
+    customElement({
+        tag: "ui5-side-navigation-item",
+        renderer: jsxRender,
+        template: SideNavigationItemTemplate,
+        styles: SideNavigationItemCss,
+    })
+], SideNavigationItem);
+SideNavigationItem.define();
+export default SideNavigationItem;
+export const isInstanceOfSideNavigationItem = createInstanceChecker("isSideNavigationItem");
+//# sourceMappingURL=SideNavigationItem.js.map

package/dist/SideNavigationItem.js.map

@@ -0,0 +1 @@
+{"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-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n\tisLeft,\n\tisRight,\n\tisMinus,\n\tisPlus,\n\tisEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport {\n\tSIDE_NAVIGATION_ICON_COLLAPSE,\n\tSIDE_NAVIGATION_ICON_EXPAND,\n\tSIDE_NAVIGATION_OVERFLOW_ITEM_LABEL,\n\tSIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\n// Templates\nimport SideNavigationItemTemplate from \"./SideNavigationItemTemplate.js\";\n\n// Styles\nimport SideNavigationItemCss from \"./generated/themes/SideNavigationItem.css.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.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})\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\t * 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!: DefaultSlot<SideNavigationSubItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonBeforeRendering() {\n\t\tthis.items.forEach(item => {\n\t\t\titem._parentDisabled = this.effectiveDisabled;\n\t\t});\n\t}\n\n\tget overflowItems() : Array<SideNavigationItem> {\n\t\treturn [this];\n\t}\n\n\tget hasSubItems() {\n\t\treturn this.items.length > 0;\n\t}\n\n\tget effectiveDisabled() {\n\t\treturn this.disabled || this._groupDisabled;\n\t}\n\n\tget selectableItems() : Array<SideNavigationSelectableItemBase> {\n\t\tif (this.inPopover && this.unselectable && this.items.length) {\n\t\t\treturn [...this.items];\n\t\t}\n\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.inPopover && this.unselectable && this.items.length) {\n\t\t\treturn [...this.items];\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 effectiveTabIndex() {\n\t\tif (this.inPopover && this.unselectable) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn super.effectiveTabIndex;\n\t}\n\n\tget _ariaHasPopup() {\n\t\tif (this.inPopover && this.accessibilityAttributes?.hasPopup) {\n\t\t\treturn this.accessibilityAttributes.hasPopup;\n\t\t}\n\n\t\tif (!this.effectiveDisabled && this.sideNavCollapsed && this.items.length) {\n\t\t\treturn \"tree\";\n\t\t}\n\n\t\tif (this.accessibilityAttributes?.hasPopup) {\n\t\t\treturn this.accessibilityAttributes.hasPopup;\n\t\t}\n\n\t\tif (this.isOverflow) {\n\t\t\treturn \"menu\";\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget _ariaChecked() {\n\t\tif (this.isOverflow || this.unselectable || !this.sideNavCollapsed) {\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 || this.sideNavCollapsed) {\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 || this.sideNavCollapsed) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget _describedBy() {\n\t\tif (!this.effectiveDisabled && this.items.length && !this.unselectable) {\n\t\t\treturn SideNavigationItem.i18nBundle.getText(SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION, this.text ?? \"\");\n\t\t}\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (!this.effectiveDisabled && 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 || !this.expanded) {\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\tget _arrowTooltip() {\n\t\treturn this.expanded ? SideNavigationItem.i18nBundle.getText(SIDE_NAVIGATION_ICON_COLLAPSE)\n\t\t\t: SideNavigationItem.i18nBundle.getText(SIDE_NAVIGATION_ICON_EXPAND);\n\t}\n\n\tget _ariaLabel() {\n\t\tif (this.isOverflow) {\n\t\t\treturn SideNavigationItem.i18nBundle.getText(SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL);\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tapplyInitialFocusInPopover() {\n\t\tif (this.unselectable && this.items.length) {\n\t\t\tthis.items[0]?.focus();\n\t\t} else {\n\t\t\tthis.focus();\n\t\t}\n\t}\n\n\t_onToggleClick(e: CustomEvent) {\n\t\te.stopPropagation();\n\n\t\tthis._toggle();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (this.effectiveDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (this.sideNavigation.classList.contains(\"ui5-side-navigation-in-popover\") || this.sideNavCollapsed) {\n\t\t\tsuper._onkeydown(e);\n\t\t\treturn;\n\t\t}\n\n\t\tif (isLeft(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = isRTL;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = !isRTL;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isMinus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPlus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = true;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tif (!this.inPopover && this.unselectable && !this.isExternalLink) {\n\t\t\t\te.preventDefault();\n\t\t\t}\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\tif (this.inPopover && this.unselectable && this.items.length) {\n\t\t\tthis.sideNavigation?.focusItem(this.items[0]);\n\t\t} else {\n\t\t\tsuper._onfocusin(e);\n\t\t}\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tif (!this.inPopover && this.unselectable) {\n\t\t\tthis._toggle();\n\t\t}\n\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\t_toggle() {\n\t\tif (this.items.length && !this.effectiveDisabled) {\n\t\t\tthis.expanded = !this.expanded;\n\t\t}\n\t}\n\n\tget isSideNavigationItem() {\n\t\treturn true;\n\t}\n}\n\nSideNavigationItem.define();\n\nexport default SideNavigationItem;\nexport const isInstanceOfSideNavigationItem = createInstanceChecker<SideNavigationItem>(\"isSideNavigationItem\");\n"]}