@designsystem-se/af 35.2.1-beta.2 → 35.2.1-beta.5

package/components/digi-quote.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-e5abfc2d.js';
 import { Q as QuoteType, a as QuoteVariation, b as QuoteImagePosition, c as QuoteImageInnerPosition } from './p-484a1d6d.js';
 import { U as UtilBreakpointObserverBreakpoints } from './p-cdcaf0eb.js';
-import { d as defineCustomElement$3 } from './p-c3f7a643.js';
-import { d as defineCustomElement$2 } from './p-cf25df6f.js';
+import { d as defineCustomElement$3 } from './p-94500ceb.js';
+import { d as defineCustomElement$2 } from './p-9fe8db14.js';
 
 const quoteCss = ".sc-digi-quote-h{--digi--quote--background--primary:var(--digi--color--background--primary);--digi--quote--background--secondary:var(--digi--color--background--pop-out);--digi--quote--background--tertiary:var(--digi--color--background--secondary);--BACKGROUND:transparent}.sc-digi-quote-h .digi-quote.sc-digi-quote{display:block;position:relative}.sc-digi-quote-h .digi-quote--variation-primary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--primary)}.sc-digi-quote-h .digi-quote--variation-secondary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--secondary)}.sc-digi-quote-h .digi-quote--variation-tertiary.sc-digi-quote{--BACKGROUND:var(--digi--quote--background--tertiary)}.sc-digi-quote-h .digi-quote__variation-wrapper.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:43rem}.sc-digi-quote-h .digi-quote__variation-wrapper-no-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:fit-content}.sc-digi-quote-h .digi-quote__variation-wrapper-vertical-image.sc-digi-quote{background:var(--BACKGROUND);border-radius:var(--digi--border-radius--complementary-3);max-width:30rem}.sc-digi-quote-h .digi-quote__image-position.sc-digi-quote{display:flex;flex-direction:row;gap:0.5rem;align-items:flex-start}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:row-reverse}.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:flex-start;margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-top:1.5rem;margin-left:1.5rem}.sc-digi-quote-h .digi-quote__image.sc-digi-quote{flex-shrink:0;width:10.625rem;border-radius:50%;overflow:hidden;aspect-ratio:1/1;position:relative;align-self:flex-start}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__img.sc-digi-quote{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{float:left;margin-left:-0.125rem;margin-top:-0.1875rem;margin-right:0.625rem;fill:var(--digi--color--icon--brand-primary)}.sc-digi-quote-h .digi-quote__text.sc-digi-quote{display:inline-block;padding:var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large) var(--digi--padding--large);border-radius:var(--digi--border-radius--secondary);border-width:var(--digi--border-width--secondary)}@media (min-width: 48rem){.sc-digi-quote-h .digi-quote__text.sc-digi-quote{border-radius:var(--digi--border-radius--complementary-3)}}.sc-digi-quote-h .digi-quote__author.sc-digi-quote{padding-top:var(--digi--padding--small);margin-bottom:0;font-size:0.875rem;font-weight:var(--digi--global--typography--font-weight--semibold)}.sc-digi-quote-h .digi-quote__author-title.sc-digi-quote{max-width:var(--digi--paragraph-width--medium);margin:0;font-size:0.875rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__text.sc-digi-quote{padding:0}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:1.5rem}@media (max-width: 47.9375rem){.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--left.sc-digi-quote .digi-quote__image.sc-digi-quote,.sc-digi-quote-h .digi-quote__image-position--right.sc-digi-quote .digi-quote__image.sc-digi-quote{display:flex;align-self:center;margin-top:1.5rem;margin-left:0;margin-right:0;margin-bottom:0;width:8.75rem;height:8.75rem}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote{display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-digi-quote-h .digi-quote__image-position--top.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem;margin-left:0;align-self:center}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image-wrapper.sc-digi-quote{gap:0.75rem}.sc-digi-quote-h .digi-quote--transparent.sc-digi-quote .digi-quote__image.sc-digi-quote{margin-left:0}}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-icon.sc-digi-quote .digi-quote-default__icon.sc-digi-quote{width:2.875rem;height:2.5rem;margin-right:0.625rem;margin-bottom:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{display:flex}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{display:flex;justify-content:flex-start;flex-direction:row;gap:0.5rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote .hide.sc-digi-quote{display:none}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .digi-quote__variation--highlight-wrapper.is-mobile.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-content.sc-digi-quote{display:flex;flex-direction:column;gap:0.25rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote blockquote.sc-digi-quote{font-size:1.5rem;line-height:2rem}.sc-digi-quote-h .digi-quote--highlight.sc-digi-quote .quote-image.sc-digi-quote{width:fit-content;align-self:center}@media (max-width: 47.9375rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__image.sc-digi-quote{width:8.75rem}}@media (max-width: 48rem){.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote__variation--highlight-wrapper.sc-digi-quote{flex-direction:column;gap:0}.sc-digi-quote-h .digi-quote.sc-digi-quote .digi-quote-icon-flex.sc-digi-quote{flex-direction:column}}";
 const DigiQuoteStyle0 = quoteCss;
