@ui5/webcomponents-fiori 2.27.0-rc.0 → 2.27.0-rc.2

package/dist/UserSettingsNotificationsViewItem.js

@@ -0,0 +1,186 @@
+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;
+};
+import UserSettingsNotificationsViewItemTemplate from "./UserSettingsNotificationsViewItemTemplate.js";
+import UserSettingsNotificationsViewItemCss from "./generated/themes/UserSettingsNotificationsViewItem.css.js";
+import UserSettingViewCss from "./generated/themes/UserSettingsView.css.js";
+import { customElement, property, slotStrict as slot, eventStrict as event, } from "@ui5/webcomponents-base/dist/decorators.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
+import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getTabbableElements } from "@ui5/webcomponents-base/dist/util/TabbableElements.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-notifications-view-item` represents a single notification setting
+ * within the `ui5-user-settings-notifications-view`.
+ *
+ * It displays a title and an optional byline. By default a trailing switch reflects
+ * the `checked` state. Applications can override the trailing control by providing content
+ * in the `endContent` slot (e.g. a `ui5-select` for a value picker); the built-in switch and
+ * its `switch-change` event are then suppressed. Items can additionally be flagged as
+ * `navigable` to display a navigation arrow and behave as clickable list rows.
+ *
+ * **Note:** The default switch and the `endContent` slot are mutually exclusive.
+ * When any content is provided in `endContent`, the trailing switch is not rendered
+ * and no `switch-change` event is fired.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewItem.js";`
+ *
+ * @constructor
+ * @extends ListItemCustom
+ * @public
+ * @since 2.27.0
+ */
+let UserSettingsNotificationsViewItem = class UserSettingsNotificationsViewItem extends ListItemCustom {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the unique identifier of the item.
+         *
+         * When the item is navigable, `itemKey` is also used to route to a matching sibling
+         * `secondary` view by id.
+         *
+         * @default ""
+         * @public
+         */
+        this.itemKey = "";
+        /**
+         * Defines the title text of the item.
+         * @default ""
+         * @public
+         */
+        this.text = "";
+        /**
+         * Defines the byline text of the item, rendered below the title.
+         * @default ""
+         * @public
+         */
+        this.bylineText = "";
+        /**
+         * Defines whether the trailing switch is on.
+         *
+         * Ignored when the `endContent` slot is used.
+         *
+         * @default false
+         * @public
+         */
+        this.checked = false;
+        /**
+         * Defines whether the item is navigable. When true, a navigation arrow is rendered
+         * and the whole row becomes clickable (fires the parent view's `item-click` event).
+         * @default false
+         * @public
+         */
+        this.navigable = false;
+        this._handleSwitchChange = (e) => {
+            const target = e.target;
+            this.checked = target.checked;
+            this.fireDecoratorEvent("switch-change", { item: this, checked: this.checked });
+        };
+        this._handleFormItemClick = (e) => {
+            if (!this.navigable) {
+                return;
+            }
+            if (e.target?.closest("[ui5-switch]")) {
+                return;
+            }
+            this.fireDecoratorEvent("_form-item-click", { item: this });
+        };
+        this._handleEndClick = (e) => {
+            e.stopPropagation();
+        };
+    }
+    get isUserSettingsNotificationsViewItem() {
+        return true;
+    }
+    get typeNavigation() {
+        return this.navigable;
+    }
+    get _isHeaderItem() {
+        return this._individualSlot?.startsWith("headerItems") ?? false;
+    }
+    shouldForwardTabAfter() {
+        if (this._isHeaderItem) {
+            const tabbable = getTabbableElements(this.getFocusDomRef());
+            return tabbable.length === 0;
+        }
+        return super.shouldForwardTabAfter();
+    }
+    get _hasEndContent() {
+        return this.endContent.length > 0;
+    }
+    get _accessibleSwitchName() {
+        return this.bylineText ? `${this.text} ${this.bylineText}` : this.text;
+    }
+    _onkeyup(e) {
+        // The switch only reacts to Space when it has focus itself (F2/arrow-key mode),
+        // so toggling at row level must be done here.
+        if (isSpace(e) && e.target === this.getFocusDomRef() && !this._hasEndContent) {
+            this.checked = !this.checked;
+            this.fireDecoratorEvent("switch-change", { item: this, checked: this.checked });
+            return;
+        }
+        super._onkeyup(e);
+    }
+    get accessibilityInfo() {
+        return {
+            ...super.accessibilityInfo,
+            description: this._accessibleSwitchName,
+        };
+    }
+};
+__decorate([
+    property()
+], UserSettingsNotificationsViewItem.prototype, "itemKey", void 0);
+__decorate([
+    property()
+], UserSettingsNotificationsViewItem.prototype, "text", void 0);
+__decorate([
+    property()
+], UserSettingsNotificationsViewItem.prototype, "bylineText", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserSettingsNotificationsViewItem.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean })
+], UserSettingsNotificationsViewItem.prototype, "navigable", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+    })
+], UserSettingsNotificationsViewItem.prototype, "endContent", void 0);
+UserSettingsNotificationsViewItem = __decorate([
+    customElement({
+        tag: "ui5-user-settings-notifications-view-item",
+        renderer: jsxRenderer,
+        template: UserSettingsNotificationsViewItemTemplate,
+        styles: [ListItemCustom.styles, UserSettingViewCss, UserSettingsNotificationsViewItemCss],
+    })
+    /**
+     * Fired when the switch state changes.
+     *
+     * Not fired when the `endContent` slot is used to override the trailing control.
+     *
+     * @param {UserSettingsNotificationsViewItem} item The item whose switch was toggled.
+     * @param {boolean} checked The new checked state of the switch.
+     * @public
+     */
+    ,
+    event("switch-change", {
+        bubbles: true,
+    }),
+    event("_form-item-click", {
+        bubbles: true,
+    })
+], UserSettingsNotificationsViewItem);
+UserSettingsNotificationsViewItem.define();
+export const isInstanceOfUserSettingsNotificationsViewItem = createInstanceChecker("isUserSettingsNotificationsViewItem");
+export default UserSettingsNotificationsViewItem;
+//# sourceMappingURL=UserSettingsNotificationsViewItem.js.map

