@designsystem-se/af 35.4.1-beta.10 → 35.4.1-beta.11

package/dist/collection/components/_info-card/info-card/info-card.js

@@ -67,7 +67,7 @@ export class InfoCard {
         };
     }
     render() {
-        return (h("div", { key: 'ca92456d90ca55a06caa19c29dad3f4dfd9344fd', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '14853f12e7ddd93c90c064d14e0e1e3fae134be0', class: "digi-info-card__content" }, h("div", { key: '198fe80998cb808cdaf52e645183aa741b510b92', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '5fc00d417053265960f01c505cd0344425438c9c', class: "digi-info-card__icon" }, h("slot", { key: 'f7c26d017f93918d7b4117ee818bd89f581ca48e', name: "icon" })))), h(this.afHeadingLevel, { key: '6b5bc3dcc3c28584d5df65a3ac3cfee31a981603', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '282a840f61b85ad6812b610e1070cc7760a1320f' }, h("slot", { key: '0c593bd182af6bfcf4542e41d286efd0860a8bb3' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: '498b3cdf9c21b870a11b15ed9d73a87ca8f312b7', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
+        return (h("div", { key: 'd329c1893d18b70ddb6e8d3823f8a97f8855b05f', class: Object.assign({ 'digi-info-card': true }, this.cssModifiers) }, h("div", { key: '2477bfc64a4c8042800baf4810a3a18cd7873d95', class: "digi-info-card__content" }, h("div", { key: 'c49f79c689160a902802682a3487c222ea59f530', class: "digi-info-card__icon" }, this.hasListIcon && (h("span", { key: '482ce58bd638ef055f9baacdd2ef9d4cd1f124ae', class: "digi-info-card__icon" }, h("slot", { key: '4f95901bb6f9ddb794f019bf3ee5efb242dcae4b', name: "icon" })))), h(this.afHeadingLevel, { key: '8793659ade0389f010cea838fd75275a5ac6c044', class: "digi-info-card__heading" }, this.afHeading), h("digi-typography", { key: '70d3f1b8a475742d8f679c13422762778922d085' }, h("slot", { key: '032c50f8c0044c7858a5b1f02ae5f9d46fa5da4a' })), this.shouldRenderInternalLink && (h("digi-link-internal", { key: 'a4960ea9eb277d21ab6b90bfe673c671a07f3f7f', class: "digi-info-card__link", afHref: this.afLinkHref, onAfOnClick: (e) => this.clickLinkHandler(e), hideVisitedColor: this.hideVisitedColor }, this.afLinkText)))));
     }
     static get is() { return "digi-info-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_info-card/info-card-multi/info-card-multi.js

@@ -42,7 +42,7 @@ export class InfoCardMulti {
         };
     }
     render() {
-        return (h(Host, { key: 'f43f48854d1f95e7a08785336f1920eb4e1be92c' }, h("div", { key: '4cb5f45d3fcbf471117628dba5c8c5c780c5d488', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'e0ab86cac5845360a37324094124371e489ae03a', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '37fa2215b8e54bebae790c6f5c441c950e9d4815', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '10faaef3d9ecf2bcea967e2a132df4b8a6b062d3', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '92a8d9713757098c6457864817ab9d6ed1fd0d72', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: '5f3410be21018860e1df7ca15374fe6150c4a9b0', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '8a3e4dffc1ef8a62473915da6161a1b137eea570', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: 'd08a9fcbd967809859236fed54305abf26468b59', class: "digi-info-card-multi__heading" }, h("a", { key: 'f20e0ff571e33d42bf50a6f89a0b2dbf0104d9fc', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: 'a36ac9fd73e4888eeeeb73c7112ccc31cd75314c' }, h("slot", { key: '83deb4c5ca5817b5799ad6edd90bdd87b85c68ff' })))))));
+        return (h(Host, { key: '6e86c3b96afe06bc97aa6369bb53db6c607046e7' }, h("div", { key: '9e28770ffebbea882a5ede870ca79d9757de9d2d', class: Object.assign({ 'digi-info-card-multi': true }, this.cssModifiers) }, h("div", { key: 'bf58e7f90fa33731a3cf25a07b7013c45cdc7857', class: "digi-info-card-multi__content" }, this.afType == InfoCardMultiType.MEDIA && (h("div", { key: '0a91943c8086fb9f463e2da8c1f0e7b2c24f9ffa', class: "digi-info-card-multi__image" }, h("digi-media-image", { key: '5985ea0130334c9ed194600b30ada961034fa8c9', afUnlazy: true, afFullwidth: true, "af-src": this.afSrc, afAlt: this.afAlt }, h("div", { key: '2ba0f3bd7ac2bd4f06c726b7f5b59ab18e5f29f6', class: "digi-info-card-multi__tag" }, h("digi-tag-media", { key: '6f01d9340fe572086a0076ad8cc6f9705a7e2bec', "af-icon": this.afTagIcon, afText: this.afTagText }))))), h("div", { key: '81b5c079fffa56ae0606343b596302c74c2cbd82', class: "digi-info-card-multi__text" }, h(this.afHeadingLevel, { key: '66e4f9ce65b09d50e783ea79bb922371be6416ea', class: "digi-info-card-multi__heading" }, h("a", { key: '4f5de4bf0cc5185238af8a355b9a7f54a3b3b4a3', class: "digi-info-card-multi__link", href: this.afLinkHref, onMouseEnter: () => (this.activeLink = true), onFocus: () => (this.activeLink = true), onMouseLeave: () => (this.activeLink = false), onBlur: () => (this.activeLink = false), onClick: (e) => this.clickLinkHandler(e) }, this.afHeading)), h("digi-typography", { key: '0e47d96e70e0fb698330ad7c433a290e6c847e2b' }, h("slot", { key: 'a9b62dc9e1f3797850919da12b88ae5cd348e378' })))))));
     }
     static get is() { return "digi-info-card-multi"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_info-card/info-card-multi-container/info-card-multi-container.js

@@ -11,7 +11,7 @@ export class InfoCardMultiContainer {
         this.afHeadingLevel = undefined;
     }
     render() {
-        return (h("div", { key: 'ada50b5a90d5a530564aeaad7c44cd4a97019800', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: '064c5475597c6458dcf894906fb30f41b28e3d88', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: '8a11375b990c9d8f5d06f5d3246f1429778e4c3d', "af-variation": "three" }, h("slot", { key: 'a91415ac9398d754afc3c017f74a139a051bb4b7' }))));
+        return (h("div", { key: 'f1ab36682c5969e0bd557c77b216035d3418cdfd', class: "digi-info-card-multi-container" }, this.afHeading && this.afHeadingLevel && (h(this.afHeadingLevel, { key: 'ede81660e819ff2d4fb577f3856a26dec7db620f', class: "digi-info-card-multi-container__heading" }, this.afHeading)), h("digi-layout-columns", { key: '690ab40b10407912d3a21578129e8e3aae092c1a', "af-variation": "three" }, h("slot", { key: '0f57c2475c61e59823e62b8fd647f91942176e1b' }))));
     }
     static get is() { return "digi-info-card-multi-container"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_layout/layout-block/layout-block.js

@@ -35,7 +35,7 @@ export class LayoutBlock {
         };
     }
     render() {
-        return (h("div", { key: '4f60428c8b9d42ad916ca5112121cc8f9f2e04b6', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
+        return (h("div", { key: 'fd12165df25faadfb73a0df452d91805fd784406', class: Object.assign({ 'digi-layout-block': true }, this.cssModifiers) }, this._container === LayoutBlockContainer.NONE ? (h(Fragment, null, h("slot", null))) : (h("digi-layout-container", { afVariation: this._container, "af-vertical-padding": this.afVerticalPadding, "af-margin-top": this.afMarginTop, "af-margin-bottom": this.afMarginBottom }, h("slot", null)))));
     }
     static get is() { return "digi-layout-block"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_layout/layout-columns/layout-columns.js

@@ -25,7 +25,7 @@ export class LayoutColumns {
         };
     }
     render() {
-        return (h(this.afElement, { key: '6dc9ed51631d90ea92f5e405d49edca25c5d800d', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'ffe0da97c5d4bd5d656da66441cc16367d810b0a' })));
+        return (h(this.afElement, { key: '1312c6cf6295accd2a94f031889710bc8235323d', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'd99a544894fc06a498d6f80d1cedeef90f8e85a5' })));
     }
     static get is() { return "digi-layout-columns"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_layout/layout-container/layout-container.js

@@ -40,7 +40,7 @@ export class LayoutContainer {
         };
     }
     render() {
-        return (h("div", { key: '5ff028ab3d09d71a5c5de4a4e88d50b3f17f367f', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '56ee75891bfd6f55909841bc4acdf57b867dc235' })));
+        return (h("div", { key: '0dc19859f25ece31e266ad11bea2af0b1ad0db13', class: Object.assign({}, this.cssModifiers) }, h("slot", { key: '36ac6345da26289a63cf0bf8fc2e70ffd2ced85e' })));
     }
     static get is() { return "digi-layout-container"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link/link.js

@@ -59,7 +59,7 @@ export class Link {
         };
     }
     render() {
-        return (h(Host, { key: '36de914eb05e1be6530fcde9b6d1313b1e5f9412', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '8640db8775088dcb3bf087c09b3395e23517126a', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: '9e5877b58f0cbf1898032ede39eb124af52023e6', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: '606a894726711c4224f86bf96e2bfe154c2c78d0', name: "icon" }))), h("slot", { key: '2df9ffa30ac0a98e9f7867670e2f331ccd42d6e6' }))), this.afLinkContainer && h("slot", { key: '0c74dfb1c0d70ff062cbaa51256b272a5994751d' })));
+        return (h(Host, { key: '4ee4404f8d6d0b1b94671fda57e6b50ddccbd352', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '6524be94c4ec907ed6955ddf7da8c7aaaad18eac', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (h("div", { key: '20a853c07f6caf088c40d8c9ef8b80840017d5f8', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, h("slot", { key: 'b9dd777361252aa876ff5db52435bb794a2f2228', name: "icon" }))), h("slot", { key: '498b649a1207efe49d65848cf991fb5a9a9569b8' }))), this.afLinkContainer && h("slot", { key: 'c60ef08fda6a2b5ffc899e59a78949031985b67a' })));
     }
     static get is() { return "digi-link"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-button/link-button.js

@@ -53,7 +53,7 @@ export class LinkButton {
         };
     }
     render() {
-        return (h(Host, { key: '39e30d52c28ab0efbeb056347c74a964a72d30da', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: '7937acb1974eb4b4e6e0a10e511d2bf873726124', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: 'ec3d66feb2ab3bd562a328be64b503f0167890eb', class: "digi-link-button__text" }, h("slot", { key: 'd4bf2417f786cde217c1497bfa7fbe2cb503988f' })), this.hasNotification && h("slot", { key: 'e27ce4cc82dc3c65348b8754ba6793e058d08467', name: "notification" }), h("digi-icon-chevron-right", { key: '6a11b71f646f8219aa2bf79f4169201e8e3c0974', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: '27944a0f9f1a87d578d3f9aae378529389c39ea4' }, h("slot", { key: 'a1ee1bd869ef1fa3b8cb86a85a198fb1c61fdf83' }), this.hasNotification && h("slot", { key: '0bb30226ef4cb92f09d4350fddcc68ff57f2b961', name: "notification" })))));
+        return (h(Host, { key: 'b7df717440d77f93d4409dac41d8c20e76060a79', class: Object.assign({ 'digi-link-button': true }, this.cssModifiers) }, !this.afLinkContainer && (h("a", { key: 'c9b58e0ed39b37bf25cef164e4cd40a53fbdd8f1', href: this.afHref, "aria-label": this.afAriaLabel, onClick: (e) => this.clickLinkHandler(e), ref: (el) => (this._link = el) }, h("span", { key: '5062e81175450f27a31f49a9814a6b01cb2c0eb9', class: "digi-link-button__text" }, h("slot", { key: 'f3734c85aac1e666a3bf33c9bb2c113a56df8c34' })), this.hasNotification && h("slot", { key: 'c86d00afcec32b45f09f658df729910e58fd2202', name: "notification" }), h("digi-icon-chevron-right", { key: '9f09e448bedd9df9931164aae7c8855d5f8f9a79', class: "digi-link-button__icon" }))), this.afLinkContainer && (h(Fragment, { key: 'be1a5ddec8edc54a6f683f8b7e3534a58b7feaa2' }, h("slot", { key: 'd26912444efb155c3c2b2866d4b930b58cf509ec' }), this.hasNotification && h("slot", { key: 'a2ff785749f8334b515b0e0fbed1c64113dca870', name: "notification" })))));
     }
     static get is() { return "digi-link-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-external/link-external.js

@@ -22,7 +22,7 @@ export class LinkExternal {
         };
     }
     render() {
-        return (h(Host, { key: '6c080c10809f59a44ba7b6ddb3422097edc8ac4f' }, h("digi-link", { key: 'bb6e809911b5d664d86a24879f3911d4ce7fd69d', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: '43a515d70adc78ec4b67d4916f1aadeb4f2279a7', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: 'f31becb5e56a50b3d578093a9388d3ffef21e889' }))));
+        return (h(Host, { key: '3aaf01312be823f264d1762d09516ba5e8a43bce' }, h("digi-link", { key: 'a6d51295bb0a550136dba14a93a5e9768951d28b', class: Object.assign({ 'digi-link-external': true }, this.cssModifiers), afHref: this.afHref, onAfOnClick: (e) => this.clickLinkHandler(e), afTarget: this.afTarget, afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-external-link-alt", { key: '2503e68eb5981dc9828dcf62896ffbc4f53f42f5', class: "digi-link-external__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: 'eb4eaebd0114ce3d4896de671e9222d96ddcdba6' }))));
     }
     static get is() { return "digi-link-external"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_link/link-internal/link-internal.js

@@ -23,7 +23,7 @@ export class LinkInternal {
         };
     }
     render() {
-        return (h(Host, { key: '568957b530b94b645d3c3179f1529f5b711aeecc' }, !this.afLinkContainer && (h("digi-link", { key: 'bee02b71500816f185dc22b91eab81579e6b3339', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: 'b3f45a22328994e829ae065dfe361787c26618f4', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: 'c2b12e68267c2ceb9b42f1a6cc18595dd74acdda' }))), this.afLinkContainer && (h("digi-link", { key: '8439f151c0c45eec6b7df0ff7bc7e85596ed654d', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: 'ef7949312c70ab4293690985a7ab91b4199c6911' })))));
+        return (h(Host, { key: '77666487ac73e693e9a8f01dfbcb8dd2cee5dcda' }, !this.afLinkContainer && (h("digi-link", { key: '6951f6a244905ea3aa89a4fbfaa025351de9fca5', class: Object.assign({ 'digi-link-internal': true }, this.cssModifiers), afHref: this.afHref, afOverrideLink: this.afOverrideLink, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("digi-icon-chevron-right", { key: '088e4dfabc171906934fc35f5e2d3848c4c0b69f', class: "digi-link-internal__icon", "aria-hidden": "true", slot: "icon" }), h("slot", { key: '9bb553128c71b2fefd1961f75dc65a723eb514cb' }))), this.afLinkContainer && (h("digi-link", { key: 'def10c1eb9d913a76fe9c63567c112a25527831f', afHref: this.afHref, afOverrideLink: true, afLinkContainer: this.afLinkContainer, onAfOnClick: (e) => this.clickLinkHandler(e), afDescribedby: this.afDescribedby, afAriaLabel: this.afAriaLabel }, h("slot", { key: '66a3f15f0b3c41d3d7076948c5bcb716dc4b983a' })))));
     }
     static get is() { return "digi-link-internal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_list/list/list.js

@@ -78,7 +78,7 @@ export class List {
             'digi-list': true,
             [`digi-list--${this.afListType}`]: true
         };
-        return (h("digi-typography", { key: 'c8886bcce56127fce745a9538b9d7f83ae9f5bb2' }, h(Tag, { key: 'e682bfdfc148955e526cc55884a93495aaf5b7fc', class: className }, h("slot", { key: 'afa6e0c99b211bb3b7175788edcfa01d49b60887' }))));
+        return (h("digi-typography", { key: 'c891426704febd087cea0e032483d8d821097a6b' }, h(Tag, { key: 'a4b01c02c8c61fba4a1fcb64fc465f836063d9dd', class: className }, h("slot", { key: '3b36dafaafcd40c15a47678894dba13d864af18c' }))));
     }
     static get is() { return "digi-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_loader/loader-skeleton/loader-skeleton.js

@@ -23,17 +23,17 @@ export class LoaderSkeleton {
         };
     }
     render() {
-        return (h(Host, { key: '286887bff51330c43bf4179355ea79c3d8376b29' }, h("div", { key: 'f61dfe3255772bcfaf9ea161843607efa5a4ef04', "aria-busy": "true", "aria-hidden": "true", class: Object.assign({ 'digi-loader-skeleton': true }, this.cssModifiers) }, this.afVariation === LoaderSkeletonVariation.HEADER && (h("div", { key: 'dac4a3c06fa8ff5555b017494b645f624f49ba6f', class: "digi-loader-skeleton__item digi-loader-skeleton__item--header" })), this.afVariation === LoaderSkeletonVariation.LINE && (h("div", { key: 'a306c0bb3a35a006bbd75dccb5ce9a4a6a57ac76', class: "digi-loader-skeleton__item digi-loader-skeleton__item--line" })), this.afVariation === LoaderSkeletonVariation.TEXT &&
+        return (h(Host, { key: '94e23125afe0b480df20b8dc9e1f73d7dfec9dcf' }, h("div", { key: '7c4c9fba988da7535c632bcae584df1997b15cdc', "aria-busy": "true", "aria-hidden": "true", class: Object.assign({ 'digi-loader-skeleton': true }, this.cssModifiers) }, this.afVariation === LoaderSkeletonVariation.HEADER && (h("div", { key: 'c1a86951c9883b5e7fed74ed7d9455a27239b463', class: "digi-loader-skeleton__item digi-loader-skeleton__item--header" })), this.afVariation === LoaderSkeletonVariation.LINE && (h("div", { key: '15e228e4eb1b49f6b2dd54685dd86760ae549c17', class: "digi-loader-skeleton__item digi-loader-skeleton__item--line" })), this.afVariation === LoaderSkeletonVariation.TEXT &&
             Array(this.afCount)
                 .fill('')
                 .map(() => {
                 return (h("div", { class: "digi-loader-skeleton__item digi-loader-skeleton__item--text" }));
             }), this.afVariation === LoaderSkeletonVariation.SECTION && [
-            h("div", { key: 'a3cc3bfa635c05bb5f9f42a4396145ff9b17febf', class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-header" }),
+            h("div", { key: 'c0ea93a7df8b8baa3869344b9b08d333b90131f3', class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-header" }),
             ...Array(this.afCount)
                 .fill('')
                 .map(() => (h("div", { class: "digi-loader-skeleton__item digi-loader-skeleton__item--section-text" })))
-        ], this.afVariation === LoaderSkeletonVariation.CIRCLE && (h("div", { key: 'c1f3ad4d455a57791b75138c8f59e8dba4d96973', class: "digi-loader-skeleton__item digi-loader-skeleton__item--circle" })), this.afVariation === LoaderSkeletonVariation.ROUNDED && (h("div", { key: 'a96f732b59e3a36046edc1c75fdbef1dcf3bafab', class: "digi-loader-skeleton__item digi-loader-skeleton__item--rounded" })))));
+        ], this.afVariation === LoaderSkeletonVariation.CIRCLE && (h("div", { key: 'ba3a19e4654c0f3025878a4df1e4c3dcf97b3cee', class: "digi-loader-skeleton__item digi-loader-skeleton__item--circle" })), this.afVariation === LoaderSkeletonVariation.ROUNDED && (h("div", { key: '41dc0d82672470964bcf242e1cf6a0fdf105d310', class: "digi-loader-skeleton__item digi-loader-skeleton__item--rounded" })))));
     }
     static get is() { return "digi-loader-skeleton"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_loader/loader-spinner/loader-spinner.js

@@ -18,7 +18,7 @@ export class LoaderSpinner {
         };
     }
     render() {
-        return (h(Host, { key: 'd2ff7ec4dead0e6764978cd0833cfabc11eec31b' }, h("div", { key: '6e57f7e74bc42a4d38f33b60e8c50e37b46a6bf8', "aria-label": this.afText, "aria-live": "assertive", class: Object.assign({ 'digi-loader-spinner': true }, this.cssModifiers) }, h("div", { key: '9a5ff5d94df387af74ab280ba9fe0c7e85edf175', class: "digi-loader-spinner__container", "aria-hidden": "true" }, h("digi-icon-spinner", { key: 'a43b971d373c65b92b88c673d18dea21d7551de1', class: "digi-loader-spinner__spinner" })), this.afText && (h("div", { key: 'c9b17158034feae1a0e3b88bdd987a68060eaa94', class: "digi-loader-spinner__label" }, this.afText)))));
+        return (h(Host, { key: 'a006926990f9225d534e62c6478be173be6f5d3a' }, h("div", { key: '888ca4a5ffa7a0c3c7d1f0af085734339f1d5111', "aria-label": this.afText, "aria-live": "assertive", class: Object.assign({ 'digi-loader-spinner': true }, this.cssModifiers) }, h("div", { key: 'f43445f601961f158b2912f6a55592e69b801969', class: "digi-loader-spinner__container", "aria-hidden": "true" }, h("digi-icon-spinner", { key: '8a86ff4ab1818af92541bf3a682e0bd272e46000', class: "digi-loader-spinner__spinner" })), this.afText && (h("div", { key: 'f77a967241945cef8f4a832698ce1c45a07c56af', class: "digi-loader-spinner__label" }, this.afText)))));
     }
     static get is() { return "digi-loader-spinner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_logo/title-logo/title-logo.js

@@ -73,7 +73,7 @@ export class TitleLogo {
         };
     }
     render() {
-        return (h("div", { key: '776d1ba17ce9f24ece25ed6f1f2528e3ae5a64e2', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '8201fc140d3aa7bfa7acaae2072951751f604f8b', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'b8f09d2272ed959cae038f25b2050386e5584bf4', class: "digi-title-logo-symbol" }, h("svg", { key: '3af2c2419b035bd2e228a9acf3f039638a82b26d', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: '562b1b6d22d1b2b438f6e48b21bf7a98a3b0a32b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: '47758a4ff3d7661ca130c1f6e70f706b60e59cc0', class: "digi-title-logo-name-wrapper" }, h("slot", { key: 'fc2a4b750091c4e5a8efdb16fb978d945626f0ba', name: "logo-one-row" }), h("slot", { key: '1250d720df8b80bf2b114cd95790039be8335a5e', name: "logo-two-rows" }))));
+        return (h("div", { key: '3529ae2c761883716e7ef698ea2ce35f70108bb9', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '5404aac52451d6041e5a6e60d430b6d81a24a63f', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'f417c914c65d6898d34187a1aa3f31e9c7137bf2', class: "digi-title-logo-symbol" }, h("svg", { key: '6d3a73a4b112f93af24d2bee57278380d7f1ab4e', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: 'eee432df3edbb799bc79dd4b47521499ed73ce39', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.0076 6.97426V0C31.0194 0 44 12.9056 44 28.8261C44 34.3951 42.4073 39.5923 39.6561 44L33.8019 40.1595C35.822 36.8551 36.9855 32.9758 36.9855 28.8261C36.9855 16.7575 27.1458 6.97426 15.0076 6.97426ZM6.99059 28.8257C6.99059 33.2284 10.5795 36.7972 15.0076 36.7972C19.4356 36.7972 23.0245 33.2284 23.0245 28.8257C23.0245 24.4235 19.4356 20.8548 15.0076 20.8548C10.5795 20.8548 6.99059 24.4235 6.99059 28.8257ZM0 28.8257C0 20.5853 6.71916 13.9047 15.0076 13.9047C23.296 13.9047 30.0151 20.5853 30.0151 28.8257C30.0151 37.0666 23.296 43.7472 15.0076 43.7472C6.71916 43.7472 0 37.0666 0 28.8257Z", class: "main-symbol" }))), h("div", { key: 'd4367443a500da7d0767c1525ca5af1704ff13d7', class: "digi-title-logo-name-wrapper" }, h("slot", { key: 'f508b45dc39f72a2ec5626a8bc5d550a61c2a43c', name: "logo-one-row" }), h("slot", { key: 'faa09969cd0a8149e58bcf93a065c5956c766477', name: "logo-two-rows" }))));
     }
     static get is() { return "digi-title-logo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_media/media-figure/media-figure.js

@@ -19,7 +19,7 @@ export class MediaFigure {
         };
     }
     render() {
-        return (h("figure", { key: 'bf78c6b502bb19c42ab7d0a43156b64123cfa621', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '5a885741daa877fd551c8cca7232e5e3e48bb358', class: "digi-media-figure__image" }, h("slot", { key: 'd33842527ecacf6305cc310a832ac83a8e766f99' })), this.afFigcaption && (h("figcaption", { key: '6c996e27377c768d1671c63bb2cd08123e25526c', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
+        return (h("figure", { key: '1e0f32d194f45478ee10e7db3a3d61225dca5720', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '66c0430815d692bead0f141bf403def13b3e0585', class: "digi-media-figure__image" }, h("slot", { key: '486e2b0a36c186f3574ba1ad78d86cf4df9c5310' })), this.afFigcaption && (h("figcaption", { key: '11b948928b9cd726a3f5d7d52be2124b99552719', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
     }
     static get is() { return "digi-media-figure"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_media/media-image/media-image.js

@@ -79,11 +79,11 @@ export class MediaImage {
         };
     }
     render() {
-        return (h("host", { key: '9cfb435b346ea2c850e9ad1c8623d1372e194b12' }, h("div", { key: 'c81e1c86fcc1457924cdb05d03c2a2d3f3fcca97', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+        return (h("host", { key: 'c7b5685291cdeee6fe5993c4b38679f1e790fd51' }, h("div", { key: 'ba3a6089b4e98535acff797d8607923bbba6a795', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
                 '--digi--media-image--width': this.afWidth
                     ? `${this.afWidth}px`
                     : null
-            } }, h("digi-util-intersection-observer", { key: '3cec484d599d030b923983294d1e49643acfb98e', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'be09f16a35bde1db6b0ef7f9bf62553761b5c1ff', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '22c705fa7866f99f741e0c852d319b57d37145a3', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
+            } }, h("digi-util-intersection-observer", { key: '793127f147db9ed2bc71be489ee3fd00499900cd', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: '51eaaba343d34633999395e2a176036fc25bb62f', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: 'adb35f409fcb04301ff476c1ef2bae23537fcbe1', class: "digi-media-image__image", onLoad: (e) => this.loadHandler(e), src: this.src, alt: this.afAlt, "aria-label": this.afAriaLabel, height: this.afHeight, srcset: this.srcset, title: this.afTitle, width: this.afWidth, loading: this.afUnlazy ? 'eager' : 'lazy' }))));
     }
     static get is() { return "digi-media-image"; }
     static get encapsulation() { return "scoped"; }

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

@@ -40,9 +40,9 @@ export class NavigationBreadcrumbs {
     }
     render() {
         var _a;
-        return (h("nav", { key: '6ff39967d0c7709d219a0a1bc7153c4752643e45', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '13484292e527b9a9edce3b703dab56e40e21140e', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
+        return (h("nav", { key: '2eb7edfb17175dbbb23060e1ef082c26cc7ec00c', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: 'c3324fc686e3399ee2d1a62b4a81704c35d0dd0f', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
             return (h("li", { class: "digi-navigation-breadcrumbs__item" }, h("a", { class: "digi-navigation-breadcrumbs__link", onClick: (e) => this.clickHandler(e), href: item.href }, item.text)));
-        }), h("li", { key: '8383295e7ae6c31ca3339631a31f42d87b6221d0', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'cd845b51dbf7140a37a6c0a06a45114a69611bf0', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '208d7288480629692bfa4ec814f747a7d9f67aaf' })))));
+        }), h("li", { key: 'b201285474d818da3a92c5182afe8d468cc9bb8e', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: '5fed828c087cb38c8e428f8343403f388d9c21c1', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: 'beb32e05a1727e010ad5b169d6d335294ec4351b' })))));
     }
     static get is() { return "digi-navigation-breadcrumbs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -197,13 +197,13 @@ export class ContextMenu {
     }
     render() {
         const menuItems = this.afMenuItems;
-        return (h(Host, { key: 'd9024d6373cbed4e449d880eb5999921941311c8' }, h("div", { key: '2e71d1de06967dee77553c0e171338f0ec2a16b2', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: 'b540e20352a03b08dabc6282167d4cf8739ed75b' }, h("div", { key: '31b0ef83abb0c87ff509c1ee54b4ce695bd3e627', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: 'f72ca1811f2c10873bff2cf6c6edfb6d690909b3', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: 'a7d28de1604540f5bc90ac45f92c11db03c9e3f4', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '39a9b3cc9d61b8a43f6b32391f20fdf183e620c4', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: 'f9a7c9014f2683e69c30fef9a586e0ff929d589f', class: {
+            } }, h("digi-button", { key: '7be2ef2e3155c53ab4df739740924fcdefde1895', id: `${this.afId}-trigger`, ref: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-dropdown`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: "digi-navigation-context-menu__trigger-button" }, !!this.afIcon && h(this.digiIcon, { key: 'fd3de7bb67c02b0b6166ee170fddac9d4ad07cea', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: '29205dafdca952a267b2b1ed8eb10cc724decec5', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '611df8365d2fead64b1efe70e7e07c5bf523e4e2', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: 'c31531d586d8214c2287f9c5d98902a0bd98c0a2', onKeyDown: (e) => {
+            } }, h("div", { key: '5104945715a43638fba74fd8614f7ae51946579a', onKeyDown: (e) => {
                 this.handleKey(e);
             }, id: `${this.afId}-dropdown`, style: {
                 visibility: this.visible ? 'visible' : 'hidden'

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

@@ -124,15 +124,15 @@ export class NavigationPagination {
         }
     }
     render() {
-        return (h("div", { key: 'f2e28d3e529f4020243c07f29de63516e93214e4', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: 'cc3b66a9ed04a216097cd9828ea6385ac5047aeb', onAfOnChange: (e) => {
+        return (h("div", { key: 'd8d99fb4bbc03f2dfba8295cf3ec8ee84bb26fce', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '27084b1d413219aa3f2468beba86a5b4faf1cb75', onAfOnChange: (e) => {
                 this.handleResizeObserver(e);
-            } }), h("span", { key: 'bac9929a11d0067fe8caf84a672da89ef3ad4aae', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: '2737a921d418e5da0673dbab894ecfc8ad123acf', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '472ca42ce075e8aa10c1c8eaebe424d999185b4e', onClick: () => this.prevPage(), class: {
+            } }), h("span", { key: '84e82c3caca5d9f4bcd36e132df10570f3ec431a', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'e39ba4dc3ed4deb579aed3d212ef7f3310c8e9e4', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '684389743487f33f9a29ca418d0f1bf9a792063f', onClick: () => this.prevPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--previous': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === 1
-            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: '3225507e8b69efc3c598f7c05187816474b61dc4', slot: "icon" }), h("span", { key: 'ecd596ac495c5edec01acf93d2ce5456398931b4' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '4720a2d4b836b9898e9716d022b1427e559db789', onClick: () => this.nextPage(), class: {
+            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'c24a7960db56dde692e5c93ec08104ba706967ef', slot: "icon" }), h("span", { key: 'a71caf869f9567c1118f00a3212497410b7b43bf' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '9ed520e00f4e5cbc1c8996ca93f2346bedefa378', onClick: () => this.nextPage(), class: {
                 'digi-navigation-pagination__button digi-navigation-pagination__button--next': true,
                 'digi-navigation-pagination__button--hidden': this.currentPage === this.afTotalPages
-            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: 'e3d86e3f4cfd8572f3d10758134a2050abfd1fd6', slot: "icon-secondary" }), h("span", { key: '6a0d762c6c46b961ead3f8ab931de007538fc887' }, "N\u00E4sta")), h("div", { key: '89fc1a2596097283ffbe64a934c6fadb2c9fbcc3', class: "digi-navigation-pagination__pages" }, h("ol", { key: '6540d8b7340b28a33510b1b08497cf1da6dc0764', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
+            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: '9562e882499f2e0be5ea5b3dc55922ba7d49282a', slot: "icon-secondary" }), h("span", { key: '5f3234984162cc2524521606a0fb2ab645c6fb15' }, "N\u00E4sta")), h("div", { key: 'c2860112360036941893e2a5f76ab8ada71d99ff', class: "digi-navigation-pagination__pages" }, h("ol", { key: 'a7ff7c808e75ff7f60cc5e6d7a457d34ab00e49f', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
             const page = isNaN(pageValue)
                 ? parseInt(pageValue.replace('…', ''))
                 : pageValue;
@@ -143,10 +143,10 @@ export class NavigationPagination {
                 }, afVariation: this.currentPage === page
                     ? ButtonVariation.PRIMARY
                     : ButtonVariation.SECONDARY }, h("span", { class: `digi-navigation-pagination__page-text` }, page))));
-        })))), this.afTotalResults > 0 && (h("div", { key: 'b91ec2afc620c6c3c31ff71758d9a1359313ab45', class: {
+        })))), this.afTotalResults > 0 && (h("div", { key: '5e6ca5150d25cbf7b2dfbd0ee9f2cfaee505d806', class: {
                 'digi-navigation-pagination__result': true,
                 'digi-navigation-pagination__result--pages': this.afTotalPages > 1
-            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'e648fb8e0cf7320664760e3c4af25eac6922332f' }, h("span", { key: '2d14913e9f62fc02656e48eaa4061196cba2048a', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '2c33cc8ae5dd40125fc6e0f6d78c7cec7610628b', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '75476de666cb33b05371d06a253d57cf2bb7b54b', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '2a53e018958c26b5b87e13db724ba955720449aa', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '2fd196e20cb4c6069192dce4caff7336531f7c6f', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
+            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: '5b068f6c49f07a653e0779ebb1d940b54713c8fd' }, h("span", { key: '904012c7fd0cd8e7a51d2f721484c6535b69fa1e', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: 'e2bb68ef9f625cdd204732eb1015d719e859a8e2', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '35f11256b8a1d8478c5706f63cad06c624442305', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '0b03d745dac18a6a23f7197fedc24b3d666a18db', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '785a668f07a32716e5d52bf34a17e50817764212', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
     }
     static get is() { return "digi-navigation-pagination"; }
     static get encapsulation() { return "scoped"; }

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

@@ -278,7 +278,7 @@ export class NavigationSidebar {
         };
     }
     render() {
-        return (h(Host, { key: '4433f85ab2386cb5548e7fc1e3b6df3b07ab93a4' }, h("digi-util-breakpoint-observer", { key: '71c99a334e4c654606709aadda2c582209edff07' }, h("digi-util-keydown-handler", { key: 'b0d6879b6c3b8d724e77972b179e291f0f28836e', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '7cd67f2f15eea027f08f778b6e58fd6b432b20ba', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '1033c2b638fb511fb5bbb4edb9d6bb208fcb04fe', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: 'bbb20b61fad6eb2e912226b2eb80f59d01c64257', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '9eb30ee9eb7f9e7b9c1266c0bee4f29a2f27ae5b', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: '15e44c2399b5123eed44c17b3ac63692e580198e' }, h("digi-util-breakpoint-observer", { key: '5f398604abeebe2f8acf51a25b9b9e61dc2b38d8' }, h("digi-util-keydown-handler", { key: '2f052cb205ee59142910d3fd213d39eaac8fc9b9', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '4659f51f77c82f95f77b1c1a8d148ff3d216c87b', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '554f50d75970cbb4836aea43d0ff5d0476bf3db4', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '0f6afb3d91c9d05500ce5083934ed54b86f7012d', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '00ceea7f957cef5269d8b7038494abcad057c0c3', class: "digi-navigation-sidebar__inner", ref: (el) => {
                 this._wrapper = el;
             } }, this.showHeader ? (h("div", { class: {
                 'digi-navigation-sidebar__header': true,
@@ -287,7 +287,7 @@ export class NavigationSidebar {
                 'digi-navigation-sidebar__header--close-button--end': this.afCloseButtonPosition ===
                     NavigationSidebarCloseButtonPosition.END,
                 'digi-navigation-sidebar__header--reversed': !!this.afHeading
-            } }, this.afHeading && (h(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), h("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, h("digi-icon-x", { slot: "icon-secondary" })))) : (h("div", null)), h("div", { key: '9dd37e8ebd17bd034f7479ffe176cd5c145872c3', class: "digi-navigation-sidebar__content" }, h("div", { key: '9ebdab6af9ca1e959d930c6d463f55726b720def', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '4bb613062cc4135397d71db1617e331fae42392d' })), this._hasFooter && (h("div", { key: '3a4efe777f640e92f2842170fb59d1746e72251a', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '1162f0423ba3eb4d0025cf0d060cd91002e25e88', name: "footer" })))))))))));
+            } }, this.afHeading && (h(this.afHeadingLevel, { ref: (el) => (this._heading = el), class: "digi-navigation-sidebar__heading", tabindex: "-1" }, this.afHeading)), h("digi-button", { onClick: (e) => this.closeHandler(e), "af-variation": "function", "af-aria-label": this.afCloseButtonAriaLabel, class: "digi-navigation-sidebar__close-button" }, this.afCloseButtonText, h("digi-icon-x", { slot: "icon-secondary" })))) : (h("div", null)), h("div", { key: '1d260348d3ca0e2d0871b2ba6f0e9fec30e2a800', class: "digi-navigation-sidebar__content" }, h("div", { key: '37bc7ac03f49dc69199e9134f765890ea0bdba42', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '9743772324bfce7aaa74b5983ff97a3e13fd1e3e' })), this._hasFooter && (h("div", { key: '34b6100b3b88eb5b4cd7f8db72dd002581d41d8e', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '1a916274150ec5956bffc9cc5000bf6640efaa26', name: "footer" })))))))))));
     }
     static get is() { return "digi-navigation-sidebar"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,7 +15,7 @@ export class NavigationSidebarButton {
         this.afOnToggle.emit(this.isActive);
     }
     render() {
-        return (h("digi-button", { key: 'ebfd163ec7bde3817ff97b83d7300df6962f0261', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '1ffc8c89027d2f6b06edb412d1b64becdb1a9437', slot: "icon" })));
+        return (h("digi-button", { key: '30e533fedf4346bf5d1cdddd6eedbda55104e37b', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: 'f2878d2c219653ca77ad39ccfbef4aaa01d5b226', slot: "icon" })));
     }
     static get is() { return "digi-navigation-sidebar-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -238,14 +238,14 @@ export class NavigationTablist {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'e22f722a4c757ec957c64d5449820e684763bb65' }, h("div", { key: '55bbc66dcc0ffb5eaa57a8e940bb6905848d2521', class: {
+        return (h(Host, { key: 'af56ad5f7b32191fbecf49e174d41d996757ddf9' }, h("div", { key: '47c7127e36ddc4b604bc8602fbd51a40a305d410', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '154ea8adad1a5b5214ccf8d612e4abf12990954e', class: "control-wrapper", style: {
+            } }, h("div", { key: 'bb702025da98e3d9cb5775423a0ac1e9f3faf7ad', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '8e892d55eeb0a2c0a2de93349a79aa7d1875f0ea', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'f6233af64182b94ccce487c3e86fde611ed3b034' }))), h("div", { key: 'dee9d980df6972bdcc8adb73dce382ecdf3fe678', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '8b09ebb8e753184fcf6592b5fab9da5c296102e1', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a41700fc8c8aee9ca11ce21306a240620720513e' }))), h("div", { key: '82a7a63b7a906b24998da7475c9f8141fdff8f86', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -254,10 +254,10 @@ export class NavigationTablist {
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: '57eada501609bc43a04ad550faaf8ba3ea438fdb', class: "control-wrapper", style: {
+        })), h("div", { key: 'c3dfdaeed7c54e5daf9a97c034b3b3ca91ef9c54', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: 'a6fe0443e2ecdd5f5287ccb230ce4920cbb6dfed', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '3fd2841059d9f5459a8e649c5c80c3d2a665ad0f' })))), h("div", { key: '908fae2fd08df7ad97ef997165c60d189cd2dcb3', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '90ef134162054396c99986d74585689b176364c3' }))));
+            } }, h("button", { key: 'acf4d5c575c090ed8481240402f7613bc09890d5', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '042bd74a129d5f2c637def2fb52fb552b75c1631' })))), h("div", { key: '37d1a8a0600befe74af22c37641a6d24b9c5c32a', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'aaaca58f98d12a4f950bb6e34874990c35cdb8d3' }))));
     }
     static get is() { return "digi-tablist"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,11 +9,11 @@ export class NavigationTabPanel {
         this.isVisible = false;
     }
     render() {
-        return (h(Host, { key: 'c87f7d80779bf254ffeca53fcb894d2b9743fcfe' }, h("div", { key: 'c2409228cd17dc3ecd69ce6329ab83fa9d4bf2d4', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: '2941408c23eeadcf1093327c388cdfda05dc3727' }, h("div", { key: '2733e69367da20a1f93b89114c419748d729454b', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '2009bb3458e9186158b893782ac6081846003d17' }))));
+            } }, h("slot", { key: 'c73aa6788a2d0e38e372f90bb56d041d806fa236' }))));
     }
     static get is() { return "digi-tablist-panel"; }
     static get encapsulation() { return "scoped"; }

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

@@ -168,7 +168,7 @@ export class NavigationVerticalMenu {
         };
     }
     render() {
-        return (h("nav", { key: '2215782cbec68d4c6a02068576c9ddedb64c8530', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: 'f9ed700f21284c69b969b42fb6f12b1623b1185a' })));
+        return (h("nav", { key: '6bfe043a155fec7ca12b329f26f9fe3d88a1ce90', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '280aa0dc9656afccd0890d278ed2ade21cd927a0' })));
     }
     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: '4034a13fcdb1057df5b88815be9eb37dba601a87', class: {
+        return (h("host", { key: 'b008de69c96417bd000c4c4fa345910a19d1fc2c', class: {
                 'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
                 'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
-            } }, h("div", { key: '4980f784e2c75e6f0acec17e5af2c395b884b8db', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '335b03a7123d65c6ce8f247136a37ceae32f6798', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '713f3ddab78e64abb6045008f2d773f7f0e2f8ba', id: `${this.afId}-link`, href: this.afHref, class: {
+            } }, h("div", { key: 'beba2e7303abb687d69c516148ab9cb2ceec6397', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '131f7f0423cf65d03dd119211697ad3c182cd361', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '7a5df68c81673e574c1e48ce621a5a00c7e54450', 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: 'c20202f05ab4b8e9b23fcd89613f30e88e3b66d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '699126ccd002240e5bf13905ed2b1d03805230a4', name: "icon" })), h("span", { key: '0fd8bfe80480ac6dd299c7b9419e0f87dd4d8227', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '4576c36918ebead122134139f586e9be47d0273d', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '3320ebac27d8ce208e469d40083699d4596ea9f0', name: "badge" }))), h("button", { key: 'ec9ee669f4db79f4f98d06492f37b8f7ff338330', type: "button", id: `${this.afId}-toggle-button`, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '4626c8903fe0c30b1899f45b2160da9f864d7154', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '77b31c7dce3d8dc4180f7a90e17d2370362ee834', name: "icon" })), h("span", { key: 'acf8a10408370f2419514443d0ab45081a6dad3f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'd541aa1f6405374b84d042449f02b2883a04a195', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'ea14d278ad07c60fea424c76abd28f0504a72468', name: "badge" }))), h("button", { key: '2fec0f5b8ce3a490c894a4facc2cb7fd43b1b6a6', 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: '010519c486d071b2e80e70a6aba7cf3bab97b329', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'f922fc7be5bb789ac411bd2ba5eb63ac64a15fed', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '45c9d0ae0a1073ae11d5b29b0e5d6d303a4eea83', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '28d8337697b6c2796d86841b87a0b9a11d3eb539', 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: 'd94f4e8b85c0be6a8f282086bce352b3a6eccc5a', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '3245aea52c63c01c6ed2b60b67539b44a5a12d55', name: "icon" })), h("span", { key: '0ec740d571391b45270be0a81df9e87c4cb2cd27', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'e7ecbe1b97debc26c4f33788a0cd8948e794d2de', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '87561faf7d006134c879bbb2ecccb20d35cbcc40', name: "badge" })), h("span", { key: '230dfc05b2c0c3ad64feddc308c1ae7f2b80bd16', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'c563c4c3de12113cbc83af4566e971f141477dd3' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '3899bdf29953349f5f705c2bb7eecab4602ecaf8', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'fb90be5417c3cb76174fe59dbde17b6f20776f4e', 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: '7b8f7eb50850a9cd0b8c4f5bd540ee8db11542fd', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'c0d9a48dfa22f3010576b0f29c212c9d5a31d44d', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: 'f9af1c1e34a6c52cf26b5c185517b88b2c389f97', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '407abc931c07b4dbdb87ef8e53ed8319bd3f30ac', 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: '845a6903f28f97e89d6fc62a134233b12f12bc32', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '7668a487b51aced8e227ea03f98d291a7b372995', name: "icon" })), h("span", { key: '6a606039e0c72a0fbd9b5b35cb89bf9b9ad07a2f', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'f7f58186c3397e552928e22f06cc39b0ef5c35b5', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'e7b18a30518fa3c9689db8639b478f5445e401c9', name: "badge" })), h("span", { key: 'f55a20be40e0512b2d7e99832899f2597930160a', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '620ce5c869972cd332c69ccd73433f83f7413b96' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '508b9df37b90d0409737bf24a4a81e6e161994e2', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '4516ff318f441274bac19df6b1807c4e73db64ef', 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: 'f04416cc6c14114834bfaed522546fc77c84a9ed', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '28b5934e236acf522fc243eca1fbb896cf30d389', name: "icon" })), h("span", { key: 'ef064f03fb347b35c571f923c8c105fd897b3294', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'a3d4eb270f45123648944157f937ea28feb7e258', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'fe65ca6f1d00579765ce8a6550d6583c7772ad1d', name: "badge" })))), this.isActive && (h("a", { key: '439489e2388a2eaca7509749763c423e58dbff91', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '8d87d230fdfc69a962c1d8b5ba0e347f30d160d4', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '3a76b7bb22241161a93a28b8da2fee4a8bc187cc', name: "icon" })), h("span", { key: '22a004383f4e3c8ea4c5cacf814bb4e5cdb32e80', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'ac1c1e4d8bf80e3f5dbcd0d2167371da084874e1', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'aba9cd8a14fe7d995907ed48e8e7a24581fbbebc', name: "badge" })))), this.isActive && (h("a", { key: 'c6e1f5fad0ed55b8cd05dd428fa4bdff6349b5e9', 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: 'c37a3158554cc3496e43aa8e57bd07eb72201fd3', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: 'ac4617afe1bbf5510ceb7533553099ac855dcf7a', name: "icon" })), h("span", { key: '4cfa666a58ee43c67d5232839f9457a4181974b5', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '49d931e36fe2a43249cb69ea0a19086a335ef0e3', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'd76c01d73407d8264932808df69547f7dc352a6b', name: "badge" })))))))));
+            }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'a75d83b50be5a8880d772b7ad437923c319413c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '60f589dac1f507138fae09c374523de98831027c', name: "icon" })), h("span", { key: '652e47dd7b5a8804cae11c7c5ae87f67a1183632', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '58bea6f0f43d27d3670080794968c7e12b02293f', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '160a3be67b528508619c74f9e5d142efc30b5bcb', 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: 'dc748e929eed3f3897d2fc2593afbf55ff734cfb', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: 'ad1523ca0a2de00319faccf5b728d21d883298d0', class: "digi-notification-alert__layout" }, h("div", { key: 'f4bff6c9866930439b75da1b90128cb8e4a0e7b4', class: "icon-wrapper" }, h("div", { key: 'fcb244add5f937821abe4ef3d4ba1696c616eff5', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '7646d9beba96bacd023f2798c993eead395cfe32', class: "main-wrapper" }, h("div", { key: '912c0b10d5269da2871ca9841356ccbcb08f9b95', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'aa9613aaa2f920e9c78eb5604ea8b547479be74a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '4a02046286eb6a95b11e4abd952523f6ccb0cce6', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '7586bb5c83b84d75a7f9dba3aacecb42f95116ec', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '16a07407a8a9c4624a17804ddb194ab9e48b81fb', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '00fdd00229e28890d4129015e901ec3e4c09e467', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '3d613250eb00a25ed41624f2e04f619fa4cd8f84', class: "digi-notification-alert__content" }, h("digi-typography", { key: '2e205fee8a60564e89b5fbd7a0afefde19bd8ae2', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'e500c4ff93a2a14e2184375d62b1270642010831' })))))))));
+        return (h("div", { key: 'a65e377eef21711500336dffce094f7b40f35ce4', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: 'a9a876baf7de65aa8eb93d5137c9059f93344d0a', class: "digi-notification-alert__layout" }, h("div", { key: '07193a4975b0f7f4f90423b36ac94b56d211c4e0', class: "icon-wrapper" }, h("div", { key: '66b386e44e4efb140964441afbaec022cc0d39ec', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '3ae5fe83e801949034abef041510eb135a59f13b', class: "main-wrapper" }, h("div", { key: '3bd030aae0bbe614f6d3b5d60ede4eedfe94e199', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'b9378b953d4c075539cc6b8d523a52418633b3bc', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '491e27b98a6311c6a946a0c087b2312dd02bf0de', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '6aba84a687b5fab08c1086a03628a3be7c9e9a30', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '124516eb32cce95d50019522e808ebe0e0ccc5f8', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '201565155f6d59df45b5127ce99bc7b65972d303', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'f5dc3c6c2f150b3ce472903955a4b2eae65e7f21', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'e32223d898eabb4b2798e780548e6bff3fbfaf38', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '7188bfa5ddbbe94832968dc9a1ae0bbd2c668e06' })))))))));
     }
     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: '45b37114d1a9a4cb5d49a960dac36c9eb7104034' }, h("digi-layout-container", { key: '83f9cca10890075858c7dc1083a0fa156eff79a2', class: {
+        return (h(Host, { key: '14c20086682d7063de3f6934f5bf911158fda4f6' }, h("digi-layout-container", { key: 'c4c64b46767b9d09194a57a42c8bf15d8c25f09e', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: '22e0b4f64e3bf0318ad9e28c371cc2e629d4fc91' }, h("digi-util-breakpoint-observer", { key: 'f3e250e24f535d5ccdc18b7c7a8cfd81d2cea0f7', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'a6fda7fac6b1ae009c72299fb0bf92e5bd7e6459' }, h("digi-util-breakpoint-observer", { key: '16ccadf247536c8a3fdacfb3e1ba154683ed45ba', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '45edc06cb1ca4643a1dd22e45a0e735051f489b9', class: "digi-notification-error-page__grid" }, h("div", { key: '24fec3c430e0b7b6c11fb108cccbdce4958f4e25', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'a2cba064b3796af1de11945c131fa2a5cb0b9b3a', class: "digi-notification-error-page__content" }, h("h1", { key: '2970f9a0342c392496f4b2abbd7b0259b75e7980', 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: '2cf1bb240e9069535c1dc3adda17bff959851181', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'e6be26f79e553316f123dd4f6a4c09f10f6cc0a8', name: "search" }))), this.hasLinks && (h("div", { key: 'c54b09f04e2a2c1a12f8695378b821d99195e211', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'c6b9b235e0df9ced14497f5d397a714a37c61205', name: "links" })))))))));
+            } }), h("div", { key: '7931c0c7c4c5be7acd70d684a95b8693f5514500', class: "digi-notification-error-page__grid" }, h("div", { key: '5b420002d35db142d3b569379a1f4a0e25a2cb4e', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '3ad15060ec7a82de08f38007878a8cc03bacc743', class: "digi-notification-error-page__content" }, h("h1", { key: 'dbbba8c0e56e75af0aa27981a292bf45b491c8e6', 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: 'ac42089897c8c0066c84f7e754da673070cbd3b4', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'b80647b7010e4e5e7f76a7098c2251477744aad8', name: "search" }))), this.hasLinks && (h("div", { key: '31ab872334d0a3759b796e3f0c69ab3dac3fe643', class: "digi-notification-error-page__content__links" }, h("slot", { key: '2109b3ed5119fbd654e86b3ddbf7ef17d4f2e992', 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: 'd5560d5a4fb3423a6daa6f4b9bd71c0c9032030a', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: 'b9867c9a71666ed972c7912d2a1284365abd62e3', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'b4e5ec08562371e02010238cda3a611067fa54b6', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'cc30bc39a3ade39b1c1bd4edd18fd9993c3f5cc9', class: "digi-progress-circle__circle" }, h("p", { key: '70873bd31019ac4f0fb07c1acfe065c4f9e6e4d9', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '94d8e9d9df34ab7021f04e155457623b4c2ff9f7', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'f29b0264df70edf9f11823694673e8766c5525e7' }, h("mask", { key: 'ef358bd327afcd522d160ddc56f5f1963c80d4bd', id: this.afId }, h("circle", { key: '4a3d7e68ee75082a9a4211b2b72ec0fd94a194be', 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: 'd4f3dea28e7d5a9ae5791535d67c86322419ac26' }, h("circle", { key: 'baa83142565f2963cfcb70fb2f4d9b50914dd71e', 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: '81408e675c62b2ff3bbd8a4433b8220c0f871fd8', 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: 'b31ba9528d1572f7f34ea0a5f1682ea18d743f61', 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: '5f3a6a05f370be092d2eb4300327127def6f34c0', 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: 'c9d9a05bcda2e69ff45468f45117188d2aa190ce', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '04cd945c795dc4b65d5632df90ef8d45432b96d5', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: '7ef2405c91c3616bc4f51fe2ea3ab299cf3a70c1', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'c5d3d8e079cfee45e12a586cd5ad2420ea231939', class: "digi-progress-circle__circle" }, h("p", { key: '2a3aa70207ab16e6658aa3066d708eaccae06549', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'ec40001b0a0748ce2da0322a727d7ea9a26d843f', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '948d0434d2ac081ae4657d5db0f57de3172430dd' }, h("mask", { key: '5107c4521b6dc0ddb8c47c78cd0a17e136cc3aec', id: this.afId }, h("circle", { key: 'a624b683dbc78a050dbe2d6c9650a1402db263aa', 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: '3c9ebeefd57ba052af5e29743ea53e9a0c322f98' }, h("circle", { key: '54cd30b279d6b0f4f2ace271c2cb5e9a1fca60e0', 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: '4fa5291983b83a5ebd56fc768790baa18883520f', 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: '327defaa2d29a2630cd3ef1a73042e09a10d7fc0', 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: '593ec3f101bce4b5b7b22245db475388987a220b', 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: 'd8dc0cdc291fed38018ed53931e4203a61c69897', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '2740449ffb5a9fcdc65bc3d58ae7890f3754a879', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'c4d803326cbb129e5f1a2d603b71b97dbe44d839', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'd3d9217c7fbc70db312db22cfc64f931d9c7bf5c', 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: '3c37261a367f0a4eb3675542caa87ddbe0ef007c', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '6cfd1c3345fbf047dc3eddfd8d2d2647b912477d', class: "digi-progress-circle__icon--warning" }), h("span", { key: '3f1f0079a2b0d952ff1b1d4b694c4e7ea6fb77cc' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '33d198150b51af505be55b5118fcac859b0844c6', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '3dc1f3234f120676cc0722c59bc2e40325c92b64', class: "digi-progress-circle__icon--error" }), h("span", { key: '9b098f3d7c81a0ab8954815d52bc597af52b0014' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'db55200e4ef1e96896b368873637b008c45e3216', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'c6ecd4e9191677789331cf12f60badb2c788e006', class: "digi-progress-circle__icon--warning" }), h("span", { key: '05cc13d3726f7be4483fb73396aa2c2a4b8810b7' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '7a581355f9c1200c8d624d89017ac81b4dffb150', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '29cca5e78819fd27d54accc351acb5e4d7932eaa', class: "digi-progress-circle__icon--error" }), h("span", { key: '418f181c0865791d68f6ad33580bfd20410bb181' }, this.afValidationLabel)))));
     }
     static get is() { return "digi-progress-circle"; }
     static get encapsulation() { return "scoped"; }