@designsystem-se/af 35.2.1-beta.0 → 35.3.0

package/dist/collection/components/_logo/title-logo/title-logo.js

@@ -0,0 +1,146 @@
+import { h } from "@stencil/core";
+import { UtilBreakpointObserverBreakpoints, TitleLogoVariation } from "../../../enums";
+/**
+ * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+ * @enums TitleLogoVariation - title-logo-variation.enum.ts
+ * @swedishName Titellogotyp
+ * @new
+ */
+export class TitleLogo {
+    constructor() {
+        this.handleWindowResize = () => {
+            this.titleLogoVariation = this.setLogoVariation(window.innerWidth);
+        };
+        this.isMobile = undefined;
+        this.isTablet = undefined;
+        this.titleLogoVariation = undefined;
+        this.afAriaLabel = undefined;
+        this.afLogoBreakpoint = undefined;
+    }
+    setLogoVariation(width) {
+        if (this.isMobile)
+            return TitleLogoVariation.MOBILE;
+        const isNarrow = this.afLogoBreakpoint
+            ? width < this.afLogoBreakpoint
+            : this.isTablet;
+        if (isNarrow) {
+            return this.hasTwoRowLogoName
+                ? TitleLogoVariation.TWO_ROWS
+                : TitleLogoVariation.ONE_ROW;
+        }
+        return this.hasOneRowLogoName
+            ? TitleLogoVariation.ONE_ROW
+            : TitleLogoVariation.TWO_ROWS;
+    }
+    /**
+     * Find out if we have one or both of the possible logo variations
+     * Throw an error if we have none
+     */
+    componentWillLoad() {
+        this.hasOneRowLogoName = !!this.hostElement.querySelector('[slot="logo-one-row"]');
+        this.hasTwoRowLogoName = !!this.hostElement.querySelector('[slot="logo-two-rows"]');
+        if (!this.hasOneRowLogoName && !this.hasTwoRowLogoName) {
+            throw new Error('Du behöver ange minst en variant av logo-text');
+        }
+    }
+    /**
+     * We need a custom resize listener here, since we're
+     * not only relying on breakpoints
+     */
+    componentDidLoad() {
+        if (window) {
+            this.handleWindowResize();
+            window.addEventListener('resize', this.handleWindowResize, { passive: true });
+        }
+    }
+    /**
+     * Let's clean up as well
+     */
+    disconnectedCallback() {
+        if (window) {
+            window.removeEventListener('resize', this.handleWindowResize);
+        }
+    }
+    handleBreakpointObserver(e) {
+        this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
+        this.isTablet = e.detail.value === UtilBreakpointObserverBreakpoints.MEDIUM;
+    }
+    get cssModifiers() {
+        return {
+            'digi-title-logo--mobile': this.titleLogoVariation === TitleLogoVariation.MOBILE,
+            'digi-title-logo--one-row': this.titleLogoVariation === TitleLogoVariation.ONE_ROW,
+            'digi-title-logo--two-rows': this.titleLogoVariation === TitleLogoVariation.TWO_ROWS
+        };
+    }
+    render() {
+        return (h("div", { key: '682388427086c76a9abb42f7cd307bbbd1f85515', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '21702025ddd9cb57f8ef0722ef82c3bb1a800771', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'b61c478c0c97cd09eefea16144861ef66cdd5add', class: "digi-title-logo-symbol" }, h("svg", { key: 'ab5c1765934dfb7d3d4c1d8435e011c729b4e055', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: 'cc9bf81bf4dee33ba7a6d0a83014c233c96bff65', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: '184a1438f63168d9ac66f64b051b5709266bffcc', class: "digi-title-logo-name-wrapper" }, h("slot", { key: 'f79f53a1307bedbdcb6959f1eb394e2378fad2ef', name: "logo-one-row" }), h("slot", { key: '7343c9a47863f42368e240da59ef7626dc812cf3', name: "logo-two-rows" }))));
+    }
+    static get is() { return "digi-title-logo"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["title-logo.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["title-logo.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "afAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Input aria-label attribute"
+                        }],
+                    "text": "S\u00E4tter attributet 'aria-label' p\u00E5 titellogotypen"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-aria-label",
+                "reflect": false
+            },
+            "afLogoBreakpoint": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Decides at which screen size the title logo changes from one to two rows"
+                        }],
+                    "text": "Best\u00E4mmer vid vilken sk\u00E4rmbredd som titellogotypen \u00E4ndras fr\u00E5n en till tv\u00E5 rader"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-logo-breakpoint",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isMobile": {},
+            "isTablet": {},
+            "titleLogoVariation": {}
+        };
+    }
+    static get elementRef() { return "hostElement"; }
+}

package/dist/collection/components/_media/media-figure/media-figure.js

