@designsystem-se/af 35.2.1-beta.1 → 35.3.1

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

@@ -0,0 +1,78 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+v2.0 | 20110126
+License: none (public domain)
+*/
+:host {
+  display: block;
+  --digi--title-logo-text-color: var(--digi--color--text--primary);
+  --digi--title-logo-font-weight: var(--digi--global--typography--font-weight--bold);
+  --digi--title-logo-font-size: var(--digi--typography--title-logo--font-size--mobile);
+  --digi--title-logo-font-size-small: var(--digi--global--typography--font-size--large);
+  --digi--title-logo-line-height-small: 1.25rem;
+  --digi--title-logo-symbol-color: var(--digi--color--logotype-color);
+  --digi--title-logo-symbol-width: 36px;
+  --digi--title-logo-symbol-height: 36px;
+  --digi--title-logo-symbol-width-mobile: 44px;
+  --digi--title-logo-symbol-height-mobile: 44px;
+  --digi--title-logo-text-height: 40px;
+  --digi--title-logo-border-width: var(--digi--global--border-width--base);
+  --digi--title-logo-vertical-padding: 1.375rem;
+  --digi--title-logo-gap: 9px;
+}
+:host .digi-title-logo {
+  color: var(--digi--title-logo-text-color);
+  display: flex;
+  align-items: center;
+  padding: var(--digi--title-logo-vertical-padding) 0;
+}
+@media (min-width: 48rem) {
+  :host .digi-title-logo {
+    --digi--title-logo-vertical-padding: 1.5rem;
+  }
+}
+:host .digi-title-logo:focus-visible {
+  outline: 2px solid black;
+  outline-offset: -3px;
+  box-shadow: 0px 0px 0px 5px inset white;
+}
+:host .digi-title-logo-symbol {
+  height: var(--digi--title-logo-symbol-height);
+  width: var(--digi--title-logo-symbol-width);
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+}
+:host .digi-title-logo-symbol svg {
+  fill: var(--digi--title-logo-symbol-color);
+}
+:host .digi-title-logo-name-wrapper {
+  color: var(--digi--title-logo-text-color);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: var(--digi--title-logo-text-height);
+  border-left: var(--digi--title-logo-border-width) solid;
+  margin-left: var(--digi--title-logo-gap);
+  padding-left: var(--digi--title-logo-gap);
+  font-weight: var(--digi--title-logo-font-weight);
+  font-size: var(--digi--title-logo-font-size);
+}
+:host .digi-title-logo ::slotted([slot=logo-two-rows]) {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--digi--title-logo-font-size-small);
+  line-height: var(--digi--title-logo-line-height-small);
+}
+:host .digi-title-logo--mobile {
+  --digi--title-logo-symbol-height: var(--digi--title-logo-symbol-height-mobile);
+  --digi--title-logo-symbol-width: var(--digi--title-logo-symbol-width-mobile);
+}
+:host .digi-title-logo--mobile .digi-title-logo-name-wrapper {
+  display: none;
+}
+:host .digi-title-logo--one-row ::slotted([slot=logo-two-rows]) {
+  display: none;
+}
+:host .digi-title-logo--two-rows ::slotted([slot=logo-one-row]) {
+  display: none;
+}

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

