npm - @ui5/webcomponents-fiori - Versions diffs - 2.2.0-rc.2 → 2.2.0 - Mend

@ui5/webcomponents-fiori 2.2.0-rc.2 → 2.2.0

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

Files changed (155) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [2.2.0](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.3...v2.2.0) (2024-09-03)
+### Bug Fixes
+* **ui5-*:** make ui5-content-native-scrollbar to take effect ([#9751](https://github.com/SAP/ui5-webcomponents/issues/9751)) ([a4b4028](https://github.com/SAP/ui5-webcomponents/commit/a4b4028e344fb9546687cec0efbed065dde47b29)), closes [#9720](https://github.com/SAP/ui5-webcomponents/issues/9720) [#9695](https://github.com/SAP/ui5-webcomponents/issues/9695)
+* **ui5-wizard:** improve focus and keyboard handling ([#9758](https://github.com/SAP/ui5-webcomponents/issues/9758)) ([6573a6e](https://github.com/SAP/ui5-webcomponents/commit/6573a6ecf318715c422617ea8ec2fa0cef62713b)), closes [#9670](https://github.com/SAP/ui5-webcomponents/issues/9670) [#9571](https://github.com/SAP/ui5-webcomponents/issues/9571)
+# [2.2.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.2...v2.2.0-rc.3) (2024-08-29)
+### Bug Fixes
+* **ui5-wizard:** improve accessibility ([#9738](https://github.com/SAP/ui5-webcomponents/issues/9738)) ([d8a1196](https://github.com/SAP/ui5-webcomponents/commit/d8a1196586535034bfe87e0583f250543d02b3ba))
 # [2.2.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.2.0-rc.1...v2.2.0-rc.2) (2024-08-22)

package/dist/Page.js CHANGED Viewed

@@ -5,11 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import getEffectiveScrollbarStyle from "@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import browserScrollbarCSS from "@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js";
 // Template
 import PageTemplate from "./generated/templates/PageTemplate.lit.js";
 // Styles
@@ -124,8 +124,8 @@ Page = __decorate([
         languageAware: true,
         renderer: litRender,
         styles: [
-            browserScrollbarCSS,
             PageCss,
+            getEffectiveScrollbarStyle(),
         ],
         template: PageTemplate,
     })

package/dist/Page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Page.js","sourceRoot":"","sources":["../src/Page.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;~~AAC7E~~,~~OAAO,mBAAmB,MAAM,kEAAkE,CAAC;AAGnG,~~WAAW;AACX,OAAO,YAAY,MAAM,2CAA2C,CAAC;AAErE,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAWH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;QACC;;;;;;WAMG;QAEH,qBAAgB,GAA8B,OAAO,CAAC;QAEtD;;;;;WAKG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;WAMG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;WAIG;QAEH,eAAU,GAAG,KAAK,CAAC;IA8CpB,CAAC;IAvBA,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,qBAAqB;QACxB,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,CAAC;IAED,IAAI,MAAM;QACT,OAAO;YACN,OAAO,EAAE;gBACR,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,qBAAqB;gBAClE,uBAAuB,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,qBAAqB;gBACzE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc;gBACnD,KAAK,EAAE,IAAI,CAAC,WAAW;aACvB;YACD,MAAM,EAAE,EAAE;SACV,CAAC;IACH,CAAC;CACD,CAAA;AAzEA;IADC,QAAQ,EAAE;8CAC2C;AAStD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACR;AAUpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACR;AAQpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACT;AAOnB;IADC,IAAI,EAAE;oCACqB;AAO5B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qCAChB;AAOtB;IADC,IAAI,EAAE;oCACqB;AAzDvB,IAAI;IAVT,aAAa,CAAC;QACd,GAAG,EAAE,UAAU;QACf,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE;YACP,~~mBAAmB~~;~~YACnB~~,~~OAAO~~;~~SACP~~;QACD,QAAQ,EAAE,YAAY;KACtB,CAAC;GACI,IAAI,CAkFT;AAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAEd,eAAe,IAAI,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\";\nimport ~~slot~~ from \"@ui5/webcomponents-base/dist/decorators/~~slot~~.js\";\nimport ~~litRender~~ from \"@ui5/webcomponents-base/dist/~~renderer~~/~~LitRenderer~~.js\";\nimport ~~browserScrollbarCSS~~ from \"@ui5/webcomponents/dist/~~generated~~/~~themes/BrowserScrollbar~~.~~css.~~js\";\nimport type PageBackgroundDesign from \"./types/PageBackgroundDesign.js\";\n\n// Template\nimport PageTemplate from \"./generated/templates/PageTemplate.lit.js\";\n\n// Styles\nimport PageCss from \"./generated/themes/Page.css.js\";\n\n/*\n @class\n \n ### Overview\n \n The `ui5-page` is a container component that holds one whole screen of an application.\n * The page has three distinct areas that can hold content - a header, content area and a footer.\n * ### Structure\n * #### Header\n * The top most area of the page is occupied by the header. The standard header includes a navigation button and a title.\n * #### Content\n * The content occupies the main part of the page. Only the content area is scrollable by default.\n * This can be prevented by setting `enableScrolling` to `false`.\n * #### Footer\n * The footer is optional and occupies the part above the bottom part of the content. Alternatively, the footer can be fixed at the bottom of the page by enabling the `fixedFooter` property.\n \n Note: `ui5-page` occipues the whole available space of its parent. In order to achieve the intended design you have to make sure\n * that there is enough space for the `ui5-page` to be rendered.\n * Note: In order for the `ui5-page` to be displayed, the parent element should have fixed height.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/Page.js\";`\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.12\n * @public\n * @csspart content - Used to style the content section of the component\n /\n@customElement({\n\ttag: \"ui5-page\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: [\n\t\~~tbrowserScrollbarCSS~~,\n\t\~~tPageCss~~,\n\t],\n\ttemplate: PageTemplate,\n})\nclass Page extends UI5Element {\n\t/\n\t Defines the background color of the `ui5-page`.\n\t \n\t Note: When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.\n\t * @default \"Solid\"\n\t * @public\n\t /\n\t@property()\n\tbackgroundDesign: `${PageBackgroundDesign}` = \"Solid\";\n\n\t/\n\t Disables vertical scrolling of page content.\n\t * If set to true, there will be no vertical scrolling at all.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tnoScrolling = false;\n\n\t/\n\t Defines if the footer is fixed at the very bottom of the page.\n\t \n\t Note: When set to true the footer is fixed at the very bottom of the page, otherwise it floats over the content with a slight offset from the bottom.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tfixedFooter = false;\n\n\t/\n\t Defines the footer visibility.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideFooter = false;\n\n\t/\n\t Defines the header HTML Element.\n\t * @public\n\t /\n\t@slot()\n\theader!: Array<HTMLElement>;\n\n\t/\n\t Defines the content HTML Element.\n\t * @public\n\t /\n\t@slot({ type: Node, \"default\": true })\n\tcontent!: Array<Node>;\n\n\t/\n\t Defines the footer HTML Element.\n\t * @public\n\t */\n\t@slot()\n\tfooter!: Array<HTMLElement>;\n\n\tget _contentBottom() {\n\t\treturn this.fixedFooter && !this.hideFooter ? \"2.75rem\" : \"0\";\n\t}\n\n\tget _contentPaddingBottom() {\n\t\treturn !this.fixedFooter && !this.hideFooter ? \"3.5rem\" : \"0\";\n\t}\n\n\tget _contentTop() {\n\t\treturn this.header.length ? \"2.75rem\" : \"0rem\";\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"padding-bottom\": this.footer.length && this._contentPaddingBottom,\n\t\t\t\t\"scroll-padding-bottom\": this.footer.length && this._contentPaddingBottom,\n\t\t\t\t\"bottom\": this.footer.length && this._contentBottom,\n\t\t\t\t\"top\": this._contentTop,\n\t\t\t},\n\t\t\tfooter: {},\n\t\t};\n\t}\n}\n\nPage.define();\n\nexport default Page;\n"]}
1	+ {"version":3,"file":"Page.js","sourceRoot":"","sources":["../src/Page.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,0BAA0B,MAAM,iEAAiE,CAAC;AACzG,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAG7E,WAAW;AACX,OAAO,YAAY,MAAM,2CAA2C,CAAC;AAErE,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAWH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;QACC;;;;;;WAMG;QAEH,qBAAgB,GAA8B,OAAO,CAAC;QAEtD;;;;;WAKG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;WAMG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;WAIG;QAEH,eAAU,GAAG,KAAK,CAAC;IA8CpB,CAAC;IAvBA,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,qBAAqB;QACxB,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,CAAC;IAED,IAAI,MAAM;QACT,OAAO;YACN,OAAO,EAAE;gBACR,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,qBAAqB;gBAClE,uBAAuB,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,qBAAqB;gBACzE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc;gBACnD,KAAK,EAAE,IAAI,CAAC,WAAW;aACvB;YACD,MAAM,EAAE,EAAE;SACV,CAAC;IACH,CAAC;CACD,CAAA;AAzEA;IADC,QAAQ,EAAE;8CAC2C;AAStD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACR;AAUpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACR;AAQpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACT;AAOnB;IADC,IAAI,EAAE;oCACqB;AAO5B;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qCAChB;AAOtB;IADC,IAAI,EAAE;oCACqB;AAzDvB,IAAI;IAVT,aAAa,CAAC;QACd,GAAG,EAAE,UAAU;QACf,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE;YACP,OAAO;YACP,0BAA0B,EAAE;SAC5B;QACD,QAAQ,EAAE,YAAY;KACtB,CAAC;GACI,IAAI,CAkFT;AAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAEd,eAAe,IAAI,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type PageBackgroundDesign from \"./types/PageBackgroundDesign.js\";\n\n// Template\nimport PageTemplate from \"./generated/templates/PageTemplate.lit.js\";\n\n// Styles\nimport PageCss from \"./generated/themes/Page.css.js\";\n\n/*\n @class\n \n ### Overview\n \n The `ui5-page` is a container component that holds one whole screen of an application.\n * The page has three distinct areas that can hold content - a header, content area and a footer.\n * ### Structure\n * #### Header\n * The top most area of the page is occupied by the header. The standard header includes a navigation button and a title.\n * #### Content\n * The content occupies the main part of the page. Only the content area is scrollable by default.\n * This can be prevented by setting `enableScrolling` to `false`.\n * #### Footer\n * The footer is optional and occupies the part above the bottom part of the content. Alternatively, the footer can be fixed at the bottom of the page by enabling the `fixedFooter` property.\n \n Note: `ui5-page` occipues the whole available space of its parent. In order to achieve the intended design you have to make sure\n * that there is enough space for the `ui5-page` to be rendered.\n * Note: In order for the `ui5-page` to be displayed, the parent element should have fixed height.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/Page.js\";`\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.12\n * @public\n * @csspart content - Used to style the content section of the component\n /\n@customElement({\n\ttag: \"ui5-page\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: [\n\t\tPageCss,\n\t\tgetEffectiveScrollbarStyle(),\n\t],\n\ttemplate: PageTemplate,\n})\nclass Page extends UI5Element {\n\t/\n\t Defines the background color of the `ui5-page`.\n\t \n\t Note: When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.\n\t * @default \"Solid\"\n\t * @public\n\t /\n\t@property()\n\tbackgroundDesign: `${PageBackgroundDesign}` = \"Solid\";\n\n\t/\n\t Disables vertical scrolling of page content.\n\t * If set to true, there will be no vertical scrolling at all.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tnoScrolling = false;\n\n\t/\n\t Defines if the footer is fixed at the very bottom of the page.\n\t \n\t Note: When set to true the footer is fixed at the very bottom of the page, otherwise it floats over the content with a slight offset from the bottom.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tfixedFooter = false;\n\n\t/\n\t Defines the footer visibility.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\thideFooter = false;\n\n\t/\n\t Defines the header HTML Element.\n\t * @public\n\t /\n\t@slot()\n\theader!: Array<HTMLElement>;\n\n\t/\n\t Defines the content HTML Element.\n\t * @public\n\t /\n\t@slot({ type: Node, \"default\": true })\n\tcontent!: Array<Node>;\n\n\t/\n\t Defines the footer HTML Element.\n\t * @public\n\t */\n\t@slot()\n\tfooter!: Array<HTMLElement>;\n\n\tget _contentBottom() {\n\t\treturn this.fixedFooter && !this.hideFooter ? \"2.75rem\" : \"0\";\n\t}\n\n\tget _contentPaddingBottom() {\n\t\treturn !this.fixedFooter && !this.hideFooter ? \"3.5rem\" : \"0\";\n\t}\n\n\tget _contentTop() {\n\t\treturn this.header.length ? \"2.75rem\" : \"0rem\";\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"padding-bottom\": this.footer.length && this._contentPaddingBottom,\n\t\t\t\t\"scroll-padding-bottom\": this.footer.length && this._contentPaddingBottom,\n\t\t\t\t\"bottom\": this.footer.length && this._contentBottom,\n\t\t\t\t\"top\": this._contentTop,\n\t\t\t},\n\t\t\tfooter: {},\n\t\t};\n\t}\n}\n\nPage.define();\n\nexport default Page;\n"]}

package/dist/Wizard.d.ts CHANGED Viewed

@@ -29,7 +29,6 @@ type StepInfo = {
     pos: number;
     accInfo: AccessibilityInformation;
     refStepId: string;
-    tabIndex: string;
     styles: object;
 };
 /**
@@ -177,7 +176,6 @@ declare class Wizard extends UI5Element {
     get classes(): {
         root: {
             "ui5-wiz-root": boolean;
-            "ui5-content-native-scrollbars": boolean;
         };
         popover: {
             "ui5-wizard-responsive-popover": boolean;

package/dist/Wizard.js CHANGED Viewed

@@ -22,7 +22,6 @@ import debounce from "@ui5/webcomponents-base/dist/util/debounce.js";
 import { getFirstFocusableElement } from "@ui5/webcomponents-base/dist/util/FocusableElements.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
-import browserScrollbarCSS from "@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js";
 // Texts
 import { WIZARD_NAV_STEP_DEFAULT_HEADING, WIZARD_NAV_ARIA_ROLE_DESCRIPTION, WIZARD_NAV_ARIA_LABEL, WIZARD_LIST_ARIA_LABEL, WIZARD_LIST_ARIA_DESCRIBEDBY, WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL, WIZARD_OPTIONAL_STEP_ARIA_LABEL, WIZARD_STEP_ARIA_LABEL, WIZARD_STEP_ACTIVE, WIZARD_STEP_INACTIVE, } from "./generated/i18n/i18n-defaults.js";
 // Step in header and content
@@ -191,7 +190,6 @@ let Wizard = Wizard_1 = class Wizard extends UI5Element {
         return {
             root: {
                 "ui5-wiz-root": true,
-                "ui5-content-native-scrollbars": getEffectiveScrollbarStyle(),
             },
             popover: {
                 "ui5-wizard-responsive-popover": true,
@@ -247,6 +245,14 @@ let Wizard = Wizard_1 = class Wizard extends UI5Element {
         }
         // Place for improvement: If the selected step is not the first, enable all the prior steps
         this.selectedStepIndex = this.getSelectedStepIndex();
+        if (this.selectedStep && this.stepsInHeaderDOM.length) {
+            if (this._itemNavigation._getItems().includes(this.stepsInHeaderDOM[this.selectedStepIndex])) {
+                this._itemNavigation.setCurrentItem(this.stepsInHeaderDOM[this.selectedStepIndex]);
+            }
+            else {
+                this._itemNavigation.setCurrentItem(this.stepsInHeaderDOM.find(el => el.selected));
+            }
+        }
     }
     /**
      * Selects the first step.
@@ -657,7 +663,6 @@ let Wizard = Wizard_1 = class Wizard extends UI5Element {
                 pos,
                 accInfo,
                 refStepId: step._id,
-                tabIndex: this.selectedStepIndex === idx ? "0" : "-1",
                 styles: {
                     zIndex: isAfterCurrent ? --inintialZIndex : 1,
                 },
@@ -824,9 +829,9 @@ Wizard = Wizard_1 = __decorate([
         fastNavigation: true,
         renderer: litRender,
         styles: [
-            browserScrollbarCSS,
             WizardCss,
             WizardPopoverCss,
+            getEffectiveScrollbarStyle(),
         ],
         template: WizardTemplate,
         dependencies: [

package/dist/Wizard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../src/Wizard.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport clamp from \"@ui5/webcomponents-base/dist/util/clamp.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport debounce from \"@ui5/webcomponents-base/dist/util/debounce.js\";\nimport { getFirstFocusableElement } from \"@ui5/webcomponents-base/dist/util/FocusableElements.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport type WizardContentLayout from \"./types/WizardContentLayout.js\";\n\n// Texts\nimport {\n\tWIZARD_NAV_STEP_DEFAULT_HEADING,\n\tWIZARD_NAV_ARIA_ROLE_DESCRIPTION,\n\tWIZARD_NAV_ARIA_LABEL,\n\tWIZARD_LIST_ARIA_LABEL,\n\tWIZARD_LIST_ARIA_DESCRIBEDBY,\n\tWIZARD_ACTIONSHEET_STEPS_ARIA_LABEL,\n\tWIZARD_OPTIONAL_STEP_ARIA_LABEL,\n\tWIZARD_STEP_ARIA_LABEL,\n\tWIZARD_STEP_ACTIVE,\n\tWIZARD_STEP_INACTIVE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Step in header and content\nimport WizardTab from \"./WizardTab.js\";\nimport WizardStep from \"./WizardStep.js\";\n\n// Template and Styles\nimport WizardTemplate from \"./generated/templates/WizardTemplate.lit.js\";\nimport WizardCss from \"./generated/themes/Wizard.css.js\";\nimport WizardPopoverCss from \"./generated/themes/WizardPopover.css.js\";\n\nconst MIN_STEP_WIDTH_NO_TITLE = 64;\nconst MIN_STEP_WIDTH_WITH_TITLE = 200;\n\nconst EXPANDED_STEP = \"data-ui5-wizard-expanded-tab\";\nconst AFTER_EXPANDED_STEP = \"data-ui5-wizard-expanded-tab-next\";\nconst AFTER_CURRENT_STEP = \"data-ui5-wizard-after-current-tab\";\nconst BEFORE_EXPANDED_STEP = \"data-ui5-wizard-expanded-tab-prev\";\n\nconst STEP_SWITCH_THRESHOLDS = {\n\tMIN: 0.5,\n\tDEFAULT: 0.7,\n\tMAX: 1,\n};\n\ntype ResponsiveBreakpoints = {\n\t[key: string]: string,\n}\n\ntype WizardStepChangeEventDetail = {\n\tstep: WizardStep,\n\tpreviousStep: WizardStep,\n\twithScroll: boolean,\n}\n\nconst RESPONSIVE_BREAKPOINTS: ResponsiveBreakpoints = {\n\t\"0\": \"S\",\n\t\"599\": \"M\",\n\t\"1023\": \"L\",\n\t\"1439\": \"XL\",\n};\n\ntype AccessibilityInformation = {\n\tariaSetsize: number,\n\tariaPosinset: number,\n\tariaLabel: string,\n}\n\ntype StepInfo = {\n\ticon?: string,\n\ttitleText?: string,\n\tsubtitleText?: string,\n\tnumber: number,\n\tselected: boolean,\n\tdisabled: boolean,\n\thideSeparator: boolean,\n\tactiveSeparator: boolean,\n\tbranchingSeparator: boolean,\n\tpos: number,\n\taccInfo: AccessibilityInformation,\n\trefStepId: string,\n\ttabIndex: string,\n\tstyles: object,\n}\n\n/*\n @class\n \n ### Overview\n \n The `ui5-wizard` helps users to complete a complex task by dividing it into sections and guiding them through it.\n * It has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n \n ### Structure\n * #### Navigation area\n * The top most area of the `ui5-wizard` is occupied by the navigation area.\n * It shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.\n \n - Steps can have different visual representations - numbers or icons.\n * - Steps might have labels for better readability - titleText and subTitleText.\n * - Steps are defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n \n Note: If no selected step is defined, the first step will be auto selected.\n \n Note: If multiple selected steps are defined, the last step will be selected.\n \n ### Keyboard Handling\n * The user can navigate using the following keyboard shortcuts:\n \n #### Wizard Progress Navigation\n \n \t- [Left] or [Down] - Focus moves backward to the WizardProgressNavAnchors.\n * \t- [Up] or [Right] - Focus moves forward to the WizardProgressNavAnchor.\n * \t- [Space] / [Enter] or [Return] - Selects an active step\n * \t- [Home] or [PAGE UP] - Focus goes to the first step\n * \t- [End] or [PAGE DOWN] - Focus goes to the last step\n \n #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n \n #### Content\n * The content occupies the main part of the page. It can hold any type of HTML elements.\n * It's defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n \n ### Scrolling\n * The component handles user scrolling by selecting the closest step, based on the current scroll position\n * and scrolls to particular place, when the user clicks on the step within the navigation area.\n \n Important: In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height.\n * The component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page.\n \n For example:\n \n ```html\n * <ui5-dialog style=\"height: 80%\">\n * \t<ui5-wizard></ui5-wizard>\n * </ui5-dialog>\n * ```\n \n #### Moving to next step\n * The `ui5-wizard-step` provides the necessary API and it's up to the user of the component to use it to move to the next step.\n * You have to set its `selected` property (and remove the `disabled` one if set) to `true`.\n * The `ui5-wizard` will automatically scroll to the content of the newly selected step.\n \n The Fiori 3 guidelines recommends having a \"nextStep\" button in the content area.\n * You can place a button, or any other type of element to trigger step change, inside the `ui5-wizard-step`,\n * and show/hide it when certain fields are filled or user defined criteria is met.\n \n ### Usage\n * #### When to use:\n * When the user has to accomplish a long or unfamiliar task.\n \n #### When not to use:\n * When the task has less than 3 steps.\n \n ### Responsive Behavior\n * On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap.\n * Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n \n ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/Wizard.js\";` (includes <ui5-wizard-step/>)\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.10\n * @public\n * @csspart navigator - Used to style the progress navigator of the `ui5-wizard`.\n * @csspart step-content - Used to style a `ui5-wizard-step` container.\n /\n@customElement({\n\ttag: \"ui5-wizard\",\n\tlanguageAware: true,\n\tfastNavigation: true,\n\trenderer: litRender,\n\tstyles: [\n\t\tbrowserScrollbarCSS,\n\t\tWizardCss,\n\t\tWizardPopoverCss,\n\t],\n\ttemplate: WizardTemplate,\n\tdependencies: [\n\t\tWizardTab,\n\t\tWizardStep,\n\t\tResponsivePopover,\n\t\tButton,\n\t],\n})\n\n/\n Fired when the step is changed by user interaction - either with scrolling,\n * or by clicking on the steps within the component header.\n * @param {WizardStep} step The new step.\n * @param {WizardStep} previousStep The previous step.\n * @param {boolean} withScroll true when the event occurs due to user scrolling.\n * @public\n /\n@event<WizardStepChangeEventDetail>(\"step-change\", {\n\tdetail: {\n\t\t/\n\t\t @public\n\t\t/\n\t\tstep: { type: HTMLElement },\n\t\t/\n\t\t @public\n\t\t/\n\t\tpreviousStep: { type: HTMLElement },\n\t\t/\n\t\t @public\n\t\t/\n\t\twithScroll: { type: Boolean },\n\t},\n})\n\nclass Wizard extends UI5Element {\n\t/\n\t Defines how the content of the `ui5-wizard` would be visualized.\n\t * @public\n\t * @since 1.14.0\n\t * @default \"MultipleSteps\"\n\t /\n\t@property()\n\tcontentLayout: `${WizardContentLayout}` = \"MultipleSteps\";\n\n\t/\n\t Defines the width of the `ui5-wizard`.\n\t * @private\n\t /\n\t@property({ type: Number })\n\twidth?: number\n\n\t/\n\t Defines the threshold to switch between steps upon user scrolling.\n\t \n\t For Example:\n\t \n\t (1) To switch to the next step, when half of the step is scrolled out - set `step-switch-threshold=\"0.5\"`.\n\t * (2) To switch to the next step, when the entire current step is scrolled out - set `step-switch-threshold=\"1\"`.\n\t \n\t Note: Supported values are between 0.5 and 1\n\t * and values out of the range will be normalized to 0.5 and 1 respectively.\n\t * @private\n\t * @default 0.7\n\t * @since 1.0.0-rc.13\n\t /\n\t@property({ type: Number })\n\tstepSwitchThreshold = STEP_SWITCH_THRESHOLDS.DEFAULT;\n\n\t/\n\t Defines the height of the `ui5-wizard` content.\n\t * @private\n\t /\n\t@property({ type: Number })\n\tcontentHeight?: number;\n\n\t/\n\t Stores references to the grouped steps.\n\t * @private\n\t /\n\t@property({ type: Array })\n\t_groupedTabs: Array<WizardTab> = [];\n\n\t@property()\n\t_breakpoint?: string\n\n\t/\n\t Defines the steps.\n\t \n\t Note: Use the available `ui5-wizard-step` component.\n\t * @public\n\t /\n\t@slot({\n\t\t\"default\": true,\n\t\ttype: HTMLElement,\n\t\t\"individualSlots\": true,\n\t\tinvalidateOnChildChange: true,\n\t})\n\tsteps!: Array<WizardStep>\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstepScrollOffsets: Array<number>;\n\tselectedStepIndex: number;\n\tpreviouslySelectedStepIndex: number;\n\tselectionRequestedByClick: boolean;\n\tselectionRequestedByScroll: boolean;\n\n\t_prevWidth: number;\n\t_prevContentHeight: number;\n\t_itemNavigation: ItemNavigation;\n\t_onStepResize: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\t// Stores the scroll offsets of the steps,\n\t\t// e.g. the steps' starting point.\n\t\tthis.stepScrollOffsets = [];\n\n\t\t// Keeps track of the currently selected step index.\n\t\tthis.selectedStepIndex = 0;\n\n\t\t// Keeps track of the previously selected step index.\n\t\tthis.previouslySelectedStepIndex = 0;\n\n\t\t// Indicates that selection will be changed\n\t\t// due to user click.\n\t\tthis.selectionRequestedByClick = false;\n\n\t\t// Stores the previous width\n\t\tthis._prevWidth = 0;\n\n\t\t// Stores the previous height\n\t\tthis._prevContentHeight = 0;\n\n\t\t// Indicates that selection will be changed\n\t\t// due to user scroll.\n\t\tthis.selectionRequestedByScroll = false;\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tnavigationMode: NavigationMode.Auto,\n\t\t\tgetItemsCallback: () => this.enabledStepsInHeaderDOM,\n\t\t});\n\n\t\tthis._onStepResize = this.onStepResize.bind(this);\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-wiz-root\": true,\n\t\t\t\t\"ui5-content-native-scrollbars\": getEffectiveScrollbarStyle(),\n\t\t\t},\n\t\t\tpopover: {\n\t\t\t\t\"ui5-wizard-responsive-popover\": true,\n\t\t\t\t\"ui5-wizard-popover\": !isPhone(),\n\t\t\t\t\"ui5-wizard-dialog\": isPhone(),\n\t\t\t},\n\t\t};\n\t}\n\n\tstatic async onDefine() {\n\t\tWizard.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tstatic get SCROLL_DEBOUNCE_RATE() {\n\t\treturn 25;\n\t}\n\n\tonExitDOM() {\n\t\tthis.detachStepsResizeObserver();\n\t}\n\n\tonBeforeRendering() {\n\t\tthis.syncSelection();\n\t}\n\n\tonAfterRendering() {\n\t\tthis.storeStepScrollOffsets();\n\n\t\tif (this.previouslySelectedStepIndex !== this.selectedStepIndex) {\n\t\t\tthis.scrollToSelectedStep();\n\t\t}\n\n\t\tthis.attachStepsResizeObserver();\n\t\tthis.previouslySelectedStepIndex = this.selectedStepIndex;\n\t}\n\n\t/\n\t Normalizes the step selection as follows:\n\t * (1) If there is no selected step - the first step is going to be selected.\n\t * (2) If the selected steps are more than one - the last step is going to be selected.\n\t * (3) If the selected step is also disabled - log a warning.\n\t * @private\n\t /\n\tsyncSelection() {\n\t\tif (this.stepsCount === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If no selected steps -> select the first step.\n\t\tif (this.selectedStepsCount === 0) {\n\t\t\tthis.selectFirstStep();\n\t\t\tconsole.warn(\"Selecting the first step: no selected step is defined.\"); // eslint-disable-line\n\t\t}\n\n\t\t// If there are multiple selected steps -> keep the last selected one.\n\t\tif (this.selectedStepsCount > 1) {\n\t\t\tthis.selectLastSelectedStep();\n\t\t\tconsole.warn(`Selecting the last step defined as selected: multiple selected steps are defined.`); // eslint-disable-line\n\t\t}\n\n\t\t// If the selected step is defined as disabled - log warning.\n\t\tif (this.selectedStep && this.selectedStep.disabled) {\n\t\t\tconsole.warn(\"The selected step is disabled: you need to enable it in order to interact with the step.\"); // eslint-disable-line\n\t\t}\n\n\t\t// Place for improvement: If the selected step is not the first, enable all the prior steps\n\t\tthis.selectedStepIndex = this.getSelectedStepIndex();\n\t}\n\n\t/\n\t Selects the first step.\n\t * @private\n\t /\n\tselectFirstStep() {\n\t\tthis.deselectAll();\n\t\tthis.slottedSteps[0].selected = true;\n\t\tthis.slottedSteps[0].disabled = false;\n\t}\n\n\t/\n\t Selects the last step from multiple selected ones.\n\t * @private\n\t /\n\tselectLastSelectedStep() {\n\t\tconst lastSelectedStep = this.lastSelectedStep;\n\n\t\tif (lastSelectedStep) {\n\t\t\tthis.deselectAll();\n\t\t\tlastSelectedStep.selected = true;\n\t\t\tlastSelectedStep.disabled = false;\n\t\t}\n\t}\n\n\t/\n\t Deselects all steps.\n\t * @private\n\t /\n\tdeselectAll() {\n\t\tthis.slottedSteps.forEach(step => {\n\t\t\tstep.selected = false;\n\t\t});\n\t}\n\n\t/\n\t Stores the scroll offsets of the steps,\n\t * e.g. the steps' starting point.\n\t \n\t Note: the disabled ones has negative offsets.\n\t * @private\n\t /\n\tstoreStepScrollOffsets() {\n\t\tthis.stepScrollOffsets = this.slottedSteps.map(step => {\n\t\t\tconst contentItem = this.getStepWrapperByRefId(step._id);\n\t\t\treturn contentItem.offsetTop + contentItem.offsetHeight;\n\t\t});\n\t}\n\n\t/\n\t Handles user click on steps' tabs within the header.\n\t * Note: the handler is bound in the template.\n\t * @private\n\t /\n\tonSelectionChangeRequested(e: MouseEvent) {\n\t\tthis.selectionRequestedByClick = true;\n\t\tthis.changeSelectionByStepAction(e.target as WizardTab);\n\t}\n\n\t/\n\t Handles user scrolling with debouncing.\n\t * Note: the handler is bound in the template.\n\t * @private\n\t /\n\tonScroll(e: MouseEvent) {\n\t\tif (this.selectionRequestedByClick) {\n\t\t\tthis.selectionRequestedByClick = false;\n\t\t\treturn;\n\t\t}\n\n\t\tdebounce(this.changeSelectionByScroll.bind(this, (e.target as HTMLElement).scrollTop), Wizard.SCROLL_DEBOUNCE_RATE);\n\t}\n\n\t/\n\t Handles when a step in the header is focused in order to update the `ItemNavigation`.\n\t * Note: the handler is bound in the template.\n\t * @private\n\t /\n\tonStepInHeaderFocused(e: FocusEvent) {\n\t\tthis._itemNavigation.setCurrentItem(e.target as WizardTab);\n\t}\n\n\t/\n\t Handles resize in order to:\n\t * (1) sync steps' scroll offset and selection\n\t * (2) adapt navition step header\n\t * @private\n\t /\n\tonStepResize() {\n\t\tthis.width = this.getBoundingClientRect().width;\n\t\tthis.contentHeight = this.getContentHeight();\n\n\t\tif (this._prevWidth !== this.width \|\| this.contentHeight !== this._prevContentHeight) {\n\t\t\tthis._closeRespPopover();\n\t\t}\n\n\t\tthis._prevWidth = this.width;\n\t\tthis._prevContentHeight = this.contentHeight;\n\n\t\tthis._calcCurrentBreakpoint();\n\t}\n\n\tattachStepsResizeObserver() {\n\t\tthis.stepsDOM.forEach(stepDOM => {\n\t\t\tResizeHandler.deregister(stepDOM, this._onStepResize);\n\t\t\tResizeHandler.register(stepDOM, this._onStepResize);\n\t\t});\n\t}\n\n\tdetachStepsResizeObserver() {\n\t\tthis.stepsDOM.forEach(stepDOM => {\n\t\t\tResizeHandler.deregister(stepDOM, this._onStepResize);\n\t\t});\n\t}\n\n\t_calcCurrentBreakpoint() {\n\t\tconst breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();\n\t\tconst breakpoint = breakpointDimensions.find((size: string) => Number(size) < this.width!);\n\t\tthis._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS[\"0\"];\n\t}\n\n\t/\n\t Updates the expanded attribute for each ui5-wizard-tab based on the ui5-wizard width\n\t * @private\n\t /\n\t_adjustHeaderOverflow() {\n\t\tlet counter = 0;\n\t\tlet isForward = true;\n\t\tconst tabs = this.stepsInHeaderDOM;\n\n\t\tif (!tabs.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst iWidth = this.progressNavigatorListDOM.getBoundingClientRect().width;\n\t\tconst iCurrStep = this.getSelectedStepIndex();\n\t\tconst iStepsToShow = this.steps.length ? Math.floor(iWidth / MIN_STEP_WIDTH_WITH_TITLE) : Math.floor(iWidth / MIN_STEP_WIDTH_NO_TITLE);\n\n\t\t[...tabs].forEach((step, index) => {\n\t\t\tstep.setAttribute(EXPANDED_STEP, \"false\");\n\t\t\tstep.setAttribute(BEFORE_EXPANDED_STEP, \"false\");\n\t\t\tstep.setAttribute(AFTER_EXPANDED_STEP, \"false\");\n\n\t\t\t// Add \"data-ui5-wizard-after-current-tab\" to all tabs after the current one\n\t\t\tif (index > iCurrStep) {\n\t\t\t\ttabs[index].setAttribute(AFTER_CURRENT_STEP, \"true\");\n\t\t\t} else {\n\t\t\t\ttabs[index].removeAttribute(AFTER_CURRENT_STEP);\n\t\t\t}\n\t\t});\n\n\t\t// Add \"data-ui5-wizard-expanded-tab\" to the current step\n\t\tif (tabs[iCurrStep]) {\n\t\t\ttabs[iCurrStep].setAttribute(EXPANDED_STEP, \"true\");\n\t\t}\n\n\t\t// Set the \"data-ui5-wizard-expanded-tab\" to the steps that are expanded\n\t\t// The algorithm is as follows:\n\t\t// 1. A step towards the end is expanded\n\t\t// \t1.2. If there are no available steps towards the end a step towards the beginning is expanded\n\t\t// 2. A step towards the beginning is expanded\n\t\t// \t2.2. If there are no available steps towards the beginning a step towards the end is expanded\n\t\tfor (let i = 1; i < iStepsToShow; i++) {\n\t\t\tif (isForward) {\n\t\t\t\tcounter += 1;\n\t\t\t}\n\n\t\t\tif (isForward && tabs[iCurrStep + counter]) {\n\t\t\t\ttabs[iCurrStep + counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tisForward = !isForward;\n\t\t\t} else if (!isForward && tabs[iCurrStep - counter]) {\n\t\t\t\ttabs[iCurrStep - counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tisForward = !isForward;\n\t\t\t} else if (tabs[iCurrStep + counter + 1]) {\n\t\t\t\tcounter += 1;\n\t\t\t\ttabs[iCurrStep + counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tisForward = true;\n\t\t\t} else if (tabs[iCurrStep - counter]) {\n\t\t\t\ttabs[iCurrStep - counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tcounter += 1;\n\t\t\t\tisForward = false;\n\t\t\t}\n\t\t}\n\n\t\t// mark the topmost steps of both groups (in the beginning and the end),\n\t\t// using the \"data-ui5-wizard-after-current-tab\" and \"data-ui5-wizard-expanded-tab-prev\" attributes\n\t\tfor (let i = 0; i < tabs.length; i++) {\n\t\t\tif (tabs[i].getAttribute(EXPANDED_STEP) === \"true\" && tabs[i - 1] && tabs[i - 1].getAttribute(EXPANDED_STEP) === \"false\") {\n\t\t\t\ttabs[i - 1].setAttribute(BEFORE_EXPANDED_STEP, \"true\");\n\t\t\t}\n\n\t\t\tif (tabs[i].getAttribute(EXPANDED_STEP) === \"false\" && tabs[i - 1] && tabs[i - 1].getAttribute(EXPANDED_STEP) === \"true\") {\n\t\t\t\ttabs[i].setAttribute(AFTER_EXPANDED_STEP, \"true\");\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t_isGroupAtStart(selectedStep: WizardTab) {\n\t\tconst iStepNumber = this.stepsInHeaderDOM.indexOf(selectedStep);\n\t\treturn selectedStep.getAttribute(EXPANDED_STEP) === \"false\" && selectedStep.getAttribute(BEFORE_EXPANDED_STEP) === \"true\" && iStepNumber > 0;\n\t}\n\n\t_isGroupAtEnd(selectedStep: WizardTab) {\n\t\tconst iStepNumber = this.stepsInHeaderDOM.indexOf(selectedStep);\n\t\treturn selectedStep.getAttribute(EXPANDED_STEP) === \"false\" && selectedStep.getAttribute(AFTER_EXPANDED_STEP) === \"true\" && (iStepNumber + 1 < this.steps.length);\n\t}\n\n\t_showPopover(oDomTarget: WizardTab, isAtStart: boolean) {\n\t\tconst tabs = Array.from(this.stepsInHeaderDOM);\n\t\tthis._groupedTabs = [];\n\n\t\tconst iFromStep = isAtStart ? 0 : this.stepsInHeaderDOM.indexOf(oDomTarget);\n\t\tconst iToStep = isAtStart ? this.stepsInHeaderDOM.indexOf(oDomTarget) : tabs.length - 1;\n\n\t\tfor (let i = iFromStep; i <= iToStep; i++) {\n\t\t\tthis._groupedTabs.push(tabs[i]);\n\t\t}\n\n\t\tconst responsivePopover = this._respPopover();\n\t\tresponsivePopover.opener = oDomTarget;\n\t\tresponsivePopover.open = true;\n\t}\n\n\t_onGroupedTabClick(e: MouseEvent) {\n\t\tconst eTarget = e.target as WizardTab;\n\n\t\tif (this._isGroupAtStart(eTarget)) {\n\t\t\treturn this._showPopover(eTarget, true);\n\t\t}\n\n\t\tif (this._isGroupAtEnd(eTarget)) {\n\t\t\treturn this._showPopover(eTarget, false);\n\t\t}\n\t}\n\n\t_onOverflowStepButtonClick(e: MouseEvent) {\n\t\tconst tabs = Array.from(this.stepsInHeaderDOM);\n\t\tconst eTarget = e.target as HTMLElement;\n\t\tconst stepRefId = eTarget.getAttribute(\"data-ui5-header-tab-ref-id\");\n\t\tconst stepToSelect = this.slottedSteps[Number(stepRefId) - 1];\n\t\tconst selectedStep = this.selectedStep;\n\t\tconst newlySelectedIndex = this.slottedSteps.indexOf(stepToSelect);\n\n\t\tthis.switchSelectionFromOldToNewStep(selectedStep, stepToSelect, newlySelectedIndex, false);\n\t\tthis._closeRespPopover();\n\t\ttabs[newlySelectedIndex].focus();\n\t}\n\n\t_closeRespPopover() {\n\t\tconst responsivePopover = this._respPopover();\n\t\tif (responsivePopover) {\n\t\t\tresponsivePopover.open = false;\n\t\t}\n\t}\n\n\t_respPopover() {\n\t\treturn this.shadowRoot!.querySelector<ResponsivePopover>(`.ui5-wizard-responsive-popover`)!;\n\t}\n\n\t/\n\t Called upon `onScroll`.\n\t * Selects the closest step, based on the user scroll position.\n\t * @param scrollPos the current scroll position\n\t * @private\n\t /\n\tchangeSelectionByScroll(scrollPos: number) {\n\t\tconst newlySelectedIndex = this.getClosestStepIndexByScrollPos(scrollPos);\n\t\tconst stepToSelect = this.slottedSteps[newlySelectedIndex];\n\n\t\t// Skip if already selected - stop.\n\t\tif (this.selectedStepIndex === newlySelectedIndex) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If the calculated index is in range,\n\t\t// change selection and fire \"step-change\".\n\t\tif (!stepToSelect.disabled && newlySelectedIndex >= 0 && newlySelectedIndex <= this.stepsCount - 1) {\n\t\t\tthis.switchSelectionFromOldToNewStep(this.selectedStep, stepToSelect, newlySelectedIndex, true);\n\t\t\tthis.selectionRequestedByScroll = true;\n\t\t}\n\t}\n\n\t/\n\t Called upon `onSelectionChangeRequested`.\n\t * Selects the external step (ui5-wizard-step),\n\t * based on the clicked or activated via keyboard step in the header (ui5-wizard-tab).\n\t * @param stepInHeader the step equivalent in the header\n\t * @private\n\t /\n\tasync changeSelectionByStepAction(stepInHeader: WizardTab) {\n\t\tconst stepRefId = stepInHeader.getAttribute(\"data-ui5-content-ref-id\")!;\n\t\tconst selectedStep = this.selectedStep;\n\t\tconst stepToSelect = this.getStepByRefId(stepRefId);\n\t\tconst bExpanded = stepInHeader.getAttribute(EXPANDED_STEP) === \"true\";\n\t\tconst newlySelectedIndex = this.slottedSteps.indexOf(stepToSelect);\n\t\tconst firstElementChild = stepToSelect.firstElementChild as HTMLElement;\n\t\tconst firstFocusableElement = await getFirstFocusableElement(firstElementChild);\n\n\t\tif (firstFocusableElement) {\n\t\t\t// Focus the first focusable element within the step content corresponding to the currently focused tab\n\t\t\tfirstFocusableElement.focus();\n\t\t}\n\n\t\t// If the currently selected (active) step is clicked,\n\t\t// just scroll to its starting point and stop.\n\t\tif (selectedStep === stepToSelect) {\n\t\t\tthis.scrollToContentItem(this.selectedStepIndex);\n\t\t\treturn;\n\t\t}\n\n\t\tif (bExpanded \|\| (!bExpanded && (newlySelectedIndex === 0 \|\| newlySelectedIndex === this.steps.length - 1))) {\n\t\t\t// Change selection and fire \"step-change\".\n\t\t\tthis.switchSelectionFromOldToNewStep(selectedStep, stepToSelect, newlySelectedIndex, false);\n\t\t}\n\t}\n\n\tgetContentHeight() {\n\t\tlet contentHeight = 0;\n\n\t\tthis.stepsDOM.forEach(step => {\n\t\t\tcontentHeight += step.getBoundingClientRect().height;\n\t\t});\n\n\t\treturn contentHeight;\n\t}\n\n\tgetStepAriaLabelText(step: WizardStep, ariaLabel: string) {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_STEP_ARIA_LABEL, ariaLabel);\n\t}\n\n\tget stepsDOM() {\n\t\treturn Array.from(this.shadowRoot!.querySelectorAll<HTMLElement>(\".ui5-wiz-content-item\"));\n\t}\n\n\tget progressNavigatorListDOM() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-wiz-nav-list\")!;\n\t}\n\n\tget _stepsInHeader() {\n\t\treturn this.getStepsInfo();\n\t}\n\n\tget _steps() {\n\t\tconst lastEnabledStepIndex = this.getLastEnabledStepIndex();\n\t\tconst stepsInfo = this.getStepsInfo();\n\n\t\treturn this.steps.map((step, idx) => {\n\t\t\tstep.stretch = idx === lastEnabledStepIndex;\n\t\t\tstep.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;\n\t\t\treturn step;\n\t\t});\n\t}\n\n\tget stepsCount() {\n\t\treturn this.slottedSteps.length;\n\t}\n\n\tget selectedStep() {\n\t\tif (this.selectedStepsCount) {\n\t\t\treturn this.selectedSteps[0];\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tget lastSelectedStep() {\n\t\tif (this.selectedStepsCount) {\n\t\t\treturn this.selectedSteps[this.selectedStepsCount - 1];\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tget selectedSteps() {\n\t\treturn this.slottedSteps.filter(step => step.selected);\n\t}\n\n\tget enabledSteps() {\n\t\treturn this.slottedSteps.filter(step => !step.disabled);\n\t}\n\n\tget selectedStepsCount() {\n\t\treturn this.selectedSteps.length;\n\t}\n\n\tget slottedSteps() {\n\t\treturn this.getSlottedNodes<WizardStep>(\"steps\");\n\t}\n\n\tget contentDOM() {\n\t\treturn this.shadowRoot!.querySelector(`.ui5-wiz-content`)!;\n\t}\n\n\tget stepsInHeaderDOM() {\n\t\treturn Array.from(this.shadowRoot!.querySelectorAll<WizardTab>(\"[ui5-wizard-tab]\"));\n\t}\n\n\tget enabledStepsInHeaderDOM() {\n\t\treturn this.stepsInHeaderDOM.filter(step => !step.disabled);\n\t}\n\n\tget navAriaRoleDescription() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget navAriaLabelText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_LABEL);\n\t}\n\n\tget navAriaDescribedbyText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_LIST_ARIA_DESCRIBEDBY);\n\t}\n\n\tget listAriaLabelText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_LIST_ARIA_LABEL);\n\t}\n\n\tget actionSheetStepsText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL);\n\t}\n\n\tget navStepDefaultHeading() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_STEP_DEFAULT_HEADING);\n\t}\n\n\tget optionalStepText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_OPTIONAL_STEP_ARIA_LABEL);\n\t}\n\n\tget activeStepText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_STEP_ACTIVE);\n\t}\n\n\tget inactiveStepText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_STEP_INACTIVE);\n\t}\n\n\tget ariaLabelText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget effectiveStepSwitchThreshold() {\n\t\treturn clamp(this.stepSwitchThreshold, STEP_SWITCH_THRESHOLDS.MIN, STEP_SWITCH_THRESHOLDS.MAX);\n\t}\n\n\t/\n\t Returns an array of data objects, based on the user defined steps\n\t * to later build the steps (tabs) within the header.\n\t * @private\n\t /\n\tgetStepsInfo() {\n\t\tconst lastEnabledStepIndex = this.getLastEnabledStepIndex();\n\t\tconst stepsCount = this.stepsCount;\n\t\tconst selectedStepIndex = this.getSelectedStepIndex();\n\t\tlet inintialZIndex = this.steps.length + 10;\n\t\tlet accInfo;\n\n\t\tthis._adjustHeaderOverflow();\n\n\t\treturn this.steps.map((step, idx) => {\n\t\t\tconst pos = idx + 1;\n\n\t\t\t// Hide separator if it's the last step and it's not a branching one\n\t\t\tconst hideSeparator = (idx === stepsCount - 1) && !step.branching;\n\n\t\t\tconst isOptional = step.subtitleText ? this.optionalStepText : \"\";\n\t\t\tconst stepStateText = step.disabled ? this.inactiveStepText : this.activeStepText;\n\t\t\tconst ariaLabel = (step.titleText ? `${pos} ${step.titleText} ${stepStateText} ${isOptional}` : `${this.navStepDefaultHeading} ${pos} ${stepStateText} ${isOptional}`).trim();\n\t\t\tconst isAfterCurrent = (idx > selectedStepIndex);\n\n\t\t\taccInfo = {\n\t\t\t\t\"ariaSetsize\": stepsCount,\n\t\t\t\t\"ariaPosinset\": pos,\n\t\t\t\t\"ariaLabel\": this.getStepAriaLabelText(step, ariaLabel),\n\t\t\t};\n\n\t\t\tconst stepInfo: StepInfo = {\n\t\t\t\ticon: step.icon,\n\t\t\t\ttitleText: step.titleText,\n\t\t\t\tsubtitleText: step.subtitleText,\n\t\t\t\tnumber: pos,\n\t\t\t\tselected: step.selected,\n\t\t\t\tdisabled: step.disabled,\n\t\t\t\thideSeparator,\n\t\t\t\tactiveSeparator: (idx < lastEnabledStepIndex) && !step.disabled,\n\t\t\t\tbranchingSeparator: step.branching,\n\t\t\t\tpos,\n\t\t\t\taccInfo,\n\t\t\t\trefStepId: step._id,\n\t\t\t\ttabIndex: this.selectedStepIndex === idx ? \"0\" : \"-1\",\n\t\t\t\tstyles: {\n\t\t\t\t\tzIndex: isAfterCurrent ? --inintialZIndex : 1,\n\t\t\t\t},\n\t\t\t};\n\n\t\t\treturn stepInfo;\n\t\t});\n\t}\n\n\t/\n\t Returns the index of the selected step.\n\t * @private\n\t /\n\tgetSelectedStepIndex() {\n\t\tif (this.selectedStep) {\n\t\t\treturn this.slottedSteps.indexOf(this.selectedStep);\n\t\t}\n\t\treturn 0;\n\t}\n\n\t/\n\t Returns the index of the last enabled step.\n\t * @private\n\t /\n\tgetLastEnabledStepIndex() {\n\t\tlet lastEnabledStepIndex = 0;\n\n\t\tthis.slottedSteps.forEach((step, idx) => {\n\t\t\tif (!step.disabled) {\n\t\t\t\tlastEnabledStepIndex = idx;\n\t\t\t}\n\t\t});\n\n\t\treturn lastEnabledStepIndex;\n\t}\n\n\tgetStepByRefId(refId: string) {\n\t\treturn this.slottedSteps.find(step => step._id === refId)!;\n\t}\n\n\tgetStepWrapperByRefId(refId: string) {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`[data-ui5-content-item-ref-id=${refId}]`)!;\n\t}\n\n\tgetStepWrapperByIdx(idx: number) {\n\t\treturn this.getStepWrapperByRefId(this.steps[idx]._id);\n\t}\n\n\t/\n\t Scrolls to the content of the selected step, used in `onAfterRendering`.\n\t * @private\n\t /\n\tscrollToSelectedStep() {\n\t\tif (!this.selectionRequestedByScroll) {\n\t\t\tthis.scrollToContentItem(this.selectedStepIndex);\n\t\t}\n\t\tthis.selectionRequestedByScroll = false;\n\t}\n\n\t/\n\t Scrolls to the content item within the `ui5-wizard` shadowDOM\n\t * by given step index.\n\t * @private\n\t * @param stepIndex the index of a step\n\t /\n\tscrollToContentItem(stepIndex: number) {\n\t\tthis.contentDOM.scrollTop = this.getClosestScrollPosByStepIndex(stepIndex);\n\t}\n\n\t/\n\t Returns to closest scroll position for the given step index.\n\t * @private\n\t * @param stepIndex the index of a step\n\t /\n\tgetClosestScrollPosByStepIndex(stepIndex: number) {\n\t\tif (stepIndex === 0) {\n\t\t\treturn 0;\n\t\t}\n\n\t\t// It's possible to have [enabled - 0, disabled - 1, enabled - 2, disabled - 3] step definition and similar.\n\t\t// Consider selection of the third step at index 2, the wizard should scroll where the previous step ends,\n\t\t// but in this case the 2nd step is disabled, so we have to fallback to the first possible step.\n\t\tfor (let closestStepIndex = stepIndex - 1; closestStepIndex >= 0; closestStepIndex--) {\n\t\t\tif (this.stepScrollOffsets[closestStepIndex] > 0) {\n\t\t\t\treturn this.stepScrollOffsets[closestStepIndex];\n\t\t\t}\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/\n\t Returns the closest step index by given scroll position.\n\t * @private\n\t * @param scrollPos the scroll position\n\t /\n\tgetClosestStepIndexByScrollPos(scrollPos: number) {\n\t\tfor (let closestStepIndex = 0; closestStepIndex <= this.stepScrollOffsets.length - 1; closestStepIndex++) {\n\t\t\tconst stepScrollOffset = this.stepScrollOffsets[closestStepIndex];\n\t\t\tconst step = this.getStepWrapperByIdx(closestStepIndex);\n\t\t\tconst switchStepBoundary = step.offsetTop + (step.offsetHeight this.effectiveStepSwitchThreshold);\n\n\t\t\tif (stepScrollOffset > 0 && scrollPos < stepScrollOffset) {\n\t\t\t\tif (scrollPos > switchStepBoundary) {\n\t\t\t\t\treturn closestStepIndex + 1;\n\t\t\t\t}\n\n\t\t\t\treturn closestStepIndex;\n\t\t\t}\n\t\t}\n\n\t\treturn this.selectedStepIndex;\n\t}\n\n\t/*\n\t Switches the selection from the old step to the newly selected step.\n\t * @param selectedStep the old step\n\t * @param stepToSelect the step to be selected\n\t * @param stepToSelectIndex the index of the newly selected step\n\t * @param withScroll the selection changed due to user scrolling\n\t * @private\n\t /\n\tswitchSelectionFromOldToNewStep(selectedStep: WizardStep \| null, stepToSelect: WizardStep, stepToSelectIndex: number, withScroll: boolean) {\n\t\tif (selectedStep && stepToSelect) {\n\t\t\t// keep the selection if next step is disabled\n\t\t\tif (!stepToSelect.disabled) {\n\t\t\t\tselectedStep.selected = false;\n\t\t\t\tstepToSelect.selected = true;\n\t\t\t}\n\n\t\t\tthis.fireEvent<WizardStepChangeEventDetail>(\"step-change\", {\n\t\t\t\tstep: stepToSelect,\n\t\t\t\tpreviousStep: selectedStep,\n\t\t\t\twithScroll,\n\t\t\t});\n\n\t\t\tthis.selectedStepIndex = stepToSelectIndex;\n\t\t}\n\t}\n\n\t/\n\t Sorter method for sorting an array in ascending order.\n\t * @private\n\t */\n\tsortAscending(a: number, b: number) {\n\t\tif (a < b) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (a > b) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn 0;\n\t}\n}\n\nWizard.define();\n\nexport type {\n\tWizardStepChangeEventDetail,\n};\n\nexport default Wizard;\n"]}
1	+ {"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../src/Wizard.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport clamp from \"@ui5/webcomponents-base/dist/util/clamp.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport debounce from \"@ui5/webcomponents-base/dist/util/debounce.js\";\nimport { getFirstFocusableElement } from \"@ui5/webcomponents-base/dist/util/FocusableElements.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport type WizardContentLayout from \"./types/WizardContentLayout.js\";\n\n// Texts\nimport {\n\tWIZARD_NAV_STEP_DEFAULT_HEADING,\n\tWIZARD_NAV_ARIA_ROLE_DESCRIPTION,\n\tWIZARD_NAV_ARIA_LABEL,\n\tWIZARD_LIST_ARIA_LABEL,\n\tWIZARD_LIST_ARIA_DESCRIBEDBY,\n\tWIZARD_ACTIONSHEET_STEPS_ARIA_LABEL,\n\tWIZARD_OPTIONAL_STEP_ARIA_LABEL,\n\tWIZARD_STEP_ARIA_LABEL,\n\tWIZARD_STEP_ACTIVE,\n\tWIZARD_STEP_INACTIVE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Step in header and content\nimport WizardTab from \"./WizardTab.js\";\nimport WizardStep from \"./WizardStep.js\";\n\n// Template and Styles\nimport WizardTemplate from \"./generated/templates/WizardTemplate.lit.js\";\nimport WizardCss from \"./generated/themes/Wizard.css.js\";\nimport WizardPopoverCss from \"./generated/themes/WizardPopover.css.js\";\n\nconst MIN_STEP_WIDTH_NO_TITLE = 64;\nconst MIN_STEP_WIDTH_WITH_TITLE = 200;\n\nconst EXPANDED_STEP = \"data-ui5-wizard-expanded-tab\";\nconst AFTER_EXPANDED_STEP = \"data-ui5-wizard-expanded-tab-next\";\nconst AFTER_CURRENT_STEP = \"data-ui5-wizard-after-current-tab\";\nconst BEFORE_EXPANDED_STEP = \"data-ui5-wizard-expanded-tab-prev\";\n\nconst STEP_SWITCH_THRESHOLDS = {\n\tMIN: 0.5,\n\tDEFAULT: 0.7,\n\tMAX: 1,\n};\n\ntype ResponsiveBreakpoints = {\n\t[key: string]: string,\n}\n\ntype WizardStepChangeEventDetail = {\n\tstep: WizardStep,\n\tpreviousStep: WizardStep,\n\twithScroll: boolean,\n}\n\nconst RESPONSIVE_BREAKPOINTS: ResponsiveBreakpoints = {\n\t\"0\": \"S\",\n\t\"599\": \"M\",\n\t\"1023\": \"L\",\n\t\"1439\": \"XL\",\n};\n\ntype AccessibilityInformation = {\n\tariaSetsize: number,\n\tariaPosinset: number,\n\tariaLabel: string,\n}\n\ntype StepInfo = {\n\ticon?: string,\n\ttitleText?: string,\n\tsubtitleText?: string,\n\tnumber: number,\n\tselected: boolean,\n\tdisabled: boolean,\n\thideSeparator: boolean,\n\tactiveSeparator: boolean,\n\tbranchingSeparator: boolean,\n\tpos: number,\n\taccInfo: AccessibilityInformation,\n\trefStepId: string,\n\tstyles: object,\n}\n\n/*\n @class\n \n ### Overview\n \n The `ui5-wizard` helps users to complete a complex task by dividing it into sections and guiding them through it.\n * It has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n \n ### Structure\n * #### Navigation area\n * The top most area of the `ui5-wizard` is occupied by the navigation area.\n * It shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.\n \n - Steps can have different visual representations - numbers or icons.\n * - Steps might have labels for better readability - titleText and subTitleText.\n * - Steps are defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n \n Note: If no selected step is defined, the first step will be auto selected.\n \n Note: If multiple selected steps are defined, the last step will be selected.\n \n ### Keyboard Handling\n * The user can navigate using the following keyboard shortcuts:\n \n #### Wizard Progress Navigation\n \n \t- [Left] or [Down] - Focus moves backward to the WizardProgressNavAnchors.\n * \t- [Up] or [Right] - Focus moves forward to the WizardProgressNavAnchor.\n * \t- [Space] / [Enter] or [Return] - Selects an active step\n * \t- [Home] or [PAGE UP] - Focus goes to the first step\n * \t- [End] or [PAGE DOWN] - Focus goes to the last step\n \n #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n \n #### Content\n * The content occupies the main part of the page. It can hold any type of HTML elements.\n * It's defined by using the `ui5-wizard-step` as slotted element within the `ui5-wizard`.\n \n ### Scrolling\n * The component handles user scrolling by selecting the closest step, based on the current scroll position\n * and scrolls to particular place, when the user clicks on the step within the navigation area.\n \n Important: In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height.\n * The component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page.\n \n For example:\n \n ```html\n * <ui5-dialog style=\"height: 80%\">\n * \t<ui5-wizard></ui5-wizard>\n * </ui5-dialog>\n * ```\n \n #### Moving to next step\n * The `ui5-wizard-step` provides the necessary API and it's up to the user of the component to use it to move to the next step.\n * You have to set its `selected` property (and remove the `disabled` one if set) to `true`.\n * The `ui5-wizard` will automatically scroll to the content of the newly selected step.\n \n The Fiori 3 guidelines recommends having a \"nextStep\" button in the content area.\n * You can place a button, or any other type of element to trigger step change, inside the `ui5-wizard-step`,\n * and show/hide it when certain fields are filled or user defined criteria is met.\n \n ### Usage\n * #### When to use:\n * When the user has to accomplish a long or unfamiliar task.\n \n #### When not to use:\n * When the task has less than 3 steps.\n \n ### Responsive Behavior\n * On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap.\n * Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n \n ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/Wizard.js\";` (includes <ui5-wizard-step/>)\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.10\n * @public\n * @csspart navigator - Used to style the progress navigator of the `ui5-wizard`.\n * @csspart step-content - Used to style a `ui5-wizard-step` container.\n /\n@customElement({\n\ttag: \"ui5-wizard\",\n\tlanguageAware: true,\n\tfastNavigation: true,\n\trenderer: litRender,\n\tstyles: [\n\t\tWizardCss,\n\t\tWizardPopoverCss,\n\t\tgetEffectiveScrollbarStyle(),\n\t],\n\ttemplate: WizardTemplate,\n\tdependencies: [\n\t\tWizardTab,\n\t\tWizardStep,\n\t\tResponsivePopover,\n\t\tButton,\n\t],\n})\n\n/\n Fired when the step is changed by user interaction - either with scrolling,\n * or by clicking on the steps within the component header.\n * @param {WizardStep} step The new step.\n * @param {WizardStep} previousStep The previous step.\n * @param {boolean} withScroll true when the event occurs due to user scrolling.\n * @public\n /\n@event<WizardStepChangeEventDetail>(\"step-change\", {\n\tdetail: {\n\t\t/\n\t\t @public\n\t\t/\n\t\tstep: { type: HTMLElement },\n\t\t/\n\t\t @public\n\t\t/\n\t\tpreviousStep: { type: HTMLElement },\n\t\t/\n\t\t @public\n\t\t/\n\t\twithScroll: { type: Boolean },\n\t},\n})\n\nclass Wizard extends UI5Element {\n\t/\n\t Defines how the content of the `ui5-wizard` would be visualized.\n\t * @public\n\t * @since 1.14.0\n\t * @default \"MultipleSteps\"\n\t /\n\t@property()\n\tcontentLayout: `${WizardContentLayout}` = \"MultipleSteps\";\n\n\t/\n\t Defines the width of the `ui5-wizard`.\n\t * @private\n\t /\n\t@property({ type: Number })\n\twidth?: number\n\n\t/\n\t Defines the threshold to switch between steps upon user scrolling.\n\t \n\t For Example:\n\t \n\t (1) To switch to the next step, when half of the step is scrolled out - set `step-switch-threshold=\"0.5\"`.\n\t * (2) To switch to the next step, when the entire current step is scrolled out - set `step-switch-threshold=\"1\"`.\n\t \n\t Note: Supported values are between 0.5 and 1\n\t * and values out of the range will be normalized to 0.5 and 1 respectively.\n\t * @private\n\t * @default 0.7\n\t * @since 1.0.0-rc.13\n\t /\n\t@property({ type: Number })\n\tstepSwitchThreshold = STEP_SWITCH_THRESHOLDS.DEFAULT;\n\n\t/\n\t Defines the height of the `ui5-wizard` content.\n\t * @private\n\t /\n\t@property({ type: Number })\n\tcontentHeight?: number;\n\n\t/\n\t Stores references to the grouped steps.\n\t * @private\n\t /\n\t@property({ type: Array })\n\t_groupedTabs: Array<WizardTab> = [];\n\n\t@property()\n\t_breakpoint?: string\n\n\t/\n\t Defines the steps.\n\t \n\t Note: Use the available `ui5-wizard-step` component.\n\t * @public\n\t /\n\t@slot({\n\t\t\"default\": true,\n\t\ttype: HTMLElement,\n\t\t\"individualSlots\": true,\n\t\tinvalidateOnChildChange: true,\n\t})\n\tsteps!: Array<WizardStep>\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstepScrollOffsets: Array<number>;\n\tselectedStepIndex: number;\n\tpreviouslySelectedStepIndex: number;\n\tselectionRequestedByClick: boolean;\n\tselectionRequestedByScroll: boolean;\n\n\t_prevWidth: number;\n\t_prevContentHeight: number;\n\t_itemNavigation: ItemNavigation;\n\t_onStepResize: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\t// Stores the scroll offsets of the steps,\n\t\t// e.g. the steps' starting point.\n\t\tthis.stepScrollOffsets = [];\n\n\t\t// Keeps track of the currently selected step index.\n\t\tthis.selectedStepIndex = 0;\n\n\t\t// Keeps track of the previously selected step index.\n\t\tthis.previouslySelectedStepIndex = 0;\n\n\t\t// Indicates that selection will be changed\n\t\t// due to user click.\n\t\tthis.selectionRequestedByClick = false;\n\n\t\t// Stores the previous width\n\t\tthis._prevWidth = 0;\n\n\t\t// Stores the previous height\n\t\tthis._prevContentHeight = 0;\n\n\t\t// Indicates that selection will be changed\n\t\t// due to user scroll.\n\t\tthis.selectionRequestedByScroll = false;\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tnavigationMode: NavigationMode.Auto,\n\t\t\tgetItemsCallback: () => this.enabledStepsInHeaderDOM,\n\t\t});\n\n\t\tthis._onStepResize = this.onStepResize.bind(this);\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-wiz-root\": true,\n\t\t\t},\n\t\t\tpopover: {\n\t\t\t\t\"ui5-wizard-responsive-popover\": true,\n\t\t\t\t\"ui5-wizard-popover\": !isPhone(),\n\t\t\t\t\"ui5-wizard-dialog\": isPhone(),\n\t\t\t},\n\t\t};\n\t}\n\n\tstatic async onDefine() {\n\t\tWizard.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tstatic get SCROLL_DEBOUNCE_RATE() {\n\t\treturn 25;\n\t}\n\n\tonExitDOM() {\n\t\tthis.detachStepsResizeObserver();\n\t}\n\n\tonBeforeRendering() {\n\t\tthis.syncSelection();\n\t}\n\n\tonAfterRendering() {\n\t\tthis.storeStepScrollOffsets();\n\n\t\tif (this.previouslySelectedStepIndex !== this.selectedStepIndex) {\n\t\t\tthis.scrollToSelectedStep();\n\t\t}\n\n\t\tthis.attachStepsResizeObserver();\n\t\tthis.previouslySelectedStepIndex = this.selectedStepIndex;\n\t}\n\n\t/\n\t Normalizes the step selection as follows:\n\t * (1) If there is no selected step - the first step is going to be selected.\n\t * (2) If the selected steps are more than one - the last step is going to be selected.\n\t * (3) If the selected step is also disabled - log a warning.\n\t * @private\n\t /\n\tsyncSelection() {\n\t\tif (this.stepsCount === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If no selected steps -> select the first step.\n\t\tif (this.selectedStepsCount === 0) {\n\t\t\tthis.selectFirstStep();\n\t\t\tconsole.warn(\"Selecting the first step: no selected step is defined.\"); // eslint-disable-line\n\t\t}\n\n\t\t// If there are multiple selected steps -> keep the last selected one.\n\t\tif (this.selectedStepsCount > 1) {\n\t\t\tthis.selectLastSelectedStep();\n\t\t\tconsole.warn(`Selecting the last step defined as selected: multiple selected steps are defined.`); // eslint-disable-line\n\t\t}\n\n\t\t// If the selected step is defined as disabled - log warning.\n\t\tif (this.selectedStep && this.selectedStep.disabled) {\n\t\t\tconsole.warn(\"The selected step is disabled: you need to enable it in order to interact with the step.\"); // eslint-disable-line\n\t\t}\n\n\t\t// Place for improvement: If the selected step is not the first, enable all the prior steps\n\t\tthis.selectedStepIndex = this.getSelectedStepIndex();\n\n\t\tif (this.selectedStep && this.stepsInHeaderDOM.length) {\n\t\t\tif (this._itemNavigation._getItems().includes(this.stepsInHeaderDOM[this.selectedStepIndex])) {\n\t\t\t\tthis._itemNavigation.setCurrentItem(this.stepsInHeaderDOM[this.selectedStepIndex]);\n\t\t\t} else {\n\t\t\t\tthis._itemNavigation.setCurrentItem(this.stepsInHeaderDOM.find(el => el.selected) as WizardTab);\n\t\t\t}\n\t\t}\n\t}\n\n\t/\n\t Selects the first step.\n\t * @private\n\t /\n\tselectFirstStep() {\n\t\tthis.deselectAll();\n\t\tthis.slottedSteps[0].selected = true;\n\t\tthis.slottedSteps[0].disabled = false;\n\t}\n\n\t/\n\t Selects the last step from multiple selected ones.\n\t * @private\n\t /\n\tselectLastSelectedStep() {\n\t\tconst lastSelectedStep = this.lastSelectedStep;\n\n\t\tif (lastSelectedStep) {\n\t\t\tthis.deselectAll();\n\t\t\tlastSelectedStep.selected = true;\n\t\t\tlastSelectedStep.disabled = false;\n\t\t}\n\t}\n\n\t/\n\t Deselects all steps.\n\t * @private\n\t /\n\tdeselectAll() {\n\t\tthis.slottedSteps.forEach(step => {\n\t\t\tstep.selected = false;\n\t\t});\n\t}\n\n\t/\n\t Stores the scroll offsets of the steps,\n\t * e.g. the steps' starting point.\n\t \n\t Note: the disabled ones has negative offsets.\n\t * @private\n\t /\n\tstoreStepScrollOffsets() {\n\t\tthis.stepScrollOffsets = this.slottedSteps.map(step => {\n\t\t\tconst contentItem = this.getStepWrapperByRefId(step._id);\n\t\t\treturn contentItem.offsetTop + contentItem.offsetHeight;\n\t\t});\n\t}\n\n\t/\n\t Handles user click on steps' tabs within the header.\n\t * Note: the handler is bound in the template.\n\t * @private\n\t /\n\tonSelectionChangeRequested(e: MouseEvent) {\n\t\tthis.selectionRequestedByClick = true;\n\t\tthis.changeSelectionByStepAction(e.target as WizardTab);\n\t}\n\n\t/\n\t Handles user scrolling with debouncing.\n\t * Note: the handler is bound in the template.\n\t * @private\n\t /\n\tonScroll(e: MouseEvent) {\n\t\tif (this.selectionRequestedByClick) {\n\t\t\tthis.selectionRequestedByClick = false;\n\t\t\treturn;\n\t\t}\n\n\t\tdebounce(this.changeSelectionByScroll.bind(this, (e.target as HTMLElement).scrollTop), Wizard.SCROLL_DEBOUNCE_RATE);\n\t}\n\n\t/\n\t Handles when a step in the header is focused in order to update the `ItemNavigation`.\n\t * Note: the handler is bound in the template.\n\t * @private\n\t /\n\tonStepInHeaderFocused(e: FocusEvent) {\n\t\tthis._itemNavigation.setCurrentItem(e.target as WizardTab);\n\t}\n\n\t/\n\t Handles resize in order to:\n\t * (1) sync steps' scroll offset and selection\n\t * (2) adapt navition step header\n\t * @private\n\t /\n\tonStepResize() {\n\t\tthis.width = this.getBoundingClientRect().width;\n\t\tthis.contentHeight = this.getContentHeight();\n\n\t\tif (this._prevWidth !== this.width \|\| this.contentHeight !== this._prevContentHeight) {\n\t\t\tthis._closeRespPopover();\n\t\t}\n\n\t\tthis._prevWidth = this.width;\n\t\tthis._prevContentHeight = this.contentHeight;\n\n\t\tthis._calcCurrentBreakpoint();\n\t}\n\n\tattachStepsResizeObserver() {\n\t\tthis.stepsDOM.forEach(stepDOM => {\n\t\t\tResizeHandler.deregister(stepDOM, this._onStepResize);\n\t\t\tResizeHandler.register(stepDOM, this._onStepResize);\n\t\t});\n\t}\n\n\tdetachStepsResizeObserver() {\n\t\tthis.stepsDOM.forEach(stepDOM => {\n\t\t\tResizeHandler.deregister(stepDOM, this._onStepResize);\n\t\t});\n\t}\n\n\t_calcCurrentBreakpoint() {\n\t\tconst breakpointDimensions = Object.keys(RESPONSIVE_BREAKPOINTS).reverse();\n\t\tconst breakpoint = breakpointDimensions.find((size: string) => Number(size) < this.width!);\n\t\tthis._breakpoint = breakpoint ? RESPONSIVE_BREAKPOINTS[breakpoint] : RESPONSIVE_BREAKPOINTS[\"0\"];\n\t}\n\n\t/\n\t Updates the expanded attribute for each ui5-wizard-tab based on the ui5-wizard width\n\t * @private\n\t /\n\t_adjustHeaderOverflow() {\n\t\tlet counter = 0;\n\t\tlet isForward = true;\n\t\tconst tabs = this.stepsInHeaderDOM;\n\n\t\tif (!tabs.length) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst iWidth = this.progressNavigatorListDOM.getBoundingClientRect().width;\n\t\tconst iCurrStep = this.getSelectedStepIndex();\n\t\tconst iStepsToShow = this.steps.length ? Math.floor(iWidth / MIN_STEP_WIDTH_WITH_TITLE) : Math.floor(iWidth / MIN_STEP_WIDTH_NO_TITLE);\n\n\t\t[...tabs].forEach((step, index) => {\n\t\t\tstep.setAttribute(EXPANDED_STEP, \"false\");\n\t\t\tstep.setAttribute(BEFORE_EXPANDED_STEP, \"false\");\n\t\t\tstep.setAttribute(AFTER_EXPANDED_STEP, \"false\");\n\n\t\t\t// Add \"data-ui5-wizard-after-current-tab\" to all tabs after the current one\n\t\t\tif (index > iCurrStep) {\n\t\t\t\ttabs[index].setAttribute(AFTER_CURRENT_STEP, \"true\");\n\t\t\t} else {\n\t\t\t\ttabs[index].removeAttribute(AFTER_CURRENT_STEP);\n\t\t\t}\n\t\t});\n\n\t\t// Add \"data-ui5-wizard-expanded-tab\" to the current step\n\t\tif (tabs[iCurrStep]) {\n\t\t\ttabs[iCurrStep].setAttribute(EXPANDED_STEP, \"true\");\n\t\t}\n\n\t\t// Set the \"data-ui5-wizard-expanded-tab\" to the steps that are expanded\n\t\t// The algorithm is as follows:\n\t\t// 1. A step towards the end is expanded\n\t\t// \t1.2. If there are no available steps towards the end a step towards the beginning is expanded\n\t\t// 2. A step towards the beginning is expanded\n\t\t// \t2.2. If there are no available steps towards the beginning a step towards the end is expanded\n\t\tfor (let i = 1; i < iStepsToShow; i++) {\n\t\t\tif (isForward) {\n\t\t\t\tcounter += 1;\n\t\t\t}\n\n\t\t\tif (isForward && tabs[iCurrStep + counter]) {\n\t\t\t\ttabs[iCurrStep + counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tisForward = !isForward;\n\t\t\t} else if (!isForward && tabs[iCurrStep - counter]) {\n\t\t\t\ttabs[iCurrStep - counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tisForward = !isForward;\n\t\t\t} else if (tabs[iCurrStep + counter + 1]) {\n\t\t\t\tcounter += 1;\n\t\t\t\ttabs[iCurrStep + counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tisForward = true;\n\t\t\t} else if (tabs[iCurrStep - counter]) {\n\t\t\t\ttabs[iCurrStep - counter].setAttribute(EXPANDED_STEP, \"true\");\n\t\t\t\tcounter += 1;\n\t\t\t\tisForward = false;\n\t\t\t}\n\t\t}\n\n\t\t// mark the topmost steps of both groups (in the beginning and the end),\n\t\t// using the \"data-ui5-wizard-after-current-tab\" and \"data-ui5-wizard-expanded-tab-prev\" attributes\n\t\tfor (let i = 0; i < tabs.length; i++) {\n\t\t\tif (tabs[i].getAttribute(EXPANDED_STEP) === \"true\" && tabs[i - 1] && tabs[i - 1].getAttribute(EXPANDED_STEP) === \"false\") {\n\t\t\t\ttabs[i - 1].setAttribute(BEFORE_EXPANDED_STEP, \"true\");\n\t\t\t}\n\n\t\t\tif (tabs[i].getAttribute(EXPANDED_STEP) === \"false\" && tabs[i - 1] && tabs[i - 1].getAttribute(EXPANDED_STEP) === \"true\") {\n\t\t\t\ttabs[i].setAttribute(AFTER_EXPANDED_STEP, \"true\");\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t_isGroupAtStart(selectedStep: WizardTab) {\n\t\tconst iStepNumber = this.stepsInHeaderDOM.indexOf(selectedStep);\n\t\treturn selectedStep.getAttribute(EXPANDED_STEP) === \"false\" && selectedStep.getAttribute(BEFORE_EXPANDED_STEP) === \"true\" && iStepNumber > 0;\n\t}\n\n\t_isGroupAtEnd(selectedStep: WizardTab) {\n\t\tconst iStepNumber = this.stepsInHeaderDOM.indexOf(selectedStep);\n\t\treturn selectedStep.getAttribute(EXPANDED_STEP) === \"false\" && selectedStep.getAttribute(AFTER_EXPANDED_STEP) === \"true\" && (iStepNumber + 1 < this.steps.length);\n\t}\n\n\t_showPopover(oDomTarget: WizardTab, isAtStart: boolean) {\n\t\tconst tabs = Array.from(this.stepsInHeaderDOM);\n\t\tthis._groupedTabs = [];\n\n\t\tconst iFromStep = isAtStart ? 0 : this.stepsInHeaderDOM.indexOf(oDomTarget);\n\t\tconst iToStep = isAtStart ? this.stepsInHeaderDOM.indexOf(oDomTarget) : tabs.length - 1;\n\n\t\tfor (let i = iFromStep; i <= iToStep; i++) {\n\t\t\tthis._groupedTabs.push(tabs[i]);\n\t\t}\n\n\t\tconst responsivePopover = this._respPopover();\n\t\tresponsivePopover.opener = oDomTarget;\n\t\tresponsivePopover.open = true;\n\t}\n\n\t_onGroupedTabClick(e: MouseEvent) {\n\t\tconst eTarget = e.target as WizardTab;\n\n\t\tif (this._isGroupAtStart(eTarget)) {\n\t\t\treturn this._showPopover(eTarget, true);\n\t\t}\n\n\t\tif (this._isGroupAtEnd(eTarget)) {\n\t\t\treturn this._showPopover(eTarget, false);\n\t\t}\n\t}\n\n\t_onOverflowStepButtonClick(e: MouseEvent) {\n\t\tconst tabs = Array.from(this.stepsInHeaderDOM);\n\t\tconst eTarget = e.target as HTMLElement;\n\t\tconst stepRefId = eTarget.getAttribute(\"data-ui5-header-tab-ref-id\");\n\t\tconst stepToSelect = this.slottedSteps[Number(stepRefId) - 1];\n\t\tconst selectedStep = this.selectedStep;\n\t\tconst newlySelectedIndex = this.slottedSteps.indexOf(stepToSelect);\n\n\t\tthis.switchSelectionFromOldToNewStep(selectedStep, stepToSelect, newlySelectedIndex, false);\n\t\tthis._closeRespPopover();\n\t\ttabs[newlySelectedIndex].focus();\n\t}\n\n\t_closeRespPopover() {\n\t\tconst responsivePopover = this._respPopover();\n\t\tif (responsivePopover) {\n\t\t\tresponsivePopover.open = false;\n\t\t}\n\t}\n\n\t_respPopover() {\n\t\treturn this.shadowRoot!.querySelector<ResponsivePopover>(`.ui5-wizard-responsive-popover`)!;\n\t}\n\n\t/\n\t Called upon `onScroll`.\n\t * Selects the closest step, based on the user scroll position.\n\t * @param scrollPos the current scroll position\n\t * @private\n\t /\n\tchangeSelectionByScroll(scrollPos: number) {\n\t\tconst newlySelectedIndex = this.getClosestStepIndexByScrollPos(scrollPos);\n\t\tconst stepToSelect = this.slottedSteps[newlySelectedIndex];\n\n\t\t// Skip if already selected - stop.\n\t\tif (this.selectedStepIndex === newlySelectedIndex) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If the calculated index is in range,\n\t\t// change selection and fire \"step-change\".\n\t\tif (!stepToSelect.disabled && newlySelectedIndex >= 0 && newlySelectedIndex <= this.stepsCount - 1) {\n\t\t\tthis.switchSelectionFromOldToNewStep(this.selectedStep, stepToSelect, newlySelectedIndex, true);\n\t\t\tthis.selectionRequestedByScroll = true;\n\t\t}\n\t}\n\n\t/\n\t Called upon `onSelectionChangeRequested`.\n\t * Selects the external step (ui5-wizard-step),\n\t * based on the clicked or activated via keyboard step in the header (ui5-wizard-tab).\n\t * @param stepInHeader the step equivalent in the header\n\t * @private\n\t /\n\tasync changeSelectionByStepAction(stepInHeader: WizardTab) {\n\t\tconst stepRefId = stepInHeader.getAttribute(\"data-ui5-content-ref-id\")!;\n\t\tconst selectedStep = this.selectedStep;\n\t\tconst stepToSelect = this.getStepByRefId(stepRefId);\n\t\tconst bExpanded = stepInHeader.getAttribute(EXPANDED_STEP) === \"true\";\n\t\tconst newlySelectedIndex = this.slottedSteps.indexOf(stepToSelect);\n\t\tconst firstElementChild = stepToSelect.firstElementChild as HTMLElement;\n\t\tconst firstFocusableElement = await getFirstFocusableElement(firstElementChild);\n\n\t\tif (firstFocusableElement) {\n\t\t\t// Focus the first focusable element within the step content corresponding to the currently focused tab\n\t\t\tfirstFocusableElement.focus();\n\t\t}\n\n\t\t// If the currently selected (active) step is clicked,\n\t\t// just scroll to its starting point and stop.\n\t\tif (selectedStep === stepToSelect) {\n\t\t\tthis.scrollToContentItem(this.selectedStepIndex);\n\t\t\treturn;\n\t\t}\n\n\t\tif (bExpanded \|\| (!bExpanded && (newlySelectedIndex === 0 \|\| newlySelectedIndex === this.steps.length - 1))) {\n\t\t\t// Change selection and fire \"step-change\".\n\t\t\tthis.switchSelectionFromOldToNewStep(selectedStep, stepToSelect, newlySelectedIndex, false);\n\t\t}\n\t}\n\n\tgetContentHeight() {\n\t\tlet contentHeight = 0;\n\n\t\tthis.stepsDOM.forEach(step => {\n\t\t\tcontentHeight += step.getBoundingClientRect().height;\n\t\t});\n\n\t\treturn contentHeight;\n\t}\n\n\tgetStepAriaLabelText(step: WizardStep, ariaLabel: string) {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_STEP_ARIA_LABEL, ariaLabel);\n\t}\n\n\tget stepsDOM() {\n\t\treturn Array.from(this.shadowRoot!.querySelectorAll<HTMLElement>(\".ui5-wiz-content-item\"));\n\t}\n\n\tget progressNavigatorListDOM() {\n\t\treturn this.shadowRoot!.querySelector(\".ui5-wiz-nav-list\")!;\n\t}\n\n\tget _stepsInHeader() {\n\t\treturn this.getStepsInfo();\n\t}\n\n\tget _steps() {\n\t\tconst lastEnabledStepIndex = this.getLastEnabledStepIndex();\n\t\tconst stepsInfo = this.getStepsInfo();\n\n\t\treturn this.steps.map((step, idx) => {\n\t\t\tstep.stretch = idx === lastEnabledStepIndex;\n\t\t\tstep.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;\n\t\t\treturn step;\n\t\t});\n\t}\n\n\tget stepsCount() {\n\t\treturn this.slottedSteps.length;\n\t}\n\n\tget selectedStep() {\n\t\tif (this.selectedStepsCount) {\n\t\t\treturn this.selectedSteps[0];\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tget lastSelectedStep() {\n\t\tif (this.selectedStepsCount) {\n\t\t\treturn this.selectedSteps[this.selectedStepsCount - 1];\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tget selectedSteps() {\n\t\treturn this.slottedSteps.filter(step => step.selected);\n\t}\n\n\tget enabledSteps() {\n\t\treturn this.slottedSteps.filter(step => !step.disabled);\n\t}\n\n\tget selectedStepsCount() {\n\t\treturn this.selectedSteps.length;\n\t}\n\n\tget slottedSteps() {\n\t\treturn this.getSlottedNodes<WizardStep>(\"steps\");\n\t}\n\n\tget contentDOM() {\n\t\treturn this.shadowRoot!.querySelector(`.ui5-wiz-content`)!;\n\t}\n\n\tget stepsInHeaderDOM() {\n\t\treturn Array.from(this.shadowRoot!.querySelectorAll<WizardTab>(\"[ui5-wizard-tab]\"));\n\t}\n\n\tget enabledStepsInHeaderDOM() {\n\t\treturn this.stepsInHeaderDOM.filter(step => !step.disabled);\n\t}\n\n\tget navAriaRoleDescription() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget navAriaLabelText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_LABEL);\n\t}\n\n\tget navAriaDescribedbyText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_LIST_ARIA_DESCRIBEDBY);\n\t}\n\n\tget listAriaLabelText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_LIST_ARIA_LABEL);\n\t}\n\n\tget actionSheetStepsText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL);\n\t}\n\n\tget navStepDefaultHeading() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_STEP_DEFAULT_HEADING);\n\t}\n\n\tget optionalStepText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_OPTIONAL_STEP_ARIA_LABEL);\n\t}\n\n\tget activeStepText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_STEP_ACTIVE);\n\t}\n\n\tget inactiveStepText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_STEP_INACTIVE);\n\t}\n\n\tget ariaLabelText() {\n\t\treturn Wizard.i18nBundle.getText(WIZARD_NAV_ARIA_ROLE_DESCRIPTION);\n\t}\n\n\tget effectiveStepSwitchThreshold() {\n\t\treturn clamp(this.stepSwitchThreshold, STEP_SWITCH_THRESHOLDS.MIN, STEP_SWITCH_THRESHOLDS.MAX);\n\t}\n\n\t/\n\t Returns an array of data objects, based on the user defined steps\n\t * to later build the steps (tabs) within the header.\n\t * @private\n\t /\n\tgetStepsInfo() {\n\t\tconst lastEnabledStepIndex = this.getLastEnabledStepIndex();\n\t\tconst stepsCount = this.stepsCount;\n\t\tconst selectedStepIndex = this.getSelectedStepIndex();\n\t\tlet inintialZIndex = this.steps.length + 10;\n\t\tlet accInfo;\n\n\t\tthis._adjustHeaderOverflow();\n\n\t\treturn this.steps.map((step, idx) => {\n\t\t\tconst pos = idx + 1;\n\n\t\t\t// Hide separator if it's the last step and it's not a branching one\n\t\t\tconst hideSeparator = (idx === stepsCount - 1) && !step.branching;\n\n\t\t\tconst isOptional = step.subtitleText ? this.optionalStepText : \"\";\n\t\t\tconst stepStateText = step.disabled ? this.inactiveStepText : this.activeStepText;\n\t\t\tconst ariaLabel = (step.titleText ? `${pos} ${step.titleText} ${stepStateText} ${isOptional}` : `${this.navStepDefaultHeading} ${pos} ${stepStateText} ${isOptional}`).trim();\n\t\t\tconst isAfterCurrent = (idx > selectedStepIndex);\n\n\t\t\taccInfo = {\n\t\t\t\t\"ariaSetsize\": stepsCount,\n\t\t\t\t\"ariaPosinset\": pos,\n\t\t\t\t\"ariaLabel\": this.getStepAriaLabelText(step, ariaLabel),\n\t\t\t};\n\n\t\t\tconst stepInfo: StepInfo = {\n\t\t\t\ticon: step.icon,\n\t\t\t\ttitleText: step.titleText,\n\t\t\t\tsubtitleText: step.subtitleText,\n\t\t\t\tnumber: pos,\n\t\t\t\tselected: step.selected,\n\t\t\t\tdisabled: step.disabled,\n\t\t\t\thideSeparator,\n\t\t\t\tactiveSeparator: (idx < lastEnabledStepIndex) && !step.disabled,\n\t\t\t\tbranchingSeparator: step.branching,\n\t\t\t\tpos,\n\t\t\t\taccInfo,\n\t\t\t\trefStepId: step._id,\n\t\t\t\tstyles: {\n\t\t\t\t\tzIndex: isAfterCurrent ? --inintialZIndex : 1,\n\t\t\t\t},\n\t\t\t};\n\n\t\t\treturn stepInfo;\n\t\t});\n\t}\n\n\t/\n\t Returns the index of the selected step.\n\t * @private\n\t /\n\tgetSelectedStepIndex() {\n\t\tif (this.selectedStep) {\n\t\t\treturn this.slottedSteps.indexOf(this.selectedStep);\n\t\t}\n\t\treturn 0;\n\t}\n\n\t/\n\t Returns the index of the last enabled step.\n\t * @private\n\t /\n\tgetLastEnabledStepIndex() {\n\t\tlet lastEnabledStepIndex = 0;\n\n\t\tthis.slottedSteps.forEach((step, idx) => {\n\t\t\tif (!step.disabled) {\n\t\t\t\tlastEnabledStepIndex = idx;\n\t\t\t}\n\t\t});\n\n\t\treturn lastEnabledStepIndex;\n\t}\n\n\tgetStepByRefId(refId: string) {\n\t\treturn this.slottedSteps.find(step => step._id === refId)!;\n\t}\n\n\tgetStepWrapperByRefId(refId: string) {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`[data-ui5-content-item-ref-id=${refId}]`)!;\n\t}\n\n\tgetStepWrapperByIdx(idx: number) {\n\t\treturn this.getStepWrapperByRefId(this.steps[idx]._id);\n\t}\n\n\t/\n\t Scrolls to the content of the selected step, used in `onAfterRendering`.\n\t * @private\n\t /\n\tscrollToSelectedStep() {\n\t\tif (!this.selectionRequestedByScroll) {\n\t\t\tthis.scrollToContentItem(this.selectedStepIndex);\n\t\t}\n\t\tthis.selectionRequestedByScroll = false;\n\t}\n\n\t/\n\t Scrolls to the content item within the `ui5-wizard` shadowDOM\n\t * by given step index.\n\t * @private\n\t * @param stepIndex the index of a step\n\t /\n\tscrollToContentItem(stepIndex: number) {\n\t\tthis.contentDOM.scrollTop = this.getClosestScrollPosByStepIndex(stepIndex);\n\t}\n\n\t/\n\t Returns to closest scroll position for the given step index.\n\t * @private\n\t * @param stepIndex the index of a step\n\t /\n\tgetClosestScrollPosByStepIndex(stepIndex: number) {\n\t\tif (stepIndex === 0) {\n\t\t\treturn 0;\n\t\t}\n\n\t\t// It's possible to have [enabled - 0, disabled - 1, enabled - 2, disabled - 3] step definition and similar.\n\t\t// Consider selection of the third step at index 2, the wizard should scroll where the previous step ends,\n\t\t// but in this case the 2nd step is disabled, so we have to fallback to the first possible step.\n\t\tfor (let closestStepIndex = stepIndex - 1; closestStepIndex >= 0; closestStepIndex--) {\n\t\t\tif (this.stepScrollOffsets[closestStepIndex] > 0) {\n\t\t\t\treturn this.stepScrollOffsets[closestStepIndex];\n\t\t\t}\n\t\t}\n\n\t\treturn 0;\n\t}\n\n\t/\n\t Returns the closest step index by given scroll position.\n\t * @private\n\t * @param scrollPos the scroll position\n\t /\n\tgetClosestStepIndexByScrollPos(scrollPos: number) {\n\t\tfor (let closestStepIndex = 0; closestStepIndex <= this.stepScrollOffsets.length - 1; closestStepIndex++) {\n\t\t\tconst stepScrollOffset = this.stepScrollOffsets[closestStepIndex];\n\t\t\tconst step = this.getStepWrapperByIdx(closestStepIndex);\n\t\t\tconst switchStepBoundary = step.offsetTop + (step.offsetHeight this.effectiveStepSwitchThreshold);\n\n\t\t\tif (stepScrollOffset > 0 && scrollPos < stepScrollOffset) {\n\t\t\t\tif (scrollPos > switchStepBoundary) {\n\t\t\t\t\treturn closestStepIndex + 1;\n\t\t\t\t}\n\n\t\t\t\treturn closestStepIndex;\n\t\t\t}\n\t\t}\n\n\t\treturn this.selectedStepIndex;\n\t}\n\n\t/*\n\t Switches the selection from the old step to the newly selected step.\n\t * @param selectedStep the old step\n\t * @param stepToSelect the step to be selected\n\t * @param stepToSelectIndex the index of the newly selected step\n\t * @param withScroll the selection changed due to user scrolling\n\t * @private\n\t /\n\tswitchSelectionFromOldToNewStep(selectedStep: WizardStep \| null, stepToSelect: WizardStep, stepToSelectIndex: number, withScroll: boolean) {\n\t\tif (selectedStep && stepToSelect) {\n\t\t\t// keep the selection if next step is disabled\n\t\t\tif (!stepToSelect.disabled) {\n\t\t\t\tselectedStep.selected = false;\n\t\t\t\tstepToSelect.selected = true;\n\t\t\t}\n\n\t\t\tthis.fireEvent<WizardStepChangeEventDetail>(\"step-change\", {\n\t\t\t\tstep: stepToSelect,\n\t\t\t\tpreviousStep: selectedStep,\n\t\t\t\twithScroll,\n\t\t\t});\n\n\t\t\tthis.selectedStepIndex = stepToSelectIndex;\n\t\t}\n\t}\n\n\t/\n\t Sorter method for sorting an array in ascending order.\n\t * @private\n\t */\n\tsortAscending(a: number, b: number) {\n\t\tif (a < b) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (a > b) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn 0;\n\t}\n}\n\nWizard.define();\n\nexport type {\n\tWizardStepChangeEventDetail,\n};\n\nexport default Wizard;\n"]}

package/dist/WizardTab.d.ts CHANGED Viewed

@@ -85,8 +85,8 @@ declare class WizardTab extends UI5Element implements ITabbable {
     _wizardTabAccInfo?: WizardTabInfo;
     _onclick(): void;
     _onkeyup(e: KeyboardEvent): void;
+    get effectiveTabIndex(): "0" | "-1" | undefined;
     _onfocusin(): void;
-    get tabIndex(): number;
     get hasTexts(): string | undefined;
     get accInfo(): {
         ariaSetsize: string | undefined;

package/dist/WizardTab.js CHANGED Viewed

@@ -77,12 +77,18 @@ let WizardTab = class WizardTab extends UI5Element {
             this.fireEvent("selection-change-requested");
         }
     }
+    get effectiveTabIndex() {
+        if (this.disabled) {
+            return;
+        }
+        if (this.selected || this.forcedTabIndex === "0") {
+            return "0";
+        }
+        return "-1";
+    }
     _onfocusin() {
         this.fireEvent("focused");
     }
-    get tabIndex() {
-        return Number(this.forcedTabIndex);
-    }
     get hasTexts() {
         return this.titleText || this.subtitleText;
     }

package/dist/WizardTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardTab.js","sourceRoot":"","sources":["../src/WizardTab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEtF,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAC/E,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAM/D;;;;;;;;;;;;;;;GAeG;AAgBH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAmCC;;;;WAIG;QAEF,aAAQ,GAAG,KAAK,CAAC;QAElB;;;;WAIG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;WAIG;QAEH,kBAAa,GAAG,KAAK,CAAC;QAEtB;;;;WAIG;QAEH,oBAAe,GAAG,KAAK,CAAC;QAExB;;;;WAIG;QAEH,uBAAkB,GAAG,KAAK,CAAC;~~IAiD5B~~,CAAC;~~IArCA~~,QAAQ;QACP,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;SAC7C;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO;SACP;QAED,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;YACnD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,4BAA4B,CAAC,CAAC;SAC7C;IACF,CAAC;IAED,~~UAAU~~;~~QACT~~,IAAI,CAAC,~~SAAS~~,CAAC,~~SAAS~~,CAAC,~~CAAC~~;~~IAC3B~~,CAAC;~~IAED~~,IAAI,~~QAAQ~~;~~QACX~~,~~OAAO~~,~~MAAM~~,CAAC,~~IAAI~~,CAAC,~~cAAc~~,CAAC,CAAC;~~IACpC~~,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC;IAC5C,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,aAAa,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,WAAW;YAC3E,cAAc,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,YAAY;YAC7E,WAAW,EAAE,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,SAAS;YACvE,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;SACjD,CAAC;IACH,CAAC;CACD,CAAA;~~AAnHA~~;IADC,QAAQ,EAAE;uCACE;AASb;IADC,QAAQ,EAAE;4CACO;AASlB;IADC,QAAQ,EAAE;+CACU;AAQrB;IADC,QAAQ,EAAE;yCACI;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACX;AAQlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CACX;AAQjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACN;AAQtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACJ;AAQxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACD;AAQ3B;IADC,QAAQ,EAAE;iDACY;AAjFlB,SAAS;IAdd,aAAa,CAAC;QACd,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,YAAY;QACpB,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,CAAC,IAAI,CAAC;KACpB,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,4BAA4B,CAAC;GAE9B,SAAS,~~CA0Hd~~;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,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\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isSpace, isEnter, isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport WizardTabTemplate from \"./generated/templates/WizardTabTemplate.lit.js\";\nimport WizardTabCss from \"./generated/themes/WizardTab.css.js\";\n\ntype WizardTabInfo = {\n\t[key: string]: string,\n}\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: litRender,\n\tstyles: WizardTabCss,\n\ttemplate: WizardTabTemplate,\n\tdependencies: [Icon],\n})\n\n/\n Fired when clicking on none disabled step.\n * @private\n /\n@event(\"selection-change-requested\")\n\nclass WizardTab extends UI5Element implements ITabbable {\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_wizardTabAccInfo? : WizardTabInfo\n\n\t_onclick() {\n\t\tif (!this.disabled) {\n\t\t\tthis.fireEvent(\"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.fireEvent(\"selection-change-requested\");\n\t\t}\n\t}\n\n\~~t_onfocusin~~() {\n\t\~~tthis~~.~~fireEvent~~(\"~~focused~~\");\n\t}\n\n\~~tget~~ ~~tabIndex~~() {\n\t\~~treturn Number~~(~~this.forcedTabIndex~~);\n\t}\n\n\tget hasTexts() {\n\t\treturn this.titleText \|\| this.subtitleText;\n\t}\n\n\tget accInfo() {\n\t\treturn {\n\t\t\t\"ariaSetsize\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,\n\t\t\t\"ariaPosinset\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,\n\t\t\t\"ariaLabel\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,\n\t\t\t\"ariaCurrent\": this.selected ? \"true\" : undefined,\n\t\t};\n\t}\n}\n\nWizardTab.define();\n\nexport default WizardTab;\n"]}
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.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isSpace, isEnter, isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport WizardTabTemplate from \"./generated/templates/WizardTabTemplate.lit.js\";\nimport WizardTabCss from \"./generated/themes/WizardTab.css.js\";\n\ntype WizardTabInfo = {\n\t[key: string]: string,\n}\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: litRender,\n\tstyles: WizardTabCss,\n\ttemplate: WizardTabTemplate,\n\tdependencies: [Icon],\n})\n\n/\n Fired when clicking on none disabled step.\n * @private\n /\n@event(\"selection-change-requested\")\n\nclass WizardTab extends UI5Element implements ITabbable {\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_wizardTabAccInfo? : WizardTabInfo\n\n\t_onclick() {\n\t\tif (!this.disabled) {\n\t\t\tthis.fireEvent(\"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.fireEvent(\"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.fireEvent(\"focused\");\n\t}\n\n\tget hasTexts() {\n\t\treturn this.titleText \|\| this.subtitleText;\n\t}\n\n\tget accInfo() {\n\t\treturn {\n\t\t\t\"ariaSetsize\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,\n\t\t\t\"ariaPosinset\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,\n\t\t\t\"ariaLabel\": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,\n\t\t\t\"ariaCurrent\": this.selected ? \"true\" : undefined,\n\t\t};\n\t}\n}\n\nWizardTab.define();\n\nexport default WizardTab;\n"]}