@@ -19,7 +19,7 @@ export class MediaFigure {
         };
     }
     render() {
-        return (h("figure", { key: '9042e8174090bf7ab8af1cabcaa947b7dacb29e8', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: 'ec0bdd40a311a70a9cb7bbad464db56e0bf3f4d5', class: "digi-media-figure__image" }, h("slot", { key: 'df1f20600b1b8733dbc78e5462c6b04aaf44d061' })), this.afFigcaption && (h("figcaption", { key: '42c5f6288f265f68eec3000fe347324a82d2017c', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
+        return (h("figure", { key: '5d441069ae28228698fd34805a2ad006a3bcfd42', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '6aebb5ad71e8853ac25fcad7b037bc5928a9c99c', class: "digi-media-figure__image" }, h("slot", { key: 'eeb9f390fe432c2b52e7d24714183c4189e41fbb' })), this.afFigcaption && (h("figcaption", { key: '0043f29992c0c76e7bc4b86659fa4d05dedf24be', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
     }
     static get is() { return "digi-media-figure"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_media/media-image/media-image.js

@@ -79,11 +79,11 @@ export class MediaImage {
         };
     }
     render() {
-        return (h("host", { key: 'f7c3cd50021dd0b144d12be801c3e2d43705fe64' }, h("div", { key: '9fad0c5697e1cf44793182c09d3d957bb2911677', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+        return (h("host", { key: 'e12a7121e8ec91455dc32e83e9566d8de794596e' }, h("div", { key: 'ac7b584f5320abb6d275262c005318b8deeb3c8e', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
                 '--digi--media-image--width': this.afWidth
                     ? `${this.afWidth}px`
                     : null
-            } }, h("digi-util-intersection-observer", { key: 'bb712fb3838af1fdced0d156a551a32e89267d69', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '6a6350d76a2bad0f509ebdef1b0992d9a636b4ae', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: 'dcdd373837f05d580d6922632192c60ce252c23b', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
+            } }, h("digi-util-intersection-observer", { key: 'cab10af769a1edd794e8d1a14bb61cbe6d334c33', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'c64bf7722ce2f68c2541b318851fd1c6e0029f03', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '8a3a904a353f69a1b923ed400bea0afebce1c4c6', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
     }
     static get is() { return "digi-media-image"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.css

@@ -14,8 +14,8 @@ License: none (public domain)
   --digi--navigation-breadcrumbs--divider--padding: var(--digi--gutter--icon);
   --digi--navigation-breadcrumbs--link--visited--color: var(--digi--color--text--interactive--primary);
   --digi--navigation-breadcrumbs--link--hover--focus--color: var(--digi--color--text--interactive--primary);
-  --digi--navigation-breadcrumbs--link--hover--focus--text-decoration: underline;
-  --digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
+  --digi--navigation-breadcrumbs--link--hover--text-decoration: underline;
+  --digi--navigation-breadcrumbs--link--hover--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
   --digi--navigation-breadcrumbs--link--color: var(--digi--color--text--interactive--primary);
 }
 :host .digi-navigation-breadcrumbs__items {
@@ -43,9 +43,9 @@ License: none (public domain)
 :host .digi-navigation-breadcrumbs__link:visited {
   color: var(--digi--navigation-breadcrumbs--link--color);
 }
-:host .digi-navigation-breadcrumbs__link:focus, :host .digi-navigation-breadcrumbs__link:hover {
-  text-decoration: var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration);
-  text-decoration-thickness: var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness);
+:host .digi-navigation-breadcrumbs__link:hover {
+  text-decoration: var(--digi--navigation-breadcrumbs--link--hover--text-decoration);
+  text-decoration-thickness: var(--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness);
 }
 :host .digi-navigation-breadcrumbs__link:focus-visible {
   outline: 2px solid black;

package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.js

@@ -40,9 +40,9 @@ export class NavigationBreadcrumbs {
     }
     render() {
         var _a;
-        return (h("nav", { key: 'b43c4fa739b2e9ee5cc5be87cbb16085d5e4e8de', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '6cf66350759ae2d5e6fafef7d5fe6b2db2c7144c', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
+        return (h("nav", { key: '24b41a5fbfb5a1cd0aef8fa67dcf96b9788f93d8', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '8ae430fdc77c3af2afa5d7a2879cc6b8bd78331b', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
             return (h("li", { class: "digi-navigation-breadcrumbs__item" }, h("a", { class: "digi-navigation-breadcrumbs__link", onClick: (e) => this.clickHandler(e), href: item.href }, item.text)));
-        }), h("li", { key: '60b1568c46bcac5d3ec638d6af2503e8b8155a96', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'd4785008a596ecdd941bc9c0a6d4063c50d6d4f7', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '594c646cadf946a41d20e9835a0efeb6dadbdae5' })))));
+        }), h("li", { key: '7994f3676796f7a24113de230ac73481345db722', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'a7a615f9de204ae0f6217be6669ac080bf693abc', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '5236e7d5db8146cb051e584264dfababb4d43f4a' })))));
     }
     static get is() { return "digi-navigation-breadcrumbs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-context-menu/navigation-context-menu.js

@@ -197,13 +197,13 @@ export class ContextMenu {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: 'ab16b3fa7f1e3491c7689298c23a02d8c9502730' }, h("div", { key: '9bd2a189392d363d09c9730bec7b79182e4283d2', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: '05f0aa648455a460d01445826cac91e121f6e974' }, h("div", { key: 'fe5f214df8bd04210fb1876f748ef7642b930a69', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: 'a0fa07bc5d8d05aed0fc5e7d01573c9f721e55fd', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: 'f1471165121eb64d50f13a0b63c353c1f61b489a', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '6fb5c2a5aa58d9997f6ddae4ac016d0505c87906', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '2e6d74e8919dc4b9c01a4462bab12145c6e37509', class: {
+            } }, h("digi-button", { key: 'bbc293206364535d9953f6e2ce164e833de852ff', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: '3301de13c63332bf848f9be86a635cec1a182960', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'd3dd829dc660fdb344cc9e877f02dead696c6c6d', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '822c9707ddb437c19ed88f23ec434dc534744e62', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '45ae1a764fb6e35936b01249e98c3bb61fa90da4', onKeyDown: (e) => {
+            } }, h("div", { key: '09875b0e4342ce6269d6375f82f8be3c3c2d1449', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

package/dist/collection/components/_navigation/navigation-pagination/navigation-pagination.js

@@ -124,15 +124,15 @@ export class NavigationPagination {
         }
     }
     render() {
-        return (h("div", { key: '6bc94a060522afac5f63cb4a0d8bcc326bc3e56f', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '4a10595e5fa940626a07b9171f6b473efd6713c0', onAfOnChange: (e) => {
+        return (h("div", { key: 'f9f60c7c78b819bc331ba608558c45ac363a2e8a', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '3c17fa7ce20bba4604b3daef869d2d81976654d6', onAfOnChange: (e) => {
                 this.handleResizeObserver(e);
-            } }), h("span", { key: '4f10482baaef2e84f8e09b81521f4c902b2b1752', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: '5ec8fc8a0e6352eb5ecc8446ebe55f6326b85083', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '912f5e823f21785dd8ed847557da078c7fde8e06', onClick: () => this.prevPage(), class: {
+            } }), h("span", { key: 'fe0e8c796a16ace02473ae2c4b9ee703621c093c', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'f23c4cc4d1dcc0327273732b18ad60f69a3fb728', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: 'd5f9a10d7a6ffcc3632ad89e5e2ad8f980eade9c', onClick: () => this.prevPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--previous': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === 1
-            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: '5124c22bcc83e86754f47b388bd1388482c3149d', slot: "icon" }), h("span", { key: 'ae03cceb2f057d076971c6d334422694830f96ff' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: 'b74bca9e14c19a0c0599140cf262656540dd733e', onClick: () => this.nextPage(), class: {
+            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'f7406d36cf023651cc28736e436f72fff021c818', slot: "icon" }), h("span", { key: '633492e7edfbf8e9154c046a46dee9ff8b8e5831' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '112286afd84d02fd603d53298fd50c6fe89e9c48', onClick: () => this.nextPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--next': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === this.afTotalPages
-            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: 'e9d4e14d76070e9f52f092c6b2b81134b074f8a0', slot: "icon-secondary" }), h("span", { key: '9fb85a8502e0b59ac0f27e759fb08dcac083eb22' }, "N\u00E4sta")), h("div", { key: 'dd56073d28ba5dabe06ac91d925b5c9e0d2d69c9', class: "digi-navigation-pagination__pages" }, h("ol", { key: '7b61f6d86f2e8d7b4c6adba61940a1013a3cd841', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
+            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: '8a9077253dbe410a861eacc2756272c745e86098', slot: "icon-secondary" }), h("span", { key: 'aac4f107d68caff6a32f27434d0293da90791aa6' }, "N\u00E4sta")), h("div", { key: '2c561f28561d931f902faee6aeb82d4381351e25', class: "digi-navigation-pagination__pages" }, h("ol", { key: '0787384905bbcd47b6d8f9cc8418720bb8f515b6', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
             const page = isNaN(pageValue)
                 ? parseInt(pageValue.replace('…', ''))
                 : pageValue;
@@ -143,10 +143,10 @@ export class NavigationPagination {
                 }, afVariation: this.currentPage === page
                     ? ButtonVariation.PRIMARY
                     : ButtonVariation.SECONDARY }, h("span", { class: `digi-navigation-pagination__page-text` }, page))));
-        })))), this.afTotalResults > 0 && (h("div", { key: '2c738c719c74eb10df742cb1d838a58f37d51874', class: {
+        })))), this.afTotalResults > 0 && (h("div", { key: '62795829bd54c83d3c4933ad23ea5e6c8e8cb35e', class: {
                 'digi-navigation-pagination__result': true,
                 'digi-navigation-pagination__result--pages': this.afTotalPages > 1
-            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: '377fcc14663822050fc3ca474af8eaa8d6e4d7bb' }, h("span", { key: 'dc4e98258f94795885260aa30216bece785643bf', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '15b46ee0d2f45914343637043476f4965ab6742b', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: 'a1e1b768e0a9bb3056b5227c9fd65a4a7ad7cfd3', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '78a944c1071bd72e6ad46f901106e29af694af02', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '44c7e72ae26647fe8d20311c6819620df9138eb5', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
+            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'bd57f3f39ac93c823fa144b593bfe245887ae743' }, h("span", { key: '27ae3ae0069cdb69cde9c8d52aa415e31bd34aed', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '681cfb83277f2456b9619dafd64d795b89ad3d04', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '42f7980197410191617bb998d4eb9168dc34f85e', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '43339c83bd3f8826d7d636b549c3b55cb222e042', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '5a25e7182084f94a554438e396d57b944ac5d685', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
     }
     static get is() { return "digi-navigation-pagination"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-sidebar/navigation-sidebar.js

@@ -278,7 +278,7 @@ export class NavigationSidebar {
         };
     }
     render() {
-        return (h(Host, { key: 'e032b1fa28757b9d4f1e86277996d84523325810' }, h("digi-util-breakpoint-observer", { key: 'c952490980744409455fc4d7f8d87963afa6fa05' }, h("digi-util-keydown-handler", { key: '7ccb1a5c4640b08799e386182b7c9994e9f06e74', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'b392bb0a14c6ab8a418923fd6f4f8627d84b91fc', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '09d71e1819a12a13ba3f52dcf061619da62d71e8', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '66503c8451492e1df8fcc3660b711aa71098a8fc', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '13f44d6def31f00ad5543fdf06c7b48cc966d097', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: '1144f757da6f170b04a0796c8d0756c837fb66de' }, h("digi-util-breakpoint-observer", { key: 'c1d2d4dbaaebdeb1cf2bf2dd8ba3ca6a5a91420e' }, h("digi-util-keydown-handler", { key: 'ccb836756c178bac9c4b8f93892210276ecb9586', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '30db28c05cee8491d0feb17a6afc704f38310775', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '1ac6862221d09b4a6cd4b53cbb1568064f13aff2', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '15429129ef50889bf0041ef0720181dfc5ee03b3', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '5b3dd6f8bbe6702f7d62d6d707ced6de42baa310', class: "digi-navigation-sidebar__inner", ref: (el) => {
                 this._wrapper = el;
             } }, this.showHeader ? (h("div", { class: {
                 'digi-navigation-sidebar__header': true,
@@ -287,7 +287,7 @@ export class NavigationSidebar {
                 'digi-navigation-sidebar__header--close-button--end': this.afCloseButtonPosition ===
                     NavigationSidebarCloseButtonPosition.END,
                 'digi-navigation-sidebar__header--reversed': !!this.afHeading
-            } }, this.afHeading && (h(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), h("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, h("digi-icon-x", { slot: "icon-secondary" })))) : (h("div", null)), h("div", { key: '32f41d62f73805c066fc69d85ce1b5edb23b0d7c', class: "digi-navigation-sidebar__content" }, h("div", { key: '365c4f48dc38e36fd0e5a2c2b1123f2461fbc30c', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '0c69a8fe3aa2245f6e80936764cc558e34079300' })), this._hasFooter && (h("div", { key: '8204e84fe921af5888d8d194a6d44e5b27f18fed', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '93323099365b49e79d8e4140a89337e1f75f6e1c', name: "footer" })))))))))));
+            } }, this.afHeading && (h(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), h("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, h("digi-icon-x", { slot: "icon-secondary" })))) : (h("div", null)), h("div", { key: '8f03a066e3979ff884ed2c932afddec57fdfcd3f', class: "digi-navigation-sidebar__content" }, h("div", { key: '7cf868fbc723698b2e05caae73a88965d08db7c6', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'dbbad860d9ba2ff9e06ac8d49a2971f8d8ccb33a' })), this._hasFooter && (h("div", { key: 'c4fe890d921b6100080ee2498ab44fbf83f8cb89', class: "digi-navigation-sidebar__footer" }, h("slot", { key: 'd37615ca54b32990b45430bccac8f814fd6af0cd', name: "footer" })))))))))));
     }
     static get is() { return "digi-navigation-sidebar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-sidebar-button/navigation-sidebar-button.js

@@ -15,7 +15,7 @@ export class NavigationSidebarButton {
         this.afOnToggle.emit(this.isActive);
     }
     render() {
-        return (h("digi-button", { key: '1a65f72ed0dc34f52775053f2e1fc6e02d36ebdd', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '99023db872d28f768b5de75d752ce509baedffcb', slot: "icon" })));
+        return (h("digi-button", { key: '0cc1e3d42d54053ba6a73a8658eff13b5e13fc61', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '7c66cf2c35fd66b18e850e54b857e352069c87c8', slot: "icon" })));
     }
     static get is() { return "digi-navigation-sidebar-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js

@@ -238,14 +238,14 @@ export class NavigationTablist {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'dca1c4abca83e261d92656219eb2541a7a56ca94' }, h("div", { key: '84035bd0943841469d3975457f154361be44ca44', class: {
+        return (h(Host, { key: '5477206fcfbd47f818a6da3d167af38ff0f0a9a6' }, h("div", { key: 'fa1b985439ca2516c48cf7df33cab4103d7f95c3', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '9b940d350352ee21585088c85e5ab82a97dc93b5', class: "control-wrapper", style: {
+            } }, h("div", { key: 'e404bd27f6e55c9d973624b1a2c3d8aeacd9a05d', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '58bc37cc25c496d0f9f8616e3c34ce80513d1f41', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a25ac43efa39432cd5a250c47a79b41c3cf85e51' }))), h("div", { key: '15c5de6088576a2fc7676e833c913b12b0cb052a', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '1944a5b2cb9fbad35d8501722ebd68f5c89d81aa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e6a5b355e245fcea52101f5aeabd261c26bf4fbe' }))), h("div", { key: '8d5379a421c0170e5967d038410ebddc49d76660', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -254,10 +254,10 @@ export class NavigationTablist {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: 'f01918fd148ec5e2dba14db76ea367f81f1319b4', class: "control-wrapper", style: {
+        })), h("div", { key: '3449b8051543fe5938e5009c324495d79cd30837', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '45608698c76bdd3141fd8d60608ec2b3f3174d4d', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '05aff4253f8a123bb2b4b6099886e8363cb46531' })))), h("div", { key: 'c84e4fbc3324c367ec6faa2238100b4ff5ad21aa', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '33ce9ee510d22e3677b9ec0abb3df0fd8234783b' }))));
+            } }, h("button", { key: '2334cda1ed43f23eda7897ef68ade86d4459ed68', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'd8dc28d704a82ae7efbf2e2234d3cb20b54463de' })))), h("div", { key: 'a11dc4d973a65a817be2a14a681b12d2d0488d5a', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '8bf4f1c9f876263d7f70115b61b930247bd7a939' }))));
     }
     static get is() { return "digi-tablist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-tablist-panel/tablist-panel.js

@@ -9,11 +9,11 @@ export class NavigationTabPanel {
         this.isVisible = false;
     }
     render() {
-        return (h(Host, { key: 'caa564f4497de7ceaeacc84abfebcc0f4aec7e9c' }, h("div", { key: '8d9f1941a0cfb540743354574eed9004c7e98907', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: 'd86b3aa0ccb2cf5406683d621e227e77f0c8c788' }, h("div", { key: '5eaaa2abfb9802570ac0958f2946438629c0af50', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '2e3a5de8f7e8e37b053440f4af6fc51820e30bfa' }))));
+            } }, h("slot", { key: '59f9c8b9c51044f8a7e5391cd16a89e65caf5afa' }))));
     }
     static get is() { return "digi-tablist-panel"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-vertical-menu/navigation-vertical-menu.js

@@ -168,7 +168,7 @@ export class NavigationVerticalMenu {
         };
     }
     render() {
-        return (h("nav", { key: 'a3458b0d3ccae59a44e82d1802fd11366352a315', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '6ad435dcbed18cebb13c558b86bb7ece722a2078' })));
+        return (h("nav", { key: '09adacd9e3d3b39226148431bd8ac025f3b6d5d4', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '87c7454dfb753c4df6b0c8aa5a41633ad3463ca4' })));
     }
     static get is() { return "digi-navigation-vertical-menu"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.js

@@ -115,24 +115,24 @@ export class NavigationVerticalMenuItem {
         }
     }
     render() {
-        return (h("host", { key: '1b5ab0650da7d7718ce8d556a5b5ca85a24956d5', class: {
+        return (h("host", { key: 'b466ce9111a5e0dac19daf8903a753c78eb5a0a0', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: '3962f56c21b5f2346fb3eaf2da5239cbd3a8dc1d', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: 'f0817d771f3532a966d1173fb8a71ad4a119d7e4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '690dc09be11d1267f9814e688634c02493ae49b0', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: '55ecf36a90033235cfa8f4394773e868549ae78a', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '788d539b5b090a9af9d6f8667ad1d8d6136af245', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'd5c04026c5c25445b8cae01c0a0809839bc7b03b', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__has-subnav': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive,
                 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f4aea7292abffeb3ee83322366c79aaebd4510f4', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'd0403a6d006f6b4963649abbbdd0b84cb45eda2e', name: "icon" })), h("span", { key: 'b5a589d5122334338fc1c4b9b3d3693fc57dadf8', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '3306d80febc00400cf18216a11d26bd12cd61b62', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'a792a35cf1ee9e2fdf3d3cc7c43df364516d43f8', name: "badge" }))), h("button", { key: '64c7429b30dd596c23c11893c71de0c5ab5ecfb2', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '8f5f0e788d6441ed9c945603ae135ba35f95e556', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '63bd8733d523416d8fdea6498d7af8d8ad5c2737', name: "icon" })), h("span", { key: '47a4175a5a6d9ceb79c494f1fb696b5e73b50ff2', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'a99a1a1b19bb755809f68b10ed3e3ed57c6990ed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '24a3bc5e91bd52454c7d3bac518c95b541748097', name: "badge" }))), h("button", { key: 'e77f10a770377161f2a1eaab942331acf8664c0c', type: "button", id: `${this.afId}-toggle-button`, class: {
                 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
                 'digi-navigation-vertical-menu-item__button--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: 'a4efdc8898dfad11bb224e6b484ac3f7f37df9c4', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'a5093d3c29145151856a4b9bdcd7a32a3ff64569', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'd20505667e02612b77ea9f5916538fe544cfcfcc', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '797a2500c3c2857d2a05886d45a9aeb94120a77a', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '36c5068a29ae8531ef8f1f81277521a33fb9efae', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '2ad0842b250b60eaff3672b683fe197887e855c8', name: "icon" })), h("span", { key: 'ba3b752e036bb4ff466efe27951592bf333c0d62', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '71cd820c7ec238e6e1adb006136e385887b2915b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '254c9d8d09233d8debd84ba66805075135d977f7', name: "badge" })), h("span", { key: 'c711f984e7aaf3dacdafd093468f5ab050c5fbfd', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '866104b9205a733726e6c4739ae10338e1c651ad' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '777d467fa2098ea3722ac918bd2aad8597fc58f0', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '430b5ac0a5ee99e3068e5a44111e06e7e47e3719', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: 'ba7281a9f65c7775bb4c80b8c60f41518a6e2506', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'd9bffd289a04e26e0f18b03ec337081f754da342', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '4f705d7bf6fcda106628ca60aac33b7a1d6a5c32', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '60951bd35331a6d121ad4dea6c1bbdf1c6fe18aa', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '7475bc63e5282040083ea78ed6c69b16eed03c48', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0e8c0ad4839f3386e293ff0b56d6fcf8218ef4ca', name: "icon" })), h("span", { key: '09a30d103f70fcaf1c2d2733371bfd80a3e89cb3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '2b4df3150e64e6a26abb802e6a3edc40b3925a32', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'bbf167346ad3aaa9475be0af73cef02bc1488f4a', name: "badge" })), h("span", { key: 'ee3545bd40e6770dcb0b11b8a4b19b47f6abcc60', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'e1b81b7a54def3cc7b69c4461370444cb8a42f1e' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'f42c85f453bf38d14f21d99f9ef4ccc82cd14c43', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'f3db75b42c7f9c59b97287efdc5a7b9e25bdddb1', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '3a02bceb3cfdaeb86d405a6388d3b089707f740b', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'df16a70d0bb01879ad6ba5441b948597d1a6d310', name: "icon" })), h("span", { key: '673c04bdedb52a87ac2f7002274f7445e797db7b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '0ed0ad5a9a1dcc28de375ec9c919507994f447d5', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'db1406bf4ed308ccc094cf3673b9e31c2ff2550f', name: "badge" })))), this.isActive && (h("a", { key: '5f94df0ea394b06d87d6f9674b45e0e61e1c7b60', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'a11026077ffb74925488f1e84a00ea35fa2708c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '498b31c99a2064a5f5861a776ac4591e9e8fe868', name: "icon" })), h("span", { key: '551fc9b44157817dd60d1a0d65bea2d4f505ff8d', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '98b9083a6c9a5970883771cb111504cfc0adc36a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'f4ecb70745f7102ac6f6d0a1921349a9d7efdfbf', name: "badge" })))), this.isActive && (h("a", { key: '59e0478351aaa62f1b7988d4ba623a295b325f35', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '0ebf18b33f4c4ccb0d8a805a8e732c7ba377e5fe', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9976b0931490ff94287cc6a748ec4de28a740fa4', name: "icon" })), h("span", { key: 'd0398d5221d4c765870a1c4fe93f03da9cbe87ea', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '8dfec7b7cb0b46f9d20870fafec174fefbe021bf', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '11a6f5b2e6c3185ba5e7631f350241987f5d3536', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'dfd18536c7e5b0acaf4dcc23e2734841efee94d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9c478aed7b2b39d04e196d29c74d3ddb39d5feb6', name: "icon" })), h("span", { key: '1e9f35bde837c753b65c85d83e3226e8e61c7bcf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '663279bcdd5959c795124b015086ea85d2706847', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '492b55cedb0248ef16b2e41e55bcd41a4e22c600', name: "badge" })))))))));
     }
     static get is() { return "digi-navigation-vertical-menu-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_notification/notification-alert/notification-alert.js

@@ -56,8 +56,8 @@ export class NotificationAlert {
         }
     }
     render() {
-        return (h("div", { key: '1bb60c83a54d9f0b319de357361a08a31b85e540', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '5efe035e1b49f9b4057766894d325d86770b64be', class: "digi-notification-alert__layout" }, h("div", { key: 'a41cd39d6a23a673bcb22a5d96321e1b88fd5a65', class: "icon-wrapper" }, h("div", { key: 'aad6831c6a0119217376de0dc94dcf71a60bf8c8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'eee60b1c6de0a5c9df5211ab92b1e2f2f2e0dd4d', class: "main-wrapper" }, h("div", { key: 'c43c5c8f9604113e143fe6f1165eaa1433290dfc', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '0ce80cb7bb0f0a2bbf401c5aabbac0e01da788bc', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'e23f9ca5d72621e69b211b4c4d6976832fcbe159', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '0c6cd9d26642889f469af51b61827789651fbcde', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'c8638c98a3351141e96fc5d49267e58b6d4b0b40', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '8bc9255bf0050f784037ad597c56a2cfaac5274c', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'd0db28da0b6392a5e5388cff7ccc6d4f2b91ea22', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'da336de716b370299e7435a5fc3914bb05b9227d', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '36be2b10df5da3cdb157e15463abc1a3d1ee57a6' })))))))));
+        return (h("div", { key: 'e4266774905fbf2b55a74e8a0955671356b98d41', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '9abdb6437416b3bf27bbfd7f1b24877df49547a3', class: "digi-notification-alert__layout" }, h("div", { key: '5d243b8d43b9e1279b688b2bbfe86d74480a0f10', class: "icon-wrapper" }, h("div", { key: '157da6ae9d428763051b79f10e6a647ef51beaa8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '0f489f9fb220be2b4c0afc96c8c17a902e8110ec', class: "main-wrapper" }, h("div", { key: '7354aa28d772f5e79cddfc78d73d8f791eb32c5d', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '24266095733533913ff851a84b3478850a75f8da', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'd86d0a95802ddd4f1d56e009e6551f4f7c5b9a6d', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '30d19c2d35a5deaed77d8921a24447796f2560c2', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'fed2a1627e9137a9f233329550138082a0295a14', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '6931822676b2439e74d27ee5151199360a02f6b5', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ad16adaad35788c28b3d7df61081e52e26f00016', class: "digi-notification-alert__content" }, h("digi-typography", { key: '3b2d41e52020b6ea4ad0580912cdbcb063b2a9db', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '0484d598f84c53ddb678bb53264fd125b85e3b8f' })))))))));
     }
     static get is() { return "digi-notification-alert"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_notification/notification-error-page/notification-error-page.js

@@ -128,15 +128,15 @@ export class NotificationErrorPage {
         }
     }
     render() {
-        return (h(Host, { key: '2373edff9c7da0fa087d380ec68279c1516a3775' }, h("digi-layout-container", { key: '50c8d7a214bff2d4c07f23666e4bd70bba088300', class: {
+        return (h(Host, { key: 'dd6397da98fe6b78e9084cc9ac459e094d8d5bb7' }, h("digi-layout-container", { key: '1aef180cba13342beaaa3aa953970049d9b69fb6', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'aacaf56b9ff750ca1405b8bf9cdfc8f6625226ed' }, h("digi-util-breakpoint-observer", { key: '1cf660b8f6f1329a0eec1307c7ad056bcb1dfaac', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'c738f08eabae1a1de52c5237fb273761b7c9a2f8' }, h("digi-util-breakpoint-observer", { key: '13412e62efc15720274f856d2747f899d119fe3b', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '40f3201971bbbc644d0479e013febc94077318ee', class: "digi-notification-error-page__grid" }, h("div", { key: '04fc4ed9c8e2e8c4a275609daacb03b21c9ad227', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '8a9116c6d4169457e456fac6d3d73a97eeb1356e', class: "digi-notification-error-page__content" }, h("h1", { key: 'c9ff679f803eb5e4bbca3b4f5127a232559e900b', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'd744428034c8fbeb2506ffac990f34edb77c2c21', class: "digi-notification-error-page__content__search" }, h("slot", { key: '1890708f82ff9620f41f7b5b454c8767ed0d7f3d', name: "search" }))), this.hasLinks && (h("div", { key: 'd2b0deaa3c2ba137b0ffe94aab41c0b7d6dc653b', class: "digi-notification-error-page__content__links" }, h("slot", { key: '5bf5daa2046df69cc065cc2a317de92e9cacf269', name: "links" })))))))));
+            } }), h("div", { key: '23683ae9e608498684a9d23d46ac0fba1968eefb', class: "digi-notification-error-page__grid" }, h("div", { key: 'e57b9767d9fd1d3d1ce6da2f729ec17d056ca903', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '839d44c86d9e09910b914d0d35767c7e55f22785', class: "digi-notification-error-page__content" }, h("h1", { key: '594e76c4f59542470174feca11a48898d1e21038', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'e4ee63a47a9dae772899496de75a0dfa8e90b547', class: "digi-notification-error-page__content__search" }, h("slot", { key: '0b034d469467c363d4c73538bdad7f1f61e67df8', name: "search" }))), this.hasLinks && (h("div", { key: '5e305111706366d1827651e2f2b2c6d6e4c101fd', class: "digi-notification-error-page__content__links" }, h("slot", { key: '25ae49501bc7d37dae42f9fadbd1966634e7aad6', name: "links" })))))))));
     }
     static get is() { return "digi-notification-error-page"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progress-circle/progress-circle.js

@@ -55,20 +55,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '4282b67113e7ed48e20030a91f9f41d1fb0feee0', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '1a3cbd8d4899553af29ed061e9def7d6acabf1e5', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'ef0990335cf590232e4eb8c6a3d4420d5b9477d4', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '2d6e32458f3200b1816d12a76c7d78a8242c5b4e', class: "digi-progress-circle__circle" }, h("p", { key: '9d30a817dc4674d805cd272a51575da43ea070dd', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c5d7e78b02fbabe8005c9b0a502b7c407bcc5376', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '4ebcfcfec6b9e5df3d3ab62b8999431fe1c3a2e1' }, h("mask", { key: 'bb219a267aea7bb5306c5a5929c0d9702dd7f0ce', id: this.afId }, h("circle", { key: 'd1b716d45dafb38f7c619ae558a0a171c18a72f6', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
-                ' 15', pathLength: "1000" }))), h("g", { key: '34f4ed2eaa00b2367982ff444d0dd1e6c3dc9afc' }, h("circle", { key: '0627939963dc535df31c25b06864b6a679dc7711', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: '3568ea85b01e2614b61999d6477d74ce51338c73', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
-                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: 'b6b168dd3cd61b246f5ce95d605ee833fea9007d', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: 'de1deb8ba3f8222680fb9c00ae966f98aae9e991', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: 'bc65c03699b17e5606f08bcee06552f3e7a75299', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '5eb7d2259351c55a6c078bd922a68920ab77264e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '063f1c6f30fa53d97cae9ffcea0a1968bc5aa06f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'e4bbb22616745bc2dcdd9c0170b571a649de4856', class: "digi-progress-circle__circle" }, h("p", { key: '1d4d3f72605a15628df7eae8398b968912819895', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '5d8b22ae6d5b22b6ad7feaf59f2f2ed6404cba9b', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '2f2992ef04604171a4ea09239e4516b05fb09020' }, h("mask", { key: 'ca79d3774080aa0a42c05b46bf0810ff05f68991', id: this.afId }, h("circle", { key: '77597d66902e016aaf6f8ab733809e284eb56b5f', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
+                ' 15', pathLength: "1000" }))), h("g", { key: '162ba4ddefc21d05e0e5a328811e3468112f1866' }, h("circle", { key: 'f926540f73f24625bb6f5c44a47157e094862c5c', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: '5301c86b661649448c9f7296a704dee0c70e43fc', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
+                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: '4d826aa4f569c8237d9c25dea7dad8bc344bae15', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: '5937a215f6d9135ec65090b9e7442c37e1e5a93b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
+                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: '6fd4df913d10a90086a8ea4a9df7d4b753135db5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '0b308f58dd160b10587599384afd5a1d747a7d82', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '647d6839dbd8d8dc2407e5f2deba4e36c982258c', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '802382fbcaadda005bf23ee75a653087f68db28f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
                     : 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '62350e9537462051d26c818b83dae9389bb4eb07', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b9391e58d89226b7d79499ed4ec9c796c37693b7', class: "digi-progress-circle__icon--warning" }), h("span", { key: '27ab5d60c531fb0e6c766945adf3297834e92991' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '6ee177d608b0fe4030a7b71ff243820b8c7f3a79', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '46620919ba13354c6c6fae2870efea2cebd2c85d', class: "digi-progress-circle__icon--error" }), h("span", { key: '01e5695a2a1f63ff7c5c67156b97c72d9b8c8d16' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '1ff7ccad0fb8907b06eb8a134b2828adc19319b4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'fe3826a3ccd343d98dfd200e9b7eccb349afc073', class: "digi-progress-circle__icon--warning" }), h("span", { key: '5febd251010def457155b547c57fde6d77bd9a89' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9f964073305fbae7f0795dec8d390a95a3e33ed9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'e281a259031989cd2fabcc59a415e33fae8fbea1', class: "digi-progress-circle__icon--error" }), h("span", { key: '338a67a467dc21476468f869d06fa45838f18c5f' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progress-indicator/progress-indicator.js

@@ -94,9 +94,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: 'cebf492c0a39a79e523d757097c0e90163ed199f', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '43392769b56d5746853546f9a0500ec40a74272f', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '0183d2eb31661fdaebe5bc1f5fde28f5b5b232d7' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, h("div", { key: '5462c691f608be217fd9aefccb83fce62de5248b' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -122,7 +122,7 @@ export class ProgressIndicator {
                 ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
-        }))), this.afStepNextLabel !== undefined && (h("p", { key: 'da779030e881fd0d6a15205ef572bb5ab9c7ae76', class: "digi-progress-indicator__label" }, h("span", { key: 'd43832a6f8dfb6f23f62915157f59d63e58bf53e' }, `${this.afStepText}`, " "), h("span", { key: '12773aaf1cea1c286f1361e21ab529b2e51f90d1', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '0aaf091c8d0fbc13a4e039bad422e0b4debc338b', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '61916e341e4f8ea95eb42ce0e7c6d0a2985bd3a3', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '5a60c717764281dab0c024f97bd7c42b04eade60' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9fd609305382d80d2347c72b952595facef4dc31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '9cd61ca482d90ffe46c76220b262945b6ac2a70d', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'c5350bb2480fa2fca350655410ca9b001fe69f91' }, this.afValidationLabel))), h("div", { key: 'cd5916200ee1767247c12ba8dfd8430cef91dcd6', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'bb7fb4a134d555e9132c7db7e846c0bcc4b1d23d', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '50a8f7850b3a32cb502b3fcc68b8d32984bf7a12' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '5e085c2ba7979c21f4f67b9b633fd10933c6f651', class: "digi-progress-indicator__label" }, h("span", { key: '3684a3cdda7f94a870e7bfe9e1e2d8881c4a5f05' }, `${this.afStepText}`, " "), h("span", { key: 'cbf24f2028d6a90234ed6a8a954a1613110d36cb', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '96ce77412971fce06cb49c6512dfcf17b9f80e31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3de532d6cc8559958fdbf7a394d666e0b95f851b', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '4d6a53a632e40c8f901606f7efa4ff7574cafd49' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '350b9d146b7ae2f06b5313f60ad8035e5febc8e1', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '8aac2241a2e76118962dceab2d605f4d70fab060', class: "digi-progress-indicator__icon--error" }), h("span", { key: '27d641b718cc413c78a2b728dde3d36ad5517574' }, this.afValidationLabel))), h("div", { key: '5530eadf13fb3ddfcd68301e134f979518c6c609', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '5127409982e8ae675a4092a40ec1fe61a1894c19', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '49315ebaa461fb3ebabe88556b9d72484ac655fa' })))));
     }
     static get is() { return "digi-progress-indicator"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progress-list/progress-list.js

@@ -106,7 +106,7 @@ export class ProgressList {
         return null;
     }
     render() {
-        return (h("div", { key: '49cb5a23843ac9eae6983616ac6dd43742ea2ca2', class: "digi-progress-list" }, h("digi-typography", { key: '2168ea4ef058061e969707c08f29da8595a1c5e2' }, this.renderHeading(), h("ol", { key: 'aa216f9890cf73ded9a189a098ec4c2fa81b1646', class: "digi-progress-list__content" }, h("slot", { key: '804f93b6949e3ac53d5057c96ca431b834d5c968' })))));
+        return (h("div", { key: '5e1868ca288b8df8924d6a378e3a3e4676b072b2', class: "digi-progress-list" }, h("digi-typography", { key: '05df8d33e8421c1b50c6ece5a0fef00e0c1d600d' }, this.renderHeading(), h("ol", { key: '55555aadc901f299ebd67220594edb368ef20b58', class: "digi-progress-list__content" }, h("slot", { key: 'd36492f837bf45753525fcf21ec05a7519c02f59' })))));
     }
     static get is() { return "digi-progress-list"; }
     static get encapsulation() { return "scoped"; }