@designsystem-se/af 34.2.1-beta.3 → 34.2.1-beta.4

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: '1caaf3a709f3d70f94a4c4dc15721f99c77624d5', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '18d13dd9b91dde688ef024e5d444027a1a6e3034', class: "digi-media-figure__image" }, h("slot", { key: '898eb67a9fe7504fc5cdcd6b8128a7512b55dbe6' })), this.afFigcaption && (h("figcaption", { key: '5ef1ceb158e2d0b02dd96ad07c7b961063eb9c6e', 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: 'd186872764be078c58b38209a67ef740c2f2cb75' }, h("div", { key: '4d1aaee294b86cb30852e121a66e2bdbf5ba62ed', 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: '9122556caf2b8bfa9bcf2cce14ca5e3915322f57', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'ebb2fec9141ca77c8ce826cbc5aa1cb4ac8b3cc9', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '0f2efa0a6e76d8c3387634cb6d4e12d578a91c15', 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: 'c761c2bdd8bd31c543afd8ced62aa924c0427c50', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: 'bcfd5e8eb53129ef7965ab4b523503ce077c62b0', 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: 'ed53f18cf6ea6c699c47b1e79b1a19f0e2cfb476', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'f68a343507d461b892298f470127b9781d873b90', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: 'f6077f9205c34616c2dead2799710b24d1bf71bb' })))));
     }
     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: '36a18ba664f2ca76758c4b468f9c628bd53c4d9f' }, h("div", { key: '961cd1cbb49f8ed9345aa62d454bb1439383db5c', 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: 'ecbef85859ea4e37e9acdb9dd8a198ac71526903', 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: '41c0b2b134924ac4778dec54a93a1535d3816119', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '331df5f45a5a4a393c8d03b1864bbbd3ad3d982a', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '1245a33444c3f1dc28b48b1b395406d7175006ae', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, h("div", { key: '15b40cb1ce0b082e44f3cc3baf70e75529306f06', 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: '1dbc608cff5c87d105d7fa82f26475e15025733a', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '36246a006143033e49f386f37036364803cfcf24', 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: 'e5ad591dc64f7c0ad7da1371dc9fa32666e02d7f', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: '590619a464c6113b9d62210745260d6b6664d6c8', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '0f07ec066d04b70cdf0120c7120ef53220b90787', 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: '42e4965b829bbd54fdca7c81bd830cf1ceae16b6', slot: "icon" }), h("span", { key: 'fd5689ab399ab6ae614db419a5d6e82e79f5b45b' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: 'd473aa031ecb31847d980ea09dbba935e945ca23', 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: '19b488a01a3e21be54f00fe963c1e2d529ba200d', slot: "icon-secondary" }), h("span", { key: '772ec590867f1eb7029d106a63929f979d6d3770' }, "N\u00E4sta")), h("div", { key: '812d8dce880142da3f1991faa7a95f1abfe9de31', class: "digi-navigation-pagination__pages" }, h("ol", { key: 'c3c7495953106cd76e7a97648f9f9834ff945f86', 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: 'bf578e191f1507f0b174ddf60fd838e75bec0278', 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: 'a9604b2cbc698443c967968c8b638e57efccf95b' }, h("span", { key: 'ab60bcf8b1f57310ba4d2395f208ebfabfd50416', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '1bc0d83897b779a4c0da39675830edb4605dff0a', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '7a994608c65d9bf55d25e05dc61c2a5ef23eda23', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '1510aa2221a83f39fd82046bed9a5be2e859c3a8', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: 'ec5fe1efc7db07bd0df73f8290cc6e2839c79688', 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: 'f5391cf9571b963eb2a9ee89e7989cc26790635f' }, h("digi-util-breakpoint-observer", { key: 'af2f9baf93089d83d27fcd6f9fe2ac31cceefab8' }, h("digi-util-keydown-handler", { key: '78fbc15df77792137d8d59763ec3c7b9bf6ecc2d', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'f291b84365ac6455ab62bb90da6738b3bf2a4877', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '30c23d386335fa6e9164a046fcb112033931a46b', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: 'b7bc0f419843b695dda7025270443205f1b6954e', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '2974c3c77cdc679c77676b146c99cef99c006712', 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: 'a69794be1fc8f4dc18eaecebe4597923bef92909', class: "digi-navigation-sidebar__content" }, h("div", { key: 'd3db1aad1a808d7f5020d2bfe5e0453842cb9e49', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'c727d1d14882afefb28f5425e643d1c2c5399d3b' })), this._hasFooter && (h("div", { key: '3519115b0567309025049bf0541a1a2e6abdf4af', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '72beee5945b3156171bf3f5e01fbc035dba5b236', 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: '6521fcc9ca3fa59c6c18fc9460365158ac649bb3', 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: '78f08c282efd0f8e31645567d60c4a393e190b74', 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: 'cd0e1b6864fd6626c4353d3ba6ce87ae9ada03f1' }, h("div", { key: '58615534f1ba0a9419e732378990be13c0d41f1e', class: {
+        return (h(Host, { key: '984dcccc1c59d1d0d8516a0da050f6da14ac4bda' }, h("div", { key: '242017c856b2afb3776314b5a4203ef969627d47', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: 'e356625ac7f8fc34d05c2bcbc8ce88ece6279ee6', class: "control-wrapper", style: {
+            } }, h("div", { key: 'e29a128663f7e46eed7eae365ac5821341b13e08', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'b1e4d8cd6a55c2e50e2fd5a081553c953bd3c650', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'c630e957ba8228fab9a38ddf2a28015fcf9c352b' }))), h("div", { key: 'd1a17aafd851954ba9d4530ecbbc2430095c77c5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'f86ad9656b7450f13e568d029e4f2a9c0ff68dad', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '0f127badcf5fd6a527a0c727820b9b34baba5c3c' }))), h("div", { key: '0d42040ba9f1ea0c5647da3000922fd6f5c0ef43', 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: 'ffec77b5eee5eb4bfe9cfa8bfe79d1f576ff85d5', class: "control-wrapper", style: {
+        })), h("div", { key: '6b11bef0a81bf78077379a6785e535424cd6b9d1', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: 'fe1a428304f6b4c1447dfa017bbec9a397022499', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '2ae47a6ac521a2f237f7b82efb3745776e05617c' })))), h("div", { key: 'ec52d456d4229b0e7611dbce988894e95d2ba28e', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'b500ff8ccb8a823052f20f26c5568cf9a0cf2245' }))));
+            } }, h("button", { key: '94cb2c7233e90d96d9b9fd7ef367f7d1246dce81', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'b11e774bc5314e0cb1ef3bd6d44dd73d449e4443' })))), h("div", { key: 'dd959e9ffdc3e09b10ce4c3d444fc8ef8d5cf293', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '7d32d706b18c5896088fef6d84e6e64fb9d1648d' }))));
     }
     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: 'e4cfd11c6f4bbb2487c0ff743e8ebf7dd5659ae2' }, h("div", { key: '6c88d83d97f6192b59138bcedb262c5bf6c609a4', 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: 'fecd78af4cb75e725d1df5fc39c2b56786f73414' }))));
     }
     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: '2a565153a8e24d8e551f32de09d77562575011d5', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '207f9b6e514bfab6aa6a0c1f53fc3d85ad50ae97' })));
     }
     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: '1e03f17264d4799abb059ece12150b507b3ea915', 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: 'e78cef9ba2d544ad464210359351c2371c47c82c', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: 'a9fabd5fbadd5b393b8079afb2053648f86193df', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '8862dfe8909827aa9f75dd69506238f14de3fb93', 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: 'db197446eace7064d4937d1ad568d14bf3f36e61', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '6e1034522322ec7d069dc5fd95600cbf24dc6599', name: "icon" })), h("span", { key: '87ecda6ff5efec1510839a869ae0c6022545862a', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '17b7e931390b200ddf419f1d6c5eba2d329c9556', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '609f0857f61fc06fe13567edfa313c5ed9ce7059', name: "badge" }))), h("button", { key: '8c68240a82b8cacdc116c5db207cbd18c8f0f01e', 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: '14c2c48adae220415a2d53148e56342c5653415e', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '7bed1f46a218e9c2cab3e23c72b69c79eb484830', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'a7f3ec524641d206d2eb71fa611ccf5581ba6621', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '5e0921bb73a6fc2c9ee57710b9862fd0707b6470', 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: '643a21e96b2b90bb80532ec68a019d9ae38c5dc2', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9d0dbcf68dd42216cf6a115ed3c288a4e48f5c7c', name: "icon" })), h("span", { key: 'a4b36ce910761fc459810b5c3b6196e0c04bd07c', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '44bb9444fa723b38fcec24efd4fe1e89e88591ec', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '7fe4c6135d1612ffcdd178e68c986bf6a5bb31c7', name: "badge" })), h("span", { key: '7b97fab12778ac9c26e1ac5f008810e74ed3b74a', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '89e289c0d5814b3552d692f59e0ec581f09dd9e3' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '03a22929b34f31da2233e1ef0ad83417c127bc22', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'f80f533636e4f6503fe2aa610995dfc5ed1ce27f', 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: '696791a93ab2438ecf386de73aa484bfe53848d1', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0bc1f70bb66b4a4af01a708ef9d1e7317bf8e818', name: "icon" })), h("span", { key: '28425d6ca12ab68e41f91136d4fd77ff771c9e8f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'b0dc83680cb3541b3beacf602545438bc1935c47', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'f3117bcace4bea2b3318faf2eb3e57c4a73050ed', name: "badge" })))), this.isActive && (h("a", { key: '71172e0fbcf2b63d392119308a912e1dc3e05607', 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: '2ed7a3119d87d0635e574e46a88ef65f90792f5e', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '886f5b3123c19cbf4e78879ac5b940488ab30108', name: "icon" })), h("span", { key: 'f44d836591050273931a2ecb52d2c5a87c2ebfd8', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '0baf16c2ea6243f36413bd1dcf1f0e5d31cab382', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'd00986d576c0f5c82fcb2fc13b343e252374aa88', 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: 'd216c37284b1a881cfac2e0cd3c95589fac3eb62', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '3390e1c174a2e914901d320c3d6c552e763b9f6d', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'e343e99e6ce05d10aa41babd46f7b04b977d6195', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: 'd26a588f07eb5d01fc77ff34d094ccd3c052cd8b', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'e5185a9abfc377409f6e7f4e3a0edd1c0ee7d87a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '243c2b121fcbc985af6479d29471907089db43c7', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '858281e459e54528aaf693b621e03e23af5dd022', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'c88f1ea16f0e3c98bd975a0d32427d9f676d536f', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '793df73e2b87df8de73e193bf13a493fffa8a8e6', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ff5f17c3bc8851462b4c4ee02121eb2503d3d392', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f0b22e5372d2f2f20eed05f43ecb8f3f17f60a66', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'bff93c0ff0e9a0adf34503b57883ef97d035a230' }))))))));
