@designsystem-se/af 35.4.1-beta.0 → 36.0.0

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

@@ -278,7 +278,7 @@ export class NavigationSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '1144f757da6f170b04a0796c8d0756c837fb66de' }, h("digi-util-breakpoint-observer", { key: 'c1d2d4dbaaebdeb1cf2bf2dd8ba3ca6a5a91420e' }, h("digi-util-keydown-handler", { key: 'ccb836756c178bac9c4b8f93892210276ecb9586', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '30db28c05cee8491d0feb17a6afc704f38310775', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '1ac6862221d09b4a6cd4b53cbb1568064f13aff2', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '15429129ef50889bf0041ef0720181dfc5ee03b3', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '5b3dd6f8bbe6702f7d62d6d707ced6de42baa310', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: 'ca00b516aa495ccf590cf19cf7a30e3937e357cc' }, h("digi-util-breakpoint-observer", { key: 'ed6631ae059382bee18ccf1f8b52f3b1432e15d1' }, h("digi-util-keydown-handler", { key: 'ebc3bbdf982ce4bb6a444393f3aefe3f5b9985d7', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: 'f0b02da5009f42cca48257650c88c659b486c37a', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: 'f0c14345f360938ce297b22ae0aae46bc7bcbc4e', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: 'afd0a3033c4c524d14b2c2cbd99a1908b2bd3b56', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: 'c6423510a68c437dcf0af419b8fdfe988a773905', 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: '8f03a066e3979ff884ed2c932afddec57fdfcd3f', class: "digi-navigation-sidebar__content" }, h("div", { key: '7cf868fbc723698b2e05caae73a88965d08db7c6', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'dbbad860d9ba2ff9e06ac8d49a2971f8d8ccb33a' })), this._hasFooter && (h("div", { key: 'c4fe890d921b6100080ee2498ab44fbf83f8cb89', class: "digi-navigation-sidebar__footer" }, h("slot", { key: 'd37615ca54b32990b45430bccac8f814fd6af0cd', name: "footer" })))))))))));
+            } }, 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: '22e01c1e776929e8ece63ecf6367df9968649ae0', class: "digi-navigation-sidebar__content" }, h("div", { key: '1ff8998d486ad86a89d8a25d9301d30adba0f661', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'cf2f9e547cc5f20f973f799f7ba9a3996cdd0b8e' })), this._hasFooter && (h("div", { key: '925aef582df6a822ed6058f7922cb2d1cfaf7fa0', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '40758d240be05a6d3948165104dcf8ffb5e54961', 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: '0cc1e3d42d54053ba6a73a8658eff13b5e13fc61', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '7c66cf2c35fd66b18e850e54b857e352069c87c8', slot: "icon" })));
+        return (h("digi-button", { key: '1c7692b9ac711d9dc05a0eb4166dc1d301fe08e8', 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: '1d3b9f381d2c90cf25a7c7d7a9f394f617575be7', 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: '5477206fcfbd47f818a6da3d167af38ff0f0a9a6' }, h("div", { key: 'fa1b985439ca2516c48cf7df33cab4103d7f95c3', class: {
+        return (h(Host, { key: 'e9980f468885268bd7f36222ac048c3235c39501' }, h("div", { key: 'eb192130da753d6f00aa2bf16d456069153ccac7', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: 'e404bd27f6e55c9d973624b1a2c3d8aeacd9a05d', class: "control-wrapper", style: {
+            } }, h("div", { key: '8e06ab804d3a31d7e1b213a077fde6cdf1d0755c', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '1944a5b2cb9fbad35d8501722ebd68f5c89d81aa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e6a5b355e245fcea52101f5aeabd261c26bf4fbe' }))), h("div", { key: '8d5379a421c0170e5967d038410ebddc49d76660', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'db4e0fd8e791308fd2c14aca85e42ca1e0a8e94e', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '04289b5d39e7bade39cd2503b9b10650e2719735' }))), h("div", { key: 'c60d085d0e815d5c0ffaf8dc3c210d6a1fb6434f', 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: '3449b8051543fe5938e5009c324495d79cd30837', class: "control-wrapper", style: {
+        })), h("div", { key: '34bc8bff393b273477379c98fe712d0df47e3b2f', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '2334cda1ed43f23eda7897ef68ade86d4459ed68', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'd8dc28d704a82ae7efbf2e2234d3cb20b54463de' })))), h("div", { key: 'a11dc4d973a65a817be2a14a681b12d2d0488d5a', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '8bf4f1c9f876263d7f70115b61b930247bd7a939' }))));
+            } }, h("button", { key: 'f15796e56562668ae5f6d5d5383c5f3bc46f35d7', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '6b7eb74739eafec8d899b2963f9892a21fc60a3b' })))), h("div", { key: 'a3073f62f2146b72b18c62a4522bc5f53d7f95e2', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '3b5ac54398a856c22d492fe2312784356549153a' }))));
     }
     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: 'd86b3aa0ccb2cf5406683d621e227e77f0c8c788' }, h("div", { key: '5eaaa2abfb9802570ac0958f2946438629c0af50', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: 'f92d930440a64adb5dedbe08501e323a1212db4d' }, h("div", { key: '2d260751afd16f30c4f17b976d4510acb98fd72a', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '59f9c8b9c51044f8a7e5391cd16a89e65caf5afa' }))));
+            } }, h("slot", { key: 'd24828f629d06e15cdd9e327585ed2613b97a0df' }))));
     }
     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: '09adacd9e3d3b39226148431bd8ac025f3b6d5d4', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '87c7454dfb753c4df6b0c8aa5a41633ad3463ca4' })));
+        return (h("nav", { key: '13a48e092811f77f6520ae71bd9bc93514c452cf', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '13bef2c7ef6ace04ebf250e9a106836ad4be5137' })));
     }
     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: 'b466ce9111a5e0dac19daf8903a753c78eb5a0a0', class: {
+        return (h("host", { key: 'b880227638a1f8025e80ef32db9b106b00a8b5a3', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: '55ecf36a90033235cfa8f4394773e868549ae78a', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '788d539b5b090a9af9d6f8667ad1d8d6136af245', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'd5c04026c5c25445b8cae01c0a0809839bc7b03b', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: '66b23291ec4d03ed1d982865528e652f35900625', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '813b1b4fc6d29967d8ccab1911800af58c4ec1d8', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '372e197f6b039c7de3add77fe0173a2977c7a235', 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: '8f5f0e788d6441ed9c945603ae135ba35f95e556', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '63bd8733d523416d8fdea6498d7af8d8ad5c2737', name: "icon" })), h("span", { key: '47a4175a5a6d9ceb79c494f1fb696b5e73b50ff2', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'a99a1a1b19bb755809f68b10ed3e3ed57c6990ed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '24a3bc5e91bd52454c7d3bac518c95b541748097', name: "badge" }))), h("button", { key: 'e77f10a770377161f2a1eaab942331acf8664c0c', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f15ba1a239223ea597feae19e23b31d6cdc4bb6f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '815ad8df1e2155b15f4fd444286c267e3f14b69c', name: "icon" })), h("span", { key: '1c5f68ffba8af1681d2a3241675074b23d32f1a0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'b4792c9089677e62c39ce3b13d894901f34e08db', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '823fdf5314e523386d8cf0c76d3759f48095e3e2', name: "badge" }))), h("button", { key: '7e9d281a9f9f017bbf921a56cf6c222371f66d25', 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: 'ba7281a9f65c7775bb4c80b8c60f41518a6e2506', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'd9bffd289a04e26e0f18b03ec337081f754da342', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '4f705d7bf6fcda106628ca60aac33b7a1d6a5c32', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '60951bd35331a6d121ad4dea6c1bbdf1c6fe18aa', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '7475bc63e5282040083ea78ed6c69b16eed03c48', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0e8c0ad4839f3386e293ff0b56d6fcf8218ef4ca', name: "icon" })), h("span", { key: '09a30d103f70fcaf1c2d2733371bfd80a3e89cb3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '2b4df3150e64e6a26abb802e6a3edc40b3925a32', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'bbf167346ad3aaa9475be0af73cef02bc1488f4a', name: "badge" })), h("span", { key: 'ee3545bd40e6770dcb0b11b8a4b19b47f6abcc60', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'e1b81b7a54def3cc7b69c4461370444cb8a42f1e' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'f42c85f453bf38d14f21d99f9ef4ccc82cd14c43', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'f3db75b42c7f9c59b97287efdc5a7b9e25bdddb1', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, 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: '1191e70005393c4de22aaaf7f31ea519ce76e38b', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'ebeaf192dd628581f500153b6730de5c807a7c73', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'ba7f47312d4da5d5318fef885bf3c871859d0e11', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: 'a549c35be775eda4d97af83bbd02574375ee4bda', 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: 'dafcf4b088bb2e537576872e4ab619065ee361f8', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'fa7f0d18216065afb1a03413876956458ba91160', name: "icon" })), h("span", { key: '778c90bf46376555e90e72fa091cb7bf2c2ffaa0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '3f5c4001d0c58d72e3f7c38f9e4f61651cd8ba03', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'cebf8b10e3e0687f70d877ff747dd4c1e6cfe26a', name: "badge" })), h("span", { key: '565062ad871e98cc3605ba2646b34f229491aa5f', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'fbf0e92f92e57b01f6a5bcc28228df907d851b86' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '2a7d77092f9ba8cb700565e0e1fce54772ae5ce6', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '03ccf4b05246b0ee637189818804a028914ebfd2', 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: 'a11026077ffb74925488f1e84a00ea35fa2708c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '498b31c99a2064a5f5861a776ac4591e9e8fe868', name: "icon" })), h("span", { key: '551fc9b44157817dd60d1a0d65bea2d4f505ff8d', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '98b9083a6c9a5970883771cb111504cfc0adc36a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'f4ecb70745f7102ac6f6d0a1921349a9d7efdfbf', name: "badge" })))), this.isActive && (h("a", { key: '59e0478351aaa62f1b7988d4ba623a295b325f35', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '09cb9dd14c1d0f98277b5f91bbdf5ddf247f770f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9eb474b7bbe4b8ebf2de9326e70b96d5c5554823', name: "icon" })), h("span", { key: 'd06b00e8fe406469a58d89321286ed4c3e41ee28', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '7e52f0ee39ede7eb44a3cfb5e031ec557bb57989', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '5528f880b8060156f729c4424c39bc5ce250a071', name: "badge" })))), this.isActive && (h("a", { key: '6d68cda6b03124b3412debf00cd13656dc7e4641', 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: 'dfd18536c7e5b0acaf4dcc23e2734841efee94d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9c478aed7b2b39d04e196d29c74d3ddb39d5feb6', name: "icon" })), h("span", { key: '1e9f35bde837c753b65c85d83e3226e8e61c7bcf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '663279bcdd5959c795124b015086ea85d2706847', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '492b55cedb0248ef16b2e41e55bcd41a4e22c600', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '63af803c675981661526503061377d086af4738b', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'dc65dab94180e8f0028d506ed09ae85cc1e7375f', name: "icon" })), h("span", { key: 'c39e2885ac5938aa5ffe17062b4b79c5905435b4', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'e4fa7456b93a82102feba487707e06309c7130a8', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'ce36852991d5d3ebb25591facbfdfce86b8dff10', 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: 'e4266774905fbf2b55a74e8a0955671356b98d41', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '9abdb6437416b3bf27bbfd7f1b24877df49547a3', class: "digi-notification-alert__layout" }, h("div", { key: '5d243b8d43b9e1279b688b2bbfe86d74480a0f10', class: "icon-wrapper" }, h("div", { key: '157da6ae9d428763051b79f10e6a647ef51beaa8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '0f489f9fb220be2b4c0afc96c8c17a902e8110ec', class: "main-wrapper" }, h("div", { key: '7354aa28d772f5e79cddfc78d73d8f791eb32c5d', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '24266095733533913ff851a84b3478850a75f8da', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'd86d0a95802ddd4f1d56e009e6551f4f7c5b9a6d', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '30d19c2d35a5deaed77d8921a24447796f2560c2', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'fed2a1627e9137a9f233329550138082a0295a14', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '6931822676b2439e74d27ee5151199360a02f6b5', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ad16adaad35788c28b3d7df61081e52e26f00016', class: "digi-notification-alert__content" }, h("digi-typography", { key: '3b2d41e52020b6ea4ad0580912cdbcb063b2a9db', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '0484d598f84c53ddb678bb53264fd125b85e3b8f' })))))))));
+        return (h("div", { key: 'bf3f0a58082fb86cf6642f9769c101489c72edde', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '31a46f56e2bd7248c2b9df479a02c21e2efade82', class: "digi-notification-alert__layout" }, h("div", { key: 'adc8397ce115af922885eeecafdebbf7bf18035d', class: "icon-wrapper" }, h("div", { key: '38440269617cbeb7185c90eb81194cab8d46afbd', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '8be12ad3c0d0466ad60f102dbcb599c1aff3eebe', class: "main-wrapper" }, h("div", { key: '306c289ee677e7f2ce4601f9a8bba2fc3a550196', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '5b9e99e93677b1057f4485d13e9827d5404f85a4', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '73b426345ac2352b8c851ae64e5063fa525e422b', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: 'ee1089839ba1094b780ccc32d59bcdb2c0126e5b', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '283a3e0f4fe25c420b0b284251c0e325cd51e4b8', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '42d1221b2fd943f970e9e6d3a18833c28cc91881', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '60fea41af154d6690f3313af4e710461f81f3b62', class: "digi-notification-alert__content" }, h("digi-typography", { key: '146f0bb6da09fce6e3044f23d8cfaeac564334b9', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'e34dead87fa7f3fb474e83c325dbfabef465f53a' })))))))));
     }
     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: 'dd6397da98fe6b78e9084cc9ac459e094d8d5bb7' }, h("digi-layout-container", { key: '1aef180cba13342beaaa3aa953970049d9b69fb6', class: {
+        return (h(Host, { key: '7132d02556205f3a8df00a9ae2829d8afc6139cc' }, h("digi-layout-container", { key: 'e943d320a879f7264e538c8af35aed20be0a8791', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'c738f08eabae1a1de52c5237fb273761b7c9a2f8' }, h("digi-util-breakpoint-observer", { key: '13412e62efc15720274f856d2747f899d119fe3b', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: '35de8a240c50757407d3d7bcad0dcd8e88a17db1' }, h("digi-util-breakpoint-observer", { key: '26b85e4f592d078a4d6ce979a5567efdada9b76b', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '23683ae9e608498684a9d23d46ac0fba1968eefb', class: "digi-notification-error-page__grid" }, h("div", { key: 'e57b9767d9fd1d3d1ce6da2f729ec17d056ca903', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '839d44c86d9e09910b914d0d35767c7e55f22785', class: "digi-notification-error-page__content" }, h("h1", { key: '594e76c4f59542470174feca11a48898d1e21038', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'e4ee63a47a9dae772899496de75a0dfa8e90b547', class: "digi-notification-error-page__content__search" }, h("slot", { key: '0b034d469467c363d4c73538bdad7f1f61e67df8', name: "search" }))), this.hasLinks && (h("div", { key: '5e305111706366d1827651e2f2b2c6d6e4c101fd', class: "digi-notification-error-page__content__links" }, h("slot", { key: '25ae49501bc7d37dae42f9fadbd1966634e7aad6', name: "links" })))))))));
+            } }), h("div", { key: '8392d1f2661092a15c20a946a43a501a081ea24b', class: "digi-notification-error-page__grid" }, h("div", { key: '6c90176019a70cbe8aeae9583792aed09b390c53', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '938cb252cee93be8d7ff404645ef1059a0a49faf', class: "digi-notification-error-page__content" }, h("h1", { key: 'b669a1b610407a9273aafd6a3dccee7bb72e7bd9', 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: '1516df6d4e27147c1ae1112b9a3e1865df4d2102', class: "digi-notification-error-page__content__search" }, h("slot", { key: '6b03baeca3965ea06a22431561eba06648ea8873', name: "search" }))), this.hasLinks && (h("div", { key: '6f70ba31fe9e20b1c830ede49423c00ce5418c18', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'a0e0e50c68ebb18143174efdfd714745f1ef0112', 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

@@ -6,6 +6,7 @@ import { ProgressCircleRole } from "./progress-circle-role.enum";
 /**
  * @enums ProgressCircleRole - progress-role.enum.ts
  * @swedishName Förloppscirkeln
+ * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
  */
 export class ProgressCircle {
     constructor() {
@@ -55,20 +56,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '1a3cbd8d4899553af29ed061e9def7d6acabf1e5', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '6cc91dbd99da313c9bc4d8639380a9538b2a8908', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: '063f1c6f30fa53d97cae9ffcea0a1968bc5aa06f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'e4bbb22616745bc2dcdd9c0170b571a649de4856', class: "digi-progress-circle__circle" }, h("p", { key: '1d4d3f72605a15628df7eae8398b968912819895', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '5d8b22ae6d5b22b6ad7feaf59f2f2ed6404cba9b', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '2f2992ef04604171a4ea09239e4516b05fb09020' }, h("mask", { key: 'ca79d3774080aa0a42c05b46bf0810ff05f68991', id: this.afId }, h("circle", { key: '77597d66902e016aaf6f8ab733809e284eb56b5f', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
-                ' 15', pathLength: "1000" }))), h("g", { key: '162ba4ddefc21d05e0e5a328811e3468112f1866' }, h("circle", { key: 'f926540f73f24625bb6f5c44a47157e094862c5c', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: '5301c86b661649448c9f7296a704dee0c70e43fc', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
-                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: '4d826aa4f569c8237d9c25dea7dad8bc344bae15', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: '5937a215f6d9135ec65090b9e7442c37e1e5a93b', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: '6fd4df913d10a90086a8ea4a9df7d4b753135db5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '0b308f58dd160b10587599384afd5a1d747a7d82', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '0ded9f8e78bf58fbe4821af9b603043c09be8ba7', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '1d51bf3a7a07e4cd357501e8c59a993da15b40ee', class: "digi-progress-circle__circle" }, h("p", { key: 'fa01d4c20571f341c7f5f47450109a3390a782e7', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'b15187dcb4fb9dc6ab1ffbb81e5a76a5c2b79129', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '1f9a897a4ae0d0c54f30a78b4487941ed39e9783' }, h("mask", { key: '2356d545f65e0525ef5003c50831f1bbc3556484', id: this.afId }, h("circle", { key: 'a52e67c3b0705d5d84fea738926cdf268e2b14cc', 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: '20745e03812ba5bdaccd656fa7f9d0a76b3601f6' }, h("circle", { key: '89f67b5b1557d4e9e32e52316017bd8eff3c6e69', 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: 'b8df7adfdbe47bf9ff961f8a3ac5515bd913e8eb', 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: '4ae7cb174d1de1bb92516c736e9da865175f0bd8', 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: '0714640dbcdc65d3ee9a4bf7a8845517163b013a', 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: '0fee9d3bab6cd9ad25c44da34b39586a80be1c9a', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: 'db16f9872eee33561595075e92377fe184ab588e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '802382fbcaadda005bf23ee75a653087f68db28f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'a43a0bf9cc155c90a40a726d939b57ade7487029', 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: '1ff7ccad0fb8907b06eb8a134b2828adc19319b4', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'fe3826a3ccd343d98dfd200e9b7eccb349afc073', class: "digi-progress-circle__icon--warning" }), h("span", { key: '5febd251010def457155b547c57fde6d77bd9a89' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9f964073305fbae7f0795dec8d390a95a3e33ed9', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'e281a259031989cd2fabcc59a415e33fae8fbea1', class: "digi-progress-circle__icon--error" }), h("span", { key: '338a67a467dc21476468f869d06fa45838f18c5f' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'b6ccf2b4f8c401799296e56a881cce673fdcd8da', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '4c590699e3ff5c7086ca2de0d30fb9beb1cfb3c2', class: "digi-progress-circle__icon--warning" }), h("span", { key: '6c2f4a94074098eec7bb9cf3352da28675e797a3' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '0a6b069d3a5cae4702f5ac0ca59f80d1e57458bd', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'c530a4556badcb1ed5ad0970288b2945793d8af2', class: "digi-progress-circle__icon--error" }), h("span", { key: 'a0b4617bbef6b223c663766ee9a610b8132a5655' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -8,6 +8,7 @@ import { ProgressIndicatorVariation } from "./progress-indicator-variation.enum"
  * @enums ProgressIndicatorRole - progress-indicator-role.enum.ts
  * @enums ProgressIndicatorVariation - progress-indicator-variation.enum.ts
  * @swedishName Förloppsstegaren
+ * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
  */
 export class ProgressIndicator {
     constructor() {
@@ -94,9 +95,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: '43392769b56d5746853546f9a0500ec40a74272f', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '5763d619dddfe0028aa30c2c706aa8800ef30c0a', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '5462c691f608be217fd9aefccb83fce62de5248b' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, h("div", { key: 'ab811ef804c68bd6d6fa47f676d90bf7b1dd0a58' }, 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 +123,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: '5e085c2ba7979c21f4f67b9b633fd10933c6f651', class: "digi-progress-indicator__label" }, h("span", { key: '3684a3cdda7f94a870e7bfe9e1e2d8881c4a5f05' }, `${this.afStepText}`, " "), h("span", { key: 'cbf24f2028d6a90234ed6a8a954a1613110d36cb', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '96ce77412971fce06cb49c6512dfcf17b9f80e31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3de532d6cc8559958fdbf7a394d666e0b95f851b', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '4d6a53a632e40c8f901606f7efa4ff7574cafd49' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '350b9d146b7ae2f06b5313f60ad8035e5febc8e1', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '8aac2241a2e76118962dceab2d605f4d70fab060', class: "digi-progress-indicator__icon--error" }), h("span", { key: '27d641b718cc413c78a2b728dde3d36ad5517574' }, this.afValidationLabel))), h("div", { key: '5530eadf13fb3ddfcd68301e134f979518c6c609', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '5127409982e8ae675a4092a40ec1fe61a1894c19', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '49315ebaa461fb3ebabe88556b9d72484ac655fa' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: 'c4465748927571aa44f39769a38e2e9f527ff2d6', class: "digi-progress-indicator__label" }, h("span", { key: 'cae3c5c57ec28320ad0f932c62ad95a6a0dc2f97' }, `${this.afStepText}`, " "), h("span", { key: '58f49e0e04662c58fa875657800c12a0af721c86', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '034d1ef6ea2c97f11020cab0103b82623cab4e4e', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '745ce996c30f69279c190e187f67fa6dd5aaeef8', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'de4b7e4b02ef2beb4fbdacda65beff7b226e4027' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'dc7fe8b9a28a07c1a429944aab6f823226d2ed17', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '6da7baefbd3179746484e0cfea883ef803e31cf8', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'e355c9334dd70c697add67155151298869fbd274' }, this.afValidationLabel))), h("div", { key: '5f2c08b4298feb9b142b160ecd89e7a64ab86e0b', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'fa9be4e7a4fe3088718914bd354ec20e88c3023d', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '1b238590bff48daedee5ceedc8d1e0e541913a5c' })))));
     }
     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: '5e1868ca288b8df8924d6a378e3a3e4676b072b2', class: "digi-progress-list" }, h("digi-typography", { key: '05df8d33e8421c1b50c6ece5a0fef00e0c1d600d' }, this.renderHeading(), h("ol", { key: '55555aadc901f299ebd67220594edb368ef20b58', class: "digi-progress-list__content" }, h("slot", { key: 'd36492f837bf45753525fcf21ec05a7519c02f59' })))));