package/dist/css/themes/DynamicPage.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:110}:host{display:block;height:100%;background-color:var(--ui5-v2-2-~~0-rc-2_dynamic_page_background~~)}.ui5-dynamic-page-root{height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:.5rem;box-sizing:border-box;z-index:110;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_footer_spacer~~)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_footer_spacer~~)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_background_color~~);box-sizing:content-box;width:auto;margin:0 .5rem .5rem}::slotted([slot="titleArea"]){width:auto}:host([media-range="S"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_content_padding_S~~)}:host([media-range="S"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_padding_S~~)}:host([media-range="S"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_padding_S~~)}:host([media-range="M"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_content_padding_M~~)}:host([media-range="M"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_padding_M~~)}:host([media-range="M"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_padding_M~~)}:host([media-range="L"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_content_padding_L~~)}:host([media-range="L"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_padding_L~~)}:host([media-range="L"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_padding_L~~)}:host([media-range="XL"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_content_padding_XL~~)}:host([media-range="XL"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_padding_XL~~)}:host([media-range="XL"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_padding_XL~~)}
1	+ .ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:110}:host{display:block;height:100%;background-color:var(--ui5-v2-2-0_dynamic_page_background)}.ui5-dynamic-page-root{height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:.5rem;box-sizing:border-box;z-index:110;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-2-0_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-2-0_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-2-0_dynamic_page_header_background_color);box-sizing:content-box;width:auto;margin:0 .5rem .5rem}::slotted([slot="titleArea"]){width:auto}:host([media-range="S"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-0_dynamic_page_content_padding_S)}:host([media-range="S"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_title_padding_S)}:host([media-range="S"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_header_padding_S)}:host([media-range="M"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-0_dynamic_page_content_padding_M)}:host([media-range="M"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_title_padding_M)}:host([media-range="M"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_header_padding_M)}:host([media-range="L"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-0_dynamic_page_content_padding_L)}:host([media-range="L"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_title_padding_L)}:host([media-range="L"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_header_padding_L)}:host([media-range="XL"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-2-0_dynamic_page_content_padding_XL)}:host([media-range="XL"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_title_padding_XL)}:host([media-range="XL"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-2-0_dynamic_page_header_padding_XL)}

package/dist/css/themes/DynamicPageHeader.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{background-color:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_background_color~~);display:block;box-shadow:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~box-shadow)}.ui5-dynamic-page-header-root{background:inherit;padding-top:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_padding_top~~);padding-bottom:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_padding_bottom~~)}
1	+ :host{background-color:var(--_ui5-v2-2-0_dynamic_page_header_background_color);display:block;box-shadow:var(--_ui5-v2-2-0_dynamic_page_header-box-shadow)}.ui5-dynamic-page-header-root{background:inherit;padding-top:var(--_ui5-v2-2-0_dynamic_page_header_padding_top);padding-bottom:var(--_ui5-v2-2-0_dynamic_page_header_padding_bottom)}

package/dist/css/themes/DynamicPageHeaderActions.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~actions-box-shadow);color:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~actions-background-pressed);color:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-2-0-~~rc-2_dynamic_page_actions-~~lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-2-0-~~rc-2_dynamic_page_actions-~~lines-color))}}}
1	+ .ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-2-0_dynamic_page_header-actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-2-0_dynamic_page_header-actions-box-shadow);color:var(--_ui5-v2-2-0_dynamic_page_header-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-2-0_dynamic_page_header-actions-background-pressed);color:var(--_ui5-v2-2-0_dynamic_page_header-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-2-0_dynamic_page_actions-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-2-0_dynamic_page_actions-lines-color))}}}

package/dist/css/themes/DynamicPageTitle.css CHANGED Viewed

	@@ -1 +1 @@
1	- .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{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_header_background_color~~);min-height:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_min_height~~);word-wrap:break-word;padding-top:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_padding_top~~);padding-bottom:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_padding_bottom~~);border-bottom:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_border~~)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-2-0-~~rc-2_dynamic_page_header-~~box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_hover_background~~);cursor:pointer;border-bottom:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_hover_border~~)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_breadcrumbs_padding_top~~) 0 var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_breadcrumbs_padding_bottom~~) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_heading_padding_top~~) 0 0 0;margin:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_heading_margin~~)}::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_subheading_margin_top~~);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex;align-items:center}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page-title--content{padding:0 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex;align-items:center}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_actions_separator_height~~);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:0 .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_focus_outline~~);outline-offset:var(--_ui5-v2-2-~~0-rc-2_dynamic_page_title_focus_outline_offset~~)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}
1	+ .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{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-2-0_dynamic_page_header_background_color);min-height:var(--_ui5-v2-2-0_dynamic_page_title_min_height);word-wrap:break-word;padding-top:var(--_ui5-v2-2-0_dynamic_page_title_padding_top);padding-bottom:var(--_ui5-v2-2-0_dynamic_page_title_padding_bottom);border-bottom:var(--_ui5-v2-2-0_dynamic_page_title_border)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-2-0_dynamic_page_header-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-2-0_dynamic_page_title_hover_background);cursor:pointer;border-bottom:var(--_ui5-v2-2-0_dynamic_page_title_hover_border)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-2-0_dynamic_page_title_breadcrumbs_padding_top) 0 var(--_ui5-v2-2-0_dynamic_page_title_breadcrumbs_padding_bottom) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-2-0_dynamic_page_title_heading_padding_top) 0 0 0;margin:var(--_ui5-v2-2-0_dynamic_page_title_heading_margin)}::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-2-0_dynamic_page_title_subheading_margin_top);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex;align-items:center}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page-title--content{padding:0 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex;align-items:center}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-2-0_dynamic_page_title_actions_separator_height);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:0 .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-2-0_dynamic_page_title_focus_outline);outline-offset:var(--_ui5-v2-2-0_dynamic_page_title_focus_outline_offset)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}

package/dist/css/themes/FlexibleColumnLayout.css CHANGED Viewed

	@@ -1 +1 @@
1	- .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(:not([hidden])){display:block;background:var(--_ui5-v2-2-~~0-rc-2_fcl_solid_bg~~)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-2-~~0-rc-2_fcl_column_border~~);border-inline-end:var(--_ui5-v2-2-~~0-rc-2_fcl_column_border~~);position:relative;box-sizing:border-box}.ui5-fcl-separator:focus{border:var(--_ui5-v2-2-~~0-rc-2_fcl_separator_focus_border~~);outline:none}.ui5-fcl-grip{cursor:col-resize;overflow:visible;z-index:1;color:var(--sapButton_TextColor);padding-top:.3125rem;padding-bottom:.3125rem}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-2-~~0-rc-2_fcl_decoration_top~~);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-2-~~0-rc-2_fcl_decoration_bottom~~);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:calc(50% - 1rem)}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}
1	+ .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(:not([hidden])){display:block;background:var(--_ui5-v2-2-0_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-2-0_fcl_column_border);border-inline-end:var(--_ui5-v2-2-0_fcl_column_border);position:relative;box-sizing:border-box}.ui5-fcl-separator:focus{border:var(--_ui5-v2-2-0_fcl_separator_focus_border);outline:none}.ui5-fcl-grip{cursor:col-resize;overflow:visible;z-index:1;color:var(--sapButton_TextColor);padding-top:.3125rem;padding-bottom:.3125rem}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-2-0_fcl_decoration_top);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-2-0_fcl_decoration_bottom);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:calc(50% - 1rem)}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}

package/dist/css/themes/MediaGallery.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-2-~~0-rc-2_media_gallery_overflow_btn_background~~);color:var(--_ui5-v2-2-~~0-rc-2_media_gallery_overflow_btn_color~~);border:var(--_ui5-v2-2-~~0-rc-2_media_gallery_overflow_btn_border~~)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}
1	+ :host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-2-0_media_gallery_overflow_btn_background);color:var(--_ui5-v2-2-0_media_gallery_overflow_btn_color);border:var(--_ui5-v2-2-0_media_gallery_overflow_btn_border)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}

package/dist/css/themes/MediaGalleryItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-2-~~0-rc-2_media_gallery_thumbnail_border~~);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-2-~~0-rc-2_media_gallery_thumbnail_focus_outline~~);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-2-~~0-rc-2_media_gallery_thumbnail_selected_border~~)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-2-~~0-rc-2_media_gallery_item_overlay_box_shadow~~);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(){width:100%;height:100%;object-fit:cover}::slotted(){max-width:100%;max-height:100%;object-fit:contain;margin:auto}
1	+ :host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-2-0_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-2-0_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-2-0_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-2-0_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(){width:100%;height:100%;object-fit:cover}::slotted(){max-width:100%;max-height:100%;object-fit:contain;margin:auto}