@designsystem-se/af 34.2.1-beta.2 → 34.2.1-beta.4

package/dist/esm/digi-notification-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { N as NotificationAlertHeadingLevel, t as NotificationAlertSize, u as NotificationAlertVariation, x as TypographyVariation } from './typography-variation.enum-259c1751.js';
+import { N as NotificationAlertHeadingLevel, o as NotificationAlertSize, p as NotificationAlertVariation, s as TypographyVariation } from './typography-variation.enum-0f0f74d5.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
 import './button-size.enum-d5ff6ff3.js';
@@ -15,9 +15,13 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
-import './form-input-type.enum-62a97d5d.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.js';
+import './form-input-type.enum-3da3db27.js';
+import './form-input-variation.enum-64d9450f.js';
+import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
+import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -98,8 +102,8 @@ const NotificationAlert = class {
         }
     }
     render() {
-        return (h("div", { key: 'd216c37284b1a881cfac2e0cd3c95589fac3eb62', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '3390e1c174a2e914901d320c3d6c552e763b9f6d', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'e343e99e6ce05d10aa41babd46f7b04b977d6195', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: 'd26a588f07eb5d01fc77ff34d094ccd3c052cd8b', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: 'e5185a9abfc377409f6e7f4e3a0edd1c0ee7d87a', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '243c2b121fcbc985af6479d29471907089db43c7', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '858281e459e54528aaf693b621e03e23af5dd022', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: 'c88f1ea16f0e3c98bd975a0d32427d9f676d536f', class: "digi-notification-alert__text" }, this.afHeading &&
-            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '793df73e2b87df8de73e193bf13a493fffa8a8e6', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: 'ff5f17c3bc8851462b4c4ee02121eb2503d3d392', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f0b22e5372d2f2f20eed05f43ecb8f3f17f60a66', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'bff93c0ff0e9a0adf34503b57883ef97d035a230' }))))))));
+        return (h("div", { key: '32271d738e0517c88f36a5b7b71bd3a9b6457d76', class: Object.assign({ 'digi-notification-alert': true }, this.cssModifiers) }, h("digi-layout-media-object", { key: '4b2f6782041129cb51e5f2440c680f391ba40424', "af-alignment": LayoutMediaObjectAlignment.STRETCH, class: "digi-notification-alert__layout" }, h("div", { key: 'e2f8f777b9d43ad6da0b3826b5f111933ceabb9b', class: "digi-notification-alert__icon", slot: "media" }, this.icon), h("div", { key: '25fc4b8949e77af43badb81f1147f0ebce1a96f9', class: "digi-notification-alert__wrapper" }, this.afCloseable && (h("digi-button", { key: '66fb621e83b3a8abead9560e267a066d905ae6d7', "af-aria-label": this.afCloseAriaLabel, "af-variation": ButtonVariation.FUNCTION, onAfOnClick: (e) => this.clickHandler(e), class: "digi-notification-alert__close-button" }, h("span", { key: '7f86c9de39c8b1139b0a8ade13edd1f1aaa1f05f', class: "digi-notification-alert__close-button__text" }, "St\u00E4ng"), h("digi-icon-x", { key: '7d3592ed688fd7ff1534ff74862e6aa88deed551', slot: "icon-secondary", "aria-hidden": "true" }))), h("div", { key: '202f9f5a0524696b325687e768d5b4fa4ca86c0c', class: "digi-notification-alert__text" }, this.afHeading &&
+            this.afSize === NotificationAlertSize.LARGE && (h(this.afHeadingLevel, { key: '798b85bbd276abff8b576a607a2acfef6c30ebac', ref: (el) => (this._heading = el), tabindex: "-1", class: "digi-notification-alert__heading" }, this.afHeading)), h("div", { key: '31a0cac8a228008a6d148a41644e790a11d86712', class: "digi-notification-alert__content" }, h("digi-typography", { key: 'f78e45874efefac4613ed9a2844ca7f64ad87a81', "af-variation": TypographyVariation.SMALL }, h("slot", { key: 'c64475f6582f3c5dd95e521e48238c0d09a885ff' }))))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-notification-error-page.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, H as Host, g as getElement } from './index-bfea2cc5.js';
-import { E as ErrorPageStatusCodes } from './typography-variation.enum-259c1751.js';
+import { E as ErrorPageStatusCodes } from './typography-variation.enum-0f0f74d5.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -15,9 +15,13 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
-import './form-input-type.enum-62a97d5d.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.js';
+import './form-input-type.enum-3da3db27.js';
+import './form-input-variation.enum-64d9450f.js';
+import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
+import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -472,15 +476,15 @@ const NotificationErrorPage = class {
         }
     }
     render() {
-        return (h(Host, { key: '9007b4ee8823363099330bc1f7887fde0f1fc801' }, h("digi-layout-container", { key: '2ca41323689ab2f60db84377e4649d8b40ea31aa', class: {
+        return (h(Host, { key: '6b264d3832d83a5b1ab7e41b38af6e4bdfe0f47b' }, h("digi-layout-container", { key: '20d627c552da4947d8f7dab65896e899df595407', class: {
                 'digi-notification-error-page': true,
                 'digi-notification-error-page--mobile': this.isMobile
-            }, id: this.afId }, h("digi-typography", { key: 'f2aa3c8488809a90e5cf8260e6fd62d5ce691939' }, h("digi-util-breakpoint-observer", { key: '09fb7edb29856b7c32029af2ed2fe19bc1840fc8', onAfOnChange: (e) => {
+            }, id: this.afId }, h("digi-typography", { key: '4f8c5748eaff4ef65706232a47aafc90bdfe3d5e' }, h("digi-util-breakpoint-observer", { key: '93c14ffcb1a2d5d39604441a2e1c2ac777d3f19e', onAfOnChange: (e) => {
                 const val = e.detail.value;
                 this.isMobile =
                     val === UtilBreakpointObserverBreakpoints.SMALL ||
                         val === UtilBreakpointObserverBreakpoints.MEDIUM;
-            } }), h("div", { key: '9a86c17bf781d50f4533ac3e84f50ef7025f045d', class: "digi-notification-error-page__grid" }, h("div", { key: '2c434d147d65932338d6fe8f9365666a0560542f', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'ee10f72e382f4f8b1f41502caa44ed0cfacf3ed8', class: "digi-notification-error-page__content" }, h("h1", { key: 'bc1981e7c5912ebe9089947ca048796484fc3d4f', class: "digi-notification-error-page__content__heading", tabIndex: -1 }, this.getText().heading), this.hasBodyText ? (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("slot", { name: "bodytext" }))) : (h("div", { class: "digi-notification-error-page__content__bodytext" }, h("div", { innerHTML: this.getText().body }))), this.hasSearch && (h("div", { key: 'ebe66ea064fd027a8947ffa6418c287ab81cc68e', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'f7abf93d48bf4237315d18c1865c677dbfa8c654', name: "search" }))), this.hasLinks && (h("div", { key: 'f21fdfd7e53ad2581b87f815093a32dfe3796a56', class: "digi-notification-error-page__content__links" }, h("slot", { key: '918ad5f62eb401a17ce47e186749fa765f515c31', name: "links" })))))))));
+            } }), h("div", { key: '63185b1f302d3e10be44524407149ab6ae63a952', class: "digi-notification-error-page__grid" }, h("div", { key: 'cc1164615604a482efb236480f33dc29a55660cb', class: "digi-notification-error-page__picture" }, this.currentIllustration ? (h(this.currentIllustration, null)) : null), h("div", { key: 'd6aef18ff7e6e54c3f3b8d48777843edca859b8e', class: "digi-notification-error-page__content" }, h("h1", { key: 'fe63f968b35d64ea56be0386db480dcfe671972e', 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: '73f8994fb68c82c3a652809ea3ab2a04e6219044', class: "digi-notification-error-page__content__search" }, h("slot", { key: 'a77fe895bc435b788a4a42e864046a64ba97f924', name: "search" }))), this.hasLinks && (h("div", { key: 'bc6b03e45709b20fff527c1911315cbc9da0cbb6', class: "digi-notification-error-page__content__links" }, h("slot", { key: 'c3b0c14cd148f6b86212b99db28984d3d9bb41ab', name: "links" })))))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-progress-circle.entry.js

@@ -60,20 +60,20 @@ const ProgressCircle = class {
         return;
     }
     render() {
-        return (h("div", { key: '2223e710ea591a1bce724a73514f121a8ac15e10', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
+        return (h("div", { key: '892677dd610a029531a6a7fffd664a3d1fad085a', class: this.cssModifiers, role: this.afRole === ProgressCircleRole.STATUS
                 ? ProgressCircleRole.STATUS
-                : null }, h("div", { key: 'a894b5cdb0ec890bdc2556fd6c69d1a22e9d82e6', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: '09a276fdb5a447e76fdb42c7cc31412d8f4d1306', class: "digi-progress-circle__circle" }, h("p", { key: 'de38adfd8ca69ee59e78592fe3eea6b5e6a0fd49', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: 'c4bc578ad7365f955960fb09ece6071f797362e0', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: 'fbec7c6308e376c38e448783c1e5b33f109902ef' }, h("mask", { key: 'fdc1a020eef009ae54041e097bb58e2ac8882c1d', id: this.afId }, h("circle", { key: '2fdfbc45457ab9b58c73f824f4533bb8f9574858', cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", stroke: "white", "stroke-width": this.stroke, "stroke-dasharray": (1000 - this.afTotalSteps * 15) / this.afTotalSteps +
-                ' 15', pathLength: "1000" }))), h("g", { key: 'b8fa0e61163e0bc8c916cc1c12a1125d05dc470c' }, h("circle", { key: '295044989d6af45c77e755308629e459f015de73', class: "digi-progress-circle__circle-step-unfinished", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke }), h("circle", { key: 'b38d425aac902e0b18a01be38ba32613a11b4d75', class: "digi-progress-circle__circle-step-completed", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * this.afCompletedSteps +
-                ' 1000', pathLength: "1000" }), this.afWarningStep && (h("circle", { key: 'c26f7b3f795a0d09a77d257c9b3ce1da3d6bc67e', class: "digi-progress-circle__circle-step-warning", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" })), this.afErrorStep && (h("circle", { key: 'dcb2345922fa867b2fba23d80d97e62c19c96612', class: "digi-progress-circle__circle-step-error", mask: `url(#${this.afId})`, cx: this.radius, cy: this.radius, r: this.radius - this.stroke * 2, fill: "none", "stroke-width": this.stroke, "stroke-dasharray": (1000 / this.totalSteps.length) * 1 + ' 1000', "stroke-dashoffset": -(1000 / this.totalSteps.length) *
-                (this.afCompletedSteps - 1), pathLength: "1000" }))))), h("div", { key: '85ca927a82f24010f864f84d7db12b75a9c2a510', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: '07a8b228374479bfb432180294ae68740faf4191', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+                : null }, h("div", { key: 'ee3f1ae5f8def6d7e046eac289fd8077331b337f', class: "digi-progress-circle__circle-wrapper" }, h("div", { key: 'a08811ea73acc3243a7e93df421f7f72ab9828ac', class: "digi-progress-circle__circle" }, h("p", { key: 'a6f3f81f4eb5627e3cbe89ea464a597d0568a12d', class: "digi-progress-circle__circle-label", "aria-label": `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}` }, this.afCompletedSteps, " ", this.afStepsSeparator, ' ', this.afTotalSteps, ' '), h("svg", { key: '73c723c5f3c6fbb2142e4e4b579bc93fda736eae', width: this.radius * 2, height: this.radius * 2 }, h("defs", { key: '270bc9e2fd9cb466660d9635dd6bff10087db2b4' }, h("mask", { key: 'baf4a411f0cb0f92a45aa603d7170ab37ad37d6c', id: this.afId }, h("circle", { key: 'e41e36804baf5a913974a70faa09c80dbc00d982', 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: '287b9522be234e84f47dd82945c69f3fe3c51f96' }, h("circle", { key: 'afb99bacdd2f80303b21651f83f871538261c7d7', 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: '38578139973afb58321cdc72b420eef262e68873', 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: 'b2b468087f596dacd0455241eef5d579d8161d7f', 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: '4883aaaf40d10e3b295ab460b6d9c6c777f6fc5e', 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: '9b9ce8c2972192fe02f77e57f45cd7c54c3c13c5', class: "digi-progress-circle__content" }, this.renderHeading(), this.afCompletedSteps === this.afTotalSteps && (h("p", { key: 'eea801adeddcdb47997f4f96e751d852400ff25a', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: 'fbe11b39bf20f8495595f3112eac99da39ae9e11', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps != this.afTotalSteps && (h("p", { key: '28f8ef32c770c3685a6b796649b355fde537c256', class: "digi-progress-circle__next digi-progress-circle__next--circle", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
                     : 'hidden'
-            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'e35629ef757aa9350625a07e9f3199a9e6a27452', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '090c4b0a12f658fd36e027c43d19b9c604bb518c', class: "digi-progress-circle__icon--warning" }), h("span", { key: '8e847f2fae3db29de10652acbb0b0e7f12df4a9e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '9caaebaf35de03040557fc0328a4e4b778c85c9c', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: '1e8a09e1cf9391b6f39dd5a05c1bb1be6907fe12', class: "digi-progress-circle__icon--error" }), h("span", { key: '845d528643bb57444238c024ffa7c5c502c60bbe' }, this.afValidationLabel)))));
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '2f78aaf8cde5ff4a865810d40396065a2bf3db96', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--warning" }, h("digi-icon-validation-warning", { key: '3f03224d84a948b9161273f4d5d296e25c6a6c31', class: "digi-progress-circle__icon--warning" }), h("span", { key: 'f04614958769ab3ea886ad7c6e8cbc6a4f8ace43' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '02e4951c45aa51b3c59afe0c98b1cb469b288ce6', class: "digi-progress-circle__validation-label digi-progress-circle__validation-label--error" }, h("digi-icon-validation-error", { key: 'd26e69c1b043a0487c69ef9fbe4579a8939c4340', class: "digi-progress-circle__icon--error" }), h("span", { key: 'b4ef342853bdbcbb971b2eb5d2da212dfe73bcac' }, this.afValidationLabel)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-progress-indicator.entry.js

@@ -92,9 +92,9 @@ const ProgressIndicator = class {
         return;
     }
     render() {
-        return (h("div", { key: '80d02e8a2fc25b111dc148d7342eb7d5d160064e', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
+        return (h("div", { key: '28dcf5b6b82cabb6e490643f6c04f6982908e068', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
                 ? ProgressIndicatorRole.STATUS
-                : null }, h("div", { key: '9bb8aed7ef1655f91a8cb384e0b4aa9ed38096f8' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
+                : null }, h("div", { key: '20e4b1f43f993e8e0bdccbc3b436c9c1d982acec' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
                 visibility: this.afStepNextLabel !== null &&
                     this.afStepNextLabel !== undefined
                     ? 'visible'
@@ -120,7 +120,7 @@ const ProgressIndicator = class {
                 ProgressIndicatorVariation.SECONDARY &&
                 item.checked &&
                 this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
-        }))), this.afStepNextLabel !== undefined && (h("p", { key: '4ce381c212b37353cba14e1aa5e9f3e43929fe66', class: "digi-progress-indicator__label" }, h("span", { key: 'fcb7d38baa3fce4d1a3cccda6b0ae748ef5ef7b8' }, `${this.afStepText}`, " "), h("span", { key: '46fc8f8370fb9cbd3aaff4fba3fbb36e650a39a5', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '4a8cfe5fa796ff0b17a8288fb141506273b4cb96', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: 'b59887bffe6e77531e379036e2108cb986dc4580', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '7bdc23d5a5dcc6836df8e235c14d97376b5cc69a' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '29b758c17c66d6d0ed9e8c2f1ef8438bd8e460ad', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '74d87bee96eef04ec38393fd8ad11003e209b122', class: "digi-progress-indicator__icon--error" }), h("span", { key: '6d1d541507038f8834c506729cac3b757100110c' }, this.afValidationLabel))), h("div", { key: 'a9899b65134bcc1c9743a942786b225bbfabc34d', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '95893bcda4cba517e53fe9d42e692a7f3827bb91', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '79f246054518884ec034928842555409327636d7' })))));
+        }))), this.afStepNextLabel !== undefined && (h("p", { key: '85b9ad522ffba0e7bbec473dd950e84fbfb5db18', class: "digi-progress-indicator__label" }, h("span", { key: '09b82ba8662e3ae4d496405b49b560812af1ca92' }, `${this.afStepText}`, " "), h("span", { key: 'd420097470e8e53ebba1b6eb10747e5bcebab648', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: '3755c2938a4a34454413e0d69e2fa98dfe70e77b', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '44458ac60a2d36dab051d2fd866dd234f3e2d466', class: "digi-progress-indicator__icon--warning" }), h("span", { key: '27f966846fb2188fea9de911cd6ab3c0ba7c408e' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: 'e6b8f12bbff89f491b00ee3ec8ca54088296313f', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: 'b9bcfb0bc64ab285904fff57b42fe24cb75e1c73', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'c5ece49e674c589d9433bdf3587763316d345ac1' }, this.afValidationLabel))), h("div", { key: 'a855d1804c5d2fa493f3ab833958c9f8041c751e', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: 'aefed24aea846343c373fb36a00b6ce0315cc410', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '511a3fb57c3c44e0c69d8e654c01890fb3a9056b' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-progress-list-item.entry.js

@@ -75,7 +75,7 @@ const ProgressListItem = class {
     }
     render() {
         const ariaCurrent = this.afStepStatus == ProgressListItemStatus.CURRENT ? 'step' : 'false';
-        return (h(Host, { key: '834de26f305237a5f1532ff1f304779add7ce606', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '3fd5e84508a59ed43f96b88bfaf685bb73fcdd4e', class: {
+        return (h(Host, { key: '5712a865ec72cf5a067ce23b73be0b12a20f05cc', role: "listitem", "aria-current": ariaCurrent }, h("div", { key: '66c31f61f670e22c63d5e9e9204759104fc9c4bb', class: {
                 'digi-progress-list-item': true,
                 'digi-progress-list-item--expanded': this.afExpandable && this.afExpanded,
                 [`digi-progress-list-item--${this.afStepStatus}`]: true,
@@ -83,18 +83,18 @@ const ProgressListItem = class {
                 'digi-progress-list-item--primary': this.afVariation == ProgressListItemVariation.PRIMARY,
                 'digi-progress-list-item--secondary': this.afVariation == ProgressListItemVariation.SECONDARY,
                 'digi-progress-list-item--tertiary': this.afVariation == ProgressListItemVariation.TERTIARY
-            } }, h("span", { key: 'aa1ff9f53f6a5b08c89304a5150bdadce0fec2d1', class: "digi-progress-list-item__indicator" }, h("span", { key: '4584c7ce7ee04b56513fa6015b597db4487c2eb0', class: {
+            } }, h("span", { key: '4a1df5b36f1ea766e61bc0dda28b950918a2a5d4', class: "digi-progress-list-item__indicator" }, h("span", { key: '3ae1ae27f523dca7306b0fb7de5c19c863f0118f', class: {
                 'digi-progress-list-item__indicator--circle': this.afType == ProgressListItemType.CIRCLE,
                 'digi-progress-list-item__indicator--icon': this.afType == ProgressListItemType.ICON
-            } }, this.renderStatusIcon()), h("span", { key: 'f3b351440c84674cf469687587045a89230d485a', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '39ad7a77f44adb6cbc6215d9edc8919d7da63633', class: {
+            } }, this.renderStatusIcon()), h("span", { key: '2bbb3998fbbbd58bc5a026eb8a9d23b3e3be36d2', class: "digi-progress-list-item__indicator--line" })), h("div", { key: '90d68a634f84451cb4fb3616140230b78ab4ee53', class: {
                 'digi-progress-list-item__wrapper': true,
                 'digi-progress-list-item__wrapper--last': this.afIsLast
-            } }, h("div", { key: '54b002a7fbfad68619d984be5dc568c3339b3beb', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: '276356c056a98fbb1fc20bbda7ded4570d36f5fb', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: '718e95ab6de94df08a333e777b27875f0fc82a79', class: {
+            } }, h("div", { key: '30d11eed5863c8898312721dbf006937874591b0', class: "digi-progress-list-item__header" }, h(this.afHeadingLevel, { key: 'de46e10caf084897d70ef7a74f277386261b2305', class: "digi-progress-list-item__header--heading", id: `${this.afId}--heading` }, this.renderHeading())), h("div", { key: 'df9bec9702a056fdea56a8a3cb59f37059450d71', class: {
                 'digi-progress-list-item__content': true,
                 'digi-progress-list-item__content--expandable': this.afExpandable,
                 'digi-progress-list-item__content--hidden': this.afExpandable && !this.afExpanded,
                 'digi-progress-list-item__content--visible': !this.afExpandable || (this.afExpandable && this.afExpanded)
-            }, id: `${this.afId}-content` }, h("div", { key: 'e06bdb9fdbe1e91076470f065fd402016d18dd27' }, h("slot", { key: '80e7f96dece78142b16d6e14c73536efdab28650' })))))));
+            }, id: `${this.afId}-content` }, h("div", { key: '4c1cbada923d335fb14c522c0863aa54b59382a7' }, h("slot", { key: '2a2583a33c5cd3e86190a7f18a2dec0597af9fc4' })))))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-progress-list.entry.js

@@ -102,7 +102,7 @@ const ProgressList = class {
         return null;
     }
     render() {
-        return (h("div", { key: '1a696131aa28b130b2a5b44ab5ede8c8cae2666c', class: "digi-progress-list" }, h("digi-typography", { key: '56c8deb6a47750636379483d0d5c57461d783486' }, this.renderHeading(), h("ol", { key: '8ba62b7230a8d11833d48888ca734593b8c94511', class: "digi-progress-list__content" }, h("slot", { key: '94419705974ec1de0c9687bccd101ef6d4c5a15e' })))));
+        return (h("div", { key: '1a8db6801822ecb572384fe8d2244b3cb50da4b8', class: "digi-progress-list" }, h("digi-typography", { key: '6494c20d016e3172e565d5f98685856c6ab73604' }, this.renderHeading(), h("ol", { key: '7714f2baf5995937894188c2e91a4484450b614d', class: "digi-progress-list__content" }, h("slot", { key: '70b59937ec8df7afae2caa45998d1642459448fb' })))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-progressbar.entry.js

@@ -74,7 +74,7 @@ const Progressbar = class {
         return;
     }
     render() {
-        return (h("div", { key: 'cd9de104336face6adf170fb4b1293908b994ef3', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'eedec93430edec0ff10058c67a97aa7bdb977d4c', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+        return (h("div", { key: '151336013ed8b95c8768446617154ff687be2e29', class: this.cssModifiers, role: this.afRole === ProgressbarRole.STATUS ? ProgressbarRole.STATUS : null }, h("p", { key: 'b2de477f0269b24f7743637e5e40e687b4eba091', class: "digi-progressbar__label" }, this.afCompletedSteps, " ", this.afStepsSeparator, " ", this.afTotalSteps, ' ', this.afStepsLabel), !this.hasSlottedItems ? (h("ol", { class: "digi-progressbar__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
             return (h("li", { class: {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': this.afCompletedSteps > i,
@@ -85,7 +85,7 @@ const Progressbar = class {
                     'digi-progressbar__step': true,
                     'digi-progressbar__step--active': item.checked
                 } }, h("span", { class: "digi-progressbar__step-indicator" }, h("span", { class: "digi-progressbar__step-number" }, index + 1))));
-        }))), h("div", { key: 'bddda9fc4b39a47cdfa3cd3af6a3d796fdbad14d', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: 'c5e0705ecbfb5575a786758964486d5b17cc04f0', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: '7118f96d78366df86ff006c43cadeb1fc43bb858' })))));
+        }))), h("div", { key: '6d8ec353c3162d3019c44f48f3be7a7b9a07adce', hidden: true, class: "digi-progressbar__slot" }, h("digi-util-mutation-observer", { key: '977129def5204fff9e2307628434f844272c5245', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'e7246db76f7836d1df8b4225ee92e45b82bffa98' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-quote.entry.js

@@ -92,7 +92,7 @@ const Quote = class {
         return (h("div", { class: "digi-quote__variation--highlight-wrapper" }, h("div", { class: { 'quote-image': true, hide: !this.isMobile } }, this.renderImage()), h("div", { class: "digi-quote-icon-flex" }, h("span", { class: "quote-icon" }, this.renderQuotationMark()), h("div", { class: "quote-content" }, h("digi-typography", null, h("blockquote", null, h("slot", null))), h("digi-typography", null, this.afQuoteAuthorName && this.renderAuthorName(), this.afQuoteAuthorTitle && this.renderAuthorTitle()))), h("div", { class: { 'quote-image': true, hide: this.isMobile } }, this.renderImage())));
     }
     render() {
-        return (h(Host, { key: '525ba7fbd71b2a31a8b050d300af0e580bb6a98e' }, h("digi-util-breakpoint-observer", { key: 'e6a0cea740192e9f12f7d636d3baee7fb7261f36', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '0e1bb67754db4cc513e5db22f475f59f77aab797', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '87877e2a6673408528a948d9b30819cd6ac2b8bc' }, h("digi-util-breakpoint-observer", { key: '694b3b0af533dc63ab7f8376d4f31be0aec03bb7', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'b0e58828e47831efccd8134a727e8fa09830c635', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
 };
 Quote.style = DigiQuoteStyle0;

package/dist/esm/digi-table.entry.js

@@ -21,7 +21,7 @@ const Table = class {
         };
     }
     render() {
-        return (h("div", { key: '672c0d88ee2057829da46509f4a3ed678715242a', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'f197d78db93c1b22cf727a1322b1781939aa4d98', class: "digi-table__scroll-container" }, h("slot", { key: 'b35255291276b12e0b7661a5d257c8038c4b6b41' }))));
+        return (h("div", { key: '8ac08323eaac5cc315114a986497362ab605d891', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '607592e7cdf1606691b26eb2bf2338d73ef32dce', class: "digi-table__scroll-container" }, h("slot", { key: '33299011515a9f4dfbe0b317a69e61fcb2bb6e7c' }))));
     }
 };
 Table.style = DigiTableStyle0;

package/dist/esm/digi-tablist-panel.entry.js

@@ -7,11 +7,11 @@ const NavigationTabPanel = class {
         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: 'e4cfd11c6f4bbb2487c0ff743e8ebf7dd5659ae2' }, h("div", { key: '6c88d83d97f6192b59138bcedb262c5bf6c609a4', 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: 'fecd78af4cb75e725d1df5fc39c2b56786f73414' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-tablist.entry.js

@@ -241,14 +241,14 @@ const NavigationTablist = class {
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'cd0e1b6864fd6626c4353d3ba6ce87ae9ada03f1' }, h("div", { key: '58615534f1ba0a9419e732378990be13c0d41f1e', class: {
+        return (h(Host, { key: '984dcccc1c59d1d0d8516a0da050f6da14ac4bda' }, h("div", { key: '242017c856b2afb3776314b5a4203ef969627d47', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: 'e356625ac7f8fc34d05c2bcbc8ce88ece6279ee6', class: "control-wrapper", style: {
+            } }, h("div", { key: 'e29a128663f7e46eed7eae365ac5821341b13e08', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'b1e4d8cd6a55c2e50e2fd5a081553c953bd3c650', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'c630e957ba8228fab9a38ddf2a28015fcf9c352b' }))), h("div", { key: 'd1a17aafd851954ba9d4530ecbbc2430095c77c5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: 'f86ad9656b7450f13e568d029e4f2a9c0ff68dad', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '0f127badcf5fd6a527a0c727820b9b34baba5c3c' }))), h("div", { key: '0d42040ba9f1ea0c5647da3000922fd6f5c0ef43', 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}`;
@@ -257,10 +257,10 @@ const NavigationTablist = class {
                     '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: 'ffec77b5eee5eb4bfe9cfa8bfe79d1f576ff85d5', class: "control-wrapper", style: {
+        })), h("div", { key: '6b11bef0a81bf78077379a6785e535424cd6b9d1', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: 'fe1a428304f6b4c1447dfa017bbec9a397022499', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '2ae47a6ac521a2f237f7b82efb3745776e05617c' })))), h("div", { key: 'ec52d456d4229b0e7611dbce988894e95d2ba28e', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'b500ff8ccb8a823052f20f26c5568cf9a0cf2245' }))));
+            } }, h("button", { key: '94cb2c7233e90d96d9b9fd7ef367f7d1246dce81', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'b11e774bc5314e0cb1ef3bd6d44dd73d449e4443' })))), h("div", { key: 'dd959e9ffdc3e09b10ce4c3d444fc8ef8d5cf293', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: '7d32d706b18c5896088fef6d84e6e64fb9d1648d' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/dist/esm/digi-tag-media.entry.js

@@ -32,9 +32,9 @@ const TagMedia = class {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: 'efd13fdeab1128b75e97d558dcae6686e3942124' }, h("div", { key: 'd2465b967077f22e5410870a044b637cdb2ba850', class: {
+        return (h(Host, { key: 'b056b523f0be742d2af41b9734e0db41d665eeaa' }, h("div", { key: '366e0e530ff486178a1667ecdab71dcb34c96b0d', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: 'd9a9bb25e48873ba99d9ef96f528cc4fd979504b', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: '65d35f0234bab6039154145b3e444424c671baaa', class: "digi-tag-media__text" }, this.afText))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-tag.entry.js

@@ -30,7 +30,7 @@ const Tag = class {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: '25cd85aae8ecef406e405a7334aebd9386cea51c', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '92a8316a636f60cd25b4da9a4b542ccf703f8b76', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '6cd1e8bd2b86cfc5dc56f9a8f608af04f8b9bd38', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '7552bb5b2151effbdb3cb887387b5d6966632795', slot: "icon-secondary" })));
     }
 };
 Tag.style = DigiTagStyle0;

package/dist/esm/digi-tools-feedback-banner.entry.js

@@ -86,7 +86,7 @@ const FeedbackBanner = class {
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, h("slot", null))))));
     }
     render() {
-        return (h("div", { key: '68e63e78c9dc40593f31eb05ca0dd2d07bde9446', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'b9f88ac069668d7b767ad3d9d651be4b0c73b89e', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: '9b1bb5f17bd98360101a595a39317ae2e3d3ee90', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '92a071cfa238d90541e04e5cc02253646c51cb76', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-tools-feedback-rating.entry.js

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

package/dist/esm/digi-tools-feedback.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bfea2cc5.js';
 import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { w as FeedbackVariation, v as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './typography-variation.enum-259c1751.js';
+import { r as FeedbackVariation, q as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './typography-variation.enum-0f0f74d5.js';
 import { L as LayoutBlockVariation } from './layout-block-variation.enum-b7a20db4.js';
 import './badge-notification-shape.enum-e15a6245.js';
 import './badge-status-variation.enum-8d6370ff.js';
@@ -16,9 +16,13 @@ import './expandable-faq-item-variation.enum-a8cb225b.js';
 import './expandable-faq-variation.enum-6934c367.js';
 import './footer-card-variation.enum-cc732148.js';
 import './form-checkbox-variation.enum-83e906fc.js';
-import './form-validation-message-variation.enum-f7835fc5.js';
-import './form-input-type.enum-62a97d5d.js';
+import './form-file-upload-variation.enum-9c49ec5e.js';
+import './form-input-search-variation.enum-f9d669f2.js';
+import './form-input-type.enum-3da3db27.js';
+import './form-input-variation.enum-64d9450f.js';
+import './form-select-variation.enum-f2f6098d.js';
 import './form-textarea-variation.enum-05017e8e.js';
+import './form-validation-message-variation.enum-bcef8a9d.js';
 import './info-card-multi-type.enum-07ee124f.js';
 import './info-card-variation.enum-2ccc52c1.js';
 import './layout-container-max-width.enum-c40018ac.js';
@@ -111,7 +115,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '8b5324384461950afeefb05016ac9a50b26a0f98', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '4a5389e739712975c6c1561cc3592e3c682c00d8', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '1f5143d0753d083ce4c6414e7fef0fae421907ea', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '48691aeca81929244d8d3aa89d45937b80d595d8', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/digi-tools-theme-provider.entry.js

@@ -16,7 +16,7 @@ const ToolsThemeProvider = class {
         };
     }
     render() {
-        return (h(Host, { key: '3d85bfe083df9d1feada59943c68d95d800f3db5' }, h("div", { key: '74d720cb1d027f2e38bb8aeed19b541cb9cf9f8e', class: this.cssModifiers }, h("slot", { key: '42555ba2aba34139d098d0ad96cf64e3499e04ae' }))));
+        return (h(Host, { key: 'abee476e758c439570721e97ad1a823ba735b4ac' }, h("div", { key: 'ac14be06f3dc8ea4fea7e6e73b85f12900e28704', class: this.cssModifiers }, h("slot", { key: '359808b5467a64d0475c9ce83c25941a2136f716' }))));
     }
 };
 ToolsThemeProvider.style = DigiToolsThemeProviderStyle0;

package/dist/esm/digi-typography-heading-jumbo.entry.js

@@ -26,7 +26,7 @@ const TypographyHeadingJumbo = class {
         };
     }
     render() {
-        return (h(this.afLevel, { key: 'def5efef7bab80df7a371eb00cf9bd5bc3cc73e1', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: 'a7415708610fc7695ebc44c13a00f8af694ef885', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
 };
 TypographyHeadingJumbo.style = DigiTypographyHeadingJumboStyle0;

package/dist/esm/digi-typography-meta.entry.js

@@ -15,7 +15,7 @@ const TypographyMeta = class {
         };
     }
     render() {
-        return (h("div", { key: '5d86b5fab03697a08c456f30efd43c270e5ecc13', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'caaf5aa1edd6233c2613ca3fee3ff4549e66e35c', class: "digi-typography-meta__meta" }, h("slot", { key: '35c6b0a568f0ed44f00184f5038210d1245f68fa' })), h("div", { key: 'b83127e93dc0091b8aa0edc262b76643cf25693a', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'faf4e8c8da51bce680c2cbd174b101cde86d2413', name: "secondary" }))));
+        return (h("div", { key: 'f13545fb85df51846eadc1a23bd79da674851caf', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '52a6d669d1b480c5226a22518379164b0f228d6d', class: "digi-typography-meta__meta" }, h("slot", { key: '0b05a2b4d29f28c76e2aaf3c8dc032ae714aa4ac' })), h("div", { key: 'ef78bd85632741210a3dab1a3475471a8ef7a5ef', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '34fad6e489891596e7c68e9f3e6b9193a07c782b', name: "secondary" }))));
     }
 };
 TypographyMeta.style = DigiTypographyMetaStyle0;

package/dist/esm/digi-typography-preamble.entry.js

@@ -8,7 +8,7 @@ const TypographyPreamble = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("p", { key: 'eb1c8dc2c62957198905635e3ed5db049083fffe', class: "digi-typography-preamble" }, h("slot", { key: '4260930021c7fe3b0ecc848f9e233b1537959083' })));
+        return (h("p", { key: 'a7aa20ba92ca92dd62a7d215edb3e0fb0d267ddc', class: "digi-typography-preamble" }, h("slot", { key: 'aacc61d671c2d7cb2ea5d42d5452c46ec4edcb9e' })));
     }
 };
 TypographyPreamble.style = DigiTypographyPreambleStyle0;

package/dist/esm/digi-typography-time.entry.js

@@ -56,7 +56,7 @@ const TypographyTime = class {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: 'f7c87f0cd80dd1aeb556d30676273e724c3c76de', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'e269be85b935c92e76038f2111e04fb7a3d905ff', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get watchers() { return {
         "afDateTime": ["formatDate"]

package/dist/esm/digi-util-breakpoint-observer.entry.js

@@ -35,7 +35,7 @@ const UtilBreakpointObserver = class {
         }
     }
     render() {
-        return (h(Host, { key: '4424bda29d60cd0145cd444840492784458bc036' }, h("div", { key: 'aac9dad240a4d6c13cb1ccbdb9a726e61aaad1cb', class: "digi-util-breakpoint-observer" }, h("div", { key: 'b5afcb0f0f82052411fa6f625e55d486867593ea', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '543d436c99ddf2c56f85bcb452f0d9f7f8f2e44a' }))));
+        return (h(Host, { key: '117a6274faa0c709162a6f6a176784b0553a736a' }, h("div", { key: '1cbd6bf86b846ad67f340e73b9bf5afc7e2a2125', class: "digi-util-breakpoint-observer" }, h("div", { key: 'e9e9ceff5ad75ed50ac752c1439915f5bb4a2bc8', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '2ac13582e56ef551982c8894e5507ae21201f9f2' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/digi-util-detect-click-outside.entry.js

@@ -24,7 +24,7 @@ const UtilDetectClickOutside = class {
         }
     }
     render() {
-        return h("slot", { key: '0f02774e807bd71017910839e0b0220138efc42c' });
+        return h("slot", { key: 'a8ce93ee77f1b6e346eb0ad1205f2ae44d685fde' });
     }
     get $el() { return getElement(this); }
 };

package/dist/esm/digi-util-detect-focus-outside.entry.js

@@ -24,7 +24,7 @@ const UtilDetectFocusOutside = class {
         }
     }
     render() {
-        return h("slot", { key: 'b8089a6a260239f98b6b8cd1942e9a6ed439589d' });
+        return h("slot", { key: '878287c0a2c1c4380e0eacdec9c9dfc793066728' });
     }
     get $el() { return getElement(this); }
 };

package/dist/esm/digi-util-keydown-handler.entry.js

@@ -0,0 +1,79 @@
+import { r as registerInstance, c as createEvent, h } from './index-bfea2cc5.js';
+import { K as KEY_CODE, k as keyboardHandler } from './keyboardHandler.util-383c0054.js';
+
+const UtilKeydownHandler = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.afOnEsc = createEvent(this, "afOnEsc", 7);
+        this.afOnEnter = createEvent(this, "afOnEnter", 7);
+        this.afOnTab = createEvent(this, "afOnTab", 7);
+        this.afOnSpace = createEvent(this, "afOnSpace", 7);
+        this.afOnShiftTab = createEvent(this, "afOnShiftTab", 7);
+        this.afOnUp = createEvent(this, "afOnUp", 7);
+        this.afOnDown = createEvent(this, "afOnDown", 7);
+        this.afOnLeft = createEvent(this, "afOnLeft", 7);
+        this.afOnRight = createEvent(this, "afOnRight", 7);
+        this.afOnHome = createEvent(this, "afOnHome", 7);
+        this.afOnEnd = createEvent(this, "afOnEnd", 7);
+        this.afOnKeyDown = createEvent(this, "afOnKeyDown", 7);
+    }
+    keydownHandler(e) {
+        const key = keyboardHandler(e);
+        switch (key) {
+            case KEY_CODE.SHIFT_TAB:
+                this.afOnShiftTab.emit(e);
+                break;
+            case KEY_CODE.DOWN_ARROW:
+                this.afOnDown.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.UP_ARROW:
+                this.afOnUp.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.LEFT_ARROW:
+                this.afOnLeft.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.RIGHT_ARROW:
+                this.afOnRight.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.ENTER:
+                this.afOnEnter.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.ESCAPE:
+                this.afOnEsc.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.TAB:
+                this.afOnTab.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.SPACE:
+                this.afOnSpace.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.HOME:
+                this.afOnHome.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.END:
+                this.afOnEnd.emit(e);
+                this.afOnKeyDown.emit(e);
+                break;
+            case KEY_CODE.ANY:
+                this.afOnKeyDown.emit(e);
+                break;
+            default:
+                this.afOnKeyDown.emit(e);
+                return;
+        }
+    }
+    render() {
+        return h("slot", { key: '9a0385a00a61d75f479e7bf74ec372f5c805d396' });
+    }
+};
+
+export { UtilKeydownHandler as digi_util_keydown_handler };

package/dist/esm/digi-util-keyup-handler.entry.js

@@ -72,7 +72,7 @@ const UtilKeyupHandler = class {
         }
     }
     render() {
-        return h("slot", { key: 'cd4f228ad73f212debe63c118e78e029e554fcb3' });
+        return h("slot", { key: 'b7ec62ef5b0c9d982cef6ebed88308531fd074be' });
     }
 };