@designsystem-se/af 31.3.1-beta.9 → 32.0.1

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

@@ -7,6 +7,33 @@ import { Direction, OverflowMode } from "./navigation-tablist.types";
 export class NavigationTablist {
     constructor() {
         this.tabRefs = {};
+        this.handleResize = () => {
+            if (!this.tablistRef)
+                return;
+            // Ensure we measure after any layout/paint from the resize
+            if (this._requestAnimationFrame)
+                cancelAnimationFrame(this._requestAnimationFrame);
+            this._requestAnimationFrame = requestAnimationFrame(() => {
+                var _a, _b;
+                const el = this.tablistRef;
+                const containerWidth = el.clientWidth;
+                const contentWidth = el.scrollWidth;
+                // Tolerance ≈ 1 physical pixel to absorb zoom/subpixel jitter
+                const tolerance = 1 / ((window === null || window === void 0 ? void 0 : window.devicePixelRatio) || 1);
+                // Guard against div-by-zero
+                const tabsCount = Math.max((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0, 1);
+                const avgTabWidth = contentWidth / tabsCount;
+                // How many whole tabs fit? Nudge by tolerance to avoid off-by-one at zoom edges
+                const tabsPerWindow = Math.floor((containerWidth + tolerance) / avgTabWidth);
+                this.tabsPerWindow = Math.max(1, Math.min(tabsPerWindow, tabsCount));
+                // Overflow check with tolerance
+                this.listOverflows = contentWidth - containerWidth > tolerance;
+                // (Optional) if you have left/right “handles”, compute visibility too:
+                this.showPrev = el.scrollLeft > tolerance;
+                this.showNext =
+                    el.scrollLeft + el.clientWidth < el.scrollWidth - tolerance;
+            });
+        };
         this.activeTab = 0;
         this.selectedTab = 0;
         this.windowTab = 0;
@@ -139,13 +166,6 @@ export class NavigationTablist {
         this.setActiveTabAndFocus(idx);
         this.afTabChange.emit(tab);
     }
-    handleResize() {
-        const tlRect = this.tablistRef.getBoundingClientRect();
-        const contentWidth = this.tablistRef.scrollWidth;
-        this.tabsPerWindow = Math.max(Math.floor(Math.min((tlRect.width / contentWidth) * this.tabs.length, this.tabs.length)), 1);
-        this.listOverflows =
-            this.tablistRef.scrollWidth > this.tablistRef.clientWidth;
-    }
     handleTabControl(direction) {
         this.moveWindow(this.windowTab + direction * this.tabsPerWindow);
     }
@@ -179,20 +199,31 @@ export class NavigationTablist {
         this.setupInitialTab();
     }
     componentDidLoad() {
+        var _a, _b, _c;
+        // Also listen to window resize for viewport zoom changes
+        window.addEventListener('resize', this.handleResize, { passive: true });
+        // Recalculate once fonts finish loading (text width changes with webfonts)
+        (_c = (_b = (_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready) === null || _b === void 0 ? void 0 : _b.then) === null || _c === void 0 ? void 0 : _c.call(_b, () => this.handleResize());
         this.setupResizeHandler();
         this.handleResize();
         this.syncPanels();
         this.syncControls();
     }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.handleResize);
+        this.resizeObserver.disconnect();
+        if (this._requestAnimationFrame)
+            cancelAnimationFrame(this._requestAnimationFrame);
+    }
     render() {
-        return (h(Host, { key: 'f48f8102c54c007f97f69a50c94e6855e86a5e6a' }, h("div", { key: '1e208160d2ce153523f23e23db080bc432556a2f', class: {
+        return (h(Host, { key: 'a2d0a4a47afb0224f2a466196e0910fe8b0007db' }, h("div", { key: '907b735f9cbbd18de973d5a84962986f2db462df', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '5fcc7292d36c0cfb2c9b824415f5f214feabc622', class: "control-wrapper", style: {
+            } }, h("div", { key: '4a3a4095745fb33b3e10192304aa1e6515bec1c1', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'bf0951fb181fa105082aacbbe43fdf55453a8790', tabIndex: -1, "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '2b9d027e33fc4b65cf0fbe35b51319b53aafbf7d' }))), h("div", { key: '978039b301d15f1ef282912b3047e44bbd06663f', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'a599723bbb5b3cf770deee17e33e000d2c364dce', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '290eb8f8242d354d4cc72858221fedcf3b8b6e1e' }))), h("div", { key: '2342fb3a31f30a2d858a6c13408345ad7066bb22', 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}`;
@@ -200,11 +231,11 @@ export class NavigationTablist {
             return (h("button", { ref: (ref) => (this.tabRefs[tab.id] = ref), class: {
                     'digi-tab': true,
                     'is-active': isActive
-                }, id: `tab-${tab.id}`, role: "tab", 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: "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: '6cef96a4375d19a0d20267ef1e6afaec6fa2e44e', class: "control-wrapper", style: {
+                }, 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: "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: '9cf6911780629f3f9455968e3cdb6a04a54f1782', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '69a7ab0e119c95cc4c7a847587c6d7c4588b0b14', tabIndex: -1, "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '56fe96a0dd538fd6e20bc7cfa164d47884899d14' })))), h("div", { key: '864b79d9161fca79e099523a1f7629cc0968d751', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '184050a86766a036e452f0be89dd78365f44dd38' }))));
+            } }, h("button", { key: 'd863de3bd80445003cce0b0c4209e6855ba40949', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'c6a800f0d617b0d64e842ffb0fca300dfa4f8bfa' })))), h("div", { key: 'f8ad4b2ab7707efa619d3bb74e02b35a7ace9fd6', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '17e13e799e177671506382d08c902edaefa07389' }))));
     }
     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: 'd1dff2d369ec45da4cf578ea20141beeec856bf7' }, h("div", { key: '59ed7eab462453141d8f87ec6a7a471d718f711f', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: '8de4d7c710482a13c52d0cde7c9b94ea085da5c9' }, h("div", { key: '66f5fc97655c4f3f8e16ebe0e2b57cbc6bef6244', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '68ef8c656c7578b5641d4bad65d35af1c161e1ca' }))));