@@ -95,7 +95,7 @@ const Quote = /*@__PURE__*/ proxyCustomElement(class Quote extends H {
         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: '4adb2aefdcbdd5634be5ecf68e4e7714deb32fd4' }, h("digi-util-breakpoint-observer", { key: '3a99520cc013f2c17138fdd949cf8fe645f90cb6', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: 'e82a844c1e927541756d5abfd403a83192b8ce74', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
+        return (h(Host, { key: '8aeb395709721b57cd4d4340c322820dfa5d357c' }, h("digi-util-breakpoint-observer", { key: 'ed512ae3c3f248b4e31a2e3c8b232773f12185dd', onAfOnChange: (e) => this.breakpointHandler(e) }), h("div", { key: '32bf2f41479ed24b91e0706a5c7095524d60c643', class: Object.assign({ 'digi-quote': true }, this.cssModifiers) }, this.renderTypeHighlight(), this.renderTypeDefault())));
     }
     static get style() { return DigiQuoteStyle0; }
 }, [6, "digi-quote", {

package/components/digi-table.js

@@ -22,7 +22,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         };
     }
     render() {
-        return (h("div", { key: 'ec9c0c95f98cd7283387f7a3d41a5a8884026843', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '19cc3c24676575e0c1b90d780e1f978846c5b374', class: "digi-table__scroll-container" }, h("slot", { key: 'd2601c42183b85a83b6088e71e272685b73f3569' }))));
+        return (h("div", { key: 'cfec3ec9c285722787ba51b270521ecd42377be4', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '87597ffdfbf455eef785645ba46600b6fdc3548f', class: "digi-table__scroll-container" }, h("slot", { key: '9e8ed3b32821e952631bdab0c717554990e9f249' }))));
     }
     static get style() { return DigiTableStyle0; }
 }, [4, "digi-table", {

package/components/digi-tablist-panel.js

@@ -8,11 +8,11 @@ const NavigationTabPanel = /*@__PURE__*/ proxyCustomElement(class NavigationTabP
         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: '744d95298fabc70926f28bc8e6f89d615fcaefc3' }, h("div", { key: 'a5bd4088718b600b056ce105418e21f480729d4e', 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: '09ad1e232c2c6edc5acf9fe8081b0dde42cf6a11' }))));
     }
     get hostElement() { return this; }
 }, [6, "digi-tablist-panel", {

package/components/digi-tablist.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e5abfc2d.js';
 import { d as defineCustomElement$4 } from './p-d07c5d0e.js';
-import { d as defineCustomElement$3 } from './p-be3cec41.js';
-import { d as defineCustomElement$2 } from './p-b54d76b7.js';
+import { d as defineCustomElement$3 } from './p-180dcdc1.js';
+import { d as defineCustomElement$2 } from './p-57d59cdd.js';
 
 var Direction;
 (function (Direction) {
@@ -255,14 +255,14 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'c29752d121ca72e994dfea5502e86252728a57ea' }, h("div", { key: '50e477d89f4624b7ffbbfd3114927fffe9bc28c0', class: {
+        return (h(Host, { key: '180607f0e16810971792fae20f20779f66bbc571' }, h("div", { key: 'b239b4635bd359319371a9c32ecea2f359997722', 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: 'a4cb2462fff3516700e9f0f53e456d5bdc797330', 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: '2c7bc2a6ec4c031ca9e6cb3bf6f857db859ff247', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '871befe71c7b4bc92ac933e4b2902cfd0e1c325e' }))), h("div", { key: '6a51be569a70460036b1a267fcfd4f6cb3c28b8c', 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}`;
@@ -271,10 +271,10 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
                     '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: '06539859a5edf6d4d44fafc3874b5f2d14f8d440', 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: '6ec53807b71b0e30187dfa93cfc2baaba6694f9f', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'ebce4a19e4fb4644eedb1f8d6105c45d0000b4aa' })))), h("div", { key: '34f4c2c1b0e2faab4f0619a2b2a423979513b4a1', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'aa852c10ba33a303a940f313f7f49c66f23e8eb2' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/components/digi-tag-media.js

@@ -1,4 +1,4 @@
-import { T as TagMedia, d as defineCustomElement$1 } from './p-8eb92ef0.js';
+import { T as TagMedia, d as defineCustomElement$1 } from './p-2f9cbcc1.js';
 
 const DigiTagMedia = TagMedia;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-tag.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js
 import { T as TagSize } from './p-46cbbcb5.js';
 import { _ as _t } from './p-903a27d9.js';
 import { d as defineCustomElement$3 } from './p-4a9363d9.js';
-import { d as defineCustomElement$2 } from './p-cc72fc59.js';
+import { d as defineCustomElement$2 } from './p-6f63c244.js';
 
 const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
 const DigiTagStyle0 = tagCss;
@@ -33,7 +33,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: 'fb74bcf162887c49f48f83324c59406d641159a7', 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: 'ef6c1a3278a9dad10d4763f0a56ab2d9da8979fc', slot: "icon-secondary" })));
+        return (h("digi-button", { key: 'bb6dd79bacc4b5b81e5a786964a6efaf512dfe2d', 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: 'f35ed04cde4df832f2a1e786f9139ad3ddf6068e', slot: "icon-secondary" })));
     }
     static get style() { return DigiTagStyle0; }
 }, [2, "digi-tag", {

package/components/digi-tools-feedback-banner.js

@@ -3,11 +3,11 @@ import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { l as logger } from './p-e3d2e899.js';
 import { T as ToolsFeedbackBannerHeadingLevel, a as ToolsFeedbackBannerType } from './p-d74742b8.js';
 import { a as LayoutBlockVariation } from './p-d8a98b3b.js';
-import { d as defineCustomElement$7 } from './p-b14bdfcc.js';
-import { d as defineCustomElement$6 } from './p-4ca3dd51.js';
-import { d as defineCustomElement$5 } from './p-009ccd8f.js';
-import { d as defineCustomElement$4 } from './p-75659814.js';
-import { d as defineCustomElement$3 } from './p-aab9351c.js';
+import { d as defineCustomElement$7 } from './p-5d463eb4.js';
+import { d as defineCustomElement$6 } from './p-1f88231e.js';
+import { d as defineCustomElement$5 } from './p-c87d80b3.js';
+import { d as defineCustomElement$4 } from './p-394a58e2.js';
+import { d as defineCustomElement$3 } from './p-d3bb4002.js';
 import { d as defineCustomElement$2 } from './p-a223734b.js';
 
 const toolsFeedbackBannerCss = ".sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner{background-color:var(--digi--color--background--pop-out);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__heading.sc-digi-tools-feedback-banner{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);margin-top:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__heading.sc-digi-tools-feedback-banner{font-size:var(--digi--typography--heading-2--font-size--mobile);font-weight:var(--digi--typography--heading-2--font-weight--mobile)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner--grid.sc-digi-tools-feedback-banner{display:grid;padding-inline:var(--digi--padding--medium)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner--grid.sc-digi-tools-feedback-banner{padding-inline:unset}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__container.sc-digi-tools-feedback-banner{padding-top:var(--digi--padding--largest);padding-bottom:var(--digi--padding--largest-2)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__container.sc-digi-tools-feedback-banner{padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest-2) var(--digi--padding--medium)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__illustration.sc-digi-tools-feedback-banner{flex-basis:4.25rem;padding-left:var(--digi--padding--large)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__illustration.sc-digi-tools-feedback-banner{padding-left:var(--digi--padding--smaller)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__infographic-secondary.sc-digi-tools-feedback-banner{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__main-content.sc-digi-tools-feedback-banner{display:inline-flex;padding-bottom:var(--digi--padding--largest)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__text-content.sc-digi-tools-feedback-banner{flex-basis:17.6875rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__links.sc-digi-tools-feedback-banner{display:flex;flex-direction:column}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner digi-link-external.sc-digi-tools-feedback-banner{padding-right:var(--digi--padding--large)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner digi-link-external.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--padding--smaller)}}";
@@ -93,7 +93,7 @@ const FeedbackBanner = /*@__PURE__*/ proxyCustomElement(class FeedbackBanner ext
             }), 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: 'd518c92ecc3c45ac56f87fdc26f0f5242d5c5b32', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '3a90603a2d1110cbbb98e18b11963c7e5078bc0a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: '957d5c51df111dd35e575f151a0cf6702555e17a', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '08b0db57b462abbc8fdb8dd87ebe7e7307915eeb', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-tools-feedback-rating.js

@@ -3,12 +3,12 @@ import { a as LayoutBlockVariation } from './p-d8a98b3b.js';
 import { l as logger } from './p-e3d2e899.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { a as FeedbackRatingType, F as FeedbackRatingHeadingLevel, b as FeedbackRatingVariation } from './p-6e383896.js';
-import { d as defineCustomElement$7 } from './p-b14bdfcc.js';
-import { d as defineCustomElement$6 } from './p-4ca3dd51.js';
-import { d as defineCustomElement$5 } from './p-009ccd8f.js';
-import { d as defineCustomElement$4 } from './p-75659814.js';
-import { d as defineCustomElement$3 } from './p-aab9351c.js';
-import { d as defineCustomElement$2 } from './p-c3f7a643.js';
+import { d as defineCustomElement$7 } from './p-5d463eb4.js';
+import { d as defineCustomElement$6 } from './p-1f88231e.js';
+import { d as defineCustomElement$5 } from './p-c87d80b3.js';
+import { d as defineCustomElement$4 } from './p-394a58e2.js';
+import { d as defineCustomElement$3 } from './p-d3bb4002.js';
+import { d as defineCustomElement$2 } from './p-94500ceb.js';
 
 const toolsFeedbackRatingCss = ".sc-digi-tools-feedback-rating-h {\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--fullwidth.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding-left: 0;\n  padding-right: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--minimal.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--padding--largest);\n  padding-inline: var(--digi--padding--largest);\n  padding-bottom: 40px;\n}\n@media (max-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n    padding-bottom: 24px;\n    padding-top: var(--digi--padding--medium);\n  }\n}\n@media (max-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n    padding-inline: var(--digi--padding--medium);\n  }\n}\n@container (max-width: 576px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper {\n    padding-inline: var(--digi--padding--medium);\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper {\n    padding-bottom: 24px;\n    padding-top: var(--digi--padding--medium);\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n  display: block;\n}\n@media (min-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n    margin-top: 0;\n  }\n}\n@media (max-width: 48rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n    flex-shrink: unset;\n  }\n}\n@container (min-width: 576px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    margin-top: 0;\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    flex-shrink: unset;\n  }\n}\n@container (max-width: 342px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    row-gap: var(--digi--padding--medium);\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-description.sc-digi-tools-feedback-rating {\n  display: block;\n  margin-bottom: 10px;\n  font-weight: var(--digi--typography--label--font-weight--mobile);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n  margin-top: 0;\n  margin-inline-end: 3.5rem;\n  max-width: 500px;\n  margin-bottom: 16px;\n}\n@media (max-width: 48rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n    margin-inline-end: 0;\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating legend .digi-tools-feedback-rating__heading {\n    margin-inline-end: 0;\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__fieldset.sc-digi-tools-feedback-rating {\n  max-width: inherit;\n  border: none !important;\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating {\n  padding: 0;\n  width: 100%;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating legend.sc-digi-tools-feedback-rating {\n  padding-left: 0;\n  flex-basis: 26.8125rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating .hidden.sc-digi-tools-feedback-rating {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating {\n  display: inline-flex;\n  flex-wrap: wrap;\n  max-height: 5rem;\n  margin-inline-end: 0.625rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating, .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text.sc-digi-tools-feedback-rating {\n  display: flex;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-check-icon.sc-digi-tools-feedback-rating {\n  padding-right: 24px;\n  padding-top: 3px;\n  box-sizing: content-box;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating.sc-digi-tools-feedback-rating .step2.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n  margin-bottom: 0px;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating {\n  background-color: unset;\n  border: unset;\n  cursor: pointer;\n  padding: var(--digi--gutter--smallest-3);\n  display: block;\n  position: relative;\n  margin-inline-end: 0.875rem;\n  height: 1.875rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.sc-digi-tools-feedback-rating {\n  fill: none;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating {\n  stroke: var(--digi--color--icon--primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__infographic-primary.sc-digi-tools-feedback-rating {\n  fill: var(--digi--color--infographic--brand--primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating, .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating {\n  fill: var(--digi--color--icon--brand-primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating {\n  stroke: var(--digi--color--icon--brand-primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text-with-rating.sc-digi-tools-feedback-rating {\n  margin-bottom: var(--digi--margin--medium);\n}";
 const DigiToolsFeedbackRatingStyle0 = toolsFeedbackRatingCss;
@@ -173,7 +173,7 @@ const ToolsFeedbackRating = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback
             {}).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: '12c11001e051554b009821f38a669d323eedac92', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '724097bc7649f5efb45d738e0ec6d60b4974ca43', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '2e895cf3309651f866f0c4a259a405d6315511a9', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '033b676f85c9ab20aa683226f179c5b9aac7a345', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-tools-feedback.js

@@ -50,8 +50,8 @@ import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-cdcaf0eb.js';
 import { d as defineCustomElement$4 } from './p-4a9363d9.js';
-import { d as defineCustomElement$3 } from './p-4ca3dd51.js';
-import { d as defineCustomElement$2 } from './p-009ccd8f.js';
+import { d as defineCustomElement$3 } from './p-1f88231e.js';
+import { d as defineCustomElement$2 } from './p-c87d80b3.js';
 
 const toolsFeedbackCss = ".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--brand--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";
 const DigiToolsFeedbackStyle0 = toolsFeedbackCss;
@@ -117,7 +117,7 @@ const ToolsFeedback = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback exten
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '5e40ec3ba96d1a94ab572f70ec26aa12052bcc3a', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'd0b6ee58166aabe5d3ef53a56ef5820a217d1534', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '0e1f9a0e113146dd9dd9a2b8a6088ba0bf7cbc96', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'adadcc7c2ba304c3c3da1bcd9394fec97fce52f9', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-tools-theme-provider.js

@@ -17,7 +17,7 @@ const ToolsThemeProvider = /*@__PURE__*/ proxyCustomElement(class ToolsThemeProv
         };
     }
     render() {
-        return (h(Host, { key: '2607773b6e9516e477a143114b6dcd09fe9ac429' }, h("div", { key: '92deb3e6684e801b9344736816460c2b92dc71b5', class: this.cssModifiers }, h("slot", { key: '624ca40f329a46a334613772b7676296506070cf' }))));
+        return (h(Host, { key: '8afcfedff74776cc85165e51fd3c1d57fc4e4ea3' }, h("div", { key: '6357fb4138d1600f4f151ee4a3feafb0755d5fcf', class: this.cssModifiers }, h("slot", { key: '901b25b56c144376fbf1b6df7d5b610b0e09f6d4' }))));
     }
     static get style() { return DigiToolsThemeProviderStyle0; }
 }, [6, "digi-tools-theme-provider", {

package/components/digi-typography-heading-jumbo.js

@@ -27,7 +27,7 @@ const TypographyHeadingJumbo = /*@__PURE__*/ proxyCustomElement(class Typography
         };
     }
     render() {
-        return (h(this.afLevel, { key: '7e08e4982ca944b6c0cfc40662ab3adf0570e051', 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: '982153e7654b1d2565db0f3d461c60d9f9d1726e', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get style() { return DigiTypographyHeadingJumboStyle0; }
 }, [2, "digi-typography-heading-jumbo", {

package/components/digi-typography-meta.js

@@ -16,7 +16,7 @@ const TypographyMeta = /*@__PURE__*/ proxyCustomElement(class TypographyMeta ext
         };
     }
     render() {
-        return (h("div", { key: 'ef29c26740b13108920869f1d486b5a7ed3ef98b', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '28a3d77973d755226f877a5b702a8691bf5c300d', class: "digi-typography-meta__meta" }, h("slot", { key: '08907d99fc021f9ce4e6288c4d5122f5c8da5013' })), h("div", { key: 'e9061b642ad438ac9a8208c23b4abfac013a5fb7', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '17b7692f373466908810795e89d040963b1b3c37', name: "secondary" }))));
+        return (h("div", { key: 'd71bcb69cc2b3ff15f2718a849ec36c04ac1fe0a', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '3bde5a186974df363268ec5d2d69e28bfe6d5ebf', class: "digi-typography-meta__meta" }, h("slot", { key: '80f9d467f6bbcb0926c3a4b00f87dcb7e3ece3d7' })), h("div", { key: '9d6ac0a0aa260d8b1bd4a0f866075f595d0fd51c', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '78612c7d376f418e8e75b2322319a41dd3f789e3', name: "secondary" }))));
     }
     static get style() { return DigiTypographyMetaStyle0; }
 }, [6, "digi-typography-meta", {

package/components/digi-typography-preamble.js

@@ -9,7 +9,7 @@ const TypographyPreamble = /*@__PURE__*/ proxyCustomElement(class TypographyPrea
         this.__registerHost();
     }
     render() {
-        return (h("p", { key: 'f36ed04f88420fd6e4cee6b32c942162d015d2c7', class: "digi-typography-preamble" }, h("slot", { key: '20412c932c9b4bf5ac257e6cb5e70fddc4908b1d' })));
+        return (h("p", { key: 'f056f28c9c7983e462579b8dae35b06cf2070822', class: "digi-typography-preamble" }, h("slot", { key: 'bbb3d105b93d66b6833a9b2c54edc3ab15e4c47c' })));
     }
     static get style() { return DigiTypographyPreambleStyle0; }
 }, [6, "digi-typography-preamble"]);

package/components/digi-typography-time.js

@@ -57,7 +57,7 @@ const TypographyTime = /*@__PURE__*/ proxyCustomElement(class TypographyTime ext
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: '66745abd60dd22e77650ad78d9dec6785aee7a03', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: '3681d5de9c51710c504738a520248753f26f0cbb', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get watchers() { return {
         "afDateTime": ["formatDate"]

package/components/digi-typography.js

@@ -1,4 +1,4 @@
-import { T as Typography, d as defineCustomElement$1 } from './p-c3f7a643.js';
+import { T as Typography, d as defineCustomElement$1 } from './p-94500ceb.js';
 
 const DigiTypography = Typography;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-util-breakpoint-observer.js

@@ -1,4 +1,4 @@
-import { U as UtilBreakpointObserver, d as defineCustomElement$1 } from './p-cf25df6f.js';
+import { U as UtilBreakpointObserver, d as defineCustomElement$1 } from './p-9fe8db14.js';
 
 const DigiUtilBreakpointObserver = UtilBreakpointObserver;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-util-detect-click-outside.js

@@ -24,7 +24,7 @@ const UtilDetectClickOutside = /*@__PURE__*/ proxyCustomElement(class UtilDetect
         }
     }
     render() {
-        return h("slot", { key: '8c250aaf23b3b298fb74b3f2b84436240de779b9' });
+        return h("slot", { key: '8c8b0cacab2b6e4895c690ac4520542f4eaf54cf' });
     }
     get $el() { return this; }
 }, [6, "digi-util-detect-click-outside", {

package/components/digi-util-detect-focus-outside.js

@@ -24,7 +24,7 @@ const UtilDetectFocusOutside = /*@__PURE__*/ proxyCustomElement(class UtilDetect
         }
     }
     render() {
-        return h("slot", { key: '01ea8b7681552724af508fdc4eefddbbb3fcfce9' });
+        return h("slot", { key: '4b4451e5ec7c4724895af47da9680b7b624a3649' });
     }
     get $el() { return this; }
 }, [6, "digi-util-detect-focus-outside", {

package/components/digi-util-intersection-observer.js

@@ -1,4 +1,4 @@
-import { U as UtilIntersectionObserver, d as defineCustomElement$1 } from './p-4e3fdb06.js';
+import { U as UtilIntersectionObserver, d as defineCustomElement$1 } from './p-1b8109a1.js';
 
 const DigiUtilIntersectionObserver = UtilIntersectionObserver;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-util-keydown-handler.js

@@ -1,4 +1,4 @@
-import { U as UtilKeydownHandler, d as defineCustomElement$1 } from './p-f1059907.js';
+import { U as UtilKeydownHandler, d as defineCustomElement$1 } from './p-a811f765.js';
 
 const DigiUtilKeydownHandler = UtilKeydownHandler;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-util-keyup-handler.js

@@ -73,7 +73,7 @@ const UtilKeyupHandler = /*@__PURE__*/ proxyCustomElement(class UtilKeyupHandler
         }
     }
     render() {
-        return h("slot", { key: '54c6dbc94dd5a4ace8f487cb4c58beee7c7ab94f' });
+        return h("slot", { key: 'b9866ecbcde95994376efd1f15c5ab568c376a69' });
     }
 }, [6, "digi-util-keyup-handler", undefined, [[0, "keyup", "keyupHandler"]]]);
 function defineCustomElement$1() {

package/components/digi-util-resize-observer.js

@@ -1,4 +1,4 @@
-import { U as UtilResizeObserver, d as defineCustomElement$1 } from './p-6e5c73ee.js';
+import { U as UtilResizeObserver, d as defineCustomElement$1 } from './p-1880e3e0.js';
 
 const DigiUtilResizeObserver = UtilResizeObserver;
 const defineCustomElement = defineCustomElement$1;

package/components/{p-71172b7c.js → p-09c736c9.js}

@@ -15,11 +15,11 @@ const IconCopy = /*@__PURE__*/ proxyCustomElement(class IconCopy extends H {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '2688a9f13ff5f6da63855a15e015d47808bb4125', class: "digi-icon-copy", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: 'f924b8887237628fd936b65724b18ba700e3d658', class: "digi-icon-copy", width: "22", height: "26", viewBox: "0 0 22 26", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '3a9cbb4327699c362b098f7ef878e478ff3655fa', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '78ffce68944915b079486507e03ec9db5c1fce9a' }, this.afDesc), h("path", { key: '43663e362e07f62c6d7d3970d54f86dac72a6d95', class: "digi-icon-copy__shape", d: "M15.714 22.75v2.031c0 .673-.527 1.219-1.178 1.219H1.179C.528 26 0 25.454 0 24.781V6.094c0-.673.528-1.219 1.179-1.219h3.535v15.031c0 1.568 1.234 2.844 2.75 2.844h8.25zm0-17.469V0h-8.25c-.65 0-1.178.546-1.178 1.219v18.687c0 .673.527 1.219 1.178 1.219h13.357c.651 0 1.179-.546 1.179-1.219V6.5h-5.107c-.648 0-1.179-.548-1.179-1.219zm5.94-1.575L18.418.356A1.16 1.16 0 0017.583 0h-.297v4.875H22v-.308a1.24 1.24 0 00-.345-.861z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'face13d4fc662293361265601daa2e857a2b9f1a', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '429c0dc2f3c601d45e66aeb69592324bd634609f' }, this.afDesc), h("path", { key: '0d38d9312f7d3d87804b050e686e12a8f6a33421', class: "digi-icon-copy__shape", d: "M15.714 22.75v2.031c0 .673-.527 1.219-1.178 1.219H1.179C.528 26 0 25.454 0 24.781V6.094c0-.673.528-1.219 1.179-1.219h3.535v15.031c0 1.568 1.234 2.844 2.75 2.844h8.25zm0-17.469V0h-8.25c-.65 0-1.178.546-1.178 1.219v18.687c0 .673.527 1.219 1.178 1.219h13.357c.651 0 1.179-.546 1.179-1.219V6.5h-5.107c-.648 0-1.179-.548-1.179-1.219zm5.94-1.575L18.418.356A1.16 1.16 0 0017.583 0h-.297v4.875H22v-.308a1.24 1.24 0 00-.345-.861z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconCopyStyle0; }
 }, [2, "digi-icon-copy", {

package/components/{p-329e6541.js → p-0f989fc5.js}

@@ -16,11 +16,11 @@ const IconSpinner = /*@__PURE__*/ proxyCustomElement(class IconSpinner extends H
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '452d11b57e3a50161ad88dd284006a530aa7fb6b', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '9209c295cd98d90f18669357d7701bb88a5c421f', class: "digi-icon-spinner", height: "50", viewBox: "0 0 50 50", width: "50", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: '38d40c0946d65a7287b03e12ce3457147aed1823', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9e32cc95bf98c90d5eb6c2e1311852704489fdbc' }, this.afDesc), h("g", { key: '05f2096a3d808044cc0ae8adf3e010b7a62133fa', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, h("mask", { key: '52cb7652e05bb780da1c93a4b983c632db93c439', fill: "#fff", id: "iconSpinnerPath" }, h("path", { key: 'a246460df121770d9e95ddc16b8d7e7595354a60', d: this._path })), h("path", { key: '70a0a513d00da8aa8a5af48f26609e5a4182d8d9', d: this._path, fill: "#dddddd", "fill-rule": "nonzero" }), h("path", { key: 'fb63c8299afed4d6911a9aae064a655283d8f017', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && h("title", { key: 'ca9829b0a0c800a83cedc2a7ead2bdf492b2ca3c', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '4e2535b287d328246ea7d3577dd45c611efb65cf' }, this.afDesc), h("g", { key: 'fde66746c36a3894933b819104a02775a565fd25', class: "digi-icon-spinner__shape", fill: "none", "fill-rule": "evenodd" }, h("mask", { key: '5d1e6832ebc043f93ea5a5f3c9102b12ce3a8c15', fill: "#fff", id: "iconSpinnerPath" }, h("path", { key: '78ab09fe9c471e28f19020b800fcc71484ef5ef3', d: this._path })), h("path", { key: '7c0dc03f2b22a6220534f34bbddeaba220df02e4', d: this._path, fill: "#dddddd", "fill-rule": "nonzero" }), h("path", { key: '5ad558f8bb1acd7e7fdaa524ae63f051517ff64e', d: "M19 26L54-5v62z", fill: "currentColor", mask: "url(#iconSpinnerPath)" }))));
     }
     static get style() { return DigiIconSpinnerStyle0; }
 }, [2, "digi-icon-spinner", {

package/components/{p-cb20ea78.js → p-143dffff.js}

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { l as logger } from './p-e3d2e899.js';
 import { a as FormSelectVariation, F as FormSelectValidation } from './p-f447b984.js';
-import { d as defineCustomElement$7 } from './p-504118d4.js';
-import { d as defineCustomElement$6 } from './p-49a67d97.js';
-import { d as defineCustomElement$5 } from './p-1e698eb3.js';
-import { d as defineCustomElement$4 } from './p-bd19f8cd.js';
-import { d as defineCustomElement$3 } from './p-e795bd84.js';
-import { d as defineCustomElement$2 } from './p-522414d8.js';
+import { d as defineCustomElement$7 } from './p-a27dc6a3.js';
+import { d as defineCustomElement$6 } from './p-a6001e50.js';
+import { d as defineCustomElement$5 } from './p-97bea754.js';
+import { d as defineCustomElement$4 } from './p-29c225d0.js';
+import { d as defineCustomElement$3 } from './p-aa4711fc.js';
+import { d as defineCustomElement$2 } from './p-e9b3ee0d.js';
 import { d as defineCustomElement$1 } from './p-a223734b.js';
 
 const formSelectCss = ".sc-digi-form-select-h{--digi--form-select--background--empty:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--neutral:var(--digi--color--background--interactive--default--secondary);--digi--form-select--background--success:var(--digi--color--background--interactive--validation--success);--digi--form-select--background--warning:var(--digi--color--background--interactive--validation--warning);--digi--form-select--background--error:var(--digi--color--background--interactive--validation--error);--digi--form-select--border-color--neutral:var(--digi--color--border--interactive--default--on-input);--digi--form-select--border-color--success:var(--digi--color--border--interactive--validation--success);--digi--form-select--border-color--warning:var(--digi--color--border--interactive--validation--warning);--digi--form-select--border-color--error:var(--digi--color--border--interactive--validation--error);--digi--form-select--select-wrapper--position:relative;--digi--form-select--select--height--small:var(--digi--input-height--small);--digi--form-select--select--height--medium:var(--digi--input-height--medium);--digi--form-select--select--height--large:var(--digi--input-height--large);--digi--form-select--select--border-radius:var(--digi--border-radius--input);--digi--form-select--select--padding:0 var(--digi--gutter--medium);--digi--form-select--select--padding--inline-end:var(--digi--padding--large);--digi--form-select--select--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select--select--border-width--success:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--error:var(--digi--border-width--input-validation);--digi--form-select--select--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select--select--width:100%;--digi--form-select--select--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--select-option--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select--label--margin-bottom:var(--digi--gutter--medium);--digi--form-select--icon--inline-end:0.75rem;--digi--form-select--icon--top:50%;--digi--form-select--icon--transform:translateY(-50%);--digi--form-select--icon--color:var(--digi--color--icon--primary);--digi--form-select--footer--margin-top:var(--digi--gutter--medium)}.sc-digi-form-select-h .digi-form-select.sc-digi-form-select{display:flex;flex-direction:column;gap:0.4em}.sc-digi-form-select-h .digi-form-select--neutral.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--neutral);--BORDER-COLOR:var(--digi--form-select--border-color--neutral);--BACKGROUND:var(--digi--form-select--background--neutral)}.sc-digi-form-select-h .digi-form-select--success.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--success);--BORDER-COLOR:var(--digi--form-select--border-color--success);--BACKGROUND:var(--digi--form-select--background--success)}.sc-digi-form-select-h .digi-form-select--warning.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--warning);--BORDER-COLOR:var(--digi--form-select--border-color--warning);--BACKGROUND:var(--digi--form-select--background--warning)}.sc-digi-form-select-h .digi-form-select--error.sc-digi-form-select{--BORDER-WIDTH:var(--digi--form-select--select--border-width--error);--BORDER-COLOR:var(--digi--form-select--border-color--error);--BACKGROUND:var(--digi--form-select--background--error)}.sc-digi-form-select-h .digi-form-select--small.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--small)}.sc-digi-form-select-h .digi-form-select--medium.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--medium)}.sc-digi-form-select-h .digi-form-select--large.sc-digi-form-select{--HEIGHT:var(--digi--form-select--select--height--large)}.sc-digi-form-select-h .digi-form-select--empty.sc-digi-form-select:not(:focus-within){--BACKGROUND:var(--digi--form-select--background--empty)}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select{appearance:none;width:var(--digi--form-select--select--width);padding:var(--digi--form-select--select--padding);padding-inline-end:var(--digi--form-select--select--padding--inline-end);height:var(--HEIGHT);border:var(--BORDER-WIDTH) solid;border-radius:var(--digi--form-select--select--border-radius);border-color:var(--BORDER-COLOR);cursor:pointer;font-size:var(--digi--form-select--select--font-size);color:var(--digi--color--text--primary);background:var(--BACKGROUND);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-h .digi-form-select__select-wrapper.sc-digi-form-select{position:var(--digi--form-select--select-wrapper--position)}.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{font-size:var(--digi--form-select--select-option--font-size)}@media (min-width: 48rem){.sc-digi-form-select-h .digi-form-select__select-option.sc-digi-form-select{--digi--form-select--select-option--font-size:var(--digi--typography--font-size--l)}}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select::-ms-expand{display:none}.sc-digi-form-select-h .digi-form-select__select.sc-digi-form-select:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-h .digi-form-select__icon.sc-digi-form-select{position:absolute;inset-inline-end:var(--digi--form-select--icon--inline-end);inset-block-start:var(--digi--form-select--icon--top);transform:var(--digi--form-select--icon--transform);pointer-events:none;color:var(--digi--form-select--icon--color)}.digi-form-select--neutral.sc-digi-form-select .digi-form-select__footer.sc-digi-form-select{position:absolute}";
@@ -134,17 +134,17 @@ const FormSelect = /*@__PURE__*/ proxyCustomElement(class FormSelect extends H {
             : false;
     }
     render() {
-        return (h("div", { key: '09b309b4f5b1397162fa1b398f58d1696ebd2479', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: 'e2d824232a6630111b87f325e3e5583d2dd08bd3', class: "digi-form-select__label-group" }, h("digi-form-label", { key: 'f60f04f30a9594d39b439239230441241d4fbe6c', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '621062b207232904aa2a6a6fbaa93ebedb146210', class: "digi-form-select__select-wrapper" }, h("select", { key: 'd199ce9bf648952a1309f8ac8914b9da59f15f98', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
+        return (h("div", { key: '508ea4a7973f305dbc05971ea35b1d7d1f62f27a', class: Object.assign({ 'digi-form-select': true }, this.cssModifiers) }, h("div", { key: '9b8d7e2cd35911d62d7fcb8885ffeebf1469b696', class: "digi-form-select__label-group" }, h("digi-form-label", { key: '67928646ec83c24c124aac626be5b3bbddc7e964', afFor: this.afId, afLabel: this.afLabel, afId: `${this.afId}-label`, afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText })), h("div", { key: '48a9ae9252839984387874b6596384ef89e3cc52', class: "digi-form-select__select-wrapper" }, h("select", { key: '071ee42f4c690ac79e59a226e5b8daf3e639b920', class: "digi-form-select__select", name: this.afName, id: this.afId, "aria-label": this.afAriaLabel, "aria-invalid": this.afValidation === FormSelectValidation.ERROR
                 ? 'true'
-                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: '1537f5bbf4d76e607663b241913912e034af2006', class: {
+                : 'false', ref: (el) => (this._select = el), required: this.afRequired ? this.afRequired : null, onFocus: (e) => this.focusHandler(e), onFocusout: (e) => this.focusoutHandler(e), onBlur: (e) => this.blurHandler(e), onChange: (e) => this.changeHandler(e), onInput: (e) => this.selectHandler(e), autoFocus: this.afAutofocus ? this.afAutofocus : null }, this.hasPlaceholder && (h("option", { key: 'dd90833c9af3ef2119763c34874bce7adb335a7e', class: {
                 'digi-form-select__select-option': true,
                 'digi-form-select__select-option--initial-value': true
             }, disabled: true, selected: !this.afValue, value: "" }, this.afPlaceholder)), this.optionItems.map((option, index) => {
             return (h("option", { key: index, class: "digi-form-select__select-option", value: option.value, selected: this.getSelectedItem(option) }, option.text));
-        })), h("digi-icon-input-select-marker", { key: '43cc5722be7b769a59661c6128c3bd3149172adc', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '74e420460572eeb8d9ca308190dc33191b608b4e', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
+        })), h("digi-icon-input-select-marker", { key: '5b2d831b5582a8bfe7d41eb4abcbd4576faea01b', class: "digi-form-select__icon", slot: "icon" })), h("digi-util-mutation-observer", { key: '8bdd9e4fa48b0cb5991e5a56f3004746c59ca092', hidden: true, ref: (el) => (this._observer = el), onAfOnChange: (e) => {
                 e.stopImmediatePropagation();
                 this.getOptions();
-            } }, h("slot", { key: 'd77e562c340452ec68c7dedda478c4d66933324a' })), h("div", { key: '81a982666ecded6b8b614bff3598b4dcaf91b2af', class: "digi-form-select__footer" }, h("div", { key: '5d6c5b802eba0c2238dec9930a6655f3ce57342c', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'f2c347f0404db61bace89dd4aa7e98c50b7ac30d', "af-variation": this.afValidation }, this.afValidationText))))));
+            } }, h("slot", { key: 'ed82a06240fe10c179402c90615edde45e9da473' })), h("div", { key: 'f1697cbb3cbc01986b5542f4add369ca9178cf39', class: "digi-form-select__footer" }, h("div", { key: '1a34515eb9a7fd054c9039807cc5b7899f62e8ba', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: '073ef11072ddd077b2143dc684df8debcd0a5d85', "af-variation": this.afValidation }, this.afValidationText))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/{p-a1607b17.js → p-168d2924.js}

@@ -15,11 +15,11 @@ const IconCheck = /*@__PURE__*/ proxyCustomElement(class IconCheck extends H {
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: '8a2a884dddbef10f32cebd67bd08d99d592ed0dc', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '8460592023017dfb78f71da4263d7a2fb8709698', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '7605b2129730d0fb56eb2308132c9252ebf089e4', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '8a70a0dd5b94091830224deebabe181bebf999c5' }, this.afDesc), h("path", { key: 'd8d8a6b2a559540d739fb7ede298f51d1a507278', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
+                    : undefined }, this.afTitle && h("title", { key: 'c74d27a26663533a0a4b5f85b4013fda45335cb2', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '727c68e3ab27da1789623839fc4fc7530f5b6526' }, this.afDesc), h("path", { key: '90a49be1a2668bc8717fbe2dbe2f61f483220118', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
     }
     static get style() { return DigiIconCheckStyle0; }
 }, [2, "digi-icon-check", {

package/components/{p-be3cec41.js → p-180dcdc1.js}

@@ -15,11 +15,11 @@ const IconChevronLeft = /*@__PURE__*/ proxyCustomElement(class IconChevronLeft e
         this.titleId = randomIdGenerator('icontitle');
     }
     render() {
-        return (h("svg", { key: 'b88f989a94d17792a9d1e5889f05f2a426b22d7d', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+        return (h("svg", { key: '270c79be5a401a8379049f3a2a3e8879b4726dc4', class: "digi-icon-chevron-left", width: "9", height: "14", viewBox: "0 0 9 14", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
                 ? this.afSvgAriaLabelledby
                 : this.afTitle
                     ? this.titleId
-                    : undefined }, this.afTitle && h("title", { key: '6a2458cc2ead4e8681a9ecb558b5a86750089e00', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: 'b273c58c4707a98787d86900b8f1fcc99b1bd5b8' }, this.afDesc), h("path", { key: '19d2e3a426a6ab279281e1e43ecdc3dfb42e4adc', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
+                    : undefined }, this.afTitle && h("title", { key: 'd037a28ce82daa37205b708fdb5fa063e4eef4f1', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '9d8c7e5784556619124a0b60c05eae08e35e9464' }, this.afDesc), h("path", { key: '3b6f2550b3022beaa736e4702bf0103663a1aea6', class: "digi-icon-chevron-left__shape", d: "M8 13L2 6.926 7.853 1", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd" })));
     }
     static get style() { return DigiIconChevronLeftStyle0; }
 }, [2, "digi-icon-chevron-left", {

package/components/{p-6e5c73ee.js → p-1880e3e0.js}

@@ -30,7 +30,7 @@ const UtilResizeObserver = /*@__PURE__*/ proxyCustomElement(class UtilResizeObse
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '09295e6aee942d1bce9f26c58506e0be647412e9' });
+        return h("slot", { key: '3d2ece33af2eb7238451cd2c2aef54bdbb269e69' });
     }
     get hostElement() { return this; }
     static get style() { return DigiUtilResizeObserverStyle0; }

package/components/{p-74689bb5.js → p-18e45745.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { F as FormFieldsetValidation } from './p-9a1bec0e.js';
-import { d as defineCustomElement$4 } from './p-49a67d97.js';
-import { d as defineCustomElement$3 } from './p-bd19f8cd.js';
-import { d as defineCustomElement$2 } from './p-e795bd84.js';
-import { d as defineCustomElement$1 } from './p-522414d8.js';
+import { d as defineCustomElement$4 } from './p-a6001e50.js';
+import { d as defineCustomElement$3 } from './p-29c225d0.js';
+import { d as defineCustomElement$2 } from './p-aa4711fc.js';
+import { d as defineCustomElement$1 } from './p-e9b3ee0d.js';
 
 const formFieldsetCss = ".sc-digi-form-fieldset-h{--digi--form-fieldset--padding:0;--digi--form-fieldset--border:none;--digi--form-fieldset--legend--font-weight:var(--digi--typography--description--font-weight--desktop);--digi--form-fieldset--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-fieldset--legend--font-size:var(--digi--typography--description--font-size--desktop);--digi--form-fieldset--legend--color:var(--digi--color--text--primary);--digi--form-fieldset--legend--margin:var(--digi--margin--h2-large)}.sc-digi-form-fieldset-h .digi-form-fieldset.sc-digi-form-fieldset{margin:0px;padding:var(--digi--form-fieldset--padding);border:var(--digi--form-fieldset--border)}.sc-digi-form-fieldset-h .digi-form-fieldset__legend.sc-digi-form-fieldset{font-weight:var(--digi--form-fieldset--legend--font-weight);font-family:var(--digi--form-fieldset--legend--font-family);font-size:var(--digi--form-fieldset--legend--font-size);color:var(--digi--form-fieldset--legend--color);margin-block-end:var(--digi--form-fieldset--legend--margin);padding:0px}";
 const DigiFormFieldsetStyle0 = formFieldsetCss;
@@ -21,7 +21,7 @@ const FormFieldset = /*@__PURE__*/ proxyCustomElement(class FormFieldset extends
         this.afValidationText = undefined;
     }
     render() {
-        return (h("fieldset", { key: '7cbfea53d490bcbd9f960582ba65db760c940f37', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: '7790000c31f93f7d84d5f734c61a46a2f5421d9c', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'b56e3f870dcb67a78fcea0e26bee79147c27bd09' }), h("div", { key: 'c464c380963f13a8b2bbb4c2eb132a1663591db4', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '3b601ce81919801e2113311c7da174a3cb0db47f', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
+        return (h("fieldset", { key: '69f69f2e9db30581503c30b868cefeb1fb4ab521', class: "digi-form-fieldset", name: this.afName, form: this.afForm, id: this.afId }, this.afLegend && (h("legend", { key: 'a5b8178d0bb6836cece62ffe705337af72fd9f69', class: "digi-form-fieldset__legend" }, this.afLegend)), h("slot", { key: 'fa8aca2038f312d4f494413d908b94840dfea516' }), h("div", { key: '17588937df36149bdd44bbfae684f917c6118337', class: "digi-form-input__validation", "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.afValidation != FormFieldsetValidation.NEUTRAL && (h("digi-form-validation-message", { key: '50c579fecf2fa47e10640a03cc63a751e7b70560', class: "digi-form-input__validation-message", "af-variation": this.afValidation }, this.afValidationText)))));
     }
     static get style() { return DigiFormFieldsetStyle0; }
 }, [6, "digi-form-fieldset", {

package/components/{p-4e3fdb06.js → p-1b8109a1.js}

@@ -59,7 +59,7 @@ const UtilIntersectionObserver = /*@__PURE__*/ proxyCustomElement(class UtilInte
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: '6fc0dc16d279605794da7c05cbac9285ec65ed4b' });
+        return h("slot", { key: 'd056019c1b53c0192e810b7e0c40d9f73ca17e4c' });
     }
     get $el() { return this; }
     static get watchers() { return {

package/components/{p-de18b1d6.js → p-1ca3b631.js}

@@ -22,7 +22,7 @@ const LayoutColumns = /*@__PURE__*/ proxyCustomElement(class LayoutColumns exten
         };
     }
     render() {
-        return (h(this.afElement, { key: 'b82227380d6edc4f345b151ace522351207919e8', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: '1a2b092f53f0d4ca8e9bc30cc14a3511a0b19a20' })));
+        return (h(this.afElement, { key: '8d8923a50d1df59459404c3681babf6256bea82c', class: Object.assign({ 'digi-layout-columns': true }, this.cssModifiers) }, h("slot", { key: 'b63c564d3b6ed19fcdd2f083db9e5d289b77908e' })));
     }
     static get style() { return DigiLayoutColumnsStyle0; }
 }, [6, "digi-layout-columns", {