+        return (h("div", { key: '32271d738e0517c88f36a5b7b71bd3a9b6457d76', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '4b2f6782041129cb51e5f2440c680f391ba40424', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'e2f8f777b9d43ad6da0b3826b5f111933ceabb9b', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: '25fc4b8949e77af43badb81f1147f0ebce1a96f9', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '66fb621e83b3a8abead9560e267a066d905ae6d7', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '7f86c9de39c8b1139b0a8ade13edd1f1aaa1f05f', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '7d3592ed688fd7ff1534ff74862e6aa88deed551', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '202f9f5a0524696b325687e768d5b4fa4ca86c0c', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '798b85bbd276abff8b576a607a2acfef6c30ebac', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '31a0cac8a228008a6d148a41644e790a11d86712', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f78e45874efefac4613ed9a2844ca7f64ad87a81', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'c64475f6582f3c5dd95e521e48238c0d09a885ff' }))))))));
     }
     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: '9007b4ee8823363099330bc1f7887fde0f1fc801' }, h("digi-layout-container", { key: '2ca41323689ab2f60db84377e4649d8b40ea31aa', class: {
+        return (h(Host, { key: '6b264d3832d83a5b1ab7e41b38af6e4bdfe0f47b' }, h("digi-layout-container", { key: '20d627c552da4947d8f7dab65896e899df595407', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'f2aa3c8488809a90e5cf8260e6fd62d5ce691939' }, h("digi-util-breakpoint-observer", { key: '09fb7edb29856b7c32029af2ed2fe19bc1840fc8', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: '4f8c5748eaff4ef65706232a47aafc90bdfe3d5e' }, h("digi-util-breakpoint-observer", { key: '93c14ffcb1a2d5d39604441a2e1c2ac777d3f19e', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '9a86c17bf781d50f4533ac3e84f50ef7025f045d', class: "digi-notification-error-page__grid" }, h("div", { key: '2c434d147d65932338d6fe8f9365666a0560542f', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'ee10f72e382f4f8b1f41502caa44ed0cfacf3ed8', class: "digi-notification-error-page__content" }, h("h1", { key: 'bc1981e7c5912ebe9089947ca048796484fc3d4f', 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: 'ebe66ea064fd027a8947ffa6418c287ab81cc68e', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'f7abf93d48bf4237315d18c1865c677dbfa8c654', name: "search" }))), this.hasLinks && (h("div", { key: 'f21fdfd7e53ad2581b87f815093a32dfe3796a56', class: "digi-notification-error-page__content__links" }, h("slot", { key: '918ad5f62eb401a17ce47e186749fa765f515c31', name: "links" })))))))));
+            } }), h("div", { key: '63185b1f302d3e10be44524407149ab6ae63a952', class: "digi-notification-error-page__grid" }, h("div", { key: 'cc1164615604a482efb236480f33dc29a55660cb', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'd6aef18ff7e6e54c3f3b8d48777843edca859b8e', class: "digi-notification-error-page__content" }, h("h1", { key: 'fe63f968b35d64ea56be0386db480dcfe671972e', 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: '73f8994fb68c82c3a652809ea3ab2a04e6219044', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'a77fe895bc435b788a4a42e864046a64ba97f924', name: "search" }))), this.hasLinks && (h("div", { key: 'bc6b03e45709b20fff527c1911315cbc9da0cbb6', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'c3b0c14cd148f6b86212b99db28984d3d9bb41ab', 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: '2223e710ea591a1bce724a73514f121a8ac15e10', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '892677dd610a029531a6a7fffd664a3d1fad085a', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'a894b5cdb0ec890bdc2556fd6c69d1a22e9d82e6', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '09a276fdb5a447e76fdb42c7cc31412d8f4d1306', class: "digi-progress-circle__circle" }, h("p", { key: 'de38adfd8ca69ee59e78592fe3eea6b5e6a0fd49', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c4bc578ad7365f955960fb09ece6071f797362e0', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'fbec7c6308e376c38e448783c1e5b33f109902ef' }, h("mask", { key: 'fdc1a020eef009ae54041e097bb58e2ac8882c1d', id: this.afId }, h("circle", { key: '2fdfbc45457ab9b58c73f824f4533bb8f9574858', 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: 'b8fa0e61163e0bc8c916cc1c12a1125d05dc470c' }, h("circle", { key: '295044989d6af45c77e755308629e459f015de73', 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: 'b38d425aac902e0b18a01be38ba32613a11b4d75', 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: 'c26f7b3f795a0d09a77d257c9b3ce1da3d6bc67e', 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: 'dcb2345922fa867b2fba23d80d97e62c19c96612', 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: '85ca927a82f24010f864f84d7db12b75a9c2a510', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '07a8b228374479bfb432180294ae68740faf4191', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: 'ee3f1ae5f8def6d7e046eac289fd8077331b337f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'a08811ea73acc3243a7e93df421f7f72ab9828ac', class: "digi-progress-circle__circle" }, h("p", { key: 'a6f3f81f4eb5627e3cbe89ea464a597d0568a12d', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '73c723c5f3c6fbb2142e4e4b579bc93fda736eae', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '270bc9e2fd9cb466660d9635dd6bff10087db2b4' }, h("mask", { key: 'baf4a411f0cb0f92a45aa603d7170ab37ad37d6c', id: this.afId }, h("circle", { key: 'e41e36804baf5a913974a70faa09c80dbc00d982', 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: '287b9522be234e84f47dd82945c69f3fe3c51f96' }, h("circle", { key: 'afb99bacdd2f80303b21651f83f871538261c7d7', 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: '38578139973afb58321cdc72b420eef262e68873', 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: 'b2b468087f596dacd0455241eef5d579d8161d7f', 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: '4883aaaf40d10e3b295ab460b6d9c6c777f6fc5e', 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: '9b9ce8c2972192fe02f77e57f45cd7c54c3c13c5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: 'eea801adeddcdb47997f4f96e751d852400ff25a', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'fbe11b39bf20f8495595f3112eac99da39ae9e11', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '28f8ef32c770c3685a6b796649b355fde537c256', 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: 'e35629ef757aa9350625a07e9f3199a9e6a27452', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '090c4b0a12f658fd36e027c43d19b9c604bb518c', class: "digi-progress-circle__icon--warning" }), h("span", { key: '8e847f2fae3db29de10652acbb0b0e7f12df4a9e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9caaebaf35de03040557fc0328a4e4b778c85c9c', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '1e8a09e1cf9391b6f39dd5a05c1bb1be6907fe12', class: "digi-progress-circle__icon--error" }), h("span", { key: '845d528643bb57444238c024ffa7c5c502c60bbe' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '2f78aaf8cde5ff4a865810d40396065a2bf3db96', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3f03224d84a948b9161273f4d5d296e25c6a6c31', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'f04614958769ab3ea886ad7c6e8cbc6a4f8ace43' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '02e4951c45aa51b3c59afe0c98b1cb469b288ce6', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'd26e69c1b043a0487c69ef9fbe4579a8939c4340', class: "digi-progress-circle__icon--error" }), h("span", { key: 'b4ef342853bdbcbb971b2eb5d2da212dfe73bcac' }, 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: '80d02e8a2fc25b111dc148d7342eb7d5d160064e', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '28dcf5b6b82cabb6e490643f6c04f6982908e068', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '9bb8aed7ef1655f91a8cb384e0b4aa9ed38096f8' }, 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: '20e4b1f43f993e8e0bdccbc3b436c9c1d982acec' }, 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: '4ce381c212b37353cba14e1aa5e9f3e43929fe66', class: "digi-progress-indicator__label" }, h("span", { key: 'fcb7d38baa3fce4d1a3cccda6b0ae748ef5ef7b8' }, `${this.afStepText}`, " "), h("span", { key: '46fc8f8370fb9cbd3aaff4fba3fbb36e650a39a5', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '4a8cfe5fa796ff0b17a8288fb141506273b4cb96', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b59887bffe6e77531e379036e2108cb986dc4580', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '7bdc23d5a5dcc6836df8e235c14d97376b5cc69a' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '29b758c17c66d6d0ed9e8c2f1ef8438bd8e460ad', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '74d87bee96eef04ec38393fd8ad11003e209b122', class: "digi-progress-indicator__icon--error" }), h("span", { key: '6d1d541507038f8834c506729cac3b757100110c' }, this.afValidationLabel))), h("div", { key: 'a9899b65134bcc1c9743a942786b225bbfabc34d', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '95893bcda4cba517e53fe9d42e692a7f3827bb91', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '79f246054518884ec034928842555409327636d7' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '85b9ad522ffba0e7bbec473dd950e84fbfb5db18', class: "digi-progress-indicator__label" }, h("span", { key: '09b82ba8662e3ae4d496405b49b560812af1ca92' }, `${this.afStepText}`, " "), h("span", { key: 'd420097470e8e53ebba1b6eb10747e5bcebab648', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '3755c2938a4a34454413e0d69e2fa98dfe70e77b', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '44458ac60a2d36dab051d2fd866dd234f3e2d466', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '27f966846fb2188fea9de911cd6ab3c0ba7c408e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'e6b8f12bbff89f491b00ee3ec8ca54088296313f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: 'b9bcfb0bc64ab285904fff57b42fe24cb75e1c73', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'c5ece49e674c589d9433bdf3587763316d345ac1' }, this.afValidationLabel))), h("div", { key: 'a855d1804c5d2fa493f3ab833958c9f8041c751e', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'aefed24aea846343c373fb36a00b6ce0315cc410', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '511a3fb57c3c44e0c69d8e654c01890fb3a9056b' })))));
     }
     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: '1a696131aa28b130b2a5b44ab5ede8c8cae2666c', class: "digi-progress-list" }, h("digi-typography", { key: '56c8deb6a47750636379483d0d5c57461d783486' }, this.renderHeading(), h("ol", { key: '8ba62b7230a8d11833d48888ca734593b8c94511', class: "digi-progress-list__content" }, h("slot", { key: '94419705974ec1de0c9687bccd101ef6d4c5a15e' })))));
+        return (h("div", { key: '1a8db6801822ecb572384fe8d2244b3cb50da4b8', class: "digi-progress-list" }, h("digi-typography", { key: '6494c20d016e3172e565d5f98685856c6ab73604' }, this.renderHeading(), h("ol", { key: '7714f2baf5995937894188c2e91a4484450b614d', class: "digi-progress-list__content" }, h("slot", { key: '70b59937ec8df7afae2caa45998d1642459448fb' })))));
     }
     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: '834de26f305237a5f1532ff1f304779add7ce606', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '3fd5e84508a59ed43f96b88bfaf685bb73fcdd4e', class: {
+        return (h(Host, { key: '5712a865ec72cf5a067ce23b73be0b12a20f05cc', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '66c31f61f670e22c63d5e9e9204759104fc9c4bb', 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: 'aa1ff9f53f6a5b08c89304a5150bdadce0fec2d1', class: "digi-progress-list-item__indicator" }, h("span", { key: '4584c7ce7ee04b56513fa6015b597db4487c2eb0', class: {
+            } }, h("span", { key: '4a1df5b36f1ea766e61bc0dda28b950918a2a5d4', class: "digi-progress-list-item__indicator" }, h("span", { key: '3ae1ae27f523dca7306b0fb7de5c19c863f0118f', 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: 'f3b351440c84674cf469687587045a89230d485a', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '39ad7a77f44adb6cbc6215d9edc8919d7da63633', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '2bbb3998fbbbd58bc5a026eb8a9d23b3e3be36d2', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '90d68a634f84451cb4fb3616140230b78ab4ee53', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '54b002a7fbfad68619d984be5dc568c3339b3beb', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '276356c056a98fbb1fc20bbda7ded4570d36f5fb', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '718e95ab6de94df08a333e777b27875f0fc82a79', class: {
+            } }, h("div", { key: '30d11eed5863c8898312721dbf006937874591b0', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: 'de46e10caf084897d70ef7a74f277386261b2305', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'df9bec9702a056fdea56a8a3cb59f37059450d71', 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: 'e06bdb9fdbe1e91076470f065fd402016d18dd27' }, h("slot", { key: '80e7f96dece78142b16d6e14c73536efdab28650' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '4c1cbada923d335fb14c522c0863aa54b59382a7' }, h("slot", { key: '2a2583a33c5cd3e86190a7f18a2dec0597af9fc4' })))))));
     }
     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: 'cd9de104336face6adf170fb4b1293908b994ef3', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'eedec93430edec0ff10058c67a97aa7bdb977d4c', 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: '151336013ed8b95c8768446617154ff687be2e29', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'b2de477f0269b24f7743637e5e40e687b4eba091', 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: 'bddda9fc4b39a47cdfa3cd3af6a3d796fdbad14d', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'c5e0705ecbfb5575a786758964486d5b17cc04f0', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '7118f96d78366df86ff006c43cadeb1fc43bb858' })))));