package/dist/UserSettingsNotificationsViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsViewItem.js","sourceRoot":"","sources":["../src/UserSettingsNotificationsViewItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UserSettingsNotificationsViewItemTemplate from \"./UserSettingsNotificationsViewItemTemplate.js\";\nimport UserSettingsNotificationsViewItemCss from \"./generated/themes/UserSettingsNotificationsViewItem.css.js\";\nimport UserSettingViewCss from \"./generated/themes/UserSettingsView.css.js\";\nimport {\n\tcustomElement, property, slotStrict as slot, eventStrict as event,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\nimport type Switch from \"@ui5/webcomponents/dist/Switch.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { AccessibilityInfo } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\n\ntype UserSettingsNotificationsViewItemSwitchChangeEventDetail = {\n\titem: UserSettingsNotificationsViewItem;\n\tchecked: boolean;\n}\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-notifications-view-item` represents a single notification setting\n * within the `ui5-user-settings-notifications-view`.\n *\n * It displays a title and an optional byline. By default a trailing switch reflects\n * the `checked` state. Applications can override the trailing control by providing content\n * in the `endContent` slot (e.g. a `ui5-select` for a value picker); the built-in switch and\n * its `switch-change` event are then suppressed. Items can additionally be flagged as\n * `navigable` to display a navigation arrow and behave as clickable list rows.\n *\n * **Note:** The default switch and the `endContent` slot are mutually exclusive.\n * When any content is provided in `endContent`, the trailing switch is not rendered\n * and no `switch-change` event is fired.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewItem.js\";`\n *\n * @constructor\n * @extends ListItemCustom\n * @public\n * @since 2.27.0\n */\n@customElement({\n\ttag: \"ui5-user-settings-notifications-view-item\",\n\trenderer: jsxRenderer,\n\ttemplate: UserSettingsNotificationsViewItemTemplate,\n\tstyles: [ListItemCustom.styles, UserSettingViewCss, UserSettingsNotificationsViewItemCss],\n})\n\n/**\n * Fired when the switch state changes.\n *\n * Not fired when the `endContent` slot is used to override the trailing control.\n *\n * @param {UserSettingsNotificationsViewItem} item The item whose switch was toggled.\n * @param {boolean} checked The new checked state of the switch.\n * @public\n */\n@event(\"switch-change\", {\n\tbubbles: true,\n})\n\n@event(\"_form-item-click\", {\n\tbubbles: true,\n})\n\nclass UserSettingsNotificationsViewItem extends ListItemCustom {\n\teventDetails!: ListItemCustom[\"eventDetails\"] & {\n\t\t\"switch-change\": UserSettingsNotificationsViewItemSwitchChangeEventDetail;\n\t\t\"_form-item-click\": { item: UserSettingsNotificationsViewItem };\n\t}\n\n\t/**\n\t * Defines the unique identifier of the item.\n\t *\n\t * When the item is navigable, `itemKey` is also used to route to a matching sibling\n\t * `secondary` view by id.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\titemKey = \"\";\n\n\t/**\n\t * Defines the title text of the item.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext = \"\";\n\n\t/**\n\t * Defines the byline text of the item, rendered below the title.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tbylineText = \"\";\n\n\t/**\n\t * Defines whether the trailing switch is on.\n\t *\n\t * Ignored when the `endContent` slot is used.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tchecked = false;\n\n\t/**\n\t * Defines whether the item is navigable. When true, a navigation arrow is rendered\n\t * and the whole row becomes clickable (fires the parent view's `item-click` event).\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tnavigable = false;\n\n\t/**\n\t * Defines custom content rendered at the trailing end of the item, replacing the\n\t * default switch. Use this to place a `ui5-select`, `ui5-input`, or any other\n\t * control instead of a boolean toggle.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t})\n\tendContent!: Slot<HTMLElement>;\n\n\tget isUserSettingsNotificationsViewItem(): boolean {\n\t\treturn true;\n\t}\n\n\tget typeNavigation(): boolean {\n\t\treturn this.navigable;\n\t}\n\n\tget _isHeaderItem(): boolean {\n\t\treturn this._individualSlot?.startsWith(\"headerItems\") ?? false;\n\t}\n\n\tshouldForwardTabAfter(): boolean {\n\t\tif (this._isHeaderItem) {\n\t\t\tconst tabbable = getTabbableElements(this.getFocusDomRef()!);\n\t\t\treturn tabbable.length === 0;\n\t\t}\n\t\treturn super.shouldForwardTabAfter();\n\t}\n\n\tget _hasEndContent(): boolean {\n\t\treturn this.endContent.length > 0;\n\t}\n\n\tget _accessibleSwitchName(): string {\n\t\treturn this.bylineText ? `${this.text} ${this.bylineText}` : this.text;\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\t// The switch only reacts to Space when it has focus itself (F2/arrow-key mode),\n\t\t// so toggling at row level must be done here.\n\t\tif (isSpace(e) && e.target === this.getFocusDomRef() && !this._hasEndContent) {\n\t\t\tthis.checked = !this.checked;\n\t\t\tthis.fireDecoratorEvent(\"switch-change\", { item: this, checked: this.checked });\n\t\t\treturn;\n\t\t}\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_handleSwitchChange = (e: Event) => {\n\t\tconst target = e.target as Switch;\n\t\tthis.checked = target.checked;\n\t\tthis.fireDecoratorEvent(\"switch-change\", { item: this, checked: this.checked });\n\t};\n\n\t_handleFormItemClick = (e: MouseEvent) => {\n\t\tif (!this.navigable) {\n\t\t\treturn;\n\t\t}\n\t\tif ((e.target as HTMLElement)?.closest(\"[ui5-switch]\")) {\n\t\t\treturn;\n\t\t}\n\t\tthis.fireDecoratorEvent(\"_form-item-click\", { item: this });\n\t};\n\n\t_handleEndClick = (e: MouseEvent) => {\n\t\te.stopPropagation();\n\t};\n\n\tget accessibilityInfo(): AccessibilityInfo {\n\t\treturn {\n\t\t\t...super.accessibilityInfo,\n\t\t\tdescription: this._accessibleSwitchName,\n\t\t};\n\t}\n}\n\nUserSettingsNotificationsViewItem.define();\n\nexport const isInstanceOfUserSettingsNotificationsViewItem = createInstanceChecker<UserSettingsNotificationsViewItem>(\"isUserSettingsNotificationsViewItem\");\nexport default UserSettingsNotificationsViewItem;\nexport type {\n\tUserSettingsNotificationsViewItemSwitchChangeEventDetail,\n};\n"]}

package/dist/UserSettingsNotificationsViewItemTemplate.d.ts

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

package/dist/UserSettingsNotificationsViewItemTemplate.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import ListItemCustomTemplate from "@ui5/webcomponents/dist/ListItemCustomTemplate.js";
+import Switch from "@ui5/webcomponents/dist/Switch.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
+export default function UserSettingsNotificationsViewItemTemplate() {
+    if (this._isHeaderItem) {
+        return headerItemContent(this);
+    }
+    return ListItemCustomTemplate.call(this, {
+        listItemContent: listItemContent.bind(this),
+    });
+}
+function headerItemContent(item) {
+    return (_jsxs("div", { class: "ui5-user-settings-notifications-form-item", role: "group", "aria-label": item._accessibleSwitchName, "data-sap-focus-ref": true, tabindex: item._effectiveTabIndex, onFocusIn: item._onfocusin, onFocusOut: item._onfocusout, onKeyUp: item._onkeyup, onKeyDown: item._onkeydown, onClick: item._handleFormItemClick, children: [itemBody(item), item.navigable &&
+                _jsx(Icon, { class: "ui5-user-settings-notifications-item-arrow", name: slimArrowRight, mode: "Decorative" })] }));
+}
+function listItemContent() {
+    return itemBody(this);
+}
+function itemBody(item) {
+    return (_jsxs("div", { class: `ui5-user-settings-notifications-item${item.bylineText && item.text ? " has-byline" : ""}`, children: [_jsx("div", { class: "ui5-user-settings-notifications-item-start", children: _jsxs("div", { class: "ui5-user-settings-notifications-item-texts", children: [item.text &&
+                            _jsx("span", { class: "ui5-user-settings-notifications-item-title", children: item.text }), item.bylineText &&
+                            _jsx("span", { class: "ui5-user-settings-notifications-item-byline", children: item.bylineText })] }) }), _jsx("div", { class: "ui5-user-settings-notifications-item-end", children: item._hasEndContent
+                    ? _jsx("slot", { name: "endContent", onClick: item._handleEndClick })
+                    : _jsx(Switch, { class: "ui5-user-settings-notifications-item-switch", checked: item.checked, onChange: item._handleSwitchChange, accessibleName: item._accessibleSwitchName, onClick: item._handleEndClick }) })] }));
+}
+//# sourceMappingURL=UserSettingsNotificationsViewItemTemplate.js.map

package/dist/UserSettingsNotificationsViewItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsViewItemTemplate.js","sourceRoot":"","sources":["../src/UserSettingsNotificationsViewItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,MAAM,mDAAmD,CAAC;AACvF,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,yCAAyC;IAChE,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QACxB,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE;QACxC,eAAe,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;KAC3C,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAuC;IACjE,OAAO,CACN,eACC,KAAK,EAAC,2CAA2C,EACjD,IAAI,EAAC,OAAO,gBACA,IAAI,CAAC,qBAAqB,8BAEtC,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,oBAAoB,aAEjC,QAAQ,CAAC,IAAI,CAAC,EACd,IAAI,CAAC,SAAS;gBACd,KAAC,IAAI,IACJ,KAAK,EAAC,4CAA4C,EAClD,IAAI,EAAE,cAAc,EACpB,IAAI,EAAC,YAAY,GACV,IAEJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,eAAe;IACvB,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AACvB,CAAC;AAED,SAAS,QAAQ,CAAC,IAAuC;IACxD,OAAO,CACN,eAAK,KAAK,EAAE,uCAAuC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,aACrG,cAAK,KAAK,EAAC,4CAA4C,YACtD,eAAK,KAAK,EAAC,4CAA4C,aACrD,IAAI,CAAC,IAAI;4BACT,eAAM,KAAK,EAAC,4CAA4C,YAAE,IAAI,CAAC,IAAI,GAAQ,EAE3E,IAAI,CAAC,UAAU;4BACf,eAAM,KAAK,EAAC,6CAA6C,YAAE,IAAI,CAAC,UAAU,GAAQ,IAE9E,GACD,EACN,cAAK,KAAK,EAAC,0CAA0C,YACnD,IAAI,CAAC,cAAc;oBACnB,CAAC,CAAC,eAAM,IAAI,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAS;oBAChE,CAAC,CAAC,KAAC,MAAM,IACR,KAAK,EAAC,6CAA6C,EACnD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,cAAc,EAAE,IAAI,CAAC,qBAAqB,EAC1C,OAAO,EAAE,IAAI,CAAC,eAAe,GACpB,GAEN,IACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsNotificationsViewItem from \"./UserSettingsNotificationsViewItem.js\";\nimport ListItemCustomTemplate from \"@ui5/webcomponents/dist/ListItemCustomTemplate.js\";\nimport Switch from \"@ui5/webcomponents/dist/Switch.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\n\nexport default function UserSettingsNotificationsViewItemTemplate(this: UserSettingsNotificationsViewItem) {\n\tif (this._isHeaderItem) {\n\t\treturn headerItemContent(this);\n\t}\n\treturn ListItemCustomTemplate.call(this, {\n\t\tlistItemContent: listItemContent.bind(this),\n\t});\n}\n\nfunction headerItemContent(item: UserSettingsNotificationsViewItem) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-user-settings-notifications-form-item\"\n\t\t\trole=\"group\"\n\t\t\taria-label={item._accessibleSwitchName}\n\t\t\tdata-sap-focus-ref\n\t\t\ttabindex={item._effectiveTabIndex}\n\t\t\tonFocusIn={item._onfocusin}\n\t\t\tonFocusOut={item._onfocusout}\n\t\t\tonKeyUp={item._onkeyup}\n\t\t\tonKeyDown={item._onkeydown}\n\t\t\tonClick={item._handleFormItemClick}\n\t\t>\n\t\t\t{itemBody(item)}\n\t\t\t{item.navigable &&\n\t\t\t\t<Icon\n\t\t\t\t\tclass=\"ui5-user-settings-notifications-item-arrow\"\n\t\t\t\t\tname={slimArrowRight}\n\t\t\t\t\tmode=\"Decorative\"\n\t\t\t\t></Icon>\n\t\t\t}\n\t\t</div>\n\t);\n}\n\nfunction listItemContent(this: UserSettingsNotificationsViewItem) {\n\treturn itemBody(this);\n}\n\nfunction itemBody(item: UserSettingsNotificationsViewItem) {\n\treturn (\n\t\t<div class={`ui5-user-settings-notifications-item${item.bylineText && item.text ? \" has-byline\" : \"\"}`}>\n\t\t\t<div class=\"ui5-user-settings-notifications-item-start\">\n\t\t\t\t<div class=\"ui5-user-settings-notifications-item-texts\">\n\t\t\t\t\t{item.text &&\n\t\t\t\t\t\t<span class=\"ui5-user-settings-notifications-item-title\">{item.text}</span>\n\t\t\t\t\t}\n\t\t\t\t\t{item.bylineText &&\n\t\t\t\t\t\t<span class=\"ui5-user-settings-notifications-item-byline\">{item.bylineText}</span>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"ui5-user-settings-notifications-item-end\">\n\t\t\t\t{item._hasEndContent\n\t\t\t\t\t? <slot name=\"endContent\" onClick={item._handleEndClick}></slot>\n\t\t\t\t\t: <Switch\n\t\t\t\t\t\tclass=\"ui5-user-settings-notifications-item-switch\"\n\t\t\t\t\t\tchecked={item.checked}\n\t\t\t\t\t\tonChange={item._handleSwitchChange}\n\t\t\t\t\t\taccessibleName={item._accessibleSwitchName}\n\t\t\t\t\t\tonClick={item._handleEndClick}\n\t\t\t\t\t></Switch>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/UserSettingsNotificationsViewTemplate.d.ts

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

package/dist/UserSettingsNotificationsViewTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import List from "@ui5/webcomponents/dist/List.js";
+export default function UserSettingsNotificationsViewTemplate() {
+    return (_jsx("div", { class: "ui5-user-settings-view-container", children: _jsxs("div", { class: "ui5-user-settings-view ui5-user-settings-notifications-view-content", children: [_jsx("slot", { name: "additionalContent" }), this._hasHeaderItems && this.headerItems.map(item => (_jsx("div", { role: "form", class: "ui5-user-settings-notifications-view-form", "onui5-_form-item-click": this._handleFormItemClick, children: _jsx("slot", { name: item._individualSlot }) }))), _jsx(List, { class: "ui5-user-settings-notifications-view-list", separators: "All", onItemClick: this._handleItemClick, "data-sap-ui-fastnavgroup": "false", accessibleName: this._listAccessibleName, children: _jsx("slot", {}) })] }) }));
+}
+//# sourceMappingURL=UserSettingsNotificationsViewTemplate.js.map

package/dist/UserSettingsNotificationsViewTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsViewTemplate.js","sourceRoot":"","sources":["../src/UserSettingsNotificationsViewTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,qCAAqC;IAC5D,OAAO,CACN,cAAK,KAAK,EAAC,kCAAkC,YAC5C,eAAK,KAAK,EAAC,qEAAqE,aAC/E,eAAM,IAAI,EAAC,mBAAmB,GAAQ,EACrC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrD,cAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,2CAA2C,4BAAyB,IAAI,CAAC,oBAAoB,YACnH,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAS,GACpC,CACN,CAAC,EACF,KAAC,IAAI,IACJ,KAAK,EAAC,2CAA2C,EACjD,UAAU,EAAC,KAAK,EAChB,WAAW,EAAE,IAAI,CAAC,gBAAgB,8BACT,OAAO,EAChC,cAAc,EAAE,IAAI,CAAC,mBAAmB,YAExC,gBAAa,GACP,IACF,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsNotificationsView from \"./UserSettingsNotificationsView.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\n\nexport default function UserSettingsNotificationsViewTemplate(this: UserSettingsNotificationsView) {\n\treturn (\n\t\t<div class=\"ui5-user-settings-view-container\">\n\t\t\t<div class=\"ui5-user-settings-view ui5-user-settings-notifications-view-content\">\n\t\t\t\t<slot name=\"additionalContent\"></slot>\n\t\t\t\t{this._hasHeaderItems && this.headerItems.map(item => (\n\t\t\t\t\t<div role=\"form\" class=\"ui5-user-settings-notifications-view-form\" onui5-_form-item-click={this._handleFormItemClick}>\n\t\t\t\t\t\t<slot name={item._individualSlot}></slot>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t\t<List\n\t\t\t\t\tclass=\"ui5-user-settings-notifications-view-list\"\n\t\t\t\t\tseparators=\"All\"\n\t\t\t\t\tonItemClick={this._handleItemClick}\n\t\t\t\t\tdata-sap-ui-fastnavgroup=\"false\"\n\t\t\t\t\taccessibleName={this._listAccessibleName}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</List>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/WizardTab.js

@@ -96,7 +96,7 @@ let WizardTab = class WizardTab extends UI5Element {
             "ariaSetsize": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,
             "ariaPosinset": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,
             "ariaLabel": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,
-            "ariaCurrent": this.selected ? "true" : undefined,
+            "ariaCurrent": this.selected ? "step" : undefined,
         };
     }
 };

