@ui5/webcomponents-fiori 2.27.2 → 2.28.0-rc.0

package/dist/WizardStep.d.ts

@@ -20,7 +20,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
  * @constructor
  * @extends UI5Element
  * @abstract
- * @since 1.0.0-rc.10
+ * @since 1.0.0
  * @public
  * @slot {Node[]} default - Defines the step content.
  */
@@ -31,7 +31,7 @@ declare class WizardStep extends UI5Element {
      * **Note:** The text is displayed in the `ui5-wizard` navigation header.
      * @default undefined
      * @public
-     * @since 1.0.0-rc.15
+     * @since 1.0.0
      */
     titleText?: string;
     /**
@@ -40,7 +40,7 @@ declare class WizardStep extends UI5Element {
      * **Note:** the text is displayed in the `ui5-wizard` navigation header.
      * @default undefined
      * @public
-     * @since 1.0.0-rc.15
+     * @since 1.0.0
      */
     subtitleText?: string;
     /**

package/dist/WizardStep.js

@@ -28,7 +28,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
  * @constructor
  * @extends UI5Element
  * @abstract
- * @since 1.0.0-rc.10
+ * @since 1.0.0
  * @public
  * @slot {Node[]} default - Defines the step content.
  */

package/dist/WizardStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../src/WizardStep.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAoCC;;;;;;;;WAQG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;;WAOG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;;;WAQG;QAEH,cAAS,GAAG,KAAK,CAAC;IAInB,CAAC;CAAA,CAAA;AA/DA;IADC,QAAQ,EAAE;6CACO;AAWlB;IADC,QAAQ,EAAE;gDACU;AAarB;IADC,QAAQ,EAAE;wCACE;AAYb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACX;AAWjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACX;AAYjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACV;AArEb,UAAU;IADf,aAAa,CAAC,iBAAiB,CAAC;GAC3B,UAAU,CAyEf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","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\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * A component that represents a logical step as part of the `ui5-wizard`.\n * It is meant to aggregate arbitrary HTML elements that form the content of a single step.\n *\n * ### Structure\n *\n * - Each wizard step has arbitrary content.\n * - Each wizard step might have texts - defined by the `titleText` and `subtitleText` properties.\n * - Each wizard step might have an icon - defined by the `icon` property.\n * - Each wizard step might display a number in place of the `icon`, when it's missing.\n *\n * ### Usage\n * The `ui5-wizard-step` component should be used only as slot of the `ui5-wizard` component\n * and should not be used standalone.\n * @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0-rc.10\n * @public\n * @slot {Node[]} default - Defines the step content.\n */\n\n@customElement(\"ui5-wizard-step\")\nclass WizardStep extends UI5Element {\n\t/**\n\t * Defines the `titleText` of the step.\n\t *\n\t * **Note:** The text is displayed in the `ui5-wizard` navigation header.\n\t * @default undefined\n\t * @public\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 *\n\t * **Note:** the text is displayed in the `ui5-wizard` navigation header.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\tsubtitleText?: string\n\n\t/**\n\t * Defines the `icon` of the step.\n\t *\n\t * **Note:** The icon is displayed in the `ui5-wizard` navigation header.\n\t *\n\t * The SAP-icons font provides numerous options.\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ticon?: string\n\n\t/**\n\t * Defines if the step is `disabled`. When disabled the step is displayed,\n\t * but the user can't select the step by clicking or navigate to it with scrolling.\n\t *\n\t * **Note:** Step can't be `selected` and `disabled` at the same time.\n\t * In this case the `selected` property would take precedence.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines the step's `selected` state - the step that is currently active.\n\t *\n\t * **Note:** Step can't be `selected` and `disabled` at the same time.\n\t * In this case the `selected` property would take precedence.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * When `branching` is enabled a dashed line would be displayed after the step,\n\t * meant to indicate that the next step is not yet known and depends on user choice in the current step.\n\t *\n\t * **Note:** It is recommended to use `branching` on the last known step\n\t * and later add new steps when it becomes clear how the wizard flow should continue.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tbranching = false;\n\n\tstretch?: boolean;\n\tstepContentAriaLabel?: string;\n}\n\nWizardStep.define();\n\nexport default WizardStep;\n"]}
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../src/WizardStep.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAoCC;;;;;;;;WAQG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;;WAOG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;;;WAQG;QAEH,cAAS,GAAG,KAAK,CAAC;IAInB,CAAC;CAAA,CAAA;AA/DA;IADC,QAAQ,EAAE;6CACO;AAWlB;IADC,QAAQ,EAAE;gDACU;AAarB;IADC,QAAQ,EAAE;wCACE;AAYb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACX;AAWjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACX;AAYjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACV;AArEb,UAAU;IADf,aAAa,CAAC,iBAAiB,CAAC;GAC3B,UAAU,CAyEf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","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\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * A component that represents a logical step as part of the `ui5-wizard`.\n * It is meant to aggregate arbitrary HTML elements that form the content of a single step.\n *\n * ### Structure\n *\n * - Each wizard step has arbitrary content.\n * - Each wizard step might have texts - defined by the `titleText` and `subtitleText` properties.\n * - Each wizard step might have an icon - defined by the `icon` property.\n * - Each wizard step might display a number in place of the `icon`, when it's missing.\n *\n * ### Usage\n * The `ui5-wizard-step` component should be used only as slot of the `ui5-wizard` component\n * and should not be used standalone.\n * @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0\n * @public\n * @slot {Node[]} default - Defines the step content.\n */\n\n@customElement(\"ui5-wizard-step\")\nclass WizardStep extends UI5Element {\n\t/**\n\t * Defines the `titleText` of the step.\n\t *\n\t * **Note:** The text is displayed in the `ui5-wizard` navigation header.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0\n\t */\n\t@property()\n\ttitleText?: string\n\n\t/**\n\t * Defines the `subtitleText` of the step.\n\t *\n\t * **Note:** the text is displayed in the `ui5-wizard` navigation header.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0\n\t */\n\t@property()\n\tsubtitleText?: string\n\n\t/**\n\t * Defines the `icon` of the step.\n\t *\n\t * **Note:** The icon is displayed in the `ui5-wizard` navigation header.\n\t *\n\t * The SAP-icons font provides numerous options.\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ticon?: string\n\n\t/**\n\t * Defines if the step is `disabled`. When disabled the step is displayed,\n\t * but the user can't select the step by clicking or navigate to it with scrolling.\n\t *\n\t * **Note:** Step can't be `selected` and `disabled` at the same time.\n\t * In this case the `selected` property would take precedence.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines the step's `selected` state - the step that is currently active.\n\t *\n\t * **Note:** Step can't be `selected` and `disabled` at the same time.\n\t * In this case the `selected` property would take precedence.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * When `branching` is enabled a dashed line would be displayed after the step,\n\t * meant to indicate that the next step is not yet known and depends on user choice in the current step.\n\t *\n\t * **Note:** It is recommended to use `branching` on the last known step\n\t * and later add new steps when it becomes clear how the wizard flow should continue.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tbranching = false;\n\n\tstretch?: boolean;\n\tstepContentAriaLabel?: string;\n}\n\nWizardStep.define();\n\nexport default WizardStep;\n"]}

package/dist/WizardTab.d.ts

@@ -33,14 +33,14 @@ declare class WizardTab extends UI5Element implements ITabbable {
      * Defines the `titleText` of the step.
      * @default undefined
      * @private
-     * @since 1.0.0-rc.15
+     * @since 1.0.0
      */
     titleText?: string;
     /**
      * Defines the `subtitleText` of the step.
      * @default undefined
      * @private
-     * @since 1.0.0-rc.15
+     * @since 1.0.0
      */
     subtitleText?: string;
     /**

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 { isDesktop } from \"@ui5/webcomponents-base/dist/Device.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\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\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"]}
+{"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 { isDesktop } from \"@ui5/webcomponents-base/dist/Device.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\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\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\tonEnterDOM() {\n\t\tif (isDesktop()) {\n\t\t\tthis.setAttribute(\"desktop\", \"\");\n\t\t}\n\t}\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

@@ -44,6 +44,7 @@ import SideNavigationItem from "./SideNavigationItem.js";
 import SideNavigationSubItem from "./SideNavigationSubItem.js";
 import SideNavigationGroup from "./SideNavigationGroup.js";
 import SideNavigation from "./SideNavigation.js";
+import SideNavigationSearchField from "./SideNavigationSearchField.js";
 import SortItem from "./SortItem.js";
 import UserSettingsItem from "./UserSettingsItem.js";
 import SettingsDialog from "./UserSettingsDialog.js";

package/dist/bundle.esm.js.map

@@ -1 +1 @@
-{"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"]}
+{"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,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,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,6BAA6B,MAAM,oCAAoC,CAAC;AAC/E,OAAO,iCAAiC,MAAM,wCAAwC,CAAC;AACvF,OAAO,kCAAkC,MAAM,yCAAyC,CAAC;AACzF,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 SideNavigationSearchField from \"./SideNavigationSearchField.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/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}: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)}
+: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]):not(.ui5-sn-item-no-match)) .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]):not(.ui5-sn-item-no-match)) .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}.ui5-sn-item-highlight{background-color:var(--sapContent_SearchHighlightColor);font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize)}: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)}.ui5-sn-filter-section{padding:.5rem .5rem .25rem}

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}
+: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]):not(.ui5-sn-item-no-match)) .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]):not(.ui5-sn-item-no-match)) .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}.ui5-sn-item-highlight{background-color:var(--sapContent_SearchHighlightColor);font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize)}: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/SideNavigationItem.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}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{color:var(--sapList_TextColor);font-family:var(--_ui5_side_navigation_item_font_family);font-size:var(--sapFontSize)}:host([in-popover]) ::slotted([ui5-side-navigation-sub-item]){margin-block-start:var(--_ui5_side_navigation_item_bottom_margin)}.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--_ui5_side_navigation_item_padding_left)}:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text{margin:0 .375rem 0 0;line-height:var(--_ui5_side_navigation_popup_title_line_height)}.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow{margin-top:auto}.ui5-sn-item-level1 .ui5-sn-item-text{font-family:var(--_ui5_side_navigation_parent_item_font_family)}
+: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]):not(.ui5-sn-item-no-match)) .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]):not(.ui5-sn-item-no-match)) .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}.ui5-sn-item-highlight{background-color:var(--sapContent_SearchHighlightColor);font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize)}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{color:var(--sapList_TextColor);font-family:var(--_ui5_side_navigation_item_font_family);font-size:var(--sapFontSize)}:host([in-popover]) ::slotted([ui5-side-navigation-sub-item]){margin-block-start:var(--_ui5_side_navigation_item_bottom_margin)}.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--_ui5_side_navigation_item_padding_left)}:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text{margin:0 .375rem 0 0;line-height:var(--_ui5_side_navigation_popup_title_line_height)}.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow{margin-top:auto}.ui5-sn-item-level1 .ui5-sn-item-text{font-family:var(--_ui5_side_navigation_parent_item_font_family)}:host(.ui5-sn-item-no-match) .ui5-sn-item{cursor:default;padding:0}:host(.ui5-sn-item-no-match) .ui5-sn-item-text{text-align:center;flex:auto;font-family:var(--_ui5_side_navigation_item_font_family)}

package/dist/css/themes/SideNavigationItemBase.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{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]):not(.ui5-sn-item-no-match)) .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]):not(.ui5-sn-item-no-match)) .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}.ui5-sn-item-highlight{background-color:var(--sapContent_SearchHighlightColor);font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize)}

package/dist/css/themes/SideNavigationSearchField.css

@@ -0,0 +1 @@
+:host(:not([hidden])){display:flex}.ui5-side-navigation-search-field-root{display:flex;width:100%}.ui5-side-navigation-search-field-input{width:100%}

package/dist/css/themes/SideNavigationSubItem.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{color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon){padding-inline-start:var(--_ui5_side_navigation_group_icon_width)}:host([in-popover]) .ui5-sn-item-level2:not(.ui5-sn-item-has-icon){padding-inline-start:var(--_ui5_side_navigation_item_padding_start_in_popup)}:host(:last-child) .ui5-sn-item.ui5-sn-item-level2:not(.ui5-sn-item-selected):before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item.ui5-sn-item-level2:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}
+: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]):not(.ui5-sn-item-no-match)) .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]):not(.ui5-sn-item-no-match)) .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}.ui5-sn-item-highlight{background-color:var(--sapContent_SearchHighlightColor);font-family:var(--sapFontBoldFamily);font-size:var(--sapFontSize)}:host{color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon){padding-inline-start:var(--_ui5_side_navigation_group_icon_width)}:host([in-popover]) .ui5-sn-item-level2:not(.ui5-sn-item-has-icon){padding-inline-start:var(--_ui5_side_navigation_item_padding_start_in_popup)}:host(:last-child) .ui5-sn-item.ui5-sn-item-level2:not(.ui5-sn-item-selected):before{border:var(--_ui5_side_navigation_group_border_style_color);border-width:var(--_ui5_side_navigation_group_border_width)}.ui5-sn-item.ui5-sn-item-level2:before{border:var(--_ui5_side_navigation_item_border_style_color);border-width:var(--_ui5_side_navigation_item_border_width)}

package/dist/css/themes/UserMenu.css

@@ -1 +1 @@
-.ui5-user-menu-rp{width:20rem}.ui5-user-menu-rp::part(content),.ui5-user-menu-rp::part(footer){padding-inline:.5rem}.ui5-user-menu-rp::part(header){box-shadow:none;padding:0}.ui5-user-menu-rp::part(header):before{display:none}.ui5-user-menu-rp{--_ui5_popup_header_shadow: none}.ui5-user-menu-header{display:flex;flex-direction:column}[on-phone] .ui5-user-menu-header{padding-inline:0}.ui5-user-menu-fixed-header:not(.ui5-user-menu-rp-scrolled){box-shadow:none}.ui5-user-menu-fixed-header::part(bar){position:relative}.ui5-user-menu-fixed-header::part(startContent),.ui5-user-menu-fixed-header::part(endContent){padding:0}.ui5-user-menu-fixed-header::part(midContent){position:absolute;left:50%;transform:translate(-50%);justify-content:center;pointer-events:none}.ui5-user-menu-fixed-header [ui5-button]{margin-inline:.5rem;font-family:var(--sapFontSemiboldDuplexFamily)}.ui5-user-menu-rp::part(content){padding-top:0;padding-bottom:.5rem}.ui5-user-menu-selected-account{display:flex;align-items:center;flex-direction:column;margin-block-end:.5rem;overflow:hidden}.ui5-user-menu-selected-account-avatar{margin-block-start:.25rem;margin-block-end:.5rem}.ui5-user-menu-avatar-img{object-fit:cover}.ui5-user-menu-selected-account-title{text-align:center;margin-block:.25rem;font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontLargeSize);color:var(--sapTextColor)}.ui5-user-menu-selected-account-subtitleText{text-align:center;margin-bottom:.25rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-selected-account-description{text-align:center;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-selected-account-additional-info{margin-top:.25rem;text-align:center;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-manage-account-btn{font-family:var(--sapFontSemiboldDuplexFamily);margin-block-start:1rem}.ui5-user-menu-sign-out-btn{font-family:var(--sapFontSemiboldDuplexFamily)}.ui5-user-menu-other-accounts{margin-block-end:.5rem}.ui5-user-menu-other-accounts::part(header){border-bottom-left-radius:0;border-bottom-right-radius:0}.ui5-user-menu-other-accounts::part(content){padding:0}.ui5-user-menu-other-accounts-content{display:flex;align-items:center;width:100%;min-height:4.5rem;gap:12px}.ui5-user-menu-other-accounts-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;width:100%;overflow:hidden}.ui5-user-menu-other-accounts-title{overflow:hidden;color:var(--sapList_TextColor);text-overflow:ellipsis;font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-other-accounts-additional-info{overflow:hidden;color:var(--sapContent_LabelColor);text-overflow:ellipsis;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-selected-account-icon{display:flex;width:18px;align-items:center;align-self:stretch;color:var(--sapContent_NonInteractiveIconColor);font-family:var(--_ui5_slider_handle_font_family);font-size:1.125rem}.ui5-user-menu-account-header{display:flex;flex:1;justify-content:space-between;align-items:center}.ui5-user-menu-footer{display:flex;flex:1;justify-content:flex-end;align-items:center}.ui5-user-menu-info-area{display:flex;flex-direction:column;align-self:stretch;margin-block:.5rem;padding:.5rem;margin-inline:-.5rem}.ui5-user-menu-selected-account-subtitleText:has(+.ui5-user-menu-info-area){margin-bottom:0}.ui5-user-menu-info-area+.ui5-user-menu-manage-account-btn{margin-block-start:0}
+.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-user-menu-rp{width:20rem}.ui5-user-menu-rp::part(content),.ui5-user-menu-rp::part(footer){padding-inline:.5rem}.ui5-user-menu-rp::part(header){box-shadow:none;padding:0}.ui5-user-menu-rp::part(header):before{display:none}.ui5-user-menu-rp{--_ui5_popup_header_shadow: none}.ui5-user-menu-header{display:flex;flex-direction:column}[on-phone] .ui5-user-menu-header{padding-inline:0}.ui5-user-menu-fixed-header:not(.ui5-user-menu-rp-scrolled){box-shadow:none}.ui5-user-menu-fixed-header::part(bar){position:relative}.ui5-user-menu-fixed-header::part(startContent),.ui5-user-menu-fixed-header::part(endContent){padding:0}.ui5-user-menu-fixed-header::part(midContent){position:absolute;left:50%;transform:translate(-50%);justify-content:center;pointer-events:none}.ui5-user-menu-fixed-header [ui5-button]{margin-inline:.5rem;font-family:var(--sapFontSemiboldDuplexFamily)}.ui5-user-menu-rp::part(content){padding-top:0;padding-bottom:.5rem}.ui5-user-menu-selected-account{display:flex;align-items:center;flex-direction:column;margin-block-end:.5rem;overflow:hidden}.ui5-user-menu-selected-account-avatar{margin-block-start:.25rem;margin-block-end:.5rem}.ui5-user-menu-avatar-img{object-fit:cover}.ui5-user-menu-selected-account-title{text-align:center;margin-block:.25rem;font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontLargeSize);color:var(--sapTextColor)}.ui5-user-menu-selected-account-subtitleText{text-align:center;margin-bottom:.25rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-selected-account-description{text-align:center;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-selected-account-additional-info{margin-top:.25rem;text-align:center;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapContent_LabelColor)}.ui5-user-menu-manage-account-btn{font-family:var(--sapFontSemiboldDuplexFamily);margin-block-start:1rem}.ui5-user-menu-sign-out-btn{font-family:var(--sapFontSemiboldDuplexFamily)}.ui5-user-menu-other-accounts{margin-block-end:.5rem}.ui5-user-menu-other-accounts::part(header){border-bottom-left-radius:0;border-bottom-right-radius:0}.ui5-user-menu-other-accounts::part(content){padding:0}.ui5-user-menu-other-accounts-content{display:flex;align-items:center;width:100%;min-height:4.5rem;gap:12px}.ui5-user-menu-other-accounts-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;width:100%;overflow:hidden}.ui5-user-menu-other-accounts-title{overflow:hidden;color:var(--sapList_TextColor);text-overflow:ellipsis;font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-other-accounts-additional-info{overflow:hidden;color:var(--sapContent_LabelColor);text-overflow:ellipsis;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;line-height:normal}.ui5-user-menu-selected-account-icon{display:flex;width:18px;align-items:center;align-self:stretch;color:var(--sapContent_NonInteractiveIconColor);font-family:var(--_ui5_slider_handle_font_family);font-size:1.125rem}.ui5-user-menu-account-header{display:flex;flex:1;justify-content:space-between;align-items:center}.ui5-user-menu-footer{display:flex;flex:1;justify-content:flex-end;align-items:center}.ui5-user-menu-info-area{display:flex;flex-direction:column;align-self:stretch;margin-block:.5rem;padding:.5rem;margin-inline:-.5rem}.ui5-user-menu-selected-account-subtitleText:has(+.ui5-user-menu-info-area){margin-bottom:0}.ui5-user-menu-info-area+.ui5-user-menu-manage-account-btn{margin-block-start:0}