+        return (h("div", { key: '391a3cb87b3daed9b67a393fedb38ebf87dc5050', class: "digi-progress-list" }, h("digi-typography", { key: '2491b8fbd564d59a5fd9b91cbf16202030f3a272' }, this.renderHeading(), h("ol", { key: '9c909a9c632cafe6aaf5080c232a0b559d24eeb6', class: "digi-progress-list__content" }, h("slot", { key: '104b7e0fd030bd406725bbcf6cf9f2af929b0ce2' })))));
     }
     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: '197d6b972495fbc577d3e9c0dece0ca4fac6b9cc', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'cbf0f5ec1fde7f30c53f94c77101179aa903b2aa', class: {
+        return (h(Host, { key: '33209c43c08ba15bc81ab58e80acb43dde115fde', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '9b42e1e104d2cedc726327827ab5506086e4d4e8', 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: '0b230fc37676fa0ea40dea11cede50276eb349e9', class: "digi-progress-list-item__indicator" }, h("span", { key: '391910ebf913ed5841a529f1d4ac7e99b87f6db7', class: {
+            } }, h("span", { key: 'ecc897115cd0368b3d2cde87f3880978dd396302', class: "digi-progress-list-item__indicator" }, h("span", { key: '50ce3e6e373c0a46d894f24eb5e5e8e1b0a92d10', 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: '428727a5fcbac61a3b0ca022c96c92a0dc605b3b', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'c1c5151fc7e304220c29acf09219e8de61333020', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '62038682fbed1f751aeb09f55d22fccd099781a0', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'a025b1f860bef4aeef6d49cf134796553f6d645a', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '797847753f88f7cd78bff16c8582dd83f128ed0d', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '60861cd514fa685607659cc223fc6f95448454c6', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'd9e334aae5b1bf9f47582ba9c9df4fcf413dea47', class: {
+            } }, h("div", { key: '7fddb2e9bfa0e8279243e59e98ced58e3caba29b', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '764ff1a17696b1623ce9de4b1dc8204d1d2ff167', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'ad8a10cfefd864d6f4a6fa9f8cf1380a3c7e1610', 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: '4a53614e340b463ead0efcecab443929186aa30d' }, h("slot", { key: '67d6e74b5a934f61ffbb73fd14b38dbab9353f62' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '48fd95bae125a02fee9dcdbcf9920047eb759201' }, h("slot", { key: '2433e874c96fac908c89e1d5b0d86670bc51e8d0' })))))));
     }
     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: '72b2c72dca1847b4497b6d9aedd94f6a94c26d3e', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '8eee915839751e85e87a10f0a4fa5a2504e67123', 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: '470fc8cac35335633e5ecb2dcf715783a5a8a134', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'f03153dcc9b835e8e55c0b5d10659f2c54d5bf4d', 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: '07db3935ba42b46a407200db48172f01db586ff7', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'ffc6bf405a07398feda144f1d9f231926cc2af00', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '1a8c537b142d33740bf82b43532f1d6d392d7dd2' })))));