+            } }, h("slot", { key: '8e5a360d1a6975556b59a82d3786b35665df1340' }))));
     }
     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: '7d5761e84d67e6e93bbe2f588dbb919704aa4262', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: 'b912916d76bcac5bfebca429d3b36cec99d9283d' })));
+        return (h("nav", { key: 'e0ec2e3f6a9ff2528cba97df95fd8614a60e9407', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '5793f487c67523693975bdc2a231075cbb88b6ba' })));
     }
     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: 'fa4304261a8eb95b9ed5d6ef084fcbfd96dc6373', class: {
+        return (h("host", { key: 'd15d8e342c85a7bb449a9f15fc0155e3f326de97', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: 'bb742a697b793771cc5fe60442c6651f4ef908de', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '1f6a60c5e7130f92dff98acb238a40468398d86d', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '45c0d6b9ce4a28060d77cf5486f18c86b24b9b86', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: '5f9a8919503a27f0c86a3c20630b17e1cda52096', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '7fd1ef41eec68d3c4a23f5d8dfa9c2e1da845515', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '35e3360297c1cfd8583b150c22191ce2b2ae178e', 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: 'aee69df35923e0d4dd84dde9bed4e3533fad2eef', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'e7c3716b48f27de039d05b4653d9d5c85335a36b', name: "icon" })), h("span", { key: 'dab859c4567876155892170d140a10faedc25eed', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'f33c7b61e7c7fc17243f07416b497f1fbb870cc4', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'c6b381f8c2c338eb82334b12ff9a8deb34f55416', name: "badge" }))), h("button", { key: '028a345ca2f02e91e861fec1aa6e384918b4b436', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '0884c9c13a256165fc954034c8792be99b6aee68', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'ed7dff2f74ee04a1a80d9ee25728527a26d54980', name: "icon" })), h("span", { key: '148c0487d798dd97b701d6bfd06ca5d2152c8a92', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '49e4599dc72accd61a8bcf2e889e1a356300f8b4', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '1b832435c6c45e90b6e86871ecc91aadcec113ee', name: "badge" }))), h("button", { key: 'c037fc8e1f7e52b3d507d0d1113b85e351963984', 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: '5b53650e5f9dbba622bedca80322412381ad8c07', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '913c19119e9b386e61aee8aafd92dccef1c2011b', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '141db901f279cf4542159cb0d66e1b77baa290f9', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '9fcc67ccb156cedb7ba97a8aa19ea94451e5e582', 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: 'e649725f608b816fc34ed2214ba32d7113d55379', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'e919645dd68e3668e69396dadb220a73284137ce', name: "icon" })), h("span", { key: '69345d921f0065636626deb48448037de98e7fd6', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '55e352b19893b5965141f2c4bb4fdc2c62c98484', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '280019a63a9a95700eff7259a3ff88c7bd443c5d', name: "badge" })), h("span", { key: '2f0e0ce0382eaf656eec715e07199724d830c937', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '5ea908d07433441545e1236562a9ff031f73e133' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '7b529203ad4c375e0d0261477cb4f4c4843f6e11', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'e557b3ea90b2482c85da56c029a6343a6510ea88', 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: 'c5b647b8f19100046cf3e0f04bac52cd1515f5d0', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '52ab0e9378684f7598a2ad376bb20ae92fb49f27', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'f6112b29375652496e1514197baae2a1516471fd', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '54dd63e60df6f8e8d173142f11464de2fa89a00d', 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: 'd8e864d204a42a84b67fdf3064ad08c89982565f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '26cd210d0d52346e275d259398ca44817e4f504b', name: "icon" })), h("span", { key: 'daa08a6fc42ebeeb63b86fe63b16b75a4d46e8c9', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '0f35fe8be3e9d057a37b9d662142b62fc19aefbe', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'ae68e64929f342480a1e194dfdc4f651b0e990a3', name: "badge" })), h("span", { key: '37a3aa1eb9101705b903249e6879c6e9a8fcb8ca', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '5d441f10d78549f5630cd3ea0d1b27c1072a3df5' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '44c7a576800a6c27f360ec1c641bcdc8d3aae493', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'b78af1785d1912dd4cb9e078e7fea5ac0fe2200f', 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: '4c41df0853fda178cc18d5e27974bf340e88f79d', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '25e9abebe0248ae253da3cf4875d8d834bade518', name: "icon" })), h("span", { key: '567796fe38df5329f5f0242e89350a1c27b7a51f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '77a4c089247647b63675ea22abe5fa175d50e954', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'b5182ec440eb4b9226a67d3747a0111bef01da49', name: "badge" })))), this.isActive && (h("a", { key: '392e76165330a9871aa651cfae9ad59b424d430b', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '435cba5e3dcde9c6c17778f03def75f6138ba5db', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '466aa520388e64127c9851c4ad3f19990f1a9bb0', name: "icon" })), h("span", { key: 'fd2e785afbd7b4d5064a8078a84a0accc5aa135a', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '0e72c9f170631988064a0fb8ab3588675528c6bb', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '345b4c77264fa6d1c3f2f31d19587d51b96de481', name: "badge" })))), this.isActive && (h("a", { key: 'd9240da2287bee7665018ad21e0d56ed39afb1c2', 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: 'bbab00798470cc791be9bdd392f4da5ea22e242c', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'be99d46ebad0860e3bf5b46e4d30307dcf6d6064', name: "icon" })), h("span", { key: '164d061f6d729e12a4406c901c32f828120cd2c4', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '884bfae7997f18a8d71c666b8fbfbd0af3316e39', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'e4fe34d83096356153d69b99fd3c1ae735329786', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'ccccd6a5c2cfc9557ccf3937043e30919c1063f1', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '7755a767015e5a21e2a000798d1196d73e67babe', name: "icon" })), h("span", { key: '7a7d0836cb61b0cf5c4c759412d381076150f46d', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '08b4c81e6b46e4243a119351bedef30f2e20c5ef', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '6a0e64ebdf40af166b1a0a8cdd8d5ebd8592ad58', 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: '9fbce18ef0f3b4696f117246981a4ac1fd60180a', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '90023984d05eaf3be8642d90c4f304ce64b2e19c', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'de514a721d9a90690ccdbc585af55fd2c30bd974', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: '0d4ca425fef78ffe63cf799d3081b4244b6bfbbf', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '285297b72a3827b0bfe517d9e4310125bd601248', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'f7a0febad5f5fea2159f58005f2afcabd5ec710b', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: 'd6b8641dc754ea2a7e0468290dd0d77b2a6f0996', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4a89a9ed23ba96fd28a206873c539ba3f3e310b7', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '5fb3fb56fd1d5acb7d4398ad759ba6f93e9093a7', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '393dd9feff32a207ea55c0a4fb6984432253a42a', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'a8bf170edb34332638402333d919e49491e7a0bb', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'f9c9a22b51b6f45e97485791ffbfceb50a31d65e' }))))))));
+        return (h("div", { key: '7993f1d90cf0e7b890e32aea913f03f5ae096d9c', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '1d72c446a7828309254198541a146446299fa6ee', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'f6ad22063fb6c41556613caa69af40f771e6404e', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: 'd70efda940810b2315656bbd96fa4e9bb4327788', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '9d76acf16662a51b7fa6678b56bcd6be7185496a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'ecfffa3dbb986b0d53f214a275740b24e6960706', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '58bc7645acc14dcabd100bf12e6c7ec3f8d1243c', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '219cbd6cbc32db33b28ee6a87278b3f0b815ec39', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: 'd399ac65f22987efcde7d30dfc72298fc4216a6c', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '736b9b5dea42f5f61e83cc2c470d70b165781b1e', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'ef213cff05b8fa05542be023204b464a73673579', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '46286cf5dedc8cd8fb80db2527cd4b6778b59180' }))))))));
     }
     static get is() { return "digi-notification-alert"; }
     static get encapsulation() { return "scoped"; }

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

@@ -121,15 +121,15 @@ export class NotificationErrorPage {
         }
     }
     render() {
-        return (h(Host, { key: 'ea70cf2cafd31a35ce408af21deadab8684e2edf' }, h("digi-layout-container", { key: 'c8439223806fdea5914cd434485f10c8f72f7043', class: {
+        return (h(Host, { key: '86175cd15f7f73e3cbaa75cb97e8d3884838cd0d' }, h("digi-layout-container", { key: 'b94d6452cb22d077af26c1248d86a965d0d479b9', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: '8b49006debd88652ca2b04043f05276ffad671ac' }, h("digi-util-breakpoint-observer", { key: 'a3651f17b0550e93e99430ed9dff8a2d8472b18f', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'ef4c66a86cd15512eee76f5fe7e1b62d0fc6c9fb' }, h("digi-util-breakpoint-observer", { key: 'aae493c017515d098d62cc80fb87fb8c65fa0aa5', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '01270820ddf4f029f9160bb6e9c10320fa5a75fb', class: "digi-notification-error-page__grid" }, h("div", { key: '1a219b2fee7ff7783b6074b6892f939ba85f67aa', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '6bb741b8e74619168adf3c456fb0f1cb5b771694', class: "digi-notification-error-page__content" }, h("h1", { key: '8c27870f59c37e2e1a6044489ab7d8cb6aca9655', 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: 'cb7450021f494ebeb3080f7b0e8d005890510acb', class: "digi-notification-error-page__content__search" }, h("slot", { key: '5aafa4f5355d07de69373ab98f45992277c070fe', name: "search" }))), this.hasLinks && (h("div", { key: '942914ddfed38d1f0fb46111f9dc7c4d681442e7', class: "digi-notification-error-page__content__links" }, h("slot", { key: '1ada876aa8450089e14d3068197e7f864450c632', name: "links" })))))))));
+            } }), h("div", { key: '2ddb77f1f842cfef8da7921ebabc389b13f96ea5', class: "digi-notification-error-page__grid" }, h("div", { key: 'f36331f1c94d033870ea6ad579b698c10aec5a67', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '10b40785f2e6ae06cac255103697c07be6b99fbb', class: "digi-notification-error-page__content" }, h("h1", { key: 'a570f07e97e12aa04fd1e36ccec35d291a69791a', 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: '7e8d442aed62991f1cbc29ccfa0f2293e69c4026', class: "digi-notification-error-page__content__search" }, h("slot", { key: '71820b340f1b9c14c30506aa78d980d556e2889e', name: "search" }))), this.hasLinks && (h("div", { key: '74840e3d9d941507770431c7578643d2f4b43ab3', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'dbf442d3030d326d6ec7d609b9549f26bf421530', 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

@@ -52,20 +52,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '168d6ac008323ab55fb98b8e04d2af4ad2026cca', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: 'ab14f15cc91db51d571b59e9a7a9b23124745c7b', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: '39ea149b92d942500e6a47593b02f5c9c101a5e7', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'daec847fe13819755c3a039597ffcddb7fb39f2c', class: "digi-progress-circle__circle" }, h("p", { key: '21bf61d6d6b9367284b18580d0e65208e775dcbd', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '44dad316ee6a745f9846b5a663970bbbb2a8d801', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '8deb4a1c85a901c1be70ad1e6e8a59f2a5df6fbb' }, h("mask", { key: 'c85fbf52c2ee11633373d00a063fb14ef4bade24', id: this.afId }, h("circle", { key: '11a23e3ff7c6178022d95faaf1587dcd173faea0', 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: '4fb6894d3473752fb593278fc659e26998ca7084' }, h("circle", { key: '058d00be90822a1926e804e2872ec468f23b5a96', 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: 'cfffc83fc6cd2fa2ee95e29150c7188ac5e573e8', 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: '1b7e693d338bbe25879bcf053e5abd111c7dd6b9', 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: 'd3092eeb504c605adb7f188b146569ef56dc3ad3', 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: '1a6660016cafb9787b2a57dc054c49aa40ffea08', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '9125cef1811e996179a196e04aedf1c97afe88de', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: 'bdd70d5da7e4c972e0bea9449410f4fbcce51fbc', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '71c17954afd9f8fd95f054230cca705c6f8ad09c', class: "digi-progress-circle__circle" }, h("p", { key: '9df31e6c4f467be637c29fec00988569db90f437', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '513caee4ab7abfc19cca208103b9092f79f823cd', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '3bb35bafb49080b4ab643190e8c021bdfb30dc11' }, h("mask", { key: '52ed6db64b337e17116932e28bc465e1da84c74b', id: this.afId }, h("circle", { key: '9619a57bc3d470d996c118152eadbf16d52779bb', 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: 'b0e191fd89810c3934d25892915c503f448dda40' }, h("circle", { key: '69d5853e7db4030e5d31a361e991153e00ed0cd6', 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: 'fa1ad4288d1c6954541154a590760a3f62997794', 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: '2e83fe6132eb1d9b232d91ee900b1d894093b98b', 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: '2e15541375eb9606d44691071cb0af19e2878ae6', 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: 'ac7ffeaa33b3d112ca7974f1882646112304feef', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '1320be712b9d76e3b60ac45ec0dfcf7db3e04205', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'a6257669e33140d2a592cc90e7a57f56f18b499f', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '8765089d7b5e772e9024ef6cbca68cd275e02e1a', 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: 'f1bcde2774c52424e067f3a1ac2729f24017dd64', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '5c6ed9b3df5a0c61aa3108831d74f40e3ce50c3a', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'b70d527e0630fcc857f1b33e6acfefa71b6dede1' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '71796ce5a13147a61b0167be3d2843a017e2d9bb', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'dd544b5dcdef92bf6aaa454048b3a1e73aeef379', class: "digi-progress-circle__icon--error" }), h("span", { key: '907cec6d368ba97bc1f2dc672252b80711f992fd' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'd3685997f5abc96a208b7cc0f0ed0877ffdb7628', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '44c0a1e045ddeccc3d28ee3d6126203ea049fbfa', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'd01d3c753a9bee82352539d6d72040f0e4e0203d' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '351bc3db70ec81493cf863fadbec7260221a452e', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '13ebf1e1fecf26763719c4cfc0c62c7a85265070', class: "digi-progress-circle__icon--error" }), h("span", { key: '61675220ce12e53170b74b860321e9ebb9972fc3' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -90,9 +90,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: '44e985f27fb32392b9f48b59cf453d0e2bf4f5c8', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: 'a6507b7b25f6a29887ee7cf81697c8ee1db13552', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '80a7d3adab225f369b6a062feb9768b4bf034dcc' }, 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: '26f8b09ff0d8e5ea3e1aadf68086eafc994d169b' }, 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'
@@ -118,7 +118,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: '2f3a4bc72595730fa0399b977cd121263c12e487', class: "digi-progress-indicator__label" }, h("span", { key: '0776c714fac523598644ec692a8966bd5a32d15d' }, `${this.afStepText}`, " "), h("span", { key: 'af5d9781358435ca6a51f189ca1c13ac62bba800', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '6f42f60d6223393521273f180ab1c4d368a245f5', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'ccc832ac20642022a9280994a2e7fb6c29fec6b1', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'd06a25a2f4561a0f96e2bde64e9c16756e1f63b9' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '6ce2aafdd0d1aeac4593c518a5abecec6d1967de', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '431298e4578a64d3db67e83c1717febfb1c705b4', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'a245bf2ef11b2769f8fccc405ee1c7680fc48a38' }, this.afValidationLabel))), h("div", { key: '5b814c056bc6af220bac060f4497c7a8b6895104', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'a457c3c1e32118b8ec375420f6b92ed11c393efc', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'a168fd9eb028cf8099478168cd072d5003699f58' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '51af7573925e741f3ada40e407ba0e48233ab28f', class: "digi-progress-indicator__label" }, h("span", { key: 'ba93f866084a679e0995b569251dd63bd8bbb02a' }, `${this.afStepText}`, " "), h("span", { key: 'f9d63f54a720a0c2bf1d9238aa6c79823abbd712', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '11555dee05fdbf5fc3d4f466b7c5808153aedab5', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '721d1a5936af46d4e1fd66e7d2d2a82eb20514f1', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '66bcf5c95add476b1bcce39c6d4e06593c201adf' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '8b39a8c56de7fa9574f7e34648104ca86623ce65', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '4f609e634400eb8baa73002f3f64f2a83778d545', class: "digi-progress-indicator__icon--error" }), h("span", { key: '65b60b87df1347518f5012b94f7fc5379455d066' }, this.afValidationLabel))), h("div", { key: '9fbb044b6df2f74c109936258303a150967c5838', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '1ace7e77e4948453456e46ba75d4c379a12c3ec2', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '5350f54607a854cf01547a7085e5f608747a2049' })))));
     }
     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: '05fd0823dc3e8b0ea8792a5a2e7c6f1b787e186c', class: "digi-progress-list" }, h("digi-typography", { key: 'd77ec992e0e8a03031ac6994342bb92e6dd42a94' }, this.renderHeading(), h("ol", { key: '306131998162c15f5be9a508e39f239b997bd175', class: "digi-progress-list__content" }, h("slot", { key: '60c59f0f21a7738796efedd9a1d02ad6ddd0f9d2' })))));
+        return (h("div", { key: 'b9b7df3845f6698aca8ed7c8673928cb632ebadc', class: "digi-progress-list" }, h("digi-typography", { key: '5f182e57a75cc8f3329c124d3e9029d9c198c81c' }, this.renderHeading(), h("ol", { key: 'b2abd22a563d97bb0e8a3d13008e523be89a1dee', class: "digi-progress-list__content" }, h("slot", { key: 'e064a205cfeaf1d9a3e8ae3da2b8f47927bec9d8' })))));
     }
     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: 'b9595ee9489d2e147dd8847d2157f987f95ed97d', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '78773561ff6d151d37368b206a640faf0bf7e920', class: {
+        return (h(Host, { key: '0475a36317b5284ad8a092d0ae5e5044cca5eee3', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'c36d65b05212a3931de75183a58a3ce0ccc25699', 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: '61eb2a32133d400998710467f62d1a4a1de05cf2', class: "digi-progress-list-item__indicator" }, h("span", { key: '924bca43fb52c2cc70ae8ff575dd394a69dafd70', class: {
+            } }, h("span", { key: '1f5bedbd061bae4178ea4a058fca1867c44888e9', class: "digi-progress-list-item__indicator" }, h("span", { key: '8449b16e92758952678900046b15569826a872d2', 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: 'ba74ccd58e089fbfa77bf267d8285ee38026aa9c', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'e7304603146cb55a0a4e07a5509c628311ae5de8', class: {
+            } }, this.renderStatusIcon()), h("span", { key: 'b9e6c66c2222bb4c0f413b950c0e7ad4189ee8ac', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '5a91e5036e1a9d8434a9d92615fd13f8f304c95c', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: 'f1cda598dc3a224db406d464dca884d1ca776d21', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '51fd617dcdb847687889a82e2c412dc99a4b5450', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '2f5dc932fc732874c1ea9f248dac43439115f80c', class: {
+            } }, h("div", { key: '85a8499d9a3890bc7b7a63342b7c5c36d8c2f7f1', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '11893207ce0beb7c30617c54d8b5252d957915f6', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '58aa319b88121855ed7d66acd2cd7536ee1af9f8', 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: '296d60cd6c48ab6006eb413ad1e7835f85aa9cf6' }, h("slot", { key: '1a3e1af2a6f49148f92d71ecb8b103dc3e0407a9' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '58f57c5389fb16166f87b9121d7bb78ea7fe7c61' }, h("slot", { key: '8e20fc5dc9c0f3b5b6790a0f4e9013eae9aa1bdd' })))))));
     }
     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: '9e0e81c09b37d2baa2a88c8e6b511c85f2e48be8', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'f4a7c2b2d9fd05cdb1c3673265a030cf08cf3836', 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: '5219b964655de7a130d8785ba1118a62ad4830d2', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '0a3f0c6132a3759be2240f468590422d897dbf2b', 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: 'f8a305963dcbd624359de6f9b3f62a36f46a4e05', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '3fac2f4a04397236e6f7a3f4913da3fa422aaa88', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '0592d3bdbb7c0f55ff2801a4e95fb55a11267140' })))));
+        }))), h("div", { key: '59a9c4a3a365c07bb4a08b40252e1d9776193385', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '3a513e8b6314142cdba83cffa1a454f95d5bdb0b', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '53ea713ea35f5456e49d9c4dc0d9f42070b8c7d6' })))));
     }
     static get is() { return "digi-progressbar"; }
     static get encapsulation() { return "scoped"; }

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

@@ -99,7 +99,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: '87a8576e3b93c232eed5ec3a0ec1a870c151e576' }, h("digi-util-breakpoint-observer", { key: '061bc6d9cb5b93f6aef436189c453e4a986cb0a3', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '5b45f35fcf8ec7d3df20dadadf303122e6296316', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '4337f3de6245946ed76a9ca32a2d3b9bd7750c87' }, h("digi-util-breakpoint-observer", { key: 'dbe46642ccf39ac2a5b110729383c5e35e64b58a', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'd5247bbe8419bd83f1e22671a18845c459810e6f', 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/_quote/quote-multi-container/quote-multi-container.js

@@ -14,7 +14,7 @@ export class QuoteMultiContainer {
         this.afHeadingLevel = undefined;
     }
     render() {
-        return (h("div", { key: '07bd99610fe52d1042084a3b2e44da375ae3b5ad', class: "digi-quote-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: '2a52d87e202677fc3bba624688f33ff77eab2530', class: "digi-quote-multi-container__heading" }, this.afHeading)), h("div", { key: '671acf68a305bc85ae1637ffebc0bdcc8103f260', class: "digi-quote-multi-container__content" }, h("slot", { key: '3915cab45a657d4159d0c695c8828c11aa7ee965' }))));
+        return (h("div", { key: 'bfba0fe393ab6e49ddb03665d9bca72b592551d6', class: "digi-quote-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: '9d7d8d87850498a20c3cf4e0f66a268948c55d52', class: "digi-quote-multi-container__heading" }, this.afHeading)), h("div", { key: '88783de63787e8c8625c9d0441c135828b2ddc6b', class: "digi-quote-multi-container__content" }, h("slot", { key: '95915c7b0dda2f2ce3921c14a6167a607e874223' }))));
     }
     static get is() { return "digi-quote-multi-container"; }
     static get encapsulation() { return "scoped"; }

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

@@ -24,7 +24,7 @@ export class QuoteSingle {
         };
     }
     render() {
-        return (h("div", { key: '78d1f62fa3c760ea2570f9a465ef5c5987340402', class: Object.assign({ 'digi-quote-single': true }, this.cssModifiers) }, h("div", { key: 'd7b815cff30760b576b7bfd2d68838027b85e932', class: "digi-quote-single__content" }, h("section", { key: '3f90aa207f6f7d1ed616abd9831b5cf512f5d1b8', class: "digi-quote-single__text" }, h("digi-typography", { key: '5b9611b1ade4e8a16235f0870ebd9f7f4c9c3f57' }, h("svg", { key: 'bcbda48085c854656144441a3d5b4afbb9f03ef2', class: "digi-quote-single__icon", "aria-hidden": "true", width: "51px", height: "40px", viewBox: "0 0 51 40", fill: "#00005A" }, h("path", { key: '0eb6f38edb29811b94808c9b1697c0877111d576', d: "M0.602908277,34.1566952 C4.73191648,32.1718898 7.96569724,29.8622982 10.3042506,27.2279202 C12.6428039,24.5935423 13.99478,21.3998101 14.360179,17.6467236 L11.2908277,17.6467236 C9.02535421,17.6467236 7.18008949,17.3941121 5.75503356,16.8888889 C4.32997763,16.3836657 3.17897092,15.679962 2.30201342,14.7777778 C1.46159582,13.9116809 0.867822521,12.9553656 0.520693512,11.9088319 C0.173564504,10.8622982 0,9.77967711 0,8.66096866 C0,6.35137702 0.940902312,4.33048433 2.82270694,2.5982906 C4.70451156,0.866096866 6.92431022,0 9.48210291,0 C13.5014914,0 16.5891126,1.31718898 18.7449664,3.95156695 C20.9008203,6.58594492 21.9787472,10.2307692 21.9787472,14.8860399 C21.9787472,19.2165242 20.1243475,23.5830959 16.4155481,27.985755 C12.7067487,32.3884141 8.23974646,35.7264957 3.01454139,38 L0.602908277,34.1566952 Z M27.6241611,34.1566952 C31.7531693,32.1718898 34.98695,29.8622982 37.3255034,27.2279202 C39.6640567,24.5935423 41.0160328,21.3998101 41.3814318,17.6467236 L38.3120805,17.6467236 C36.046607,17.6467236 34.2013423,17.3941121 32.7762864,16.8888889 C31.3512304,16.3836657 30.2002237,15.679962 29.3232662,14.7777778 C28.4828486,13.9116809 27.8890753,12.9553656 27.5419463,11.9088319 C27.1948173,10.8622982 27.0212528,9.77967711 27.0212528,8.66096866 C27.0212528,6.35137702 27.9621551,4.33048433 29.8439597,2.5982906 C31.7257644,0.866096866 33.945563,0 36.5033557,0 C40.5227442,0 43.6103654,1.31718898 45.7662192,3.95156695 C47.9220731,6.58594492 49,10.2307692 49,14.8860399 C49,19.2165242 47.1456003,23.5830959 43.4368009,27.985755 C39.7280015,32.3884141 35.2609993,35.7264957 30.0357942,38 L27.6241611,34.1566952 Z" })), h("blockquote", { key: '6002b84767b09aa8200b5c2abb9e976ebbe62422' }, h("slot", { key: 'b572040f9a03ed03c9bbc124daaa34bd6518e9bb' })))), h("digi-typography-meta", { key: 'f88d325d086609d226801ec3a39261ea3471514a', "af-variation": "primary" }, this.afQuoteAuthorName && (h("p", { key: 'ee52c2046cfb151a066a8a18122db9fc2d9be9ab', class: "digi-quote-single__author" }, this.afQuoteAuthorName)), this.afQuoteAuthorTitle && (h("p", { key: 'c6a50fca6df4fcaa30b164be3f68e8bc65e28391', class: "digi-quote-single__author-title", slot: "secondary" }, this.afQuoteAuthorTitle))))));
+        return (h("div", { key: '2613f052a3c6817bdbd767e8210577eada8be4a3', class: Object.assign({ 'digi-quote-single': true }, this.cssModifiers) }, h("div", { key: 'da64d016290c9aa9de18dc81f6aeefdf6724e46a', class: "digi-quote-single__content" }, h("section", { key: '67a0101387946794e4a3e8b3d2d7ce78aaa31dbb', class: "digi-quote-single__text" }, h("digi-typography", { key: '4a21e2e9612cbde47bebd5e4a43c139dee44dac5' }, h("svg", { key: 'c1daafb7832f2c7d9fd576009b3e12bf4b0fa90c', class: "digi-quote-single__icon", "aria-hidden": "true", width: "51px", height: "40px", viewBox: "0 0 51 40", fill: "#00005A" }, h("path", { key: '66f9fbf44a93725a10cd442de9a1dd01817f19f0', d: "M0.602908277,34.1566952 C4.73191648,32.1718898 7.96569724,29.8622982 10.3042506,27.2279202 C12.6428039,24.5935423 13.99478,21.3998101 14.360179,17.6467236 L11.2908277,17.6467236 C9.02535421,17.6467236 7.18008949,17.3941121 5.75503356,16.8888889 C4.32997763,16.3836657 3.17897092,15.679962 2.30201342,14.7777778 C1.46159582,13.9116809 0.867822521,12.9553656 0.520693512,11.9088319 C0.173564504,10.8622982 0,9.77967711 0,8.66096866 C0,6.35137702 0.940902312,4.33048433 2.82270694,2.5982906 C4.70451156,0.866096866 6.92431022,0 9.48210291,0 C13.5014914,0 16.5891126,1.31718898 18.7449664,3.95156695 C20.9008203,6.58594492 21.9787472,10.2307692 21.9787472,14.8860399 C21.9787472,19.2165242 20.1243475,23.5830959 16.4155481,27.985755 C12.7067487,32.3884141 8.23974646,35.7264957 3.01454139,38 L0.602908277,34.1566952 Z M27.6241611,34.1566952 C31.7531693,32.1718898 34.98695,29.8622982 37.3255034,27.2279202 C39.6640567,24.5935423 41.0160328,21.3998101 41.3814318,17.6467236 L38.3120805,17.6467236 C36.046607,17.6467236 34.2013423,17.3941121 32.7762864,16.8888889 C31.3512304,16.3836657 30.2002237,15.679962 29.3232662,14.7777778 C28.4828486,13.9116809 27.8890753,12.9553656 27.5419463,11.9088319 C27.1948173,10.8622982 27.0212528,9.77967711 27.0212528,8.66096866 C27.0212528,6.35137702 27.9621551,4.33048433 29.8439597,2.5982906 C31.7257644,0.866096866 33.945563,0 36.5033557,0 C40.5227442,0 43.6103654,1.31718898 45.7662192,3.95156695 C47.9220731,6.58594492 49,10.2307692 49,14.8860399 C49,19.2165242 47.1456003,23.5830959 43.4368009,27.985755 C39.7280015,32.3884141 35.2609993,35.7264957 30.0357942,38 L27.6241611,34.1566952 Z" })), h("blockquote", { key: '9434149a8e475412b3de0ff45a1a4e6fa5bda514' }, h("slot", { key: '4dd5faf950b4d6d71b271020fb2c07bae32de24f' })))), h("digi-typography-meta", { key: '321b19c0b4daabf8ff87db58af02d17c3f809085', "af-variation": "primary" }, this.afQuoteAuthorName && (h("p", { key: 'ff876eed9d7d17613cd21456b88df9ebc8894a23', class: "digi-quote-single__author" }, this.afQuoteAuthorName)), this.afQuoteAuthorTitle && (h("p", { key: '8470701376f8eaab141db08a88cb092e5ac94749', class: "digi-quote-single__author-title", slot: "secondary" }, this.afQuoteAuthorTitle))))));
     }
     static get is() { return "digi-quote-single"; }
     static get encapsulation() { return "scoped"; }

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

@@ -34,6 +34,14 @@ digi-table {
   --digi--table--color--active: var(--digi--color--text--inverted);
   --digi--table--background--active: var(--digi--color--background--complementary-1);
 }
+digi-table .digi-table {
+  position: relative;
+}
+digi-table .digi-table__scroll-container {
+  max-width: 100%;
+  overflow-x: auto;
+  position: relative;
+}
 digi-table .digi-table--primary table, digi-table .digi-table--secondary table {
   border-collapse: collapse;
 }

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

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        return (h("div", { key: '1e32b5aa8e4f4cd2d66b852167bc60598202841b', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("slot", { key: '8bd0cbbdf8b5c8196890fb6d4817a73fd25ce634' })));
+        return (h("div", { key: '401c380c7707643e505d5826740a123c841715ed', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '8b9640b09c4d5db07ba203b53e3b2ae2709a5c8a', class: "digi-table__scroll-container" }, h("slot", { key: 'e802db1029c70840b0b442bcbe7431d5b96287d0' }))));
     }
     static get is() { return "digi-table"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: '2cefd50251caeb8c5a09451518e6e3dcdf73cf61', 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: 'a7296b0dbf536d23604220d87bf9607f38f82bd1', slot: "icon-secondary" })));
+        return (h("digi-button", { key: 'b57bfaca56e655e7e9f7afcd2d6340f0d8947280', 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: 'cfdae42005f48e21328793bd70e2cd08088ef1e4', 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: 'afd7f80de615d21b90e4f08c2c5701a37a44102f' }, h("div", { key: '49afbfdeba64995ab572f53f9a89faff32e4264e', class: {
+        return (h(Host, { key: '45b06ca2d6dea9ade3f51b2024cc4e063629593d' }, h("div", { key: '45e923b7eee803105f47388da28fe1d67a12814f', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '1ec69f6aa9a4780363191be39def710ce92e2b87', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '44951fc9a78c5989410bc96d68775203eb8d4dbf', 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: 'cc4d828ecb2cb642204b4a127742bc3b4f38b638', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '6038a1a8251412620d1c390cf5d1a027cf45a474', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: 'dce6c4361612e56a25912f8dbf29196843d9cb6d', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'b0c57c52f37f7adcbab48aba38bdfbc0a20b6700', 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: '798900f14117dff29dda34e09fb6e747170db011', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '5098c94a0b1b8dee4f33dce723419ed1532d73d3', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: 'b6e0044bfbc47e64c0b3ee44a60e23ea25f252fb', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'b3fa308e08a3160577b310ba95cebba6940aa259', 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", id: "Stroke-3" })))))))))))))), 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: "#95C13E" }))), 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: '638fa7da3428a38fadab8a5e78ff9f11753fc468', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'a783b922b1c5d9302701c4842bdd05fbb094e20b', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: 'd387bcb97717c46a25762914facebc3f1a17a225', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '49267f9ece5630cfcfa650676490e4166a325e5e', 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-languagepicker/tools-languagepicker.js

@@ -82,19 +82,19 @@ export class ToolsLanguagepicker {
         return {};
     }
     render() {
-        return (h("div", { key: 'ffd7cbdf0b93c74a42ec4b242290321ac482ac60', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (h("digi-navigation-context-menu", { key: '655becc762728d8227d009f8cd86183f6f51f2a3', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (h("digi-button", { key: '568d44ea3a0dc3db8db547efb1ace3355a5d5d67', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+        return (h("div", { key: 'ab03a78ad58414967535bf1421cac9bac66020c7', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (h("digi-navigation-context-menu", { key: '76004aa5fb3f1979ad803c4b5a870cd7c55f23b8', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (h("digi-button", { key: 'ae3412c3f3078e663890187bc1a110d8d6d38c0e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
                 this.afOnClick.emit(event);
             }, onAfOnBlur: (event) => {
                 this.afOnBlur.emit(event);
             }, onAfOnFocus: (event) => {
                 this.afOnFocus.emit(event);
-            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, h("digi-icon-volume", { key: '81c05b9af8d16e895d409282ca6eb99be4c10534', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: 'deff4c634de18658b87af986a9a83ea6abb4cf98', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, h("digi-icon-volume", { key: '4a7eb7eea5713f89c6690a5c51c5766fd8204be7', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: 'fbe26543976b1c8bce0c7aba8aff14b161f417d6', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
                 this.afOnClick.emit(event);
             }, onAfOnBlur: (event) => {
                 this.afOnBlur.emit(event);
             }, onAfOnFocus: (event) => {
                 this.afOnFocus.emit(event);
-            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, h("digi-icon-sign", { key: '5a9253c4615ac533ebaff672bf0453315eda3395', slot: "icon" }), this._afSignlangText))));
+            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, h("digi-icon-sign", { key: 'e7e3d671dec9078ea3ad67798509139777f01304', slot: "icon" }), this._afSignlangText))));
     }
     static get is() { return "digi-tools-languagepicker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -19,7 +19,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: 'ab80bcd6bcb5929fb95afb13bddbe7fe13525175', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: 'c69f06ec50779025a1bf723ae74cc9b20d62749b' })));
+        return (h("div", { key: '70bc803a3fe0eb25a8d3951402ca13ad0f47f012', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '1e6db89ca0b13254e635e2077775513ccab7cb2b' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

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

@@ -23,7 +23,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: '223f6f8aa2a0d181759a96d8d4537c26dff01848', 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: '445f40c38ac1b9174092ec0ea0d6a5796f920d9d', 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"; }