@designsystem-se/af 35.2.1-beta.1 → 35.2.1-beta.3

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

@@ -19,7 +19,7 @@ export class MediaFigure {
         };
     }
     render() {
-        return (h("figure", { key: '9e7d6bc77471b655b587b297648bb418226ecc4a', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: 'fc4375780a0dc4efa6637cf1418893a63fb5bcae', class: "digi-media-figure__image" }, h("slot", { key: 'f773898258b2408f446501e38959e0ea01bdb090' })), this.afFigcaption && (h("figcaption", { key: '1be3ca929564168f3e371c7ba1683d969ef9564f', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
+        return (h("figure", { key: '9a03d537169e2874f6c17e9a9e6d2efb46f6679f', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: 'fc135324fb6264446630f1fc95370ac6f3b371ce', class: "digi-media-figure__image" }, h("slot", { key: 'c476bf8a2ef4453b08971b4ff06a4bfe46884cf7' })), this.afFigcaption && (h("figcaption", { key: '5f344d44debf3640963a8cde643edd16b52ed962', 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: '1568ebc0ff56499836f38a50ba2b46ec5f9f442c' }, h("div", { key: '026b2f9963c5e72cb4f4f92f4db9561083554430', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+        return (h("host", { key: 'e4944adffa821df2f7ffcc6a76f014680f5f3a0e' }, h("div", { key: 'b9e2e06bcb5ab50087f9160bd2ee54c6413c53ab', 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: 'a7b76761d159f702f5dbdd732710d312e69b8d5c', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'd8b3832a67ac4ce716d8fca3a4d0cce7f08026bb', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '58338f873f675cdbd7a65741c88c473526271c53', 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: 'b840417ef07a14f36cc9cc4b644f0bfcd35a9c12', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'aba9959e6f98dfb87e3e3dcbee9aba72f787e5d3', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '89c80a78aac29d5c0d255f2343513f30b79aef91', 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.js

@@ -40,9 +40,9 @@ export class NavigationBreadcrumbs {
     }
     render() {
         var _a;
-        return (h("nav", { key: '8f2f5e41fd75341b57af63a13ff9bd42e6b057b9', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: 'd8528744364d63f93f14c4c7ac58874033faaa8b', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
+        return (h("nav", { key: '3c6cde348cc146cfed5c5e087a0d83ba39df996d', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '4e6d101b0a35ada9dea9ba12169302e3a4da49d9', 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: 'c8c9767a0c4aca30e93f8c5c13d94b560040ca5a', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: '0854a06b2f581686bc07b58f65fc7b00a8cd8c8e', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: 'fe8f2249da90b585171f7d15699152318bf20c81' })))));
+        }), h("li", { key: 'd67952332fe8f99a1ee16c5df36247af500350c8', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: '371451576d393dc0a48c700e04a7069e3fef46bc', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '277546737b400ef78c37261a9c238f0a8a46ae72' })))));
     }
     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: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: 'd2a7ce5b274c40d0cd8d2dc14ecd16f213f625ed' }, h("div", { key: 'daa7cc434e475a8780fd04a902185d1bd38c6215', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '27e62fa02246723e52b0595013e657bce4b36951', 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: 'bfe44549892617cfbcfdb6d94380974ba26495d5', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'b4b68d61df1505026533a9e82f76b5a1aed58d62', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '11f1abdd973720de6fdba6bf2b8b7861b1dc2e44', class: {
+            } }, h("digi-button", { key: '2177e28904af67feec33d924d55240855923cae4', 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: '8d06f25a76270489266b9403919b4dae0ef6daa1', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '9da9554c531f8952d5a29d28cb0bc51914245f64', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '4dafe424e116c2b78dcf6f5266a9422bc5f116c7', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, h("div", { key: '1d811dff01c1d5d4b5241a825cda742d465427e6', 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: 'fc853e362b458af51e8b6918d0fba7e60732d51e', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '1c8984c1b7c55a6e070d14ab9f1283184d15b1c3', onAfOnChange: (e) => {
+        return (h("div", { key: 'fc5979ea32acc91acd198a9629ab2dded4db90ea', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '158795541a1896deb8c9b5031ffb55463c0d2a52', onAfOnChange: (e) => {
                 this.handleResizeObserver(e);
-            } }), h("span", { key: 'dcc509b820542cc02afa75432c464c13092768cf', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'e621a9c97d610db8e2d84fa1bbbcb09b18de8265', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '8bcaeb657b987c67f58de586a823e0867a175034', onClick: () => this.prevPage(), class: {
+            } }), h("span", { key: '6b1c811717eac9ca54148d193f2ded25334ffef5', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: '02652210db123c42e169a0a9dc990d827bbb590d', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '46942b8ca96df99a4eb02fa1cc6681872b754054', 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: 'a45ec549a97e3db230a876513246a9ceea845ae8', slot: "icon" }), h("span", { key: 'dd76e0875978c26886b10c38e8cbcc7a928cf3ae' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: 'eb6c6f6eddf1191325b1899af88ff2e1a653b533', onClick: () => this.nextPage(), class: {
+            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: '9002b7e0501fdd7d59cd87917647ac09b9d286ab', slot: "icon" }), h("span", { key: '203bcb1675655b85bc1c45ff5b857e1c5ba5e0cd' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '0ad3601b312b6ad86e1e4c192b0e7dfff3a30008', 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: 'a9d1ebc42fb912bb6af9a0cb62e964a670ef3405', slot: "icon-secondary" }), h("span", { key: '865e714423c48bbedc2252ff0d7c7013ad912957' }, "N\u00E4sta")), h("div", { key: '28364ebea353ded0d0bbc584da31199884f519f6', class: "digi-navigation-pagination__pages" }, h("ol", { key: '5dd7f2dc40ddea4715edfe1ff8514ab993a55f38', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
+            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: '7bc28d3c92f0bbea936314716984162e782e58c0', slot: "icon-secondary" }), h("span", { key: '42181af36485920bcdbf1f13f42a8469da82e001' }, "N\u00E4sta")), h("div", { key: '6d0ebfe878abea09493ba736a28bf9bdf91e0f2a', class: "digi-navigation-pagination__pages" }, h("ol", { key: '939df98f50a2c6c139c259d44238dfbe721307b5', 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: '5ce6ad60b18501707890ed6c54b569d5224c7074', class: {
+        })))), this.afTotalResults > 0 && (h("div", { key: 'eba1627e34f21fa757b2a175b1723547e53f5e4d', 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: 'f885713d831d3181652ba020ce77e50bd46a8562' }, h("span", { key: 'cb7db046f97830619e7e1698c668a5fe630e38cb', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '655ef0ca3a6ca1f8f11b56628f30f46eda500435', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '1dd088d5dbed8d49d0201bcdb8fb39d6656295b0', id: `${this.afId}-result-of` }, " av "), h("strong", { key: 'f7b940ceb11d6110aae22828f294f6d66168d78a', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '03ebec9b1df029fb31cd0a62d9f353f3d2c17690', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
+            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'b9416d1ee121572d7c58069fc4dc410070120e11' }, h("span", { key: 'a1ab6b8c12887b91e68228aedb42f86e8c86545a', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '39fcf62461682d3bf63440ec87a8ae519d1630bd', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '02969d57afdf9b4ab6e175a964257403ae3e01ad', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '6eba1502b945a4f788907aacf745d9386865ab66', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '1e9f6af5a3ba9fd64fb00367e0244d8c76e06d80', 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: '49e6899faca57bd01ca815150e7bd724f5ecb649' }, h("digi-util-breakpoint-observer", { key: '53c0234687ce752b431ff13bca39cc551c07f61b' }, h("digi-util-keydown-handler", { key: '6dda9df88c2f1b8659cd2b76ec6ab4f6c9a00717', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '74286d4d30e0a6a6cf2545f688aec6d1a843be92', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '9b9fad33640f41f82ecbaec48d51f72d303a0ca4', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '52ee40b6e98bb12da5057db56bba189e9f110bff', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '7a41d635c6dcbd8c0ae761ec641aaaf41bb8c3b9', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: 'd9c35a1393c9efc6f631009f45c23223720c4e23' }, h("digi-util-breakpoint-observer", { key: '5837cd68414b9476b89d6b55fae61a05851edeff' }, h("digi-util-keydown-handler", { key: '5e5f427281379444c6f1eb5670c52fe53dc04a74', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '37fb25c7caf4615e951411e49b58ac0e746c0a78', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: 'e0a6a4c9767f5e9fce321d2a3877b24478b3817e', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: 'db4af7995b9818a80bc4bdbaa673104659f3a154', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '4e806da0590dbf4ce3acd8661b5d69cccb020d38', 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: '374f572acc8725ab311606dd677405aa3b2b75f7', class: "digi-navigation-sidebar__content" }, h("div", { key: '2eccd19a2117f9098033d4d57293f80c779d7d56', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '8412ffb8b5614f30b2cc6aed1c7985bfcee845f4' })), this._hasFooter && (h("div", { key: 'ae676aae82fefa1963a634a043c3e30be109fe98', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '0562e77706c818652dbae18bd5c7b8a27c54927e', 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: '35307134521c9124429e534c89caa370f5f16e93', class: "digi-navigation-sidebar__content" }, h("div", { key: '66d8abf3d78eae6f19673a93d97b9ffe2d095632', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '47dbc01449f7abc831895ccab36fa983d9e6098f' })), this._hasFooter && (h("div", { key: '52c398e49611f2dfad21ad2cc2852f40a30c3b59', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '366310781fbe94fd3b28acf020a5f2bce5fc1fd4', 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: '8626372501a9979f4f8be139944f7bb0222042e4', 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: '01f0016c451fb4c2b7943ab98edb85b0352adbaf', slot: "icon" })));
+        return (h("digi-button", { key: 'd4f0ad79cd4d8799f7d401df263f63fc9d7c1323', 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: '595d0963347718ff81b39e5835398b95795ae5b6', 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: 'c29752d121ca72e994dfea5502e86252728a57ea' }, h("div", { key: '50e477d89f4624b7ffbbfd3114927fffe9bc28c0', class: {
+        return (h(Host, { key: '180607f0e16810971792fae20f20779f66bbc571' }, h("div", { key: 'b239b4635bd359319371a9c32ecea2f359997722', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '8f54656e1c0fb976088bf2a512c78a9ea12c9a81', class: "control-wrapper", style: {
+            } }, h("div", { key: 'a4cb2462fff3516700e9f0f53e456d5bdc797330', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '789e732fd56a74535efe215b579e3ef2c70e9275', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a3072c467f143306f98c8b958316a6d055fc0193' }))), h("div", { key: '68e92f739b087d623e80633ee156e11a994f9201', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '2c7bc2a6ec4c031ca9e6cb3bf6f857db859ff247', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '871befe71c7b4bc92ac933e4b2902cfd0e1c325e' }))), h("div", { key: '6a51be569a70460036b1a267fcfd4f6cb3c28b8c', 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: 'ee06a13724e25f71e88fc30a69150fd87dfb0a52', class: "control-wrapper", style: {
+        })), h("div", { key: '06539859a5edf6d4d44fafc3874b5f2d14f8d440', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '0edf13d3b1e50488b5c863dd2f0c526a67ea3403', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '6563cce3a1cbe1815e1fb4984677da74d1905e17' })))), h("div", { key: '35440cd87dda28887879505fb5630eb6d275aa71', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'ea47a5effeadfb2a0e1b83a1372779019532cd46' }))));
+            } }, h("button", { key: '6ec53807b71b0e30187dfa93cfc2baaba6694f9f', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'ebce4a19e4fb4644eedb1f8d6105c45d0000b4aa' })))), h("div", { key: '34f4c2c1b0e2faab4f0619a2b2a423979513b4a1', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'aa852c10ba33a303a940f313f7f49c66f23e8eb2' }))));
     }
     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: 'b89f13e04d43b15eaa39221387ca24ab8db74821' }, h("div", { key: 'cb11153b3b6b42ebc11d5d4a650684b72cd35a0c', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: '744d95298fabc70926f28bc8e6f89d615fcaefc3' }, h("div", { key: 'a5bd4088718b600b056ce105418e21f480729d4e', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '82547d5268852f00080baed6250f86b258e082f7' }))));
+            } }, h("slot", { key: '09ad1e232c2c6edc5acf9fe8081b0dde42cf6a11' }))));
     }
     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: '6debb69eba92bf223d6cb69226d44426057d2f36', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: 'b7b8854036d1d11e7bddb19115bfd3dda0fe9449' })));