+        }))), h("div", { key: '179cd4b3f4c49a361d4157e400a91bd0d0d284f0', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'e762e318d6a37de34da5a25c7175a9a1b494836f', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'ba9a323a34d459103b84103c0715a5583e5b343d' })))));
     }
     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: 'a4a429871f99db7d8c2deaaa6817361cae355215' }, h("digi-util-breakpoint-observer", { key: 'fdef9062a395c4c3d50eedc5f28f4d5a310bf6ba', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '89f0b25b7e676a25e2842ce8086ab4038af0d4c6', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '6350c61528ed2c3e20eddef23e7470b5f433f866' }, h("digi-util-breakpoint-observer", { key: '75b40cc20a7be575982f36e594bc9375564ae08d', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'e3c0abbe0c37a54fe9deee447e06e8452f8f6fcd', 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: 'b21d633f149a4cfed2a2347293d820097364fc0e', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'bb3324d6301b28c1a30ad3c5846174137b70a358', class: "digi-table__scroll-container" }, h("slot", { key: 'b2e313c2ebc5a1ff10164cddf443b4a1b2cfafd3' }))));
+        return (h("div", { key: 'ea91bdd07d34afa1392d8d08deeba1212d0f519a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '8f6ebb810e736e2f94aa1a34eb674a9e974c135a', class: "digi-table__scroll-container" }, h("slot", { key: '3f97ad0f1e0adc497acac87281d0e18a0c7c7fef' }))));
     }
     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: '2e62535e3a3717f8994c142021bc5e18810d408c', 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: 'f37d6f8d0de5ff0f430d794e719eba44f1134b26', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '4bb9dc472f8d2e00cb6a34329236b7470bb641b3', 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: '342fd9cf7155df6c02506750598cabc297b66648', 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: '75e8e6920276730d5c1eb5d82f85511e39ecc569' }, h("div", { key: '7b746325ccf7299b575fe50606331681191aa12a', class: {
+        return (h(Host, { key: 'f91941868b18791f39706a3baa8b07de301ee59a' }, h("div", { key: 'cc57923a2b96233b3839a65dd2bc7dea48e4dec1', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: 'daaccf83531e857376371d77d411c56d729413b4', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '1d8916745128e58c9cb47c1b2f9b2067e3c474ff', 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: '2026093dc40c9cfd602498c9555723444dff86f8', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'a6457021299bfd721ec5f48a5ecbac4833f74db5', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '487c064a988cb756eabce24dfff13bded47957a2', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'b20d0b7045a0b1d528fe459e8929bdafe4b2bc2f', 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: 'b3b99909ba98cb91c8bed7f828b12b304a27bee2', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '63851ad243ba4fb2353709d50488edb81a282467', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: '0398b699deb5db5795c116fd1809d04bcb202678', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'b382c5e62e43741d586671c3d39d538a9cd67ee3', 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: 'ebc4bc501db49984e721fbca2c04a43dd1cd59ce', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'ef069b28c8b81b4151f54e867807dca1c627f650', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '45c7bd4bbb831bf44238b94cc8240dfd7cc10536', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '580a7c46aeed45ff0d5ae534ff0a161147a724a1', 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: '673cff1d13833c2223adf5c06e0c120324eaad76' }, h("div", { key: '92ffd52c9b0f9c2e0227eb30654977818d7f5c10', class: this.cssModifiers }, h("slot", { key: '54d5f602c524af5c8ca5606673c1939bb5abaef2' }))));
+        return (h(Host, { key: '97e52c3ab55f46d595a7dd39c109cca4dd957d4f' }, h("div", { key: 'de8168b59ac5e8990c64642e98f523f1a3d7e8de', class: this.cssModifiers }, h("slot", { key: '02f90aaa99c1e548b8892dbb4f6d3ff07531ccb1' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography/typography.js

@@ -15,7 +15,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: '5db67ad20bda5f5523f8ecb2d4dab10b78c5f2e6', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4950037182ec2f186c0c14b38027ce3e9906f45f' })));
+        return (h("div", { key: 'cf498110850cb216e50617a0fa1ed4bfb7f466b8', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '01afbda49b816dd9bb02a76862b39a2ad83add15' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js

@@ -5,6 +5,7 @@ import { TypographyHeadingJumboVariation } from "./typography-heading-jumbo-vari
  * @enums TypographyHeadingJumboLevel - typography-heading-jumbo-level.enum.ts
  * @enums TypographyHeadingJumboVariant - typography-heading-jumbo-variant.enum.ts
  * @swedishName Jumborubrik
+ * @eventListeners focus - Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet
  */
 export class TypographyHeadingJumbo {
     constructor() {
@@ -27,7 +28,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: '3e7dd74258d680d423a0d3f0ebd7cdd4eaa312ff', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: '9f5b33cb6882d1cb0c154c5f861e5c36ed82192f', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get is() { return "digi-typography-heading-jumbo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-meta/typography-meta.js

@@ -17,7 +17,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: '93a062bd1164cd1d37b9a86e530159d4b5f1b8ff', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '093ff52961913d865ed4f32d5aad9417eeb5ff7d', class: "digi-typography-meta__meta" }, h("slot", { key: '5f4ff067085c79ffcd7d6fb1b2d91c2562249533' })), h("div", { key: '697016f9b62f0bbe5fa744822e23bae41414ba5b', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '473eb8a333d269bed20bd4f5e5e40afae6e5b559', name: "secondary" }))));
+        return (h("div", { key: '3a2825004812904719e51a3b0de2f58f36496ca3', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '8a7aaafe2229e8bb2635d962584c77b943bba409', class: "digi-typography-meta__meta" }, h("slot", { key: '00e7e8833e5b8137d5ab4bc3033a72f3573b3108' })), h("div", { key: 'e0eaaa56fb0004d6f81bb103aaec4c918da21058', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '6c7217ef2bd489ae28696b08c7a176a10aee33c9', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-preamble/typography-preamble.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: '0b6395ace6b7679213689fa37fd41c5e8c4f5b30', class: "digi-typography-preamble" }, h("slot", { key: 'cc20315940fae3c5fe81ff0d8fc76d545e3de817' })));
+        return (h("p", { key: '36309e9f92d69a4587a898c72453227a27650f5a', class: "digi-typography-preamble" }, h("slot", { key: '77e915bba6d272a6d6e6aca0820e598a2f29369b' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-time/typography-time.js

@@ -58,7 +58,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: 'a44cb06794fb8bebb1198cf0a0f040bea34b6e13', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'c6e290cb79b81b479b7cd3e0b634e97074812347', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get is() { return "digi-typography-time"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: '9cf20d195bb4948df361742378c96edda7a0a8b0' }, h("div", { key: '1e89fa7a92ba17cf37d366a677f0ca94075dbc1f', class: "digi-util-breakpoint-observer" }, h("div", { key: '349561395422d7849f8e987fbd88bab1887def6f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '99542e2edbff718dffd480f76d98985092c8893a' }))));
+        return (h(Host, { key: '7b728b39d3e64e3a144adbe5ba87aa0f88660225' }, h("div", { key: '28597939c55c61b83bda94e62de142f11ec482ad', class: "digi-util-breakpoint-observer" }, h("div", { key: 'de1f70aeefeaeceaf797695f1d2877df7fa80a1f', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '5ac72c8a1b44611705374e4150c6624baf49a489' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js

@@ -24,7 +24,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: '1dca54c9a47460813545107791bbc5baa86d790f' });
+        return h("slot", { key: '7b84abfdf638adc34736c4d25d2850a6d969d356' });
     }
     static get is() { return "digi-util-detect-click-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js

@@ -25,7 +25,7 @@ export class UtilDetectFocusOutside {
         }
     }
     render() {
-        return h("slot", { key: 'ed1ce7e86315f60e4294f8937c6ea5570c934b08' });
+        return h("slot", { key: '48ad4d6e9d0899034c6dc11c5319d81344505751' });
     }
     static get is() { return "digi-util-detect-focus-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js

@@ -58,7 +58,7 @@ export class UtilIntersectionObserver {
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: '4f16e3af503f72ac9638c557348b429eea6ad784' });
+        return h("slot", { key: '4d011168ecb730b4ab3e78df5781f0577b614ebb' });
     }
     static get is() { return "digi-util-intersection-observer"; }
     static get encapsulation() { return "scoped"; }