package/dist/WizardTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardTab.js","sourceRoot":"","sources":["../src/WizardTab.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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isSpace, isEnter, isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type { AccessibilityAttributes } from \"@ui5/webcomponents-base/dist/types.js\";\nimport WizardTabTemplate from \"./WizardTabTemplate.js\";\nimport WizardTabCss from \"./generated/themes/WizardTab.css.js\";\n\ntype WizardTabAccessibilityAttributes = Pick<AccessibilityAttributes, \"ariaSetsize\" | \"ariaPosinset\" | \"ariaLabel\" | \"ariaCurrent\">;\n\n/**\n * @class\n *\n * ### Overview\n * Private component, used internally by the `ui5-wizard`\n * to represent a \"step\" in the navigation header of the `ui5-wizard`.\n *\n * ### Usage\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/WizardTab.js\";` (imported with <ui5-wizard>)\n * @constructor\n * @extends UI5Element\n * @private\n */\n\n@customElement({\n\ttag: \"ui5-wizard-tab\",\n\trenderer: jsxRenderer,\n\tstyles: WizardTabCss,\n\ttemplate: WizardTabTemplate,\n})\n\n/**\n * Fired when focus on a step.\n * @private\n */\n@event(\"focused\", {\n\tbubbles: true,\n})\n/**\n * Fired when clicking on none disabled step.\n * @private\n */\n@event(\"selection-change-requested\", {\n\tbubbles: true,\n})\nclass WizardTab extends UI5Element implements ITabbable {\n\teventDetails!: {\n\t\t\"focused\": void\n\t\t\"selection-change-requested\": void\n\t}\n\t/**\n\t * Defines the `icon` of the step.\n\t * @default undefined\n\t * @private\n\t */\n\t@property()\n\ticon?: string\n\n\t/**\n\t * Defines the `titleText` of the step.\n\t * @default undefined\n\t * @private\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\ttitleText?: string\n\n\t/**\n\t * Defines the `subtitleText` of the step.\n\t * @default undefined\n\t * @private\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\tsubtitleText?: string\n\n\t/**\n\t * Defines the number that will be displayed in place of the `icon`, when it's missing.\n\t * @default undefined\n\t * @private\n\t */\n\t@property()\n\tnumber?: string\n\n\t/**\n\t * Defines if the step is `disabled` - the step is not responding to user interaction.\n\t * @default false\n\t * @private\n\t */\n\t @property({ type: Boolean })\n\t disabled = false;\n\n\t/**\n\t * Defines if the step is `selected`.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines if the step's separator is hidden or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thideSeparator = false;\n\n\t/**\n\t * Defines if the step's separator is active or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactiveSeparator = false;\n\n\t/**\n\t * Defines if the step's separator is dashed or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tbranchingSeparator = false;\n\n\t/**\n\t * Defines the tabindex of the step.\n\t * @default \"-1\"\n\t * @private\n\t */\n\t@property()\n\tforcedTabIndex?: string\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_wizardTabAccInfo? : WizardTabAccessibilityAttributes\n\n\t_onclick() {\n\t\tif (!this.disabled) {\n\t\t\tthis.fireDecoratorEvent(\"selection-change-requested\");\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ((isSpace(e) || isEnter(e)) && !isSpaceShift(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireDecoratorEvent(\"selection-change-requested\");\n\t\t}\n\t}\n\n\tget effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.selected || this.forcedTabIndex === \"0\") {\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn -1;\n\t}\n\n\t_onfocusin() {\n\t\tthis.fireDecoratorEvent(\"focused\");\n\t}\n\n\tget hasTexts() {\n\t\treturn this.titleText || this.subtitleText;\n\t}\n\n\tget accInfo(): WizardTabAccessibilityAttributes {\n\t\treturn {\n\t\t\t\"ariaSetsize\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,\n\t\t\t\"ariaPosinset\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,\n\t\t\t\"ariaLabel\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,\n\t\t\t\"ariaCurrent\": this.selected ? \"true\" : undefined,\n\t\t};\n\t}\n}\n\nWizardTab.define();\n\nexport default WizardTab;\n"]}
+{"version":3,"file":"WizardTab.js","sourceRoot":"","sources":["../src/WizardTab.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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isSpace, isEnter, isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type { AccessibilityAttributes } from \"@ui5/webcomponents-base/dist/types.js\";\nimport WizardTabTemplate from \"./WizardTabTemplate.js\";\nimport WizardTabCss from \"./generated/themes/WizardTab.css.js\";\n\ntype WizardTabAccessibilityAttributes = Pick<AccessibilityAttributes, \"ariaSetsize\" | \"ariaPosinset\" | \"ariaLabel\" | \"ariaCurrent\">;\n\n/**\n * @class\n *\n * ### Overview\n * Private component, used internally by the `ui5-wizard`\n * to represent a \"step\" in the navigation header of the `ui5-wizard`.\n *\n * ### Usage\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/WizardTab.js\";` (imported with <ui5-wizard>)\n * @constructor\n * @extends UI5Element\n * @private\n */\n\n@customElement({\n\ttag: \"ui5-wizard-tab\",\n\trenderer: jsxRenderer,\n\tstyles: WizardTabCss,\n\ttemplate: WizardTabTemplate,\n})\n\n/**\n * Fired when focus on a step.\n * @private\n */\n@event(\"focused\", {\n\tbubbles: true,\n})\n/**\n * Fired when clicking on none disabled step.\n * @private\n */\n@event(\"selection-change-requested\", {\n\tbubbles: true,\n})\nclass WizardTab extends UI5Element implements ITabbable {\n\teventDetails!: {\n\t\t\"focused\": void\n\t\t\"selection-change-requested\": void\n\t}\n\t/**\n\t * Defines the `icon` of the step.\n\t * @default undefined\n\t * @private\n\t */\n\t@property()\n\ticon?: string\n\n\t/**\n\t * Defines the `titleText` of the step.\n\t * @default undefined\n\t * @private\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\ttitleText?: string\n\n\t/**\n\t * Defines the `subtitleText` of the step.\n\t * @default undefined\n\t * @private\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\tsubtitleText?: string\n\n\t/**\n\t * Defines the number that will be displayed in place of the `icon`, when it's missing.\n\t * @default undefined\n\t * @private\n\t */\n\t@property()\n\tnumber?: string\n\n\t/**\n\t * Defines if the step is `disabled` - the step is not responding to user interaction.\n\t * @default false\n\t * @private\n\t */\n\t @property({ type: Boolean })\n\t disabled = false;\n\n\t/**\n\t * Defines if the step is `selected`.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines if the step's separator is hidden or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thideSeparator = false;\n\n\t/**\n\t * Defines if the step's separator is active or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tactiveSeparator = false;\n\n\t/**\n\t * Defines if the step's separator is dashed or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tbranchingSeparator = false;\n\n\t/**\n\t * Defines the tabindex of the step.\n\t * @default \"-1\"\n\t * @private\n\t */\n\t@property()\n\tforcedTabIndex?: string\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_wizardTabAccInfo? : WizardTabAccessibilityAttributes\n\n\t_onclick() {\n\t\tif (!this.disabled) {\n\t\t\tthis.fireDecoratorEvent(\"selection-change-requested\");\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ((isSpace(e) || isEnter(e)) && !isSpaceShift(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.fireDecoratorEvent(\"selection-change-requested\");\n\t\t}\n\t}\n\n\tget effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.selected || this.forcedTabIndex === \"0\") {\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn -1;\n\t}\n\n\t_onfocusin() {\n\t\tthis.fireDecoratorEvent(\"focused\");\n\t}\n\n\tget hasTexts() {\n\t\treturn this.titleText || this.subtitleText;\n\t}\n\n\tget accInfo(): WizardTabAccessibilityAttributes {\n\t\treturn {\n\t\t\t\"ariaSetsize\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,\n\t\t\t\"ariaPosinset\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,\n\t\t\t\"ariaLabel\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,\n\t\t\t\"ariaCurrent\": this.selected ? \"step\" : undefined,\n\t\t};\n\t}\n}\n\nWizardTab.define();\n\nexport default WizardTab;\n"]}

package/dist/bundle.esm.js

@@ -52,6 +52,9 @@ import UserSettingsAccountView from "./UserSettingsAccountView.js";
 import UserSettingsAppearanceView from "./UserSettingsAppearanceView.js";
 import UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.js";
 import UserSettingsAppearanceViewGroup from "./UserSettingsAppearanceViewGroup.js";
+import UserSettingsNotificationsView from "./UserSettingsNotificationsView.js";
+import UserSettingsNotificationsViewItem from "./UserSettingsNotificationsViewItem.js";
+import UserSettingsNotificationsViewGroup from "./UserSettingsNotificationsViewGroup.js";
 import Timeline from "./Timeline.js";
 import TimelineGroupItem from "./TimelineGroupItem.js";
 import NavigationLayout from "./NavigationLayout.js";

package/dist/bundle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,KAAK,iBAAiB,MAAM,mCAAmC,CAAC;AAEvE,eAAe;AACf,OAAO,aAAa,CAAC;AAErB,sBAAsB;AACtB,OAAO,qCAAqC,CAAC;AAE7C,mBAAmB;AACnB,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AACzE,OAAO,8BAA8B,MAAM,qCAAqC,CAAC;AACjF,OAAO,+BAA+B,MAAM,sCAAsC,CAAC;AACnF,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,UAAU,CAAC,YAAY,GAAG,EAAE,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;AAC/E,eAAe,UAAU,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport HeroBanner from \"./HeroBanner.js\";\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport ViewSettingsDialogCustomTab from \"./ViewSettingsDialogCustomTab.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}
+{"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport HeroBanner from \"./HeroBanner.js\";\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport UserSettingsNotificationsView from \"./UserSettingsNotificationsView.js\";\nimport UserSettingsNotificationsViewItem from \"./UserSettingsNotificationsViewItem.js\";\nimport UserSettingsNotificationsViewGroup from \"./UserSettingsNotificationsViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport ViewSettingsDialogCustomTab from \"./ViewSettingsDialogCustomTab.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}

package/dist/css/themes/DynamicPage.css

@@ -1 +1 @@
-.ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:3}:host{display:block;height:100%;background-color:var(--ui5_dynamic_page_background);isolation:isolate}.ui5-dynamic-page-root{container-type:inline-size;height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%;overflow-anchor:none}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:0;padding:0 .5rem .5rem;box-sizing:border-box;z-index:2;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5_dynamic_page_header_background_color);box-sizing:content-box;width:auto}::slotted([slot="titleArea"]){width:auto}.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_S)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_S)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_S)}@container (min-width: 600px){.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_M)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_M)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_M)}}@container (min-width: 1024px){.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_L)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_L)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_L)}}@container (min-width: 1440px){.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_XL)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_XL)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_XL)}}
+.ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:3}.ui5-dynamic-page-header-actions-wrapper{position:sticky;top:var(--_ui5_dp_header_actions_top, auto);z-index:4}:host{display:block;height:100%;background-color:var(--ui5_dynamic_page_background);isolation:isolate}.ui5-dynamic-page-root{container-type:inline-size;height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%;overflow-anchor:none}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:0;padding:0 .5rem .5rem;box-sizing:border-box;z-index:2;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5_dynamic_page_header_background_color);box-sizing:content-box;width:auto}::slotted([slot="titleArea"]){width:auto}.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_S)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_S)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_S)}@container (min-width: 600px){.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_M)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_M)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_M)}}@container (min-width: 1024px){.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_L)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_L)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_L)}}@container (min-width: 1440px){.ui5-dynamic-page-fit-content{padding:var(--_ui5_dynamic_page_content_padding_XL)}::slotted([slot="titleArea"]){padding:var(--_ui5_dynamic_page_title_padding_XL)}::slotted([slot="headerArea"]){padding:var(--_ui5_dynamic_page_header_padding_XL)}}

package/dist/css/themes/SideNavigation.css