+        return (h("nav", { key: 'db79a95589180828600a2a60b667583c570aba3c', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '43a88f339cfdc716a4878cc703386b6ea4910897' })));
     }
     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: '800fa29efe9d5e22b5822e1ee2935cd7a7b3fb0a', class: {
+        return (h("host", { key: 'fdd1bf068926819b9c3fd66968d94cdbe4b48d58', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: 'dcea466d5202094cb6cd0f7d5955403fd549afac', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '705c8d1478efc1543b83abe1b7d4850f81cb16a5', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'a6c2101d19c826c6f849e1da7bf5c85f3ef9394c', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: 'de25aff49001e11ab286605c3056f1792f970774', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '704e9500b5c7205b32572b7fa276ee6662cf6c56', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '0e6f0f8aec9c5efb02cf648c215d98ce1de38168', 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: 'deedd110d1c7f3c0bcc229cf9d8ca904f40d150f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'a97f0d4b0749946ed4dae4db4f29e15dd6d80bcc', name: "icon" })), h("span", { key: '691c1638e43383dadc7c2bf24b72dca4faae0ab0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '8e14e0f562f26c58fdd75dd7fb6f82e2015a4df5', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'c1f5c054ec5bebe8e279879db274da16ee8833fe', name: "badge" }))), h("button", { key: '02c38887b6dd2ba937a22b7fee4a1550cac8a84d', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '0179a50b7d786fa9de2cf57860ab740bf48fed74', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'cc6a850b3bc318c6452f9b0232c5a8e44b0df96d', name: "icon" })), h("span", { key: 'c826e8956448ae66e3de1faaa6173284cb01400c', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '6269a87de993096a1df5244375e0d0f4f8a7c6ff', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '9a492b365bdc457becdaf43f2119edf9aad4e2df', name: "badge" }))), h("button", { key: '8c3b3e6c9f86c791ebfd45d190a005751a5214a9', 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: '60ef87792f2ded30381b3aa1039a2914fdad2844', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'a94cf540c76598069cb7ae7a0ccd0f87a0794768', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'ffc904bf1734356140a93fcd274eacd62ffdf123', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '717da22c1cb3419d42ffefbea3536e08099a0592', 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: 'dde5611fd2ffc701032a3f504024c7a9f998e712', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '69e3e32a8c88521d93998b0dd07930c56ca61ae2', name: "icon" })), h("span", { key: '3acae0143545fa14653bbfdeb29c1a2fd1d8dcfa', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '95070d14cbf11942eaba22acab6ac05f4b08f3c0', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '5b396147f0d7190b0cc59dee810419de70bdadc8', name: "badge" })), h("span", { key: '6c2ba4d4a0234a9b7aa533af731cddfc3eb0eec9', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '56820b7f3e3b96b008eafa4f007e0edcf86b1cd3' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '861c53cc3068c7deaa3d1bb1c2b27558799d08d2', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '12f2a896cc8999ac1a434769403d4d6da124e25e', 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: 'a4fe6f47ac8d362715de509c0a02ed64d6add18f', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'b82f5346161c0b847317c18697b231060808dc21', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '091844084724649add5e94939103924cd92d41f7', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '4c8bbf1758887cb9f920095f7634f387a1b94222', 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: 'fd1d9984c8496a2b4ba95ad3d70837b492a83068', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '66132adad2a9ae8e9496ccb61ecdd20349e0952e', name: "icon" })), h("span", { key: 'e35a45d5c481776a1ae9711d6c95c845ed7b3375', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'b6fa784e790bbd97f97afaf0ca75b153886801de', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '25c8fc99bff65ef08d902f76143bb8f8a28043ab', name: "badge" })), h("span", { key: '41ba3553ddeb440ef3f6274907852b50908c9bc4', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'f13299b5c4cab851b7e66641a74137445133327e' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '758094e0a0dbbae521d0be52110b05621235b77c', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '3d0e22e90028cb0e0d10532287d1479c71683c7f', 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: '93e6febda466e2764301c2833e85d5750fc4dcf3', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '7315f5c10adf54faa4e97e99a067c7a6fd0a71c4', name: "icon" })), h("span", { key: '63fb59eebcd5b61a7bcae499744993096019c6b3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '80842eb469343e109d3fb3af8cf18999262e2d3b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '6aee843dd10d7a94e3b3450b0b919d6835b91751', name: "badge" })))), this.isActive && (h("a", { key: '9fea08058cb4f2303f0e5508bf55ca404632196d', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '938cd3f9dc140acaa4e30fb33c1434433d516cb0', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '68e851caec755d5111c09d113cd96415f4c47238', name: "icon" })), h("span", { key: 'c9c60fca09fb637de3c1853c1b0654b7f530b53b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '5f9bda3e49ea296af5735222a6a8c833075a0dbd', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '7ed9462ecbc5011a2bd0a396b1d5b256d3ac3dc1', name: "badge" })))), this.isActive && (h("a", { key: '2c50a25961d7596e906bcd88e003a366b529a682', 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: '0c0421cc195194ad2105d541683cd1d5a27479a8', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'e5859a89578df551858775069cefa2399e498ba2', name: "icon" })), h("span", { key: 'cbbff530e4c2ba9de199d9f7b145e557cdb356f0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '1669087fc43555f2c443c75ee8a4aac27fa29ccf', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '7caa0c12ec9c6ced90944f5003a432e6ee886df9', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '1d64f468ad0c1caa49ff86e602f9e4a3fa515eeb', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '4d8af2a34f33dbfd28b4159f552d8f4bc369dfbd', name: "icon" })), h("span", { key: '7aefcaec2052feec188dfbbdee7547c561a5a132', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '45869f7312ca1cbd3e28d86720f426f774a264fc', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'b0fefbe7aa98022e9747da46112db4a1452d8465', 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: '871cb3f4c67efc6195f6c69396053a393040f07f', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '8181c5c4f7fb08faf85854ab198e5cf94001b06b', class: "digi-notification-alert__layout" }, h("div", { key: '1a2b93deb9e97fdc59378ec514682f2709c13f17', class: "icon-wrapper" }, h("div", { key: 'e12811735d7b8785e1954b7de094abfceb9ccf13', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '4cf5b0fa5006b62555a05c1760d245c43efb173e', class: "main-wrapper" }, h("div", { key: '097c5ed4537643c5834b9443a2b5df64f5ea83c7', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'eb8e4fa10925737b5aa5f302b1d261d597b7e6b1', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '138f627776040f3ca6f67ea955ab029c41bacb21', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '29f87e120d5d1349b50567e774a3c1730c00da0b', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4b9d8d8a50fff03ee2191d1892ed2addc68edf71', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '67ad03f173afebe5f04cc03ad081655a889cbe3a', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'f2441e049b02db3c7dbb52f3b2bd245abfdf11ca', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'a91a180491a469141d943b9ef0f37457ca1d5207', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'ed156dbb099dab6c596e8f8f8cd1f614ae6fdd0e' })))))))));
+        return (h("div", { key: 'b1755e485968d9dce523bcbbaa65d177f5c84a93', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: 'f2a7a319500d1c50f4505939c820cd698ab3e1e6', class: "digi-notification-alert__layout" }, h("div", { key: '9e373fb47db78aac04f39ae58f5ee2a2e170ad5e', class: "icon-wrapper" }, h("div", { key: '34f7c4b362546d7c54581274b7f5b3e6c2ec553d', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '60b25ea1d89105fe7eab607e7cf398de7734c60f', class: "main-wrapper" }, h("div", { key: '5558f420c32210212b4b80ba4c4c198a6dceada5', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '8fa7771fe15270151afc8d7e9f482e1468b9780d', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '9472fad199949438d4fd94c1495be6cda7e23e21', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '8e3d3b9c1285016205e15e9d619e9c57279870c4', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'f070f41bb34a642dad375aeda8493d4d9795bda3', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '429f3fb5c0b7315eec7b0295f293691523cbf979', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'bd12dab5cafbf78e920faf4ac70b8f213836eb4b', class: "digi-notification-alert__content" }, h("digi-typography", { key: '951ee7f4a289d75e6cadae7afcd5c2d330474212', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '1d36b2ad6cece046b0755a825a6be2c3a81bd2dd' })))))))));
     }
     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: '44c22e2e84b4bbe12feff4dd8d03b43fcd4478fb' }, h("digi-layout-container", { key: '010ecb5078ed5bda8d69377a15eb5230b1f056d4', class: {
+        return (h(Host, { key: '5526497b55a9963f7f95237727ee66c51afc1c9a' }, h("digi-layout-container", { key: '63ad79b568b314052962cdd23a06da48dd445dec', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'f407e563a70e3e154c650ea93f96c483fffe0fa4' }, h("digi-util-breakpoint-observer", { key: 'b2c98d7f86ba77ac03e8cb443c7854fb909a35b9', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'cee8707654ebf52f1a8e7f1c80f9f73a570d2cb2' }, h("digi-util-breakpoint-observer", { key: 'f011dec9bdfe48673baf666349b33f06cfb16d25', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '2f3a92b803d1fd1d0a0feb03c16dc2a7bfcdf17b', class: "digi-notification-error-page__grid" }, h("div", { key: 'c676dd4330669b398cacfe58fd008a26ec02269e', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '9455f094100acd87534f1d59e868bc3a5b52064e', class: "digi-notification-error-page__content" }, h("h1", { key: '4b057f0c4f6195578754b48c62005b3fa7c4d218', 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: '3ad485290e126208782e0eddeebcd0c1b28164b6', class: "digi-notification-error-page__content__search" }, h("slot", { key: '8caa4c6c7eee2661cbf0e39242e56a0cf5cd93ba', name: "search" }))), this.hasLinks && (h("div", { key: '0844391180c5e9b70ac970b0ec7da26e0e2fe364', class: "digi-notification-error-page__content__links" }, h("slot", { key: '3c96ddf92c5111446c0da7390dd5c4cd9bbbedad', name: "links" })))))))));
+            } }), h("div", { key: 'bdff9b35bcb9344f5891f3dc66ee77d762f98bc4', class: "digi-notification-error-page__grid" }, h("div", { key: '8ed68716c70fb5c5ab542307bf9964a06d0ad7fd', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'ca1e3b535799d13030bbd097d7738dd479602e78', class: "digi-notification-error-page__content" }, h("h1", { key: '903a6940fad6e14b7b9f31eeab81fc24b1610254', 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: 'fc7b7e22d44df926bb4a56db2615b595bb41a595', class: "digi-notification-error-page__content__search" }, h("slot", { key: '5f52ab66f3971d1ac23bea533265e392c4b5cd25', name: "search" }))), this.hasLinks && (h("div", { key: '125819c77b484c60b6934074404315b8f3ef9ff4', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'b4951c5b3040972e213e631cd11ee47d0c199f5b', 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: '61e62accd53e54e8d34af45270dca84f28376b89', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '5fd95f82d51eb03e65a26fe6da94420592ac7896', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'f45f630d021bb2645714ecd221121d68070849dc', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '12a56f4b4420dc61b54878091387413309bd701d', class: "digi-progress-circle__circle" }, h("p", { key: '4bf23b5618b61bd9305224f1e5ece44a4d2c8c0b', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'e5a515dade6c5486b0dc603a7bab69881af34a64', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '984b9bc367b7de67d8dd4a91f5340655ffed9520' }, h("mask", { key: '65fc44999c53abb42a7c3cffe69aa39c249807a7', id: this.afId }, h("circle", { key: '410b7fbe91e533bd1e525bcecce9248cfae58ec7', 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: '6950491951b071ac8532b4efc18aa5fa01200f46' }, h("circle", { key: '198f5d86b997683e57708da7c07cfd1603731914', 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: 'a83ae3004707d7e7334450da41794d874e31e66f', 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: '48f38043e8873113d4f9b45f2cf937ffb433d092', 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: '51fb657182e2c9ab43b648b9b95ea85419cc207a', 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: '776019544a3b4744347258c22b46a824cb63a667', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '2085653208d4fb02923e797b79a3530bfffd32c6', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '59e7bfacf9b244aaf585d892e52cb840f768a3be', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'c4c3b9e7840529426c5ee895fe14fd20728628b9', class: "digi-progress-circle__circle" }, h("p", { key: 'fc8cf661873e7098e6fa299db5cbb60fb409813f', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '3d0b9de2c6c21b60eccbf2ffe679c0a578900cbf', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'a2b523ea32ebf0e84251599bc559f309f22f307f' }, h("mask", { key: 'a29d0a3363b4b09af8473be7154fb43d666deb25', id: this.afId }, h("circle", { key: '8a11a778cf2477dc687ff40ba8c51d470dc8fae8', 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: 'fb51cf87ff60ecc4aba82c38cc1a92bcb980ebe7' }, h("circle", { key: 'ba16468a13ef03b79ef1157eabbe2e068cb964b1', 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: 'e445957e3d4512356ead646b507c4934e7457822', 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: 'cbc41281879c79b8bf279ed2c729a92593633321', 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: '4e4ed89696e780d4195253f802704452e5050b7c', 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: '7476319bd1e6f89c7d561f19733ed897f9fd0bd4', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '0e0329a1a6810b2e2a0b277e20ff73d45cb3eb3e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '57d43545814d8ab32e2ac0bea6b745d80a8754c3', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'c20355b1cad2e77f2f103c22650b290a001a8815', 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: 'c120e84369168e574c6f4e20b0522e14def21a84', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b89e639d635c31eba290733007fd1b5febd98544', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'b024df54028fe0c7b0644aa94365adc2a32769b3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '8af7818090ab3d0e0e87ee000cbfcbc914b9a210', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '28b701e095fee774e2c7d453ef29b7b8007a6f6f', class: "digi-progress-circle__icon--error" }), h("span", { key: '1407890e15de5b938b9f148a45ba696ba612ce5d' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '133946f329dcc0806f605341a70b110e25371a18', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ec2d055d2edb312b2156ce8b89f0ef5c36fc712d', class: "digi-progress-circle__icon--warning" }), h("span", { key: '334b9ad78a4dbf62b51cc4fe0c072d278e1661e1' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'fcd6621a5aa2b7a628d6c96d249ecf37be020102', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '9b98e67a0c9c50728d0dee0ba33a81acb6c189b1', class: "digi-progress-circle__icon--error" }), h("span", { key: 'ecfd8a6b6141082e1f52181fd9ddcb60d42b6580' }, 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: '958a62cdf5d2fd27c0d7d8f6098bbcf0fc512660', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: 'b2c9dac522734de2b079fb7f3ee66b17a05ff0a2', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '508a5a7eb3cfa030faa65822a380b458d55d8709' }, 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: 'f02b2d75db10639c9822552a97d788745c3d9e8b' }, 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: '6e0875168648eb1e6ac358bad31d76fba6bf72de', class: "digi-progress-indicator__label" }, h("span", { key: '352369c1601294275fb195895502e11e1871b123' }, `${this.afStepText}`, " "), h("span", { key: '866667e733dc7ea21df81d16197db5d87ce0949b', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'f8e174fb61d50f87a5e21c42ef94fcf78c83c5f5', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ae14c34ea9dcdd5f49424468f1e10edefc81e5b2', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'e44ef622b83ab376fb3786992c560a6d3aa4202f' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '5e18e078abb80a94dd3c2524c7be282ef013ec1f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '3c8611c4bf52b0fe45c77b4d769679b0893ddb83', class: "digi-progress-indicator__icon--error" }), h("span", { key: '0447fdcdee3ad0a2a972f1b12d1dbd8e0366aeda' }, this.afValidationLabel))), h("div", { key: 'a51a23d32d8cc51baad5e81a9829b196e769a0c9', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '3e5289a870999317ba9d5bf542fd96acceb14b45', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'accad44c82032186ae66fb330902bae9fed7acbd' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '25617dcda4865287a3cd8ebf427d10f29902f4e1', class: "digi-progress-indicator__label" }, h("span", { key: '30904182f48cd2b223f276bd3e2178eba8cf62c8' }, `${this.afStepText}`, " "), h("span", { key: '516a7d10ce71cfb926d8a79eb68a882aa95d2db3', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '6cd4a35bf37c515bb4dc90e995a7e7128a4eea7f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '743d67f47573615c4a7f92b5e28d7ca8e5cf660f', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '4fa525cae054a685d952b22fb0753f340d477c5a' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'bfeabd6abb201150e04c2c1c7c42b5c0e920a418', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '290d446d50deebaf65abf84820f9042f90e5e887', class: "digi-progress-indicator__icon--error" }), h("span", { key: '2ecf679c2c4990aaf40e7a4a7a9372272365dbd6' }, this.afValidationLabel))), h("div", { key: '8d4e85be5ada1af33adb451c17eb5cbeda76ac45', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'a20387d5db7f70d504c595228d8f27f11825ef4c', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '5a04a00396136ddd9970af63b64e5b7de35b5196' })))));
     }
     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: 'd8e290ff4a95a95a7cc751066b42726a895cc152', class: "digi-progress-list" }, h("digi-typography", { key: '3185516c57e71ad920acdf32cd0e75ec6e65cbad' }, this.renderHeading(), h("ol", { key: 'fcbd8850448582f663752a30ba8f9a7b9f892f51', class: "digi-progress-list__content" }, h("slot", { key: '9b35cd65b6e7ab05d37d382012a01ca62225cf9f' })))));
+        return (h("div", { key: '2e27db2dbc1f47d9953af4e7bbe404acea55c36f', class: "digi-progress-list" }, h("digi-typography", { key: '073fa7ebf3700d098ba2b97320df43bc331c2d07' }, this.renderHeading(), h("ol", { key: 'c4742f82eb2cac8f05075a2b02343452c4d55402', class: "digi-progress-list__content" }, h("slot", { key: '3208926f0c3f5a5d469d0dc927c50af2531ff9fe' })))));
     }
     static get is() { return "digi-progress-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -78,7 +78,7 @@ export class ProgressListItem {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: '80b21a14dc9261efb2ce32212506b22fb37b9ef4', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'f20ef3af659461b0634fbbb569fe42be2b591d32', class: {
+        return (h(Host, { key: '8d6aac894a2c38f30c1830e5a66e895f961bc8d0', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'dd5f61274575b499cea3fbe91a4bf3847a5afbcb', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -86,18 +86,18 @@ export class ProgressListItem {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: '49d10fd08f38a5aad0b1356d54fd61407bdf93ec', class: "digi-progress-list-item__indicator" }, h("span", { key: '2a1a31a3805e14d4bf0d787aecebfbfecab16190', class: {
+            } }, h("span", { key: '44ef4aef8e8d1ae251c90a12a9542740e4ffd9e3', class: "digi-progress-list-item__indicator" }, h("span", { key: '02b310ddb761a7ebff10ba15840e3e73d7d6506c', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: '8311a17ed2c4498c38031326f91f804c9c6cbd4b', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'cd3be243237c5080b10ef048d9351e892da61557', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '7f413a3b85c1857b9e2a3f8ba64355539e7cc688', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'd6e8cc2ba30e092dc01e7220139840ead96c5377', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: 'ca7fe2a368f42ce8e80c651e4173e44b07d5ca6d', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '2008fa5d8f7abcae822d824288705f2717eb97f8', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '546e03eaea8c688064e18d21fe4a3bb2aa334013', class: {
+            } }, h("div", { key: '233a3f7e8f11b1522a187dedfbbe778cbdea7a8e', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '399f05fb596f246f7353720efb66e1810c845b9f', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'da84687fc2944b344f83a155489ea8a5323626ce', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, h("div", { key: '715b7137357fef90ee74314040d75c3fc73e7ffe' }, h("slot", { key: '1f9617310191422e4edf4073b5518c1b0a6e3e35' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: 'ea57bf2c1e4cdfb126f4a24ef5adbdd9f28f5dcb' }, h("slot", { key: '64ca4e94f8e17fc169cbfe6f0d5b209ea13dc2e0' })))))));
     }
     static get is() { return "digi-progress-list-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_progress/progressbar/progressbar.js

@@ -82,7 +82,7 @@ export class Progressbar {
         return;
     }
     render() {
-        return (h("div", { key: 'd8e75eb4b9cfaf86d41e9fb936db466b4e4fb3f5', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '84cb940acde7d5545f2d27a9daa4b6d03adc9a75', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: 'c4895c1dca142d8542eb7a0f7dd42426cf3dc8a5', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '0d1d2d5d7f7c5dbb504b08b3a2adb5c6618b6018', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -93,7 +93,7 @@ export class Progressbar {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: '3873931a1ae0bbc0b27c8844621f9dcf76b00db2', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '0a82a4fb490c3e89586269117744e223ae9d0a85', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '8bead9eb3d7572b65017bc5326e20924121c82e1' })))));
+        }))), h("div", { key: 'c2a2e0e09ecdfd2e2fb0332f7c7e887b1310fcaa', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '705091b0ae4368ce19ce3228a63cdf2f3641dfc6', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'c2164a0065a20ab4ef592b58a27e61f3ff1af777' })))));
     }
     static get is() { return "digi-progressbar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_quote/quote/quote.js

@@ -98,7 +98,7 @@ export class Quote {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '4adb2aefdcbdd5634be5ecf68e4e7714deb32fd4' }, h("digi-util-breakpoint-observer", { key: '3a99520cc013f2c17138fdd949cf8fe645f90cb6', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'e82a844c1e927541756d5abfd403a83192b8ce74', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '8aeb395709721b57cd4d4340c322820dfa5d357c' }, h("digi-util-breakpoint-observer", { key: 'ed512ae3c3f248b4e31a2e3c8b232773f12185dd', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '32bf2f41479ed24b91e0706a5c7095524d60c643', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
     static get is() { return "digi-quote"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_table/table/table.js

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        return (h("div", { key: 'ec9c0c95f98cd7283387f7a3d41a5a8884026843', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '19cc3c24676575e0c1b90d780e1f978846c5b374', class: "digi-table__scroll-container" }, h("slot", { key: 'd2601c42183b85a83b6088e71e272685b73f3569' }))));
+        return (h("div", { key: 'cfec3ec9c285722787ba51b270521ecd42377be4', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '87597ffdfbf455eef785645ba46600b6fdc3548f', class: "digi-table__scroll-container" }, h("slot", { key: '9e8ed3b32821e952631bdab0c717554990e9f249' }))));
     }
     static get is() { return "digi-table"; }
     static get originalStyleUrls() {

package/dist/collection/components/_tag/tag/tag.js

@@ -27,7 +27,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'fb74bcf162887c49f48f83324c59406d641159a7', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: 'ef6c1a3278a9dad10d4763f0a56ab2d9da8979fc', slot: "icon-secondary" })));
+        return (h("digi-button", { key: 'bb6dd79bacc4b5b81e5a786964a6efaf512dfe2d', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: 'f35ed04cde4df832f2a1e786f9139ad3ddf6068e', slot: "icon-secondary" })));
     }
     static get is() { return "digi-tag"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tag/tag-media/tag-media.js

@@ -33,9 +33,9 @@ export class TagMedia {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: 'd6fd6c062015513969862ecbb7a97284740b951d' }, h("div", { key: '678c6136fddc185b84bb48ebdedd2d0b75be5878', class: {
+        return (h(Host, { key: '0755f43f5dfbd7c979d10dbeb7a9bbea8c16f5bf' }, h("div", { key: '2b83835e1d3709d977d0fffcf6e23795cb023a97', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '1c39ef5991724012abec20c2625881234df6ac30', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '5559d303318ae0acaed1bdc5c51952911d152c45', class: "digi-tag-media__text" }, this.afText))));
     }
     static get is() { return "digi-tag-media"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback/tools-feedback.js

@@ -73,7 +73,7 @@ export class ToolsFeedback {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '5e40ec3ba96d1a94ab572f70ec26aa12052bcc3a', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'd0b6ee58166aabe5d3ef53a56ef5820a217d1534', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '0e1f9a0e113146dd9dd9a2b8a6088ba0bf7cbc96', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'adadcc7c2ba304c3c3da1bcd9394fec97fce52f9', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js

@@ -90,7 +90,7 @@ export class FeedbackBanner {
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, h("slot", null))))));
     }
     render() {
-        return (h("div", { key: 'd518c92ecc3c45ac56f87fdc26f0f5242d5c5b32', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '3a90603a2d1110cbbb98e18b11963c7e5078bc0a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: '957d5c51df111dd35e575f151a0cf6702555e17a', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '08b0db57b462abbc8fdb8dd87ebe7e7307915eeb', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback-banner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js

@@ -170,7 +170,7 @@ export class ToolsFeedbackRating {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: '12c11001e051554b009821f38a669d323eedac92', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '724097bc7649f5efb45d738e0ec6d60b4974ca43', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '2e895cf3309651f866f0c4a259a405d6315511a9', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '033b676f85c9ab20aa683226f179c5b9aac7a345', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     static get is() { return "digi-tools-feedback-rating"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js

@@ -16,7 +16,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: '2607773b6e9516e477a143114b6dcd09fe9ac429' }, h("div", { key: '92deb3e6684e801b9344736816460c2b92dc71b5', class: this.cssModifiers }, h("slot", { key: '624ca40f329a46a334613772b7676296506070cf' }))));
+        return (h(Host, { key: '8afcfedff74776cc85165e51fd3c1d57fc4e4ea3' }, h("div", { key: '6357fb4138d1600f4f151ee4a3feafb0755d5fcf', class: this.cssModifiers }, h("slot", { key: '901b25b56c144376fbf1b6df7d5b610b0e09f6d4' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }