@designsystem-se/af 32.0.2 → 32.1.0

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

@@ -168,7 +168,7 @@ export class NavigationVerticalMenu {
         };
     }
     render() {
-        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' })));
+        return (h("nav", { key: 'e7dd90acdde937b4474ffc6d615aa32324e60437', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: 'e060c8c7455c3db6bd7c18a9ceb52ee0d13cc6ac' })));
     }
     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: 'd15d8e342c85a7bb449a9f15fc0155e3f326de97', class: {
+        return (h("host", { key: '8802036fb23256a7b65a0fb08310ee7bdb352435', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, 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: {
+            } }, h("div", { key: '68db4dc17a2125a9ef0235bddeecb6d56eeb46a1', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: 'e2aebf6327c7039214679543a670094049e99ac9', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '2c46d6d7a74dd66f4606d9f76eb7be5431a5ad16', 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: '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: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '83ccef6bf69abba28dc8bd5a602d34f4c78fa8a0', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'ea3fbcb2db6784bbf4e51b1254250c461a164396', name: "icon" })), h("span", { key: '811be918e3e7d307c29e228ba97e166d524d15ca', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'b89dfee61cdfc3371c49bf206779a1874b5bfe4c', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '5cb9ed789b7d15190eb91958d89f187b85dab5f9', name: "badge" }))), h("button", { key: 'ef1ac35aab92f4b54813f4fd205ae8287efb6a28', 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: '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: {
+            }, 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: 'fe2458414620ddd82af502bc5940085adc6bfcc0', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'e61d88b0b960d5953795e9ae044549e772598837', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '65e5d1c1c0959929ec2981627842b1df4e183b02', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '6ca204ea7cc5f6f0fa3d9b184336ffb5c0491b15', 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: 'fddd6d8667ef196428f2536252a86a4d15128b59', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'b8a5b123ca072ab2d7234f53bddeec1676009396', name: "icon" })), h("span", { key: '30eb2ec98d37a5fe365304f4e7f1b5a81950651f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '024daca3d4f0902aa2c539c0b6a907e5d8646365', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '1ce40ca5ecb511731ab072e581ab1d3f1066b08a', name: "badge" })), h("span", { key: 'ade56bc496ee64aee49924ded618199cf25282c1', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '3888a43c5588d28af7cc92b21dffa4f00f7f31fe' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '56ad21d54d288a64833f2dee45cdc2caff4b0900', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '4f1d678879fe8c1e52cf810285b851e0d4de968b', 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: '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: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '776b5ee1fe04d3e9c2fd65e7cf7b9f44bd7496c9', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '1a1a2c49594045f69129dfe62685c42147ae9af5', name: "icon" })), h("span", { key: '7fb94127a356e581380737e8f314ad5000b4c62f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '7b62714044a5269b95327afe2bbac4d953944c28', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '629658822c8c47e8781e1a139613a1f3c19028dd', name: "badge" })))), this.isActive && (h("a", { key: '8d95cbb822250940d9c397638eb686b2f8237ad1', 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: '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" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'd0741992a593822f65bc1382561bc8b166aaa40b', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '5a37bc0b2900a32db821290f9ff5315fb9d7ac4a', name: "icon" })), h("span", { key: '9cdcc98b4876a2c22e7f2fd9739a4a64db8abe1b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'f7b1e6d63a5056242bc136904db9c0df4ca287f3', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'fa3bcf60bb9affa96f1c6817f9e8fd846ddf4e2b', 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: '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' }))))))));
+        return (h("div", { key: 'b3db2169d505e666da6ba42a7af96172765db22b', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '7fe28cdecc5d2be4c7e18aafc4dfc4e7e4df72fa', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'e9ebaf2e2689aa9c1ebef936fa9307420b373862', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: '25810a54a218e5e9b7f170c15b8f78acd06bbd86', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '52a2a2576a0eb328c0fcd345b05f9d53afb3b3b4', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '61b3ea81919d3f49e8f8a6db02d2dc8d406ec865', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: 'b75ed7f95642806ed34dc00fe3957a9e03951b2e', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4295aee514415655b2822703e16b562692df8314', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '4849c5d62cb332553c49f8ba5a649c7411ac670e', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '0b248625c2e2e0b3b7a356534b562bf50960ccc9', class: "digi-notification-alert__content" }, h("digi-typography", { key: '3f309e39d9fd533c61ab82e168431b39ff5eb481', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'c9f4e36113fbdc9eaca5f30449fab8e7ec0798e0' }))))))));
     }
     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: '86175cd15f7f73e3cbaa75cb97e8d3884838cd0d' }, h("digi-layout-container", { key: 'b94d6452cb22d077af26c1248d86a965d0d479b9', class: {
+        return (h(Host, { key: '122ee131eafff827a559a15a9794ed12634af283' }, h("digi-layout-container", { key: '7db733ab80e8193af1dab1fc7cbc5f5e0245fad2', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'ef4c66a86cd15512eee76f5fe7e1b62d0fc6c9fb' }, h("digi-util-breakpoint-observer", { key: 'aae493c017515d098d62cc80fb87fb8c65fa0aa5', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: '08c9ca2d9c060ec71393e2bd6244c03e7906ce21' }, h("digi-util-breakpoint-observer", { key: '96cccda47a00edf5366528c1777f8811eb021afa', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), 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" })))))))));
+            } }), h("div", { key: '415ad07b14a1891762301dec86e290387bb07046', class: "digi-notification-error-page__grid" }, h("div", { key: '82a7fff99f37c566cb57a5c5119e2818b745d660', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '61e19c546b45617ee929fe1b470e3e2363431cf5', class: "digi-notification-error-page__content" }, h("h1", { key: '4b64250d032be57a1a645a0e4f376b9eb8fb222a', 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: 'ca7778acd50ade49aa5799853ddcbb7990982406', class: "digi-notification-error-page__content__search" }, h("slot", { key: '5adce9ae4d208bf86936cfb19b95d477db25fcbb', name: "search" }))), this.hasLinks && (h("div", { key: '1c4aa7b215fd6cdde4b5b384eac7f0f5217caf0b', class: "digi-notification-error-page__content__links" }, h("slot", { key: '4b94715c2f78e6169967c085becd7c0d7b582ad3', 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: 'ab14f15cc91db51d571b59e9a7a9b23124745c7b', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '99b44a85b82e6a8ad45a8361a2942df70f85b2d4', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : 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: {
+                : null }, h("div", { key: 'b8a56de16fd355d1a6124e90e1fb50925798af1a', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '42aff20821e2a39e036ae6e0152e8364197cf80a', class: "digi-progress-circle__circle" }, h("p", { key: 'ca57e6b02ce3f4de6b18a45c2ff40ff92318e4e0', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '00c80edf811f66e09f98244fd98bf36136eec3e7', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'e1af198e062d149f44aad1a48b123a2e2b462115' }, h("mask", { key: 'aac270d76145897b853a19033e49075355dbd842', id: this.afId }, h("circle", { key: 'bcd3c9035c26ab875e743fe7ff2a849015bbffed', 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: '34d76882ac77db38897cc87c113fd15e66270c31' }, h("circle", { key: '3faa9e6b428a47c944ab7c5a62837395fa834f53', 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: '27c3d8bd99cc46f421d1fcd0f96f4f0c60f79561', 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: 'a378becb2da253e4699d7e232ba3064c1819dc3a', 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: '63606706bd225d6cdfa79aef416cb4a8786be52b', 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: '658eb6718710b4d4a0542df6dfa0cb548cea6f49', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '088e9ae3b8870aa33c820474c11a359a9b689332', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '8765089d7b5e772e9024ef6cbca68cd275e02e1a', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '22f2530e1f8a3aa8efdb4f06f86589c5791cbcf4', 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: '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)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '4ac2a6e3f8f07746190a8c3ea0c3d63e180ab78b', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '450134e22a151a88bee999afa5e90039cd006d3d', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'c073d0d4f646ded69c6bbe0fc5c5b1be98e8d894' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '17639d528fb0259ea1cfc64a27f8d89a71142b61', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '20a37e36adfeb6e6f8e4a2feee7cd5b8dbed47ed', class: "digi-progress-circle__icon--error" }), h("span", { key: 'b3df2d98a5719f1a1181582d63c931e7e4888819' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -312,7 +312,7 @@ License: none (public domain)
   --digi--progress-indicator--heading--font-size: var(--digi--typography--heading-2--font-size--desktop);
   --digi--progress-indicator--heading--mobile--font-size: var(--digi--typography--heading-2--font-size--mobile);
   --digi--progress-indicator--heading--font-weight: var(--digi--typography--heading-2--font-weight--desktop);
-  --digi--progress-indicator--step--background: var(--digi--color--background--primary);
+  --digi--progress-indicator--step--background: transparent;
   --digi--progress-indicator--step--background--active: var(--digi--global--color--function--success--base);
   --digi--progress-indicator--step--background--secondary--active: var(--digi--color--background--inverted-1);
   --digi--progress-indicator--step--size: var(--digi--global--spacing--base);
@@ -377,6 +377,7 @@ License: none (public domain)
   --digi--icon--width: var(
     --digi--progress-indicator--icon-status--width
   );
+  margin-top: 4px;
 }
 :host .digi-progress-indicator__icon--error {
   margin-top: 4px;

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

@@ -90,9 +90,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: 'a6507b7b25f6a29887ee7cf81697c8ee1db13552', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '287cbf18a16c942fac231faf112bd6f566223415', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : 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: {
+                : null }, h("div", { key: '4aeadba98f01be82e5f710f5c3cf4d14941ef4d5' }, 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'
@@ -108,7 +108,7 @@ export class ProgressIndicator {
                     'digi-progress-indicator__step--error': this.afErrorStep === i + 1
                 } }, h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
                 ProgressIndicatorVariation.SECONDARY &&
-                this.afCompletedSteps > i + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), this.afWarningStep === i + 1 && (h("digi-icon-exclamation-triangle-warning", { class: "digi-progress-indicator__icon--warning" })), this.afErrorStep === i + 1 && (h("digi-icon-validation-error", { class: "digi-progress-indicator__icon--error" })), h("span", { class: "digi-progress-indicator__step-number" }, item))));
+                this.afCompletedSteps > i + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), this.afWarningStep === i + 1 && (h("digi-icon-validation-warning", { class: "digi-progress-indicator__icon--warning" })), this.afErrorStep === i + 1 && (h("digi-icon-validation-error", { class: "digi-progress-indicator__icon--error" })), h("span", { class: "digi-progress-indicator__step-number" }, item))));
         }))) : (h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.listItems.map((item, index) => {
             return (h("li", { class: {
                     'digi-progress-indicator__step': true,
@@ -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: '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' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: 'b0b3f8b2c66c4162a14c0d006c66b8c3223bf89f', class: "digi-progress-indicator__label" }, h("span", { key: 'ddbe99366fd65c649a0a8776c30e0d524b3675e5' }, `${this.afStepText}`, " "), h("span", { key: '8e07174a7de9d049e284b0b54131615f1213af2c', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'e5dff1e3a81d6ba1f0da9257d6c78aff4c5c6e07', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '0d42e557e15b1e6ba23082f0168aefb7380ea58d', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '3471990a83522db0e24e9b08c8feef405a00b75e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'c49a7ec3a760589080cbcf8bc1161b01be939aec', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '5e03f34f8721a6e51ae801cab17f8fd2cb561746', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'ab44ebbace52a015f1c59cfe2c33f1650a78ab4a' }, this.afValidationLabel))), h("div", { key: '5eee0a90be57aa07e883146da14b4abbfc5617f7', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'f41e38917edf5f706890c2592feff4f11344d8ea', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '3a46d6cc6a7b03fcf8449e2e8d147545e0ffbc84' })))));
     }
     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: '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' })))));
+        return (h("div", { key: '930b93adf674ebd315c626662d371bfb6e04fc28', class: "digi-progress-list" }, h("digi-typography", { key: '035695b2efcdc1073e40d1730d8461564003b417' }, this.renderHeading(), h("ol", { key: '12ada641bfb1f19771fcc81c7d7275d9af5d21c1', class: "digi-progress-list__content" }, h("slot", { key: 'ba58257657394088cf2e8daee1c2cbffda7fca0c' })))));
     }
     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: '0475a36317b5284ad8a092d0ae5e5044cca5eee3', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'c36d65b05212a3931de75183a58a3ce0ccc25699', class: {
+        return (h(Host, { key: '2004d3f2ca692a20f609f444f35fe94d24cfb673', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '37bc4e2b86897d3f025a18ac09698b256d370f57', 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: '1f5bedbd061bae4178ea4a058fca1867c44888e9', class: "digi-progress-list-item__indicator" }, h("span", { key: '8449b16e92758952678900046b15569826a872d2', class: {
+            } }, h("span", { key: 'a37143979bac86ee2ffd8add5bcdbec44227be63', class: "digi-progress-list-item__indicator" }, h("span", { key: '1647889e6b5593d994cbef9d3cd0d035ec5940a9', 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: 'b9e6c66c2222bb4c0f413b950c0e7ad4189ee8ac', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '5a91e5036e1a9d8434a9d92615fd13f8f304c95c', class: {
+            } }, this.renderStatusIcon()), h("span", { key: 'ce090c4488ede784a8c47ff36e467b5c277e5115', class: "digi-progress-list-item__indicator--line" })), h("div", { key: 'dadce4e437a8bf6d7860580f26f730e91590b15f', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, 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: {
+            } }, h("div", { key: '1c86722346374122a84354a964bb007ee63bb112', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: 'a974a68dfb81376d4bc5e70c69b325e1e6604283', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '790ae06d68cd4613dda360d6a341124318874184', 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: '58f57c5389fb16166f87b9121d7bb78ea7fe7c61' }, h("slot", { key: '8e20fc5dc9c0f3b5b6790a0f4e9013eae9aa1bdd' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '8dc7078884f9ab1ee0dbbfcbfecf1bff27956a0d' }, h("slot", { key: '22ff5218a472f49d186c2c11446b105f0350dc10' })))))));
     }
     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: '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("div", { key: '737754cdfc0ab7b1522a3404a8cd421a7314c85e', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'a037db0f689e985ef825dcdb59f34c87e97ed323', 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: '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' })))));
+        }))), h("div", { key: '0796f41a58bc14e1a8fb4252b397c7f9a7d01c8d', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'abb21fe822e71adb7a1953b643def1cd052711fa', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '86216adf2fe5918967d24e15f436f83ee5179415' })))));
     }
     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: '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())));
+        return (h(Host, { key: 'bdcd5e9b3978fece02663be25fc6dcc2c871de4a' }, h("digi-util-breakpoint-observer", { key: 'a93a7be061ee2d4ec2c59fb5496d0fd7a231a358', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '51ee0cec4b807761e61f3621867cb55c175a80e8', 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: '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' }))));
+        return (h("div", { key: '7600c1979b64619b0712ca8e0ea749f5fb3384b3', class: "digi-quote-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: '440a74b2ba5895a400f74fe97ff78378d58ee6b4', class: "digi-quote-multi-container__heading" }, this.afHeading)), h("div", { key: 'ee9dc88606016f4e9369439517461a393f72f045', class: "digi-quote-multi-container__content" }, h("slot", { key: '854f29fe1e20751ae8d19020b91a814aa10c671d' }))));
     }
     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: '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))))));
+        return (h("div", { key: '842ef66492c32c28dc12e2031df690233fddb699', class: Object.assign({ 'digi-quote-single': true }, this.cssModifiers) }, h("div", { key: 'd0b906c4986a1687d9411e051d72395825e524e5', class: "digi-quote-single__content" }, h("section", { key: '7f33a055c8f15ddef505b1c4b8c63c5eab44ed22', class: "digi-quote-single__text" }, h("digi-typography", { key: '76f00f69ac8cf78add9c7de3be55513b14b0f1d8' }, h("svg", { key: '0faaeab3611731864d25b4b7ccfdedcf06bb5e58', class: "digi-quote-single__icon", "aria-hidden": "true", width: "51px", height: "40px", viewBox: "0 0 51 40", fill: "#00005A" }, h("path", { key: '4a3e3c14011fa2c589fedd4edbcf6a24d78cc91a', 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: '98b6e1ff2c30458468f525ea9eb75d6991c3a655' }, h("slot", { key: 'da09cb06035ff115ca776fd15fb4e2fb6434d2a8' })))), h("digi-typography-meta", { key: '995246b4c06a7885d7e22e21ba17bab22c46f03b', "af-variation": "primary" }, this.afQuoteAuthorName && (h("p", { key: '64817abf03f2f276bb43396f856ad3b8bf9428d8', class: "digi-quote-single__author" }, this.afQuoteAuthorName)), this.afQuoteAuthorTitle && (h("p", { key: '3454b06aea3ab5926f5e3afce929538b4b6e7406', 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.js

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        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' }))));
+        return (h("div", { key: 'f69b05f3bf115c7b840dadaed6997186b014707d', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '057043fac73af48d87da7b3bfe0da4e94f1b9635', class: "digi-table__scroll-container" }, h("slot", { key: '08e76e6805bfdda5ec5c593f91ae1cb437ffd7ce' }))));
     }
     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: '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" })));
+        return (h("digi-button", { key: 'cd3122d6a6e72ecc037cf22b1d7df6f41aa29a78', 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: '4c6c28a3b449109f65b82238e1d5215630fd63e5', 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: '45b06ca2d6dea9ade3f51b2024cc4e063629593d' }, h("div", { key: '45e923b7eee803105f47388da28fe1d67a12814f', class: {
+        return (h(Host, { key: '133d7efdfb8710dfd6cdc70656215c6f484ea02a' }, h("div", { key: '1c0cd0c2b20c2461f4d4e7172f65c9322d93fc43', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '44951fc9a78c5989410bc96d68775203eb8d4dbf', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '6efa6d773aef28165f9b76cc822e0f823cb2a5b9', 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: '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));
+        return (h("div", { key: '7947fb1c1bf8822ebc86238325092876f3f12cd8', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '38a96dd03449a9b9398390da7d5e8aced4a067d3', 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: '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));
+        return (h("div", { key: '99e32940138a94cd11fd231367f0787302758f65', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '149d46da9d955d9dabc36581127bd90a6d24061a', 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: '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)));
+        return (h("div", { key: '0a851042501b8d4be3c30fcb8a59ca8920f6274a', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '06d9e3de4b0c967ff8f6105cbd2182c229cf382f', 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: '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) => {
+        return (h("div", { key: 'b24bc6bab6b6e0f649310f8018e65886df845893', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (h("digi-navigation-context-menu", { key: '784318cfc9bff753766a3a2e1ac527a2b663aa50', 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: 'bcc738ee0351af91f225eaaed61262921a99f7f5', "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: '4a7eb7eea5713f89c6690a5c51c5766fd8204be7', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: 'fbe26543976b1c8bce0c7aba8aff14b161f417d6', "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: '636952ca893cf8b6e46f1d03c513c97e85db85ce', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: '9facb47dde3636908de2f5d21f593c578b30ae94', "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: 'e7e3d671dec9078ea3ad67798509139777f01304', 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: '2889c4dc5896bc9890170fe38f9b6c6b6c7d3177', 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: '70bc803a3fe0eb25a8d3951402ca13ad0f47f012', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '1e6db89ca0b13254e635e2077775513ccab7cb2b' })));
+        return (h("div", { key: '92db21eeb2f0a66bf419556019ada5c087823bfa', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '07d933c905ff5103fc49e10810db6b6f1d894de8' })));
     }
     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: '445f40c38ac1b9174092ec0ea0d6a5796f920d9d', 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: '33bf2fc6ca5a18c5440ba7ca9ccc2409c853f45a', 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: '00d37e163b7b8356cbf2a8049bb39524ee0630d7', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '123c042e5293c82ad43e168505ea78b6354d9778', class: "digi-typography-meta__meta" }, h("slot", { key: '2b5c90696d66c374231b44bbdca16de78e4a6c16' })), h("div", { key: 'd0e5f23f6290fc9451bc37e484bff078188d14cd', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '4099547174f255ec32c230a77353ad7b4e7f486f', name: "secondary" }))));
+        return (h("div", { key: '68ed39f4419998b77200b8de39eb86922eb57e01', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '1374a7845ae0ac6b93e7cdfd188f68eeb5e68eff', class: "digi-typography-meta__meta" }, h("slot", { key: '71fdaf00ef8a791cd0d12ffd870314c52aedee0b' })), h("div", { key: '840b64685d31677920ef4f6049457dba531d13ce', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '7901abbbb5a25606103b4a06be7a04f68a42a2e0', 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: '13891506469ff038a553baab0d334e6452a17a33', class: "digi-typography-preamble" }, h("slot", { key: '78d42b8515214cc8a5f3fde7e38d1c3d40407bf0' })));
+        return (h("p", { key: 'ca1195b7b85a3efd613846f85061cf8258e2c723', class: "digi-typography-preamble" }, h("slot", { key: 'f6b97325d788a249bb463b76f2ed0131cf3ef15c' })));
     }
     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: '6a36c08a77a3a84dc67d3e55f14c5c5b3e93f2cd', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'c46b986d19d529ffeb13586b137aef64093e2124', 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: '47268a665ec4c31e870987b8b8f32c039d140886' }, h("div", { key: 'b8d632ef7c65c23255c2f7c0ce0dc9b3eb2cfdf2', class: "digi-util-breakpoint-observer" }, h("div", { key: 'b9f144b540b8ff073a65839736afc42474fa2d09', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: 'ab06a51b61988c2c414d376a5281e9481f3eee46' }))));
+        return (h(Host, { key: '27e2c889cf3dda1e6e3219f11174132d4a41551e' }, h("div", { key: '9533b0f73c646c6fa08db048129f4b6b808afbb9', class: "digi-util-breakpoint-observer" }, h("div", { key: '99807ba154fa505833549838992b55ddc700ed77', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '91ea7ebbe13986cd9904c14256168acf2153745b' }))));
     }
     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: 'b18842f51ec2047a200127931d80e255e70a0b5a' });
+        return h("slot", { key: '723ea83cb733bb7f4ef7dc7d064629c7dad28db0' });
     }
     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: 'ca7ba24308624b73ff1e5d9f6e6ce0ffb21f0690' });
+        return h("slot", { key: 'a9503e0cdf0224b58239239cee7382dc00976d4c' });
     }
     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: '53dd0e5c5e05e96a4ccf9c30aa28f059420d84a6' });
+        return h("slot", { key: 'd3a3eebd7c8eaa2ad5b0ce8a0358974acf462223' });
     }
     static get is() { return "digi-util-intersection-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js

@@ -61,7 +61,7 @@ export class UtilKeydownHandler {
         }
     }
     render() {
-        return h("slot", { key: '15585f1c7fe9bfadb3e8178717f21aef1887d99d' });
+        return h("slot", { key: '36d9abd87794fa1eac490c15ccd09f8a5414b250' });
     }
     static get is() { return "digi-util-keydown-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js

@@ -61,7 +61,7 @@ export class UtilKeyupHandler {
         }
     }
     render() {
-        return h("slot", { key: '05b7da99fab3b088e59dbc01014f746dc22899dd' });
+        return h("slot", { key: '1796bc7a2d5bea547592f82649ff9e6db165dd06' });
     }
     static get is() { return "digi-util-keyup-handler"; }
     static get encapsulation() { return "scoped"; }

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

@@ -28,7 +28,7 @@ export class UtilResizeObserver {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '04387e26e23857596c1e1ca954af021d9c261cb6' });
+        return h("slot", { key: '66c5011f2143d5f74ee4f566fb539adf6acba278' });
     }
     static get is() { return "digi-util-resize-observer"; }
     static get encapsulation() { return "scoped"; }