@@ -0,0 +1,146 @@
+import { h } from "@stencil/core";
+import { UtilBreakpointObserverBreakpoints, TitleLogoVariation } from "../../../enums";
+/**
+ * @enums UtilBreakpointObserverBreakpoints - util-breakpoint-observer-breakpoints.enum.ts
+ * @enums TitleLogoVariation - title-logo-variation.enum.ts
+ * @swedishName Titellogotyp
+ * @new
+ */
+export class TitleLogo {
+    constructor() {
+        this.handleWindowResize = () => {
+            this.titleLogoVariation = this.setLogoVariation(window.innerWidth);
+        };
+        this.isMobile = undefined;
+        this.isTablet = undefined;
+        this.titleLogoVariation = undefined;
+        this.afAriaLabel = undefined;
+        this.afLogoBreakpoint = undefined;
+    }
+    setLogoVariation(width) {
+        if (this.isMobile)
+            return TitleLogoVariation.MOBILE;
+        const isNarrow = this.afLogoBreakpoint
+            ? width < this.afLogoBreakpoint
+            : this.isTablet;
+        if (isNarrow) {
+            return this.hasTwoRowLogoName
+                ? TitleLogoVariation.TWO_ROWS
+                : TitleLogoVariation.ONE_ROW;
+        }
+        return this.hasOneRowLogoName
+            ? TitleLogoVariation.ONE_ROW
+            : TitleLogoVariation.TWO_ROWS;
+    }
+    /**
+     * Find out if we have one or both of the possible logo variations
+     * Throw an error if we have none
+     */
+    componentWillLoad() {
+        this.hasOneRowLogoName = !!this.hostElement.querySelector('[slot="logo-one-row"]');
+        this.hasTwoRowLogoName = !!this.hostElement.querySelector('[slot="logo-two-rows"]');
+        if (!this.hasOneRowLogoName && !this.hasTwoRowLogoName) {
+            throw new Error('Du behöver ange minst en variant av logo-text');
+        }
+    }
+    /**
+     * We need a custom resize listener here, since we're
+     * not only relying on breakpoints
+     */
+    componentDidLoad() {
+        if (window) {
+            this.handleWindowResize();
+            window.addEventListener('resize', this.handleWindowResize, { passive: true });
+        }
+    }
+    /**
+     * Let's clean up as well
+     */
+    disconnectedCallback() {
+        if (window) {
+            window.removeEventListener('resize', this.handleWindowResize);
+        }
+    }
+    handleBreakpointObserver(e) {
+        this.isMobile = e.detail.value === UtilBreakpointObserverBreakpoints.SMALL;
+        this.isTablet = e.detail.value === UtilBreakpointObserverBreakpoints.MEDIUM;
+    }
+    get cssModifiers() {
+        return {
+            'digi-title-logo--mobile': this.titleLogoVariation === TitleLogoVariation.MOBILE,
+            'digi-title-logo--one-row': this.titleLogoVariation === TitleLogoVariation.ONE_ROW,
+            'digi-title-logo--two-rows': this.titleLogoVariation === TitleLogoVariation.TWO_ROWS
+        };
+    }
+    render() {
+        return (h("div", { key: '682388427086c76a9abb42f7cd307bbbd1f85515', class: Object.assign({ 'digi-title-logo': true }, this.cssModifiers) }, h("digi-util-breakpoint-observer", { key: '21702025ddd9cb57f8ef0722ef82c3bb1a800771', onAfOnChange: (e) => this.handleBreakpointObserver(e) }), h("div", { key: 'b61c478c0c97cd09eefea16144861ef66cdd5add', class: "digi-title-logo-symbol" }, h("svg", { key: 'ab5c1765934dfb7d3d4c1d8435e011c729b4e055', viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, h("path", { key: 'cc9bf81bf4dee33ba7a6d0a83014c233c96bff65', "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: '184a1438f63168d9ac66f64b051b5709266bffcc', class: "digi-title-logo-name-wrapper" }, h("slot", { key: 'f79f53a1307bedbdcb6959f1eb394e2378fad2ef', name: "logo-one-row" }), h("slot", { key: '7343c9a47863f42368e240da59ef7626dc812cf3', name: "logo-two-rows" }))));
+    }
+    static get is() { return "digi-title-logo"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["title-logo.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["title-logo.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "afAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Input aria-label attribute"
+                        }],
+                    "text": "S\u00E4tter attributet 'aria-label' p\u00E5 titellogotypen"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-aria-label",
+                "reflect": false
+            },
+            "afLogoBreakpoint": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "en",
+                            "text": "Decides at which screen size the title logo changes from one to two rows"
+                        }],
+                    "text": "Best\u00E4mmer vid vilken sk\u00E4rmbredd som titellogotypen \u00E4ndras fr\u00E5n en till tv\u00E5 rader"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "af-logo-breakpoint",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isMobile": {},
+            "isTablet": {},
+            "titleLogoVariation": {}
+        };
+    }
+    static get elementRef() { return "hostElement"; }
+}

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

@@ -19,7 +19,7 @@ export class MediaFigure {
         };
     }
     render() {
-        return (h("figure", { key: '9e7d6bc77471b655b587b297648bb418226ecc4a', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: 'fc4375780a0dc4efa6637cf1418893a63fb5bcae', class: "digi-media-figure__image" }, h("slot", { key: 'f773898258b2408f446501e38959e0ea01bdb090' })), this.afFigcaption && (h("figcaption", { key: '1be3ca929564168f3e371c7ba1683d969ef9564f', class: "digi-media-figure__figcaption" }, this.afFigcaption))));
+        return (h("figure", { key: '5d441069ae28228698fd34805a2ad006a3bcfd42', class: Object.assign({ 'digi-media-figure': true }, this.cssModifiers) }, h("div", { key: '6aebb5ad71e8853ac25fcad7b037bc5928a9c99c', class: "digi-media-figure__image" }, h("slot", { key: 'eeb9f390fe432c2b52e7d24714183c4189e41fbb' })), this.afFigcaption && (h("figcaption", { key: '0043f29992c0c76e7bc4b86659fa4d05dedf24be', 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: '1568ebc0ff56499836f38a50ba2b46ec5f9f442c' }, h("div", { key: '026b2f9963c5e72cb4f4f92f4db9561083554430', class: Object.assign({ 'digi-media-image': true }, this.cssModifiers), style: {
+        return (h("host", { key: 'e12a7121e8ec91455dc32e83e9566d8de794596e' }, h("div", { key: 'ac7b584f5320abb6d275262c005318b8deeb3c8e', 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: 'a7b76761d159f702f5dbdd732710d312e69b8d5c', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'd8b3832a67ac4ce716d8fca3a4d0cce7f08026bb', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '58338f873f675cdbd7a65741c88c473526271c53', 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: 'cab10af769a1edd794e8d1a14bb61cbe6d334c33', class: "digi-media-image__observer", onAfOnIntersect: () => this.intersectHandler(), afOnce: true, afOptions: this.afObserverOptions }), this.hasAspectRatio && (h("div", { key: 'c64bf7722ce2f68c2541b318851fd1c6e0029f03', class: "digi-media-image__padded-box", style: this.cssInlineStyles })), h("img", { key: '8a3a904a353f69a1b923ed400bea0afebce1c4c6', 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.css

@@ -14,8 +14,8 @@ License: none (public domain)
   --digi--navigation-breadcrumbs--divider--padding: var(--digi--gutter--icon);
   --digi--navigation-breadcrumbs--link--visited--color: var(--digi--color--text--interactive--primary);
   --digi--navigation-breadcrumbs--link--hover--focus--color: var(--digi--color--text--interactive--primary);
-  --digi--navigation-breadcrumbs--link--hover--focus--text-decoration: underline;
-  --digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
+  --digi--navigation-breadcrumbs--link--hover--text-decoration: underline;
+  --digi--navigation-breadcrumbs--link--hover--text-decoration-thickness: var(--digi--typography--text-decoration-thickness--hover);
   --digi--navigation-breadcrumbs--link--color: var(--digi--color--text--interactive--primary);
 }
 :host .digi-navigation-breadcrumbs__items {
@@ -43,9 +43,9 @@ License: none (public domain)
 :host .digi-navigation-breadcrumbs__link:visited {
   color: var(--digi--navigation-breadcrumbs--link--color);
 }
-:host .digi-navigation-breadcrumbs__link:focus, :host .digi-navigation-breadcrumbs__link:hover {
-  text-decoration: var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration);
-  text-decoration-thickness: var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness);
+:host .digi-navigation-breadcrumbs__link:hover {
+  text-decoration: var(--digi--navigation-breadcrumbs--link--hover--text-decoration);
+  text-decoration-thickness: var(--digi--navigation-breadcrumbs--link--hover--text-decoration-thickness);
 }
 :host .digi-navigation-breadcrumbs__link:focus-visible {
   outline: 2px solid black;

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

@@ -40,9 +40,9 @@ export class NavigationBreadcrumbs {
     }
     render() {
         var _a;
-        return (h("nav", { key: '8f2f5e41fd75341b57af63a13ff9bd42e6b057b9', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: 'd8528744364d63f93f14c4c7ac58874033faaa8b', class: "digi-navigation-breadcrumbs__items" }, this.linkItems.map((item) => {
+        return (h("nav", { key: '24b41a5fbfb5a1cd0aef8fa67dcf96b9788f93d8', class: "digi-navigation-breadcrumbs", "aria-label": this.afAriaLabel }, h("ol", { key: '8ae430fdc77c3af2afa5d7a2879cc6b8bd78331b', 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: 'c8c9767a0c4aca30e93f8c5c13d94b560040ca5a', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: '0854a06b2f581686bc07b58f65fc7b00a8cd8c8e', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: 'fe8f2249da90b585171f7d15699152318bf20c81' })))));
+        }), h("li", { key: '7994f3676796f7a24113de230ac73481345db722', class: "digi-navigation-breadcrumbs__item", "aria-current": "page" }, (_a = this.currentPage) !== null && _a !== void 0 ? _a : this.afCurrentPage), h("digi-util-mutation-observer", { key: 'a7a615f9de204ae0f6217be6669ac080bf693abc', onAfOnChange: () => this.getBreadcrumbs(), ref: (el) => (this._observer = el), hidden: true }, h("slot", { key: '5236e7d5db8146cb051e584264dfababb4d43f4a' })))));
     }
     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: '4e8d4eaef09ba8221c86c8f902dfd1a87e9fa7af' }, h("div", { key: 'cfd85763e955b4d86e8c15c9fe59cd5142cf299d', id: `${this.afId}-identifier`, class: {
+        return (h(Host, { key: '05f0aa648455a460d01445826cac91e121f6e974' }, h("div", { key: 'fe5f214df8bd04210fb1876f748ef7642b930a69', id: `${this.afId}-identifier`, class: {
                 'digi-navigation-context-menu': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, h("digi-button", { key: '27e62fa02246723e52b0595013e657bce4b36951', 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: 'bfe44549892617cfbcfdb6d94380974ba26495d5', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'b4b68d61df1505026533a9e82f76b5a1aed58d62', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '11f1abdd973720de6fdba6bf2b8b7861b1dc2e44', class: {
+            } }, h("digi-button", { key: 'bbc293206364535d9953f6e2ce164e833de852ff', 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: '3301de13c63332bf848f9be86a635cec1a182960', slot: "icon" }), this.afTitle, h("digi-icon-chevron-down", { key: 'd3dd829dc660fdb344cc9e877f02dead696c6c6d', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })), h("div", { key: '822c9707ddb437c19ed88f23ec434dc534744e62', class: {
                 'digi-navigation-context-menu__list': true,
                 'digi-navigation-context-menu__list--active': this.visible
-            } }, h("div", { key: '7fc365e19c6cf31845fa99fc14906d2e84359aa3', onKeyDown: (e) => {
+            } }, h("div", { key: '09875b0e4342ce6269d6375f82f8be3c3c2d1449', 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: 'fc853e362b458af51e8b6918d0fba7e60732d51e', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '1c8984c1b7c55a6e070d14ab9f1283184d15b1c3', onAfOnChange: (e) => {
+        return (h("div", { key: 'f9f60c7c78b819bc331ba608558c45ac363a2e8a', class: "digi-navigation-pagination" }, h("digi-util-resize-observer", { key: '3c17fa7ce20bba4604b3daef869d2d81976654d6', onAfOnChange: (e) => {
                 this.handleResizeObserver(e);
-            } }), h("span", { key: 'dcc509b820542cc02afa75432c464c13092768cf', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'e621a9c97d610db8e2d84fa1bbbcb09b18de8265', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: '8bcaeb657b987c67f58de586a823e0867a175034', onClick: () => this.prevPage(), class: {
+            } }), h("span", { key: 'fe0e8c796a16ace02473ae2c4b9ee703621c093c', id: `${this.afId}-aria-label`, "aria-hidden": "true", class: "digi-navigation-pagination__aria-label" }, "Paginering"), h("nav", { key: 'f23c4cc4d1dcc0327273732b18ad60f69a3fb728', "aria-labelledby": this.labelledby(), class: `digi-navigation-pagination__pagination ${this.twoRows ? 'digi-navigation-pagination--two-rows' : ''}` }, h("digi-button", { key: 'd5f9a10d7a6ffcc3632ad89e5e2ad8f980eade9c', 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: 'a45ec549a97e3db230a876513246a9ceea845ae8', slot: "icon" }), h("span", { key: 'dd76e0875978c26886b10c38e8cbcc7a928cf3ae' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: 'eb6c6f6eddf1191325b1899af88ff2e1a653b533', onClick: () => this.nextPage(), class: {
+            }, afVariation: "secondary", afAriaLabel: "F\u00F6reg\u00E5ende" }, h("digi-icon-chevron-left", { key: 'f7406d36cf023651cc28736e436f72fff021c818', slot: "icon" }), h("span", { key: '633492e7edfbf8e9154c046a46dee9ff8b8e5831' }, "F\u00F6reg\u00E5ende")), h("digi-button", { key: '112286afd84d02fd603d53298fd50c6fe89e9c48', 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: 'a9d1ebc42fb912bb6af9a0cb62e964a670ef3405', slot: "icon-secondary" }), h("span", { key: '865e714423c48bbedc2252ff0d7c7013ad912957' }, "N\u00E4sta")), h("div", { key: '28364ebea353ded0d0bbc584da31199884f519f6', class: "digi-navigation-pagination__pages" }, h("ol", { key: '5dd7f2dc40ddea4715edfe1ff8514ab993a55f38', class: "digi-navigation-pagination__page-list" }, this.currentInterval.map((pageValue) => {
+            }, afVariation: "secondary", afAriaLabel: "N\u00E4sta" }, h("digi-icon-chevron-right", { key: '8a9077253dbe410a861eacc2756272c745e86098', slot: "icon-secondary" }), h("span", { key: 'aac4f107d68caff6a32f27434d0293da90791aa6' }, "N\u00E4sta")), h("div", { key: '2c561f28561d931f902faee6aeb82d4381351e25', class: "digi-navigation-pagination__pages" }, h("ol", { key: '0787384905bbcd47b6d8f9cc8418720bb8f515b6', 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: '5ce6ad60b18501707890ed6c54b569d5224c7074', class: {
+        })))), this.afTotalResults > 0 && (h("div", { key: '62795829bd54c83d3c4933ad23ea5e6c8e8cb35e', 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: 'f885713d831d3181652ba020ce77e50bd46a8562' }, h("span", { key: 'cb7db046f97830619e7e1698c668a5fe630e38cb', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '655ef0ca3a6ca1f8f11b56628f30f46eda500435', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '1dd088d5dbed8d49d0201bcdb8fb39d6656295b0', id: `${this.afId}-result-of` }, " av "), h("strong", { key: 'f7b940ceb11d6110aae22828f294f6d66168d78a', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '03ebec9b1df029fb31cd0a62d9f353f3d2c17690', id: `${this.afId}-result-name` }, ` ${this.afResultName}`)))))));
+            }, "aria-hidden": this.afTotalPages > 1 ? 'true' : 'false', id: `${this.afId}-result` }, h("digi-typography", { key: 'bd57f3f39ac93c823fa144b593bfe245887ae743' }, h("span", { key: '27ae3ae0069cdb69cde9c8d52aa415e31bd34aed', id: `${this.afId}-result-show` }, "Visar "), h("strong", { key: '681cfb83277f2456b9619dafd64d795b89ad3d04', id: `${this.afId}-result-current` }, this.afCurrentResultStart, "-", this.afCurrentResultEnd), h("span", { key: '42f7980197410191617bb998d4eb9168dc34f85e', id: `${this.afId}-result-of` }, " av "), h("strong", { key: '43339c83bd3f8826d7d636b549c3b55cb222e042', id: `${this.afId}-result-total` }, this.afTotalResults), this.afResultName && (h("span", { key: '5a25e7182084f94a554438e396d57b944ac5d685', 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: '49e6899faca57bd01ca815150e7bd724f5ecb649' }, h("digi-util-breakpoint-observer", { key: '53c0234687ce752b431ff13bca39cc551c07f61b' }, h("digi-util-keydown-handler", { key: '6dda9df88c2f1b8659cd2b76ec6ab4f6c9a00717', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '74286d4d30e0a6a6cf2545f688aec6d1a843be92', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '9b9fad33640f41f82ecbaec48d51f72d303a0ca4', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '52ee40b6e98bb12da5057db56bba189e9f110bff', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '7a41d635c6dcbd8c0ae761ec641aaaf41bb8c3b9', class: "digi-navigation-sidebar__inner", ref: (el) => {
+        return (h(Host, { key: '1144f757da6f170b04a0796c8d0756c837fb66de' }, h("digi-util-breakpoint-observer", { key: 'c1d2d4dbaaebdeb1cf2bf2dd8ba3ca6a5a91420e' }, h("digi-util-keydown-handler", { key: 'ccb836756c178bac9c4b8f93892210276ecb9586', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e) }, h("div", { key: '30db28c05cee8491d0feb17a6afc704f38310775', class: "digi-navigation-sidebar", "aria-hidden": !this.afActive ? 'true' : 'false' }, h("div", { key: '1ac6862221d09b4a6cd4b53cbb1568064f13aff2', "aria-hidden": "true", class: Object.assign({ 'digi-navigation-sidebar__backdrop': true }, this.cssModifiersBackdrop), onClick: (e) => this.backdropClickHandler(e) }), h("div", { key: '15429129ef50889bf0041ef0720181dfc5ee03b3', class: Object.assign({ 'digi-navigation-sidebar__wrapper': true }, this.cssModifiers) }, h("div", { key: '5b3dd6f8bbe6702f7d62d6d707ced6de42baa310', class: "digi-navigation-sidebar__inner", ref: (el) => {
                 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: '374f572acc8725ab311606dd677405aa3b2b75f7', class: "digi-navigation-sidebar__content" }, h("div", { key: '2eccd19a2117f9098033d4d57293f80c779d7d56', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: '8412ffb8b5614f30b2cc6aed1c7985bfcee845f4' })), this._hasFooter && (h("div", { key: 'ae676aae82fefa1963a634a043c3e30be109fe98', class: "digi-navigation-sidebar__footer" }, h("slot", { key: '0562e77706c818652dbae18bd5c7b8a27c54927e', 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: '8f03a066e3979ff884ed2c932afddec57fdfcd3f', class: "digi-navigation-sidebar__content" }, h("div", { key: '7cf868fbc723698b2e05caae73a88965d08db7c6', class: "digi-navigation-sidebar__nav-wrapper" }, h("slot", { key: 'dbbad860d9ba2ff9e06ac8d49a2971f8d8ccb33a' })), this._hasFooter && (h("div", { key: 'c4fe890d921b6100080ee2498ab44fbf83f8cb89', class: "digi-navigation-sidebar__footer" }, h("slot", { key: 'd37615ca54b32990b45430bccac8f814fd6af0cd', name: "footer" })))))))))));
     }
     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: '8626372501a9979f4f8be139944f7bb0222042e4', 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: '01f0016c451fb4c2b7943ab98edb85b0352adbaf', slot: "icon" })));
+        return (h("digi-button", { key: '0cc1e3d42d54053ba6a73a8658eff13b5e13fc61', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, h("digi-icon-bars", { key: '7c66cf2c35fd66b18e850e54b857e352069c87c8', slot: "icon" })));
     }
     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: 'c29752d121ca72e994dfea5502e86252728a57ea' }, h("div", { key: '50e477d89f4624b7ffbbfd3114927fffe9bc28c0', class: {
+        return (h(Host, { key: '5477206fcfbd47f818a6da3d167af38ff0f0a9a6' }, h("div", { key: 'fa1b985439ca2516c48cf7df33cab4103d7f95c3', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '8f54656e1c0fb976088bf2a512c78a9ea12c9a81', class: "control-wrapper", style: {
+            } }, h("div", { key: 'e404bd27f6e55c9d973624b1a2c3d8aeacd9a05d', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: '789e732fd56a74535efe215b579e3ef2c70e9275', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a3072c467f143306f98c8b958316a6d055fc0193' }))), h("div", { key: '68e92f739b087d623e80633ee156e11a994f9201', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '1944a5b2cb9fbad35d8501722ebd68f5c89d81aa', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'e6a5b355e245fcea52101f5aeabd261c26bf4fbe' }))), h("div", { key: '8d5379a421c0170e5967d038410ebddc49d76660', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             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: 'ee06a13724e25f71e88fc30a69150fd87dfb0a52', class: "control-wrapper", style: {
+        })), h("div", { key: '3449b8051543fe5938e5009c324495d79cd30837', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '0edf13d3b1e50488b5c863dd2f0c526a67ea3403', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '6563cce3a1cbe1815e1fb4984677da74d1905e17' })))), h("div", { key: '35440cd87dda28887879505fb5630eb6d275aa71', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'ea47a5effeadfb2a0e1b83a1372779019532cd46' }))));
+            } }, h("button", { key: '2334cda1ed43f23eda7897ef68ade86d4459ed68', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'd8dc28d704a82ae7efbf2e2234d3cb20b54463de' })))), h("div", { key: 'a11dc4d973a65a817be2a14a681b12d2d0488d5a', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '8bf4f1c9f876263d7f70115b61b930247bd7a939' }))));
     }
     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: 'b89f13e04d43b15eaa39221387ca24ab8db74821' }, h("div", { key: 'cb11153b3b6b42ebc11d5d4a650684b72cd35a0c', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: 'd86b3aa0ccb2cf5406683d621e227e77f0c8c788' }, h("div", { key: '5eaaa2abfb9802570ac0958f2946438629c0af50', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '82547d5268852f00080baed6250f86b258e082f7' }))));
+            } }, h("slot", { key: '59f9c8b9c51044f8a7e5391cd16a89e65caf5afa' }))));
     }
     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: '6debb69eba92bf223d6cb69226d44426057d2f36', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: 'b7b8854036d1d11e7bddb19115bfd3dda0fe9449' })));