+        }))), h("div", { key: '6d8ec353c3162d3019c44f48f3be7a7b9a07adce', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '977129def5204fff9e2307628434f844272c5245', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'e7246db76f7836d1df8b4225ee92e45b82bffa98' })))));
     }
     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: '525ba7fbd71b2a31a8b050d300af0e580bb6a98e' }, h("digi-util-breakpoint-observer", { key: 'e6a0cea740192e9f12f7d636d3baee7fb7261f36', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '0e1bb67754db4cc513e5db22f475f59f77aab797', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '87877e2a6673408528a948d9b30819cd6ac2b8bc' }, h("digi-util-breakpoint-observer", { key: '694b3b0af533dc63ab7f8376d4f31be0aec03bb7', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'b0e58828e47831efccd8134a727e8fa09830c635', 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: '672c0d88ee2057829da46509f4a3ed678715242a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'f197d78db93c1b22cf727a1322b1781939aa4d98', class: "digi-table__scroll-container" }, h("slot", { key: 'b35255291276b12e0b7661a5d257c8038c4b6b41' }))));
+        return (h("div", { key: '8ac08323eaac5cc315114a986497362ab605d891', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '607592e7cdf1606691b26eb2bf2338d73ef32dce', class: "digi-table__scroll-container" }, h("slot", { key: '33299011515a9f4dfbe0b317a69e61fcb2bb6e7c' }))));
     }
     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: '25cd85aae8ecef406e405a7334aebd9386cea51c', 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: '92a8316a636f60cd25b4da9a4b542ccf703f8b76', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '6cd1e8bd2b86cfc5dc56f9a8f608af04f8b9bd38', 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: '7552bb5b2151effbdb3cb887387b5d6966632795', 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: 'efd13fdeab1128b75e97d558dcae6686e3942124' }, h("div", { key: 'd2465b967077f22e5410870a044b637cdb2ba850', class: {
+        return (h(Host, { key: 'b056b523f0be742d2af41b9734e0db41d665eeaa' }, h("div", { key: '366e0e530ff486178a1667ecdab71dcb34c96b0d', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: 'd9a9bb25e48873ba99d9ef96f528cc4fd979504b', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '65d35f0234bab6039154145b3e444424c671baaa', 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: '8b5324384461950afeefb05016ac9a50b26a0f98', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '4a5389e739712975c6c1561cc3592e3c682c00d8', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '1f5143d0753d083ce4c6414e7fef0fae421907ea', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '48691aeca81929244d8d3aa89d45937b80d595d8', 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: '68e63e78c9dc40593f31eb05ca0dd2d07bde9446', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'b9f88ac069668d7b767ad3d9d651be4b0c73b89e', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: '9b1bb5f17bd98360101a595a39317ae2e3d3ee90', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '92a071cfa238d90541e04e5cc02253646c51cb76', 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: '967490d85c65f835f61f9722e9c4f2b94ae1904f', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'd355387d252bd2c7f557474d0a3659840aa2e55e', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '30c3b503e8a9cbb4c3a7f5f2ee6ab7f5cf8fd902', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'e40bc40068bd12d7f2a42c6a94c58943366acd46', 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: '3d85bfe083df9d1feada59943c68d95d800f3db5' }, h("div", { key: '74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e', class: this.cssModifiers }, h("slot", { key: '42555ba2aba34139d098d0ad96cf64e3499e04ae' }))));
+        return (h(Host, { key: 'abee476e758c439570721e97ad1a823ba735b4ac' }, h("div", { key: 'ac14be06f3dc8ea4fea7e6e73b85f12900e28704', class: this.cssModifiers }, h("slot", { key: '359808b5467a64d0475c9ce83c25941a2136f716' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }