@designsystem-se/af 35.0.2 → 35.2.0

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

@@ -115,24 +115,24 @@ export class NavigationVerticalMenuItem {
         }
     }
     render() {
-        return (h("host", { key: '800fa29efe9d5e22b5822e1ee2935cd7a7b3fb0a', class: {
+        return (h("host", { key: '1b5ab0650da7d7718ce8d556a5b5ca85a24956d5', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: 'dcea466d5202094cb6cd0f7d5955403fd549afac', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '705c8d1478efc1543b83abe1b7d4850f81cb16a5', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'a6c2101d19c826c6f849e1da7bf5c85f3ef9394c', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: '3962f56c21b5f2346fb3eaf2da5239cbd3a8dc1d', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: 'f0817d771f3532a966d1173fb8a71ad4a119d7e4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '690dc09be11d1267f9814e688634c02493ae49b0', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__has-subnav': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive,
                 'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'deedd110d1c7f3c0bcc229cf9d8ca904f40d150f', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'a97f0d4b0749946ed4dae4db4f29e15dd6d80bcc', name: "icon" })), h("span", { key: '691c1638e43383dadc7c2bf24b72dca4faae0ab0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '8e14e0f562f26c58fdd75dd7fb6f82e2015a4df5', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'c1f5c054ec5bebe8e279879db274da16ee8833fe', name: "badge" }))), h("button", { key: '02c38887b6dd2ba937a22b7fee4a1550cac8a84d', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f4aea7292abffeb3ee83322366c79aaebd4510f4', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'd0403a6d006f6b4963649abbbdd0b84cb45eda2e', name: "icon" })), h("span", { key: 'b5a589d5122334338fc1c4b9b3d3693fc57dadf8', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '3306d80febc00400cf18216a11d26bd12cd61b62', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'a792a35cf1ee9e2fdf3d3cc7c43df364516d43f8', name: "badge" }))), h("button", { key: '64c7429b30dd596c23c11893c71de0c5ab5ecfb2', type: "button", id: `${this.afId}-toggle-button`, class: {
                 'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
                 'digi-navigation-vertical-menu-item__button--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: '60ef87792f2ded30381b3aa1039a2914fdad2844', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'a94cf540c76598069cb7ae7a0ccd0f87a0794768', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'ffc904bf1734356140a93fcd274eacd62ffdf123', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '717da22c1cb3419d42ffefbea3536e08099a0592', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: 'dde5611fd2ffc701032a3f504024c7a9f998e712', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '69e3e32a8c88521d93998b0dd07930c56ca61ae2', name: "icon" })), h("span", { key: '3acae0143545fa14653bbfdeb29c1a2fd1d8dcfa', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '95070d14cbf11942eaba22acab6ac05f4b08f3c0', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '5b396147f0d7190b0cc59dee810419de70bdadc8', name: "badge" })), h("span", { key: '6c2ba4d4a0234a9b7aa533af731cddfc3eb0eec9', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '56820b7f3e3b96b008eafa4f007e0edcf86b1cd3' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '861c53cc3068c7deaa3d1bb1c2b27558799d08d2', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '12f2a896cc8999ac1a434769403d4d6da124e25e', id: `${this.afId}-link`, href: this.afHref, class: {
+            }, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: 'a4efdc8898dfad11bb224e6b484ac3f7f37df9c4', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'a5093d3c29145151856a4b9bdcd7a32a3ff64569', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'd20505667e02612b77ea9f5916538fe544cfcfcc', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '797a2500c3c2857d2a05886d45a9aeb94120a77a', 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: '36c5068a29ae8531ef8f1f81277521a33fb9efae', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '2ad0842b250b60eaff3672b683fe197887e855c8', name: "icon" })), h("span", { key: 'ba3b752e036bb4ff466efe27951592bf333c0d62', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '71cd820c7ec238e6e1adb006136e385887b2915b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '254c9d8d09233d8debd84ba66805075135d977f7', name: "badge" })), h("span", { key: 'c711f984e7aaf3dacdafd093468f5ab050c5fbfd', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '866104b9205a733726e6c4739ae10338e1c651ad' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '777d467fa2098ea3722ac918bd2aad8597fc58f0', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '430b5ac0a5ee99e3068e5a44111e06e7e47e3719', id: `${this.afId}-link`, href: this.afHref, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '93e6febda466e2764301c2833e85d5750fc4dcf3', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '7315f5c10adf54faa4e97e99a067c7a6fd0a71c4', name: "icon" })), h("span", { key: '63fb59eebcd5b61a7bcae499744993096019c6b3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '80842eb469343e109d3fb3af8cf18999262e2d3b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '6aee843dd10d7a94e3b3450b0b919d6835b91751', name: "badge" })))), this.isActive && (h("a", { key: '9fea08058cb4f2303f0e5508bf55ca404632196d', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '3a02bceb3cfdaeb86d405a6388d3b089707f740b', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'df16a70d0bb01879ad6ba5441b948597d1a6d310', name: "icon" })), h("span", { key: '673c04bdedb52a87ac2f7002274f7445e797db7b', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '0ed0ad5a9a1dcc28de375ec9c919507994f447d5', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'db1406bf4ed308ccc094cf3673b9e31c2ff2550f', name: "badge" })))), this.isActive && (h("a", { key: '5f94df0ea394b06d87d6f9674b45e0e61e1c7b60', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 'digi-navigation-vertical-menu-item__link': true,
                 'digi-navigation-vertical-menu-item__link--active': this.isActive
-            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '0c0421cc195194ad2105d541683cd1d5a27479a8', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'e5859a89578df551858775069cefa2399e498ba2', name: "icon" })), h("span", { key: 'cbbff530e4c2ba9de199d9f7b145e557cdb356f0', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '1669087fc43555f2c443c75ee8a4aac27fa29ccf', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '7caa0c12ec9c6ced90944f5003a432e6ee886df9', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '0ebf18b33f4c4ccb0d8a805a8e732c7ba377e5fe', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9976b0931490ff94287cc6a748ec4de28a740fa4', name: "icon" })), h("span", { key: 'd0398d5221d4c765870a1c4fe93f03da9cbe87ea', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '8dfec7b7cb0b46f9d20870fafec174fefbe021bf', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '11a6f5b2e6c3185ba5e7631f350241987f5d3536', 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.css

@@ -89,7 +89,9 @@ License: none (public domain)
   padding-right: 0;
 }
 :host .digi-notification-alert__layout {
-  --digi--layout-media-object--gutter: 0;
+  display: flex;
+  align-items: stretch;
+  gap: 0;
 }
 :host .digi-notification-alert__icon {
   background: var(--ICON--BACKGROUND);
@@ -153,4 +155,10 @@ License: none (public domain)
 :host .digi-notification-alert__content > * {
   --digi--typography--max-width: var(--MAX-WIDTH);
   --digi--typography--margin-top--text: var(--digi--gutter--small);
+}
+:host .icon-wrapper {
+  align-items: stretch;
+}
+:host .main-wrapper {
+  flex: 1;
 }

package/dist/collection/components/_notification/notification-alert/notification-alert.js

@@ -3,7 +3,7 @@ import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 import { NotificationAlertSize } from "./notification-alert-size.enum";
 import { NotificationAlertHeadingLevel } from "./notification-alert-heading-level.enum";
 import { NotificationAlertVariation } from "./notification-alert-variation.enum";
-import { LayoutMediaObjectAlignment, ButtonVariation, TypographyVariation } from "../../../enums";
+import { ButtonVariation, TypographyVariation } from "../../../enums";
 /**
  * @slot default - Kan innehålla vad som helst
  *
@@ -56,8 +56,8 @@ export class NotificationAlert {
         }
     }
     render() {
-        return (h("div", { key: 'd216c37284b1a881cfac2e0cd3c95589fac3eb62', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '3390e1c174a2e914901d320c3d6c552e763b9f6d', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'e343e99e6ce05d10aa41babd46f7b04b977d6195', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: 'd26a588f07eb5d01fc77ff34d094ccd3c052cd8b', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'e5185a9abfc377409f6e7f4e3a0edd1c0ee7d87a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '243c2b121fcbc985af6479d29471907089db43c7', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '858281e459e54528aaf693b621e03e23af5dd022', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'c88f1ea16f0e3c98bd975a0d32427d9f676d536f', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '793df73e2b87df8de73e193bf13a493fffa8a8e6', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ff5f17c3bc8851462b4c4ee02121eb2503d3d392', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f0b22e5372d2f2f20eed05f43ecb8f3f17f60a66', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'bff93c0ff0e9a0adf34503b57883ef97d035a230' }))))))));
+        return (h("div", { key: '1bb60c83a54d9f0b319de357361a08a31b85e540', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '5efe035e1b49f9b4057766894d325d86770b64be', class: "digi-notification-alert__layout" }, h("div", { key: 'a41cd39d6a23a673bcb22a5d96321e1b88fd5a65', class: "icon-wrapper" }, h("div", { key: 'aad6831c6a0119217376de0dc94dcf71a60bf8c8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: 'eee60b1c6de0a5c9df5211ab92b1e2f2f2e0dd4d', class: "main-wrapper" }, h("div", { key: 'c43c5c8f9604113e143fe6f1165eaa1433290dfc', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '0ce80cb7bb0f0a2bbf401c5aabbac0e01da788bc', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'e23f9ca5d72621e69b211b4c4d6976832fcbe159', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '0c6cd9d26642889f469af51b61827789651fbcde', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'c8638c98a3351141e96fc5d49267e58b6d4b0b40', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '8bc9255bf0050f784037ad597c56a2cfaac5274c', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'd0db28da0b6392a5e5388cff7ccc6d4f2b91ea22', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'da336de716b370299e7435a5fc3914bb05b9227d', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '36be2b10df5da3cdb157e15463abc1a3d1ee57a6' })))))))));
     }
     static get is() { return "digi-notification-alert"; }
     static get encapsulation() { return "scoped"; }

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

@@ -128,15 +128,15 @@ export class NotificationErrorPage {
         }
     }
     render() {
-        return (h(Host, { key: '9007b4ee8823363099330bc1f7887fde0f1fc801' }, h("digi-layout-container", { key: '2ca41323689ab2f60db84377e4649d8b40ea31aa', class: {
+        return (h(Host, { key: '2373edff9c7da0fa087d380ec68279c1516a3775' }, h("digi-layout-container", { key: '50c8d7a214bff2d4c07f23666e4bd70bba088300', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'f2aa3c8488809a90e5cf8260e6fd62d5ce691939' }, h("digi-util-breakpoint-observer", { key: '09fb7edb29856b7c32029af2ed2fe19bc1840fc8', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'aacaf56b9ff750ca1405b8bf9cdfc8f6625226ed' }, h("digi-util-breakpoint-observer", { key: '1cf660b8f6f1329a0eec1307c7ad056bcb1dfaac', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '9a86c17bf781d50f4533ac3e84f50ef7025f045d', class: "digi-notification-error-page__grid" }, h("div", { key: '2c434d147d65932338d6fe8f9365666a0560542f', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'ee10f72e382f4f8b1f41502caa44ed0cfacf3ed8', class: "digi-notification-error-page__content" }, h("h1", { key: 'bc1981e7c5912ebe9089947ca048796484fc3d4f', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'ebe66ea064fd027a8947ffa6418c287ab81cc68e', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'f7abf93d48bf4237315d18c1865c677dbfa8c654', name: "search" }))), this.hasLinks && (h("div", { key: 'f21fdfd7e53ad2581b87f815093a32dfe3796a56', class: "digi-notification-error-page__content__links" }, h("slot", { key: '918ad5f62eb401a17ce47e186749fa765f515c31', name: "links" })))))))));
+            } }), h("div", { key: '40f3201971bbbc644d0479e013febc94077318ee', class: "digi-notification-error-page__grid" }, h("div", { key: '04fc4ed9c8e2e8c4a275609daacb03b21c9ad227', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '8a9116c6d4169457e456fac6d3d73a97eeb1356e', class: "digi-notification-error-page__content" }, h("h1", { key: 'c9ff679f803eb5e4bbca3b4f5127a232559e900b', 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: 'd744428034c8fbeb2506ffac990f34edb77c2c21', class: "digi-notification-error-page__content__search" }, h("slot", { key: '1890708f82ff9620f41f7b5b454c8767ed0d7f3d', name: "search" }))), this.hasLinks && (h("div", { key: 'd2b0deaa3c2ba137b0ffe94aab41c0b7d6dc653b', class: "digi-notification-error-page__content__links" }, h("slot", { key: '5bf5daa2046df69cc065cc2a317de92e9cacf269', name: "links" })))))))));
     }
     static get is() { return "digi-notification-error-page"; }
     static get encapsulation() { return "scoped"; }

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

@@ -55,20 +55,20 @@ export class ProgressCircle {
         return;
     }
     render() {
-        return (h("div", { key: '2223e710ea591a1bce724a73514f121a8ac15e10', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '4282b67113e7ed48e20030a91f9f41d1fb0feee0', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'a894b5cdb0ec890bdc2556fd6c69d1a22e9d82e6', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '09a276fdb5a447e76fdb42c7cc31412d8f4d1306', class: "digi-progress-circle__circle" }, h("p", { key: 'de38adfd8ca69ee59e78592fe3eea6b5e6a0fd49', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c4bc578ad7365f955960fb09ece6071f797362e0', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'fbec7c6308e376c38e448783c1e5b33f109902ef' }, h("mask", { key: 'fdc1a020eef009ae54041e097bb58e2ac8882c1d', id: this.afId }, h("circle", { key: '2fdfbc45457ab9b58c73f824f4533bb8f9574858', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
-                ' 15', pathLength: "1000" }))), h("g", { key: 'b8fa0e61163e0bc8c916cc1c12a1125d05dc470c' }, h("circle", { key: '295044989d6af45c77e755308629e459f015de73', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: 'b38d425aac902e0b18a01be38ba32613a11b4d75', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
-                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: 'c26f7b3f795a0d09a77d257c9b3ce1da3d6bc67e', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: 'dcb2345922fa867b2fba23d80d97e62c19c96612', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: '85ca927a82f24010f864f84d7db12b75a9c2a510', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '07a8b228374479bfb432180294ae68740faf4191', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: 'ef0990335cf590232e4eb8c6a3d4420d5b9477d4', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '2d6e32458f3200b1816d12a76c7d78a8242c5b4e', class: "digi-progress-circle__circle" }, h("p", { key: '9d30a817dc4674d805cd272a51575da43ea070dd', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c5d7e78b02fbabe8005c9b0a502b7c407bcc5376', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '4ebcfcfec6b9e5df3d3ab62b8999431fe1c3a2e1' }, h("mask", { key: 'bb219a267aea7bb5306c5a5929c0d9702dd7f0ce', id: this.afId }, h("circle", { key: 'd1b716d45dafb38f7c619ae558a0a171c18a72f6', 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: '34f4ed2eaa00b2367982ff444d0dd1e6c3dc9afc' }, h("circle", { key: '0627939963dc535df31c25b06864b6a679dc7711', 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: '3568ea85b01e2614b61999d6477d74ce51338c73', 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: 'b6b168dd3cd61b246f5ce95d605ee833fea9007d', 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: 'de1deb8ba3f8222680fb9c00ae966f98aae9e991', 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: 'bc65c03699b17e5606f08bcee06552f3e7a75299', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '5eb7d2259351c55a6c078bd922a68920ab77264e', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'fbe11b39bf20f8495595f3112eac99da39ae9e11', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '647d6839dbd8d8dc2407e5f2deba4e36c982258c', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
                     : 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'e35629ef757aa9350625a07e9f3199a9e6a27452', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '090c4b0a12f658fd36e027c43d19b9c604bb518c', class: "digi-progress-circle__icon--warning" }), h("span", { key: '8e847f2fae3db29de10652acbb0b0e7f12df4a9e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9caaebaf35de03040557fc0328a4e4b778c85c9c', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '1e8a09e1cf9391b6f39dd5a05c1bb1be6907fe12', class: "digi-progress-circle__icon--error" }), h("span", { key: '845d528643bb57444238c024ffa7c5c502c60bbe' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '62350e9537462051d26c818b83dae9389bb4eb07', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b9391e58d89226b7d79499ed4ec9c796c37693b7', class: "digi-progress-circle__icon--warning" }), h("span", { key: '27ab5d60c531fb0e6c766945adf3297834e92991' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '6ee177d608b0fe4030a7b71ff243820b8c7f3a79', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '46620919ba13354c6c6fae2870efea2cebd2c85d', class: "digi-progress-circle__icon--error" }), h("span", { key: '01e5695a2a1f63ff7c5c67156b97c72d9b8c8d16' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }

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

@@ -94,9 +94,9 @@ export class ProgressIndicator {
         return;
     }
     render() {
-        return (h("div", { key: '80d02e8a2fc25b111dc148d7342eb7d5d160064e', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: 'cebf492c0a39a79e523d757097c0e90163ed199f', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '9bb8aed7ef1655f91a8cb384e0b4aa9ed38096f8' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, h("div", { key: '0183d2eb31661fdaebe5bc1f5fde28f5b5b232d7' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -122,7 +122,7 @@ export class ProgressIndicator {
                 ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
-        }))), this.afStepNextLabel !== undefined && (h("p", { key: '4ce381c212b37353cba14e1aa5e9f3e43929fe66', class: "digi-progress-indicator__label" }, h("span", { key: 'fcb7d38baa3fce4d1a3cccda6b0ae748ef5ef7b8' }, `${this.afStepText}`, " "), h("span", { key: '46fc8f8370fb9cbd3aaff4fba3fbb36e650a39a5', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '4a8cfe5fa796ff0b17a8288fb141506273b4cb96', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b59887bffe6e77531e379036e2108cb986dc4580', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '7bdc23d5a5dcc6836df8e235c14d97376b5cc69a' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '29b758c17c66d6d0ed9e8c2f1ef8438bd8e460ad', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '74d87bee96eef04ec38393fd8ad11003e209b122', class: "digi-progress-indicator__icon--error" }), h("span", { key: '6d1d541507038f8834c506729cac3b757100110c' }, this.afValidationLabel))), h("div", { key: 'a9899b65134bcc1c9743a942786b225bbfabc34d', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '95893bcda4cba517e53fe9d42e692a7f3827bb91', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '79f246054518884ec034928842555409327636d7' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: 'da779030e881fd0d6a15205ef572bb5ab9c7ae76', class: "digi-progress-indicator__label" }, h("span", { key: 'd43832a6f8dfb6f23f62915157f59d63e58bf53e' }, `${this.afStepText}`, " "), h("span", { key: '12773aaf1cea1c286f1361e21ab529b2e51f90d1', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '0aaf091c8d0fbc13a4e039bad422e0b4debc338b', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '61916e341e4f8ea95eb42ce0e7c6d0a2985bd3a3', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '5a60c717764281dab0c024f97bd7c42b04eade60' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9fd609305382d80d2347c72b952595facef4dc31', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '9cd61ca482d90ffe46c76220b262945b6ac2a70d', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'c5350bb2480fa2fca350655410ca9b001fe69f91' }, this.afValidationLabel))), h("div", { key: 'cd5916200ee1767247c12ba8dfd8430cef91dcd6', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'bb7fb4a134d555e9132c7db7e846c0bcc4b1d23d', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '50a8f7850b3a32cb502b3fcc68b8d32984bf7a12' })))));
     }
     static get is() { return "digi-progress-indicator"; }
     static get encapsulation() { return "scoped"; }

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

@@ -106,7 +106,7 @@ export class ProgressList {
         return null;
     }
     render() {
-        return (h("div", { key: '1a696131aa28b130b2a5b44ab5ede8c8cae2666c', class: "digi-progress-list" }, h("digi-typography", { key: '56c8deb6a47750636379483d0d5c57461d783486' }, this.renderHeading(), h("ol", { key: '8ba62b7230a8d11833d48888ca734593b8c94511', class: "digi-progress-list__content" }, h("slot", { key: '94419705974ec1de0c9687bccd101ef6d4c5a15e' })))));
+        return (h("div", { key: '49cb5a23843ac9eae6983616ac6dd43742ea2ca2', class: "digi-progress-list" }, h("digi-typography", { key: '2168ea4ef058061e969707c08f29da8595a1c5e2' }, this.renderHeading(), h("ol", { key: 'aa216f9890cf73ded9a189a098ec4c2fa81b1646', class: "digi-progress-list__content" }, h("slot", { key: '804f93b6949e3ac53d5057c96ca431b834d5c968' })))));
     }
     static get is() { return "digi-progress-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -78,7 +78,7 @@ export class ProgressListItem {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: '834de26f305237a5f1532ff1f304779add7ce606', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '3fd5e84508a59ed43f96b88bfaf685bb73fcdd4e', class: {
+        return (h(Host, { key: '52a9f956dda883577359d7e9cb4fcf929a706dbf', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: 'c295f19459e7d462ef96e9676689f23c3494e573', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -86,18 +86,18 @@ export class ProgressListItem {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: 'aa1ff9f53f6a5b08c89304a5150bdadce0fec2d1', class: "digi-progress-list-item__indicator" }, h("span", { key: '4584c7ce7ee04b56513fa6015b597db4487c2eb0', class: {
+            } }, h("span", { key: 'fb455fed3fc4b11e6e373a21dd4547019fac0bc1', class: "digi-progress-list-item__indicator" }, h("span", { key: '3edcb675411bc0a2bb0e0dced9239090fea8d017', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: 'f3b351440c84674cf469687587045a89230d485a', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '39ad7a77f44adb6cbc6215d9edc8919d7da63633', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '03aa8374cad6b3a4d4596a67af59fe0a1285f0e5', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '4e046e0c878f75e15eb57104e5802deb6c4106e8', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '54b002a7fbfad68619d984be5dc568c3339b3beb', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '276356c056a98fbb1fc20bbda7ded4570d36f5fb', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '718e95ab6de94df08a333e777b27875f0fc82a79', class: {
+            } }, h("div", { key: '7b8af1589a40df0cbfb7aa7b335d951bf9def62f', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '96ac10bed7ad512a1bfdf139209006449b2e21e0', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '6fb1f87a6b5651f053ae105c2cc4ab147aade504', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, h("div", { key: 'e06bdb9fdbe1e91076470f065fd402016d18dd27' }, h("slot", { key: '80e7f96dece78142b16d6e14c73536efdab28650' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '7c4ece2a580a27c30305b37cf0058f972cec4903' }, h("slot", { key: 'bcbc6b88a92755358ca01b7c5910d0390308a9fc' })))))));
     }
     static get is() { return "digi-progress-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -82,7 +82,7 @@ export class Progressbar {
         return;
     }
     render() {
-        return (h("div", { key: 'cd9de104336face6adf170fb4b1293908b994ef3', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'eedec93430edec0ff10058c67a97aa7bdb977d4c', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: '9fdd36e5fee71b5d7d99d90be0f8e02684bbd6be', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: '310a5bd4c8bea8566eecbdbfe666e1c5dd0bb1da', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -93,7 +93,7 @@ export class Progressbar {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: 'bddda9fc4b39a47cdfa3cd3af6a3d796fdbad14d', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'c5e0705ecbfb5575a786758964486d5b17cc04f0', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '7118f96d78366df86ff006c43cadeb1fc43bb858' })))));
+        }))), h("div", { key: '3bd8fe226d72bbec52be16591d48b07eff570d62', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '41e1a1f2a666da14f7f628453021774536921d47', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'ff250f29ba2cbccace248cda76036d9618509ea6' })))));
     }
     static get is() { return "digi-progressbar"; }
     static get encapsulation() { return "scoped"; }

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

@@ -98,7 +98,7 @@ export class Quote {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '525ba7fbd71b2a31a8b050d300af0e580bb6a98e' }, h("digi-util-breakpoint-observer", { key: 'e6a0cea740192e9f12f7d636d3baee7fb7261f36', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '0e1bb67754db4cc513e5db22f475f59f77aab797', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '76cfae7beb1fdac35bb5ddc7ea134e89c6043189' }, h("digi-util-breakpoint-observer", { key: '2e26b9aa63d7847590b2878bcc3f406da6b76847', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '699924a34ffac155ad046de7a8b3e641b8b316fa', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
     static get is() { return "digi-quote"; }
     static get encapsulation() { return "scoped"; }

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

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        return (h("div", { key: '672c0d88ee2057829da46509f4a3ed678715242a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'f197d78db93c1b22cf727a1322b1781939aa4d98', class: "digi-table__scroll-container" }, h("slot", { key: 'b35255291276b12e0b7661a5d257c8038c4b6b41' }))));
+        return (h("div", { key: '8d398ae167f5fa6e710c5e9d739bb461d4cb6ad0', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '65dff5262b5a9f543780c1268beb40cf7418784f', class: "digi-table__scroll-container" }, h("slot", { key: 'acb6878cbab8e02b4daa31dfeae68807b2d89862' }))));
     }
     static get is() { return "digi-table"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: '25cd85aae8ecef406e405a7334aebd9386cea51c', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '92a8316a636f60cd25b4da9a4b542ccf703f8b76', slot: "icon-secondary" })));
+        return (h("digi-button", { key: 'c22011ef8b2ee9f01a41bc7a387fb3faac986203', 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: '2fbea890f895b38456d00ecd841cbf5621ad2e62', slot: "icon-secondary" })));
     }
     static get is() { return "digi-tag"; }
     static get encapsulation() { return "scoped"; }

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

@@ -33,9 +33,9 @@ export class TagMedia {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: 'efd13fdeab1128b75e97d558dcae6686e3942124' }, h("div", { key: 'd2465b967077f22e5410870a044b637cdb2ba850', class: {
+        return (h(Host, { key: 'bf01b93ea91019eeaae25041ff753b6074972b4c' }, h("div", { key: '122bf660a6a10c7750dd518144514641ab076a47', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: 'd9a9bb25e48873ba99d9ef96f528cc4fd979504b', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '2656de350fe78a019d3eea4ccada567cc972fa1f', class: "digi-tag-media__text" }, this.afText))));
     }
     static get is() { return "digi-tag-media"; }
     static get encapsulation() { return "scoped"; }

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

@@ -73,7 +73,7 @@ export class ToolsFeedback {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '8b5324384461950afeefb05016ac9a50b26a0f98', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '4a5389e739712975c6c1561cc3592e3c682c00d8', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '62857e445ed4d504768a562b8cf94e8242d9f904', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'd0a5668ad53aff2f1b0edfa9318eb00ad9f42b95', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback"; }
     static get encapsulation() { return "scoped"; }

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

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

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

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

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

@@ -16,7 +16,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: '3d85bfe083df9d1feada59943c68d95d800f3db5' }, h("div", { key: '74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e', class: this.cssModifiers }, h("slot", { key: '42555ba2aba34139d098d0ad96cf64e3499e04ae' }))));
+        return (h(Host, { key: 'ebafb76263f79e4994c43b7760b91706918da526' }, h("div", { key: '622795bf4bdeee59ad4df0317cbd82797478f722', class: this.cssModifiers }, h("slot", { key: '758df27e5c4ef416842a3e9a6e1f466c2c99ddf1' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,7 +15,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: '85c3c6c0b06ab8164b20945c0e75fe34043ccdf6', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '5a1ccbd36d655dbf475c241f24163d53f8d05185' })));
+        return (h("div", { key: '818a03fd2b830b328c8a200aa2ba9b05bb901e51', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: 'dc3e4e3c497582cfef5d79c0cc716b231245ce76' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: 'def5efef7bab80df7a371eb00cf9bd5bc3cc73e1', 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: '9801d716199609952ebe7c8d3f4958276ad586d8', 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: '5d86b5fab03697a08c456f30efd43c270e5ecc13', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'caaf5aa1edd6233c2613ca3fee3ff4549e66e35c', class: "digi-typography-meta__meta" }, h("slot", { key: '35c6b0a568f0ed44f00184f5038210d1245f68fa' })), h("div", { key: 'b83127e93dc0091b8aa0edc262b76643cf25693a', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'faf4e8c8da51bce680c2cbd174b101cde86d2413', name: "secondary" }))));
+        return (h("div", { key: 'fbbb08a5248c7aba45e160ae1589093a3e032018', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'ba083b744cd6b5342cd47f1578c47ecbd993e4ce', class: "digi-typography-meta__meta" }, h("slot", { key: '544eddd55db0651a396aad311469eb6967e365ff' })), h("div", { key: '5fd9aa0da6d6dec95c85000e838d7f8859fc03b9', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'd41f95a7edb3fdb5b16850cb85c1ab233564fc82', 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: 'eb1c8dc2c62957198905635e3ed5db049083fffe', class: "digi-typography-preamble" }, h("slot", { key: '4260930021c7fe3b0ecc848f9e233b1537959083' })));
+        return (h("p", { key: '42086b53703cb733a4dfddfec9645fac8522cda5', class: "digi-typography-preamble" }, h("slot", { key: 'ece5af9bb0765a2cd58acce3a68c560d6d4fc503' })));
     }
     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: 'f7c87f0cd80dd1aeb556d30676273e724c3c76de', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: '15bfe77e7d66d44ce21cfd46e0f66812eefdce7c', 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: '4424bda29d60cd0145cd444840492784458bc036' }, h("div", { key: 'aac9dad240a4d6c13cb1ccbdb9a726e61aaad1cb', class: "digi-util-breakpoint-observer" }, h("div", { key: 'b5afcb0f0f82052411fa6f625e55d486867593ea', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '543d436c99ddf2c56f85bcb452f0d9f7f8f2e44a' }))));
+        return (h(Host, { key: 'f07ed94b32dfa5159409418ede51a325d30aba80' }, h("div", { key: '0703f6dd223408de87d1fbbb1fe420a8b7c2166c', class: "digi-util-breakpoint-observer" }, h("div", { key: 'feac4c82d4119ca023cfa993504f162ef81da407', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '0d0744aec91731b7a0472e34b5b718a0aba61253' }))));
     }
     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: '0f02774e807bd71017910839e0b0220138efc42c' });
+        return h("slot", { key: '27bdfe8bac12103746c824818432c3f5d0eb4df5' });
     }
     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: 'b8089a6a260239f98b6b8cd1942e9a6ed439589d' });
+        return h("slot", { key: 'aef6d321044f1e38f110dce10d217a87faf2dbeb' });
     }
     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: 'abf86993b131310acbc454669e0bc6a328b6762f' });
+        return h("slot", { key: '43c4c694f79c54d425f9590e3dcc54726b15f7a6' });
     }
     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: 'd7f48cfd9a71e8e14b457f93ffd79f0d17becf37' });
+        return h("slot", { key: 'e55133281816e678dac7b931144753333b2f0ed5' });
     }
     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: 'cd4f228ad73f212debe63c118e78e029e554fcb3' });
+        return h("slot", { key: '193fab69ab56674ad01de1b73698e0e5b24ec7bf' });
     }
     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: '65c577f1cd20653cfe0dfb57d37c04c6aff9a91b' });
+        return h("slot", { key: 'da95fbbc06520194394e492d5aab6b07ff1ffc65' });
     }
     static get is() { return "digi-util-resize-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/enums.js

@@ -68,7 +68,6 @@ export * from './components/_layout/layout-columns/layout-columns-element.enum';
 export * from './components/_layout/layout-columns/layout-columns-variation.enum';
 export * from './components/_layout/layout-container/layout-container-variation.enum';
 export * from './components/_layout/layout-container/layout-container-max-width.enum';
-export * from './components/_layout/layout-media-object/layout-media-object-alignment.enum';
 export * from './components/_link/link-button/link-button-variation.enum';
 export * from './components/_list/list/list-type.enum';
 export * from './components/_loader/loader-skeleton/loader-skeleton-variation.enum';