+        return (h("nav", { key: '09adacd9e3d3b39226148431bd8ac025f3b6d5d4', class: Object.assign({ 'digi-navigation-vertical-menu': true }, this.cssModifiers), id: this.afId, "aria-label": this.afAriaLabel }, h("slot", { key: '87c7454dfb753c4df6b0c8aa5a41633ad3463ca4' })));
     }
     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: '800fa29efe9d5e22b5822e1ee2935cd7a7b3fb0a', class: {
+        return (h("host", { key: 'b466ce9111a5e0dac19daf8903a753c78eb5a0a0', 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: '55ecf36a90033235cfa8f4394773e868549ae78a', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '788d539b5b090a9af9d6f8667ad1d8d6136af245', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: 'd5c04026c5c25445b8cae01c0a0809839bc7b03b', id: `${this.afId}-link`, href: this.afHref, class: {
                 '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: '8f5f0e788d6441ed9c945603ae135ba35f95e556', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '63bd8733d523416d8fdea6498d7af8d8ad5c2737', name: "icon" })), h("span", { key: '47a4175a5a6d9ceb79c494f1fb696b5e73b50ff2', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'a99a1a1b19bb755809f68b10ed3e3ed57c6990ed', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '24a3bc5e91bd52454c7d3bac518c95b541748097', name: "badge" }))), h("button", { key: 'e77f10a770377161f2a1eaab942331acf8664c0c', type: "button", id: `${this.afId}-toggle-button`, class: {
                 '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: 'ba7281a9f65c7775bb4c80b8c60f41518a6e2506', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'd9bffd289a04e26e0f18b03ec337081f754da342', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '4f705d7bf6fcda106628ca60aac33b7a1d6a5c32', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: '60951bd35331a6d121ad4dea6c1bbdf1c6fe18aa', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '7475bc63e5282040083ea78ed6c69b16eed03c48', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '0e8c0ad4839f3386e293ff0b56d6fcf8218ef4ca', name: "icon" })), h("span", { key: '09a30d103f70fcaf1c2d2733371bfd80a3e89cb3', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '2b4df3150e64e6a26abb802e6a3edc40b3925a32', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'bbf167346ad3aaa9475be0af73cef02bc1488f4a', name: "badge" })), h("span", { key: 'ee3545bd40e6770dcb0b11b8a4b19b47f6abcc60', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'e1b81b7a54def3cc7b69c4461370444cb8a42f1e' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: 'f42c85f453bf38d14f21d99f9ef4ccc82cd14c43', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: 'f3db75b42c7f9c59b97287efdc5a7b9e25bdddb1', id: `${this.afId}-link`, href: this.afHref, class: {
                 '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: 'a11026077ffb74925488f1e84a00ea35fa2708c5', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '498b31c99a2064a5f5861a776ac4591e9e8fe868', name: "icon" })), h("span", { key: '551fc9b44157817dd60d1a0d65bea2d4f505ff8d', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '98b9083a6c9a5970883771cb111504cfc0adc36a', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'f4ecb70745f7102ac6f6d0a1921349a9d7efdfbf', name: "badge" })))), this.isActive && (h("a", { key: '59e0478351aaa62f1b7988d4ba623a295b325f35', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
                 '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: 'dfd18536c7e5b0acaf4dcc23e2734841efee94d7', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '9c478aed7b2b39d04e196d29c74d3ddb39d5feb6', name: "icon" })), h("span", { key: '1e9f35bde837c753b65c85d83e3226e8e61c7bcf', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '663279bcdd5959c795124b015086ea85d2706847', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '492b55cedb0248ef16b2e41e55bcd41a4e22c600', name: "badge" })))))))));
     }
     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: '871cb3f4c67efc6195f6c69396053a393040f07f', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '8181c5c4f7fb08faf85854ab198e5cf94001b06b', class: "digi-notification-alert__layout" }, h("div", { key: '1a2b93deb9e97fdc59378ec514682f2709c13f17', class: "icon-wrapper" }, h("div", { key: 'e12811735d7b8785e1954b7de094abfceb9ccf13', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '4cf5b0fa5006b62555a05c1760d245c43efb173e', class: "main-wrapper" }, h("div", { key: '097c5ed4537643c5834b9443a2b5df64f5ea83c7', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'eb8e4fa10925737b5aa5f302b1d261d597b7e6b1', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '138f627776040f3ca6f67ea955ab029c41bacb21', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '29f87e120d5d1349b50567e774a3c1730c00da0b', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '4b9d8d8a50fff03ee2191d1892ed2addc68edf71', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '67ad03f173afebe5f04cc03ad081655a889cbe3a', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'f2441e049b02db3c7dbb52f3b2bd245abfdf11ca', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'a91a180491a469141d943b9ef0f37457ca1d5207', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'ed156dbb099dab6c596e8f8f8cd1f614ae6fdd0e' })))))))));
+        return (h("div", { key: 'e4266774905fbf2b55a74e8a0955671356b98d41', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("div", { key: '9abdb6437416b3bf27bbfd7f1b24877df49547a3', class: "digi-notification-alert__layout" }, h("div", { key: '5d243b8d43b9e1279b688b2bbfe86d74480a0f10', class: "icon-wrapper" }, h("div", { key: '157da6ae9d428763051b79f10e6a647ef51beaa8', class: "digi-notification-alert__icon", slot: "media" }, this.icon)), h("div", { key: '0f489f9fb220be2b4c0afc96c8c17a902e8110ec', class: "main-wrapper" }, h("div", { key: '7354aa28d772f5e79cddfc78d73d8f791eb32c5d', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '24266095733533913ff851a84b3478850a75f8da', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: 'd86d0a95802ddd4f1d56e009e6551f4f7c5b9a6d', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '30d19c2d35a5deaed77d8921a24447796f2560c2', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'fed2a1627e9137a9f233329550138082a0295a14', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '6931822676b2439e74d27ee5151199360a02f6b5', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ad16adaad35788c28b3d7df61081e52e26f00016', class: "digi-notification-alert__content" }, h("digi-typography", { key: '3b2d41e52020b6ea4ad0580912cdbcb063b2a9db', "af-variation": TypographyVariation.SMALL }, h("slot", { key: '0484d598f84c53ddb678bb53264fd125b85e3b8f' })))))))));
     }
     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: '44c22e2e84b4bbe12feff4dd8d03b43fcd4478fb' }, h("digi-layout-container", { key: '010ecb5078ed5bda8d69377a15eb5230b1f056d4', class: {
+        return (h(Host, { key: 'dd6397da98fe6b78e9084cc9ac459e094d8d5bb7' }, h("digi-layout-container", { key: '1aef180cba13342beaaa3aa953970049d9b69fb6', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'f407e563a70e3e154c650ea93f96c483fffe0fa4' }, h("digi-util-breakpoint-observer", { key: 'b2c98d7f86ba77ac03e8cb443c7854fb909a35b9', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: 'c738f08eabae1a1de52c5237fb273761b7c9a2f8' }, h("digi-util-breakpoint-observer", { key: '13412e62efc15720274f856d2747f899d119fe3b', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '2f3a92b803d1fd1d0a0feb03c16dc2a7bfcdf17b', class: "digi-notification-error-page__grid" }, h("div", { key: 'c676dd4330669b398cacfe58fd008a26ec02269e', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '9455f094100acd87534f1d59e868bc3a5b52064e', class: "digi-notification-error-page__content" }, h("h1", { key: '4b057f0c4f6195578754b48c62005b3fa7c4d218', 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: '3ad485290e126208782e0eddeebcd0c1b28164b6', class: "digi-notification-error-page__content__search" }, h("slot", { key: '8caa4c6c7eee2661cbf0e39242e56a0cf5cd93ba', name: "search" }))), this.hasLinks && (h("div", { key: '0844391180c5e9b70ac970b0ec7da26e0e2fe364', class: "digi-notification-error-page__content__links" }, h("slot", { key: '3c96ddf92c5111446c0da7390dd5c4cd9bbbedad', name: "links" })))))))));
+            } }), h("div", { key: '23683ae9e608498684a9d23d46ac0fba1968eefb', class: "digi-notification-error-page__grid" }, h("div", { key: 'e57b9767d9fd1d3d1ce6da2f729ec17d056ca903', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: '839d44c86d9e09910b914d0d35767c7e55f22785', class: "digi-notification-error-page__content" }, h("h1", { key: '594e76c4f59542470174feca11a48898d1e21038', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'e4ee63a47a9dae772899496de75a0dfa8e90b547', class: "digi-notification-error-page__content__search" }, h("slot", { key: '0b034d469467c363d4c73538bdad7f1f61e67df8', name: "search" }))), this.hasLinks && (h("div", { key: '5e305111706366d1827651e2f2b2c6d6e4c101fd', class: "digi-notification-error-page__content__links" }, h("slot", { key: '25ae49501bc7d37dae42f9fadbd1966634e7aad6', name: "links" })))))))));
     }
     static get is() { return "digi-notification-error-page"; }
     static get encapsulation() { return "scoped"; }