@@ -1 +1 @@
-:host{display:block}.ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:auto;min-width:0;box-sizing:border-box;text-decoration:none;position:relative;min-height:var(--_ui5_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5_side_navigation_item_border_radius);transition:var(--_ui5_side_navigation_item_transition);word-wrap:break-word}:host(:not([in-popover])) .ui5-sn-item{margin-block-end:var(--_ui5_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}:host([side-nav-collapsed]) .ui5-sn-item{transition:none}:host([design="Action"]){color:var(--sapButton_TextColor)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text{color:var(--_ui5_side_navigation_active_text_color)}:host([design="Action"]) .ui5-sn-item{border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);box-sizing:content-box}:host([design="Action"]:not([side-nav-collapsed])) .ui5-sn-item{max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):hover{border:var(--_ui5_side_navigation_action_item_border_hover);background:var(--sapButton_Hover_Background)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active{border:var(--_ui5_side_navigation_action_item_border_active);background:var(--sapButton_Active_Background)}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5_side_navigation_item_focus_border_offset);z-index:3;pointer-events:none;border-radius:var(--_ui5_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{cursor:default}.ui5-sn-item.ui5-sn-item-disabled>*{opacity:var(--sapContent_DisabledOpacity)}.ui5-sn-item.ui5-sn-item-disabled:after{opacity:1}:host([ui5-side-navigation-item][in-popover][unselectable]) .ui5-sn-item{cursor:unset}:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--_ui5_side_navigation_collapsed_selected_item_background_hover)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host(.ui5-sn-item-overflow.ui5-sn-item-active) .ui5-sn-item,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}.ui5-sn-item:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5_side_navigation_selected_border_style_color);border-width:var(--_ui5_side_navigation_selected_border_width)}:host(:not([design="Action"])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5_side_navigation_hover_border_style_color);border-width:var(--_ui5_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5_side_navigation_icon_color);padding-inline-start:1rem;padding-inline-end:var(--_ui5_side_navigation_icon_padding_inline_end)}:host([design="Action"]) .ui5-sn-item-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}:host([design="Action"]) .ui5-sn-item-toggle-icon,:host([design="Action"]) .ui5-sn-item-external-link-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-external-link-icon{min-width:3rem}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:var(--_ui5_side_navigation_expand_icon_width);padding-inline-end:.375rem;padding-block:var(--_ui5_side_navigation_item_expand_arrow_padding);margin-inline-start:.5rem;height:var(--sapElement_Condensed_Height)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:calc(var(--_ui5_side_navigation_expand_icon_width) + 4px)}:host(:not([unselectable],[side-nav-collapsed],[ui5-side-navigation-group])) .ui5-sn-item-toggle-icon{margin-inline-start:1rem;width:calc(var(--_ui5_side_navigation_expand_icon_width) + 5px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){box-sizing:content-box;padding-block:.25rem;border-inline-start:.0625rem solid var(--sapTextColor);display:block;height:.875rem;width:var(--_ui5_side_navigation_expand_icon_width)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-inline-start:.25rem}:host([unselectable]:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root),:host(:not([side-nav-collapsed])) .ui5-sn-item-group .ui5-sn-item-toggle-icon::part(root),:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{border-inline-start:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{min-width:3rem}:host([in-popover]) .ui5-sn-item-toggle-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed][side-nav-animating]) .ui5-sn-item{justify-content:flex-start}:host([slot="fixedItems"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1{margin-top:var(--_ui5_side_navigation_first_fixed_item_margin_top)}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:1rem}:host([design="Action"][side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:calc(1rem - 1px);padding-inline-start:calc(1rem - 1px)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon{display:var(--_ui5_side_navigation_item_expand_icon_visibility);font-size:.75rem;position:absolute;inset-inline-end:var(--_ui5_side_navigation_item_expand_icon_right)}:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus{width:var(--_ui5_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5_side_navigation_box_shadow);z-index:2;padding-inline-end:var(--_ui5_side_navigation_item_collapsed_padding)}:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander){padding-inline-end:0}:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):hover,:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):focus{padding-inline-end:var(--_ui5_side_navigation_action_item_collapsed_padding)}:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander):not([target=_blank]),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander):not([target=_blank]){padding-inline-end:var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-external-link-icon{display:var(--_ui5_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{left:var(--_ui5_side_navigation_item_expand_icon_hover_left);right:var(--_ui5_side_navigation_item_expand_icon_hover_right)}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0}:host([side-nav-collapsed]) .ui5-sn-item-text,:host([design="Action"]) .ui5-sn-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([in-popover]) .ui5-sn-item-text{overflow:visible;text-overflow:unset;white-space:nowrap}:host(:not([side-nav-collapsed]):not([in-popover])) .ui5-sn-item-text{margin:var(--_ui5_side_navigation_item_margin) 0}:host(:not([side-nav-collapsed])) .ui5-sn-item:not(.ui5-sn-item-group):not(.ui5-sn-item-with-expander) .ui5-sn-item-text{padding-inline-end:.375rem}.ui5-sn-item-tag-slot{padding-inline-start:.5rem;padding-inline-end:.375rem;display:inline-flex;align-items:center}.ui5-sn-item-tag-slot:has(+.ui5-sn-item-toggle-icon),.ui5-sn-item-tag-slot:has(+.ui5-sn-item-external-link-icon){padding-inline-end:0}.ui5-sn-item-tag-slot+.ui5-sn-item-toggle-icon,.ui5-sn-item-tag-slot+.ui5-sn-item-external-link-icon{margin-inline-start:.375rem}:host([side-nav-collapsed]) .ui5-sn-item-tag-slot{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-tag-slot,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-tag-slot{display:inline-flex}:host([in-popover]) .ui5-sn-item-tag-slot{display:inline-flex;padding-inline-end:.5rem}:host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-separator{min-height:.625rem}:host{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{min-height:2rem;padding-inline-start:var(--_ui5_side_navigation_group_padding);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}.ui5-sn-spacer{margin:var(--_ui5_side_navigation_navigation_separator_margin);height:var(--_ui5_side_navigation_navigation_separator_height);min-height:var(--_ui5_side_navigation_navigation_separator_height);background-color:var(--_ui5_side_navigation_navigation_separator_background_color);border-radius:var(--_ui5_side_navigation_navigation_separator_radius)}:host(:not([hidden])){display:inline-block;height:100%;min-width:var(--_ui5_side_navigation_width);width:var(--_ui5_side_navigation_width);max-width:100%;transition:width .3s,min-width .3s;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);background:var(--sapList_Background);box-shadow:var(--_ui5_side_navigation_box_shadow);border-inline-end:var(--_ui5_side_navigation_border_right);box-sizing:border-box}:host([collapsed]){min-width:var(--_ui5_side_navigation_collapsed_width);width:var(--_ui5_side_navigation_collapsed_width)}@media (width < 600px){:host(:not([hidden])){width:100%}}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:inherit;border-radius:inherit}.ui5-sn-root.ui5-sn-animating{overflow:hidden}.ui5-sn-flexible{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;box-sizing:border-box}.ui5-sn-fixed{position:relative}.ui5-sn-root.ui5-sn-animating .ui5-sn-list.ui5-sn-flexible,.ui5-sn-root.ui5-sn-animating .ui5-sn-list.ui5-sn-fixed{width:var(--_ui5_side_navigation_width);overflow:hidden}.ui5-sn-list{margin:0;list-style:none;box-sizing:border-box;overflow:hidden auto}.ui5-sn-list.ui5-sn-flexible{padding:var(--_ui5_side_navigation_padding-flexible)}.ui5-sn-list.ui5-sn-fixed{padding:var(--_ui5_side_navigation_padding-fixed)}.ui5-sn-collapsed .ui5-sn-list{overflow:visible;display:flex;flex-direction:column}:host([in-popover]) .ui5-sn-list{padding:var(--_ui5_side_navigation_popup_padding)}.ui5-sn-item-overflow{margin-top:auto}
+:host{display:block}.ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:auto;min-width:0;box-sizing:border-box;text-decoration:none;position:relative;min-height:var(--_ui5_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5_side_navigation_item_border_radius);transition:var(--_ui5_side_navigation_item_transition);word-wrap:break-word}:host(:not([in-popover])) .ui5-sn-item{margin-block-end:var(--_ui5_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}:host([side-nav-collapsed]) .ui5-sn-item{transition:none}:host([design="Action"]){color:var(--sapButton_TextColor)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text{color:var(--_ui5_side_navigation_active_text_color)}:host([design="Action"]) .ui5-sn-item{border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);box-sizing:content-box}:host([design="Action"]:not([side-nav-collapsed])) .ui5-sn-item{max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):hover{border:var(--_ui5_side_navigation_action_item_border_hover);background:var(--sapButton_Hover_Background)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active{border:var(--_ui5_side_navigation_action_item_border_active);background:var(--sapButton_Active_Background)}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5_side_navigation_item_focus_border_offset);z-index:3;pointer-events:none;border-radius:var(--_ui5_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{cursor:default}.ui5-sn-item.ui5-sn-item-disabled>*{opacity:var(--sapContent_DisabledOpacity)}.ui5-sn-item.ui5-sn-item-disabled:after{opacity:1}:host([ui5-side-navigation-item][in-popover][unselectable]) .ui5-sn-item{cursor:unset}:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--_ui5_side_navigation_collapsed_selected_item_background_hover)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host(.ui5-sn-item-overflow.ui5-sn-item-active) .ui5-sn-item,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}.ui5-sn-item:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5_side_navigation_selected_border_style_color);border-width:var(--_ui5_side_navigation_selected_border_width)}:host(:not([design="Action"])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5_side_navigation_hover_border_style_color);border-width:var(--_ui5_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5_side_navigation_icon_color);padding-inline-start:1rem;padding-inline-end:var(--_ui5_side_navigation_icon_padding_inline_end)}:host([design="Action"]) .ui5-sn-item-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}:host([design="Action"]) .ui5-sn-item-toggle-icon,:host([design="Action"]) .ui5-sn-item-external-link-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-external-link-icon{min-width:3rem}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:var(--_ui5_side_navigation_expand_icon_width);padding-inline-end:.375rem;padding-block:var(--_ui5_side_navigation_item_expand_arrow_padding);margin-inline-start:.5rem;height:var(--sapElement_Condensed_Height)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:calc(var(--_ui5_side_navigation_expand_icon_width) + 4px)}:host(:not([unselectable],[side-nav-collapsed],[ui5-side-navigation-group])) .ui5-sn-item-toggle-icon{margin-inline-start:1rem;width:calc(var(--_ui5_side_navigation_expand_icon_width) + 5px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){box-sizing:content-box;padding-block:.25rem;border-inline-start:.0625rem solid var(--sapTextColor);display:block;height:.875rem;width:var(--_ui5_side_navigation_expand_icon_width)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-inline-start:.25rem}:host([unselectable]:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root),:host(:not([side-nav-collapsed])) .ui5-sn-item-group .ui5-sn-item-toggle-icon::part(root),:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{border-inline-start:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{min-width:3rem}:host([in-popover]) .ui5-sn-item-toggle-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed][side-nav-animating]) .ui5-sn-item{justify-content:flex-start}:host([slot="fixedItems"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1{margin-top:var(--_ui5_side_navigation_first_fixed_item_margin_top)}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:1rem}:host([design="Action"][side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:calc(1rem - 1px);padding-inline-start:calc(1rem - 1px)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon{display:var(--_ui5_side_navigation_item_expand_icon_visibility);font-size:.75rem;position:absolute;inset-inline-end:var(--_ui5_side_navigation_item_expand_icon_right)}:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus{width:var(--_ui5_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5_side_navigation_box_shadow);z-index:2;padding-inline-end:var(--_ui5_side_navigation_item_collapsed_padding)}:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander){padding-inline-end:0}:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):hover,:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):focus{padding-inline-end:var(--_ui5_side_navigation_action_item_collapsed_padding)}:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander):not([target=_blank]),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander):not([target=_blank]){padding-inline-end:var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-external-link-icon{display:var(--_ui5_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{left:var(--_ui5_side_navigation_item_expand_icon_hover_left);right:var(--_ui5_side_navigation_item_expand_icon_hover_right)}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0}:host([side-nav-collapsed]) .ui5-sn-item-text,:host([design="Action"]) .ui5-sn-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([in-popover]) .ui5-sn-item-text{overflow:visible;text-overflow:unset;white-space:nowrap}:host(:not([side-nav-collapsed]):not([in-popover])) .ui5-sn-item-text{margin:var(--_ui5_side_navigation_item_margin) 0}:host(:not([side-nav-collapsed])) .ui5-sn-item:not(.ui5-sn-item-group):not(.ui5-sn-item-with-expander) .ui5-sn-item-text{padding-inline-end:.375rem}.ui5-sn-item-tag-slot{padding-inline-start:.5rem;padding-inline-end:.375rem;display:inline-flex;align-items:center}.ui5-sn-item-tag-slot:has(+.ui5-sn-item-toggle-icon),.ui5-sn-item-tag-slot:has(+.ui5-sn-item-external-link-icon){padding-inline-end:0}.ui5-sn-item-tag-slot+.ui5-sn-item-toggle-icon,.ui5-sn-item-tag-slot+.ui5-sn-item-external-link-icon{margin-inline-start:.375rem}:host([side-nav-collapsed]) .ui5-sn-item-tag-slot{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-tag-slot,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-tag-slot{display:inline-flex}:host([in-popover]) .ui5-sn-item-tag-slot{display:inline-flex;padding-inline-end:.5rem}:host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-separator{min-height:.625rem}:host{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{min-height:2rem;padding-inline-start:var(--_ui5_side_navigation_group_padding);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}:host(:not([hidden])){display:inline-block;height:100%;min-width:var(--_ui5_side_navigation_width);width:var(--_ui5_side_navigation_width);max-width:100%;transition:width .3s,min-width .3s;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);background:var(--sapList_Background);box-shadow:var(--_ui5_side_navigation_box_shadow);border-inline-end:var(--_ui5_side_navigation_border_right);box-sizing:border-box}:host([collapsed]){min-width:var(--_ui5_side_navigation_collapsed_width);width:var(--_ui5_side_navigation_collapsed_width)}@media (width < 600px){:host(:not([hidden])){width:100%}}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:inherit;border-radius:inherit}.ui5-sn-root.ui5-sn-animating{overflow:hidden}.ui5-sn-flexible{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;box-sizing:border-box}.ui5-sn-fixed{position:relative}.ui5-sn-root.ui5-sn-animating .ui5-sn-list.ui5-sn-flexible,.ui5-sn-root.ui5-sn-animating .ui5-sn-list.ui5-sn-fixed{width:var(--_ui5_side_navigation_width);overflow:hidden}.ui5-sn-list{margin:0;list-style:none;box-sizing:border-box;overflow:hidden auto}.ui5-sn-list.ui5-sn-flexible{padding:var(--_ui5_side_navigation_padding-flexible)}.ui5-sn-list.ui5-sn-fixed{padding:var(--_ui5_side_navigation_padding-fixed)}.ui5-sn-collapsed .ui5-sn-list{overflow:visible;display:flex;flex-direction:column}:host([in-popover]) .ui5-sn-list{padding:var(--_ui5_side_navigation_popup_padding)}.ui5-sn-item-overflow{margin-top:auto}.ui5-sn-spacer{margin:var(--_ui5_side_navigation_navigation_separator_margin);height:var(--_ui5_side_navigation_navigation_separator_height);min-height:var(--_ui5_side_navigation_navigation_separator_height);background-color:var(--_ui5_side_navigation_navigation_separator_background_color);border-radius:var(--_ui5_side_navigation_navigation_separator_radius)}

package/dist/css/themes/SideNavigationGroup.css

@@ -1 +1 @@
-:host{display:block}.ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:auto;min-width:0;box-sizing:border-box;text-decoration:none;position:relative;min-height:var(--_ui5_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5_side_navigation_item_border_radius);transition:var(--_ui5_side_navigation_item_transition);word-wrap:break-word}:host(:not([in-popover])) .ui5-sn-item{margin-block-end:var(--_ui5_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}:host([side-nav-collapsed]) .ui5-sn-item{transition:none}:host([design="Action"]){color:var(--sapButton_TextColor)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text{color:var(--_ui5_side_navigation_active_text_color)}:host([design="Action"]) .ui5-sn-item{border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);box-sizing:content-box}:host([design="Action"]:not([side-nav-collapsed])) .ui5-sn-item{max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):hover{border:var(--_ui5_side_navigation_action_item_border_hover);background:var(--sapButton_Hover_Background)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active{border:var(--_ui5_side_navigation_action_item_border_active);background:var(--sapButton_Active_Background)}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5_side_navigation_item_focus_border_offset);z-index:3;pointer-events:none;border-radius:var(--_ui5_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{cursor:default}.ui5-sn-item.ui5-sn-item-disabled>*{opacity:var(--sapContent_DisabledOpacity)}.ui5-sn-item.ui5-sn-item-disabled:after{opacity:1}:host([ui5-side-navigation-item][in-popover][unselectable]) .ui5-sn-item{cursor:unset}:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--_ui5_side_navigation_collapsed_selected_item_background_hover)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host(.ui5-sn-item-overflow.ui5-sn-item-active) .ui5-sn-item,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}.ui5-sn-item:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5_side_navigation_selected_border_style_color);border-width:var(--_ui5_side_navigation_selected_border_width)}:host(:not([design="Action"])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5_side_navigation_hover_border_style_color);border-width:var(--_ui5_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5_side_navigation_icon_color);padding-inline-start:1rem;padding-inline-end:var(--_ui5_side_navigation_icon_padding_inline_end)}:host([design="Action"]) .ui5-sn-item-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}:host([design="Action"]) .ui5-sn-item-toggle-icon,:host([design="Action"]) .ui5-sn-item-external-link-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-external-link-icon{min-width:3rem}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:var(--_ui5_side_navigation_expand_icon_width);padding-inline-end:.375rem;padding-block:var(--_ui5_side_navigation_item_expand_arrow_padding);margin-inline-start:.5rem;height:var(--sapElement_Condensed_Height)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:calc(var(--_ui5_side_navigation_expand_icon_width) + 4px)}:host(:not([unselectable],[side-nav-collapsed],[ui5-side-navigation-group])) .ui5-sn-item-toggle-icon{margin-inline-start:1rem;width:calc(var(--_ui5_side_navigation_expand_icon_width) + 5px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){box-sizing:content-box;padding-block:.25rem;border-inline-start:.0625rem solid var(--sapTextColor);display:block;height:.875rem;width:var(--_ui5_side_navigation_expand_icon_width)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-inline-start:.25rem}:host([unselectable]:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root),:host(:not([side-nav-collapsed])) .ui5-sn-item-group .ui5-sn-item-toggle-icon::part(root),:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{border-inline-start:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{min-width:3rem}:host([in-popover]) .ui5-sn-item-toggle-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed][side-nav-animating]) .ui5-sn-item{justify-content:flex-start}:host([slot="fixedItems"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1{margin-top:var(--_ui5_side_navigation_first_fixed_item_margin_top)}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:1rem}:host([design="Action"][side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:calc(1rem - 1px);padding-inline-start:calc(1rem - 1px)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon{display:var(--_ui5_side_navigation_item_expand_icon_visibility);font-size:.75rem;position:absolute;inset-inline-end:var(--_ui5_side_navigation_item_expand_icon_right)}:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus{width:var(--_ui5_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5_side_navigation_box_shadow);z-index:2;padding-inline-end:var(--_ui5_side_navigation_item_collapsed_padding)}:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander){padding-inline-end:0}:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):hover,:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):focus{padding-inline-end:var(--_ui5_side_navigation_action_item_collapsed_padding)}:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander):not([target=_blank]),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander):not([target=_blank]){padding-inline-end:var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-external-link-icon{display:var(--_ui5_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{left:var(--_ui5_side_navigation_item_expand_icon_hover_left);right:var(--_ui5_side_navigation_item_expand_icon_hover_right)}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0}:host([side-nav-collapsed]) .ui5-sn-item-text,:host([design="Action"]) .ui5-sn-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([in-popover]) .ui5-sn-item-text{overflow:visible;text-overflow:unset;white-space:nowrap}:host(:not([side-nav-collapsed]):not([in-popover])) .ui5-sn-item-text{margin:var(--_ui5_side_navigation_item_margin) 0}:host(:not([side-nav-collapsed])) .ui5-sn-item:not(.ui5-sn-item-group):not(.ui5-sn-item-with-expander) .ui5-sn-item-text{padding-inline-end:.375rem}.ui5-sn-item-tag-slot{padding-inline-start:.5rem;padding-inline-end:.375rem;display:inline-flex;align-items:center}.ui5-sn-item-tag-slot:has(+.ui5-sn-item-toggle-icon),.ui5-sn-item-tag-slot:has(+.ui5-sn-item-external-link-icon){padding-inline-end:0}.ui5-sn-item-tag-slot+.ui5-sn-item-toggle-icon,.ui5-sn-item-tag-slot+.ui5-sn-item-external-link-icon{margin-inline-start:.375rem}:host([side-nav-collapsed]) .ui5-sn-item-tag-slot{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-tag-slot,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-tag-slot{display:inline-flex}:host([in-popover]) .ui5-sn-item-tag-slot{display:inline-flex;padding-inline-end:.5rem}:host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-separator{min-height:.625rem}:host{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{min-height:2rem;padding-inline-start:var(--_ui5_side_navigation_group_padding);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}.ui5-sn-spacer{margin:var(--_ui5_side_navigation_navigation_separator_margin);height:var(--_ui5_side_navigation_navigation_separator_height);min-height:var(--_ui5_side_navigation_navigation_separator_height);background-color:var(--_ui5_side_navigation_navigation_separator_background_color);border-radius:var(--_ui5_side_navigation_navigation_separator_radius)}
+:host{display:block}.ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:auto;min-width:0;box-sizing:border-box;text-decoration:none;position:relative;min-height:var(--_ui5_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5_side_navigation_item_border_radius);transition:var(--_ui5_side_navigation_item_transition);word-wrap:break-word}:host(:not([in-popover])) .ui5-sn-item{margin-block-end:var(--_ui5_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}:host([side-nav-collapsed]) .ui5-sn-item{transition:none}:host([design="Action"]){color:var(--sapButton_TextColor)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text{color:var(--_ui5_side_navigation_active_text_color)}:host([design="Action"]) .ui5-sn-item{border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);box-sizing:content-box}:host([design="Action"]:not([side-nav-collapsed])) .ui5-sn-item{max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):hover{border:var(--_ui5_side_navigation_action_item_border_hover);background:var(--sapButton_Hover_Background)}:host([design="Action"]) .ui5-sn-item:not(.ui5-sn-item-disabled):active{border:var(--_ui5_side_navigation_action_item_border_active);background:var(--sapButton_Active_Background)}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5_side_navigation_item_focus_border_offset);z-index:3;pointer-events:none;border-radius:var(--_ui5_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{cursor:default}.ui5-sn-item.ui5-sn-item-disabled>*{opacity:var(--sapContent_DisabledOpacity)}.ui5-sn-item.ui5-sn-item-disabled:after{opacity:1}:host([ui5-side-navigation-item][in-popover][unselectable]) .ui5-sn-item{cursor:unset}:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--_ui5_side_navigation_collapsed_selected_item_background_hover)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host(.ui5-sn-item-overflow.ui5-sn-item-active) .ui5-sn-item,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}.ui5-sn-item:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5_side_navigation_selected_border_style_color);border-width:var(--_ui5_side_navigation_selected_border_width)}:host(:not([design="Action"])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5_side_navigation_hover_border_style_color);border-width:var(--_ui5_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5_side_navigation_icon_color);padding-inline-start:1rem;padding-inline-end:var(--_ui5_side_navigation_icon_padding_inline_end)}:host([design="Action"]) .ui5-sn-item-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}:host([design="Action"]) .ui5-sn-item-toggle-icon,:host([design="Action"]) .ui5-sn-item-external-link-icon{color:var(--sapButton_TextColor)}.ui5-sn-item-external-link-icon{min-width:3rem}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:var(--_ui5_side_navigation_expand_icon_width);padding-inline-end:.375rem;padding-block:var(--_ui5_side_navigation_item_expand_arrow_padding);margin-inline-start:.5rem;height:var(--sapElement_Condensed_Height)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon{width:calc(var(--_ui5_side_navigation_expand_icon_width) + 4px)}:host(:not([unselectable],[side-nav-collapsed],[ui5-side-navigation-group])) .ui5-sn-item-toggle-icon{margin-inline-start:1rem;width:calc(var(--_ui5_side_navigation_expand_icon_width) + 5px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){box-sizing:content-box;padding-block:.25rem;border-inline-start:.0625rem solid var(--sapTextColor);display:block;height:.875rem;width:var(--_ui5_side_navigation_expand_icon_width)}:host(:not([unselectable],[side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){padding-inline-start:.25rem}:host([unselectable]:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root),:host(:not([side-nav-collapsed])) .ui5-sn-item-group .ui5-sn-item-toggle-icon::part(root),:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([unselectable][side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{border-inline-start:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{min-width:3rem}:host([in-popover]) .ui5-sn-item-toggle-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed][side-nav-animating]) .ui5-sn-item{justify-content:flex-start}:host([slot="fixedItems"]:not(side-nav-collapsed)) .ui5-sn-item.ui5-sn-item-level1{margin-top:var(--_ui5_side_navigation_first_fixed_item_margin_top)}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:1rem}:host([design="Action"][side-nav-collapsed]) .ui5-sn-item-icon{padding-inline-end:calc(1rem - 1px);padding-inline-start:calc(1rem - 1px)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon{display:var(--_ui5_side_navigation_item_expand_icon_visibility);font-size:.75rem;position:absolute;inset-inline-end:var(--_ui5_side_navigation_item_expand_icon_right)}:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus{width:var(--_ui5_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5_side_navigation_box_shadow);z-index:2;padding-inline-end:var(--_ui5_side_navigation_item_collapsed_padding)}:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander){padding-inline-end:0}:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):hover,:host([unselectable][side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):not(.ui5-sn-item-with-expander):focus{padding-inline-end:var(--_ui5_side_navigation_action_item_collapsed_padding)}:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) div.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover:not(.ui5-sn-item-with-expander):not([target=_blank]),:host([side-nav-collapsed]) a.ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus:not(.ui5-sn-item-with-expander):not([target=_blank]){padding-inline-end:var(--_ui5_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-external-link-icon{display:var(--_ui5_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):focus .ui5-sn-item-toggle-icon{left:var(--_ui5_side_navigation_item_expand_icon_hover_left);right:var(--_ui5_side_navigation_item_expand_icon_hover_right)}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0}:host([side-nav-collapsed]) .ui5-sn-item-text,:host([design="Action"]) .ui5-sn-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([in-popover]) .ui5-sn-item-text{overflow:visible;text-overflow:unset;white-space:nowrap}:host(:not([side-nav-collapsed]):not([in-popover])) .ui5-sn-item-text{margin:var(--_ui5_side_navigation_item_margin) 0}:host(:not([side-nav-collapsed])) .ui5-sn-item:not(.ui5-sn-item-group):not(.ui5-sn-item-with-expander) .ui5-sn-item-text{padding-inline-end:.375rem}.ui5-sn-item-tag-slot{padding-inline-start:.5rem;padding-inline-end:.375rem;display:inline-flex;align-items:center}.ui5-sn-item-tag-slot:has(+.ui5-sn-item-toggle-icon),.ui5-sn-item-tag-slot:has(+.ui5-sn-item-external-link-icon){padding-inline-end:0}.ui5-sn-item-tag-slot+.ui5-sn-item-toggle-icon,.ui5-sn-item-tag-slot+.ui5-sn-item-external-link-icon{margin-inline-start:.375rem}:host([side-nav-collapsed]) .ui5-sn-item-tag-slot{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):not(.ui5-sn-item-disabled):hover .ui5-sn-item-tag-slot,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-tag-slot{display:inline-flex}:host([in-popover]) .ui5-sn-item-tag-slot{display:inline-flex;padding-inline-end:.5rem}:host([side-nav-collapsed]) .ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-separator{min-height:.625rem}:host{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{min-height:2rem;padding-inline-start:var(--_ui5_side_navigation_group_padding);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}

package/dist/css/themes/TimelineGroupItem.css

@@ -1 +1 @@
-:host .ui5-timeline-group-list-item{list-style:none}:host([collapsed]) .ui5-timeline-group-list-item{display:none}.ui5-tl-group-item{width:100%;display:flex;flex-direction:column;margin:0;padding:0;gap:1.25rem}.ui5-tlgi-root{display:flex;flex-direction:column;gap:var(--_ui5_timeline_tlgi_compact_root_gap, 1.25rem)}.ui5-tlgi-btn-root{display:flex;justify-content:space-between;gap:.125rem}.ui5-tlgi-icon-placeholder{display:flex;justify-content:center;position:relative;width:2rem;align-self:center}:host([collapsed]) .ui5-tlgi-icon-dot{width:.375rem;height:.375rem;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapBackgroundColor);border-radius:50%;margin-inline-start:.0625rem}.ui5-tlgi-line-placeholder{display:flex;justify-content:center;position:relative;align-self:center;flex-grow:1;margin-inline-end:.5rem;margin-inline-start:-.9375rem}:host([collapsed]) .ui5-tlgi-line{width:100%;height:.0625rem;border-block-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor)}:host([layout="Vertical"]:not(:last-child)[collapsed]) .ui5-tlgi-icon-dot:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:.375rem;inset-inline-start:50%;height:var(--_ui5_timeline_tlgi_compact_icon_before_height, calc(100% + 4.5rem) )}:host([layout="Vertical"]:not(:last-child)[collapsed]:not([is-next-item-group])) .ui5-tlgi-icon-dot:before{height:var(--_ui5_timeline_tlgi_compact_icon_before_height, calc(100% + 3.75rem) )}:host([layout="Vertical"]:not([first-item-in-timeline])[collapsed]) .ui5-tlgi-icon-dot:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:-2rem;inset-inline-start:50%;height:2rem}:host([layout="Horizontal"]) .ui5-tl-group-item{height:100%}:host([layout="Horizontal"]) .ui5-tlgi-root{height:var(--_ui5_timeline_tlgi_root_horizontal_height)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-btn-root,:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root{flex-direction:column;gap:.8275rem;margin-block-start:.4375rem;margin-inline-end:var(--_ui5_timeline_tlgi_horizontal_compact_root_margin_left, 0)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root:last-child{margin-block-end:-.4375rem}:host([layout="Horizontal"][collapsed]):first-child .ui5-tlgi-btn-root{padding-inline-end:2rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-icon-placeholder{align-self:unset;justify-content:unset}:host([layout="Horizontal"]) .ui5-tlgi-btn{margin-inline-start:-.75rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-line{width:100%;height:calc(100% + 1rem);border-block-start:none;border-inline-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor);margin-block-start:-.8125rem}:host([layout="Horizontal"]) .ui5-tlgi-line-placeholder{height:var(--_ui5_timeline_tlgi_line_horizontal_height);align-self:unset;margin-inline-end:0;margin-inline-start:.25rem}:host([layout="Horizontal"]:not([collapsed])) .ui5-tlgi-line-placeholder{display:none}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root>:last-child{margin-block-end:-.8275rem}:host([layout="Horizontal"]) .ui5-tl-group-item{flex-direction:row}:host([layout="Horizontal"]) .ui5-tl-group-item:last-child{margin-inline-end:.25rem}:host([layout="Horizontal"]) .ui5-tlgi-root{flex-direction:column-reverse}:host([layout="Horizontal"]) .ui5-tlgi-btn-root{flex-direction:row-reverse}:host([layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:-1.0625rem;position:absolute;inset-inline-start:.125rem;width:var(--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width, calc(100% + 1.5625rem) )}:host(:not([is-next-item-group])[layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{width:var(--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width, calc(100% + 1.9375rem) )}
+:host .ui5-timeline-group-list-item{list-style:none}:host([collapsed]) .ui5-timeline-group-list-item{display:none}.ui5-tl-group-item{width:100%;display:flex;flex-direction:column;margin:0;padding:0;gap:1.25rem}.ui5-tlgi-root{display:flex;flex-direction:column;gap:var(--_ui5_timeline_tlgi_compact_root_gap, 1.25rem)}.ui5-tlgi-btn-root{display:flex;justify-content:space-between;gap:.125rem;margin-inline-end:calc(-1 * var(--_ui5_TimelineItem_bubble_border_right))}.ui5-tlgi-icon-placeholder{display:flex;justify-content:center;position:relative;width:2rem;align-self:center}:host([collapsed]) .ui5-tlgi-icon-dot{width:.375rem;height:.375rem;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapBackgroundColor);border-radius:50%;margin-inline-start:.0625rem}.ui5-tlgi-line-placeholder{display:flex;justify-content:center;position:relative;align-self:center;flex-grow:1;margin-inline-end:.5rem;margin-inline-start:-.9375rem}:host([collapsed]) .ui5-tlgi-line{width:100%;height:.0625rem;border-block-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor)}:host([layout="Vertical"]:not(:last-child)[collapsed]) .ui5-tlgi-icon-dot:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:.375rem;inset-inline-start:50%;height:var(--_ui5_timeline_tlgi_compact_icon_before_height, calc(100% + 4.5rem) )}:host([layout="Vertical"]:not(:last-child)[collapsed]:not([is-next-item-group])) .ui5-tlgi-icon-dot:before{height:var(--_ui5_timeline_tlgi_compact_icon_before_height, calc(100% + 3.75rem) )}:host([layout="Vertical"]:not([first-item-in-timeline])[collapsed]) .ui5-tlgi-icon-dot:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:-2rem;inset-inline-start:50%;height:2rem}:host([layout="Horizontal"]) .ui5-tl-group-item{height:100%}:host([layout="Horizontal"]) .ui5-tlgi-root{height:var(--_ui5_timeline_tlgi_root_horizontal_height)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-btn-root,:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root{flex-direction:column;gap:.8275rem;margin-block-start:.4375rem;margin-inline-end:var(--_ui5_timeline_tlgi_horizontal_compact_root_margin_left, 0)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root:last-child{margin-block-end:-.4375rem}:host([layout="Horizontal"][collapsed]):first-child .ui5-tlgi-btn-root{padding-inline-end:2rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-icon-placeholder{align-self:unset;justify-content:unset}:host([layout="Horizontal"]) .ui5-tlgi-btn{margin-inline-start:-.75rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-line{width:100%;height:calc(100% + 1rem);border-block-start:none;border-inline-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor);margin-block-start:-.8125rem}:host([layout="Horizontal"]) .ui5-tlgi-line-placeholder{height:var(--_ui5_timeline_tlgi_line_horizontal_height);align-self:unset;margin-inline-end:0;margin-inline-start:.25rem}:host([layout="Horizontal"]:not([collapsed])) .ui5-tlgi-line-placeholder{display:none}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root>:last-child{margin-block-end:-.8275rem}:host([layout="Horizontal"]) .ui5-tl-group-item{flex-direction:row}:host([layout="Horizontal"]) .ui5-tl-group-item:last-child{margin-inline-end:.25rem}:host([layout="Horizontal"]) .ui5-tlgi-root{flex-direction:column-reverse}:host([layout="Horizontal"]) .ui5-tlgi-btn-root{flex-direction:row-reverse}:host([layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:-1.0625rem;position:absolute;inset-inline-start:.125rem;width:var(--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width, calc(100% + 1.5625rem) )}:host(:not([is-next-item-group])[layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{width:var(--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width, calc(100% + 1.9375rem) )}