npm - @uh-design-system/component-library - Versions diffs - 1.5.0 → 1.5.1 - Mend

@uh-design-system/component-library 1.5.0 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2041) hide show

package/dist/hydrate/index.mjs CHANGED Viewed

@@ -130,8 +130,8 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 const NAMESPACE = 'component-library';
-const BUILD = /* component-library */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, deserializer: false, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propChangeCallback: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: true, scriptDataOpts: false, serializer: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, shadowSlotAssignmentManual: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true };
-const Env = /* component-library */ {"PACKAGE_VERSION":"GqWYnG"};
+const BUILD = /* component-library */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, deserializer: false, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propChangeCallback: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: true, scriptDataOpts: false, serializer: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, shadowSlotAssignmentManual: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true };
+const Env = /* component-library */ {"PACKAGE_VERSION":"bQiYWO"};
 /*
  Stencil Hydrate Platform v4.43.4 | MIT Licensed | https://stenciljs.com
@@ -7439,10 +7439,11 @@ const analyticsState = {
     clear,
 };
-const COLLECTION_PROBABILITY = 0.5;
+const FALLBACK_COLLECTION_PROBABILITY = 0.5;
+const COLLECTION_PROBABILITY = globalThis._uhdsMatomoCollectionProbability ?? FALLBACK_COLLECTION_PROBABILITY;
 const COLLECTION_STORAGE_KEY = 'uhds_collect_analytics';
-if (window.sessionStorage && window.sessionStorage.getItem(COLLECTION_STORAGE_KEY) === null) {
-    window.sessionStorage.setItem(COLLECTION_STORAGE_KEY, (Math.random() <= COLLECTION_PROBABILITY).toString());
+if (globalThis.sessionStorage && globalThis.sessionStorage.getItem(COLLECTION_STORAGE_KEY) === null) {
+    globalThis.sessionStorage.setItem(COLLECTION_STORAGE_KEY, (Math.random() <= COLLECTION_PROBABILITY).toString());
 }
 const generators = new Map();
 let isFlushing = false;
@@ -7455,11 +7456,11 @@ function flushState() {
         return;
     isFlushing = true;
     try {
-        if (!Array.isArray(window._mtm))
+        if (!Array.isArray(globalThis._mtm))
             return;
-        const tracker = window._mtm;
-        const appHost = window.location.hostname;
-        const appName = window._uhdsMatomoAppName;
+        const tracker = globalThis._mtm;
+        const appHost = globalThis.location.hostname;
+        const appName = globalThis._uhdsMatomoAppName;
         for (const [name, stats] of components.entries()) {
             tracker.push({
                 'event': 'uhds.components',
@@ -7488,9 +7489,75 @@ function initBatchTracking() {
     globalThis.addEventListener('beforeunload', flushState);
     isBatchTrackingInitialized = true;
 }
-const componentFactory = (componentName) => (Base) => {
+const transparentRootTrackingAncestors = new Set();
+const rootTrackingStopTags = new Map();
+const rootTrackingStopSelectors = new Map();
+const designSystemComponentTags = new Set();
+const normalizeTag = (tag) => tag.trim().toLowerCase();
+function getShadowHost(el) {
+    const root = el.getRootNode();
+    return root instanceof ShadowRoot ? root.host : null;
+}
+function getComposedParent(el) {
+    if (el.parentElement)
+        return el.parentElement;
+    return getShadowHost(el);
+}
+function hasComposedClosest(el, selector) {
+    let current = el;
+    while (current) {
+        if (current.closest(selector))
+            return true;
+        current = getShadowHost(current);
+    }
+    return false;
+}
+function shouldStopRootTracking(el, tag) {
+    if (!rootTrackingStopTags.has(tag))
+        return false;
+    const selector = rootTrackingStopSelectors.get(tag) ?? '';
+    if (!selector)
+        return true;
+    return !hasComposedClosest(getComposedParent(el), selector);
+}
+function isBlockingAncestorTag(tag) {
+    return designSystemComponentTags.has(tag) && !transparentRootTrackingAncestors.has(tag);
+}
+function hasBlockingAncestor(el) {
+    const ownTag = normalizeTag(el.tagName);
+    if (isBlockingAncestorTag(ownTag) && shouldStopRootTracking(el, ownTag))
+        return false;
+    let current = getComposedParent(el);
+    while (current) {
+        const tag = normalizeTag(current.tagName);
+        if (!isBlockingAncestorTag(tag)) {
+            current = getComposedParent(current);
+            continue;
+        }
+        if (rootTrackingStopTags.has(tag) && !shouldStopRootTracking(current, tag)) {
+            current = getComposedParent(current);
+            continue;
+        }
+        return true;
+    }
+    return false;
+}
+const componentFactory = (componentName, options = {}) => (Base) => {
+    const ownTag = normalizeTag(componentName);
+    designSystemComponentTags.add(ownTag);
+    if (options.stopRootTracking) {
+        const exceptions = new Set((options.stopRootTrackingExcept || []).map(normalizeTag));
+        rootTrackingStopTags.set(ownTag, exceptions);
+        rootTrackingStopSelectors.set(ownTag, Array.from(exceptions).join(','));
+    }
+    if (options.transparentForRootTracking) {
+        transparentRootTrackingAncestors.add(ownTag);
+    }
     class BaseComponent extends Base {
-        static isFlushing = false;
+        constructor() {
+            super();
+        }
+        lang = getLanguage();
         getGenerator() {
             const name = componentName.trim() || 'ds-component';
             if (!generators.has(name)) {
@@ -7502,20 +7569,41 @@ const componentFactory = (componentName) => (Base) => {
             return this.getGenerator().next().value;
         }
         componentMounted() {
-            if (!window._uhdsMatomoAppName)
+            if (!globalThis._uhdsMatomoAppName)
+                return;
+            if (!globalThis.sessionStorage || globalThis.sessionStorage?.getItem(COLLECTION_STORAGE_KEY) === 'false')
                 return;
-            if (!window.sessionStorage || window.sessionStorage?.getItem(COLLECTION_STORAGE_KEY) === 'false')
+            if (options.disableAnalytics)
+                return;
+            if (hasBlockingAncestor(this.el))
                 return;
             initBatchTracking();
             analyticsState.incrementMount(componentName);
         }
+        handleLanguageChange(newValue) {
+            this.lang = newValue.detail;
+        }
+        static get states() {
+            return {
+                "lang": {}
+            };
+        }
+        static get listeners() {
+            return [{
+                    "name": "dsLanguageChange",
+                    "method": "handleLanguageChange",
+                    "target": "body",
+                    "capture": false,
+                    "passive": false
+                }];
+        }
     }
     return BaseComponent;
 };
-const dsAccordionCss = () => `.ds-accordion__GqWYnG.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__GqWYnG__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__title.sc-ds-accordion:not(.ds-accordion__GqWYnG__title--hide-top-border) .ds-accordion__GqWYnG__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__GqWYnG__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__GqWYnG__title--border-aligned.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__title--border-aligned.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion .ds-accordion__GqWYnG__open-button.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button.ds-accordion__GqWYnG__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__title.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button:hover:not(.ds-accordion__GqWYnG__open-button--icon-button)) .ds-accordion__GqWYnG__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__GqWYnG__title.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button:active:not(.ds-accordion__GqWYnG__open-button--icon-button)) .ds-accordion__GqWYnG__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__GqWYnG__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__GqWYnG__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__GqWYnG__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button:not(.ds-accordion__GqWYnG__open-button--icon-button)){width:100%}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__GqWYnG__open-button-container.sc-ds-accordion:has(.ds-accordion__GqWYnG__open-button--border-aligned:not(.ds-accordion__GqWYnG__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__GqWYnG__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__GqWYnG__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__GqWYnG__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__GqWYnG__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__GqWYnG__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__GqWYnG__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button){padding-inline:0}.ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion .ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::before,.ds-accordion__GqWYnG__title--with-background.sc-ds-accordion .ds-accordion__GqWYnG__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__GqWYnG__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__GqWYnG__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__GqWYnG__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__GqWYnG__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__GqWYnG__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__GqWYnG__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__GqWYnG__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__GqWYnG__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__GqWYnG__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__GqWYnG__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__GqWYnG__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__GqWYnG__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__GqWYnG__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG.sc-ds-accordion-s>[slot=header],.ds-accordion__GqWYnG .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__GqWYnG__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__GqWYnG__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__GqWYnG__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__GqWYnG__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__GqWYnG__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__GqWYnG__content--with-background.sc-ds-accordion::before,.ds-accordion__GqWYnG__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__GqWYnG__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__GqWYnG.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__GqWYnG .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__GqWYnG.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__GqWYnG .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}`;
+const dsAccordionCss = () => `.ds-accordion__bQiYWO.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__bQiYWO__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__bQiYWO__title.sc-ds-accordion:not(.ds-accordion__bQiYWO__title--hide-top-border) .ds-accordion__bQiYWO__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__bQiYWO__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__bQiYWO__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__bQiYWO__title--border-aligned.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__bQiYWO__title--border-aligned.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion .ds-accordion__bQiYWO__open-button.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button.ds-accordion__bQiYWO__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__title.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button:hover:not(.ds-accordion__bQiYWO__open-button--icon-button)) .ds-accordion__bQiYWO__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__bQiYWO__title.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button:active:not(.ds-accordion__bQiYWO__open-button--icon-button)) .ds-accordion__bQiYWO__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__bQiYWO__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__bQiYWO__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__bQiYWO__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__bQiYWO__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button:not(.ds-accordion__bQiYWO__open-button--icon-button)){width:100%}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__bQiYWO__open-button-container.sc-ds-accordion:has(.ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__bQiYWO__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__bQiYWO__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__bQiYWO__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__bQiYWO__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__bQiYWO__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__bQiYWO__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button){padding-inline:0}.ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion .ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button)::before,.ds-accordion__bQiYWO__title--with-background.sc-ds-accordion .ds-accordion__bQiYWO__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__bQiYWO__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__bQiYWO__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__bQiYWO__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__bQiYWO__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__bQiYWO__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__bQiYWO__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__bQiYWO__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__bQiYWO__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__bQiYWO__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__bQiYWO__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__bQiYWO__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__bQiYWO__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__bQiYWO__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__bQiYWO__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO.sc-ds-accordion-s>[slot=header],.ds-accordion__bQiYWO .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__bQiYWO__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__bQiYWO__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__bQiYWO__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__bQiYWO__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__bQiYWO__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__bQiYWO__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__bQiYWO__content--with-background.sc-ds-accordion::before,.ds-accordion__bQiYWO__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__bQiYWO__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__bQiYWO.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__bQiYWO .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__bQiYWO.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__bQiYWO .sc-ds-accordion-s>ul[slot=content][class*=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}`;
-class DsAccordion extends Mixin(componentFactory('ds-accordion')) {
+class DsAccordion extends Mixin(componentFactory('ds-accordion', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -7631,21 +7719,21 @@ class DsAccordion extends Mixin(componentFactory('ds-accordion')) {
     }
     render() {
         const baseClass = cx('ds-accordion');
-        return (hAsync("div", { key: '1a79a3a29b1837cb83898e38a8b4a675a24c4cf3', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`, {
+        return (hAsync("div", { key: '481989a210862e9fd3de916261c2bfae779b1ca3', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`, {
                 [`${baseClass}--expanded`]: this.isExpanded,
-            }), ...this.inheritedAttributes }, hAsync("div", { key: 'f268e14d1eace0f1674aba518cb678086cff5ba9', class: `${baseClass}__item` }, this.renderHeading(baseClass), hAsync("div", { key: '821be48cf853910c9f764fe3a7ac56acce8f2060', id: `${this.dsId}-panel`, role: "region", "aria-labelledby": this.dsId, class: classNames(`${baseClass}__panel`, `${baseClass}__panel--${this.dsVariant}`, {
+            }), ...this.inheritedAttributes }, hAsync("div", { key: '3b347e0f3cc39275614d3c36fd8d78abfc01cf2d', class: `${baseClass}__item` }, this.renderHeading(baseClass), hAsync("div", { key: '4b68f600d43bfd03fe18652520bb1f47572c552b', id: `${this.dsId}-panel`, role: "region", "aria-labelledby": this.dsId, class: classNames(`${baseClass}__panel`, `${baseClass}__panel--${this.dsVariant}`, {
                 [`${baseClass}__panel--expanded`]: this.isExpanded,
                 [`${baseClass}__panel--with-background`]: this.dsContentHasBackground,
                 [`${baseClass}__panel--hide-right-border`]: this.dsHideRightBorder || this.dsHideContentBorders,
                 [`${baseClass}__panel--hide-left-border`]: this.dsHideLeftBorder || this.dsHideContentBorders,
-            }), hidden: !this.isExpanded }, hAsync("div", { key: '530b319ced7cb507ff83bb41bfbb92de935674b4', class: classNames(`${baseClass}__content`, {
+            }), hidden: !this.isExpanded }, hAsync("div", { key: '35f65b2ef7acfc61ad40f2abff0b01edcc5d9843', class: classNames(`${baseClass}__content`, {
                 'ds-bodytext-lg': this.dsVariant === 'default',
                 'ds-bodytext-md': this.dsVariant === 'compact',
                 [`${baseClass}__content--border-aligned`]: this.dsBorderAligned,
                 [`${baseClass}__content--with-background`]: this.dsContentHasBackground,
                 [`${baseClass}__content--hide-bottom-border`]: this.dsHideBottomBorder || this.dsHideContentBorders,
                 [`${baseClass}__content--has-close-button`]: this.dsUseCloseButton,
-            }) }, hAsync("slot", { key: '74d60fc517465d8d88483d7ff5337f0b3b1ae28e', name: "content" }), this.dsUseCloseButton && (hAsync(this.DsButton, { key: '2b4614d52c3a6dcd2ea469f3760756fd314c23d6', id: `${this.dsId}-close-button`, class: `${baseClass}__close-button`, dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsText: this.dsCloseButtonLabel || this.close, dsSize: "small", dsType: "button" })))))));
+            }) }, hAsync("slot", { key: '99be0fa07b1af287f2147a078a1ba24f3be8b24c', name: "content" }), this.dsUseCloseButton && (hAsync(this.DsButton, { key: '97bde80f2e150480ff73efbdb268b8c01c9f81f8', id: `${this.dsId}-close-button`, class: `${baseClass}__close-button`, dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsText: this.dsCloseButtonLabel || this.close, dsSize: "small", dsType: "button" })))))));
     }
     static get watchers() { return {
         "isExpanded": [{
@@ -7715,10 +7803,11 @@ const actionListGroupLabelMultiSelect = () => {
     }
 };
-const dsActionListCss = () => `.ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__GqWYnG.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}`;
+const dsActionListCss = () => `.ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__bQiYWO.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}`;
-class DsActionList {
+class DsActionList extends Mixin(componentFactory('ds-action-list')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     get el() { return getElement(this); }
@@ -7739,6 +7828,7 @@ class DsActionList {
         this.updateAriaLabelling();
     }
     componentDidLoad() {
+        this.componentMounted();
         this.updateIndentation();
         if (this.isStandalone) {
             this.updateRovingTabindex();
@@ -7775,7 +7865,7 @@ class DsActionList {
         }
         this.ariaLabelledby = undefined;
     }
-    handleLanguageChange() {
+    langObserver() {
         this.updateAriaLabelling();
     }
     getFocusableItems() {
@@ -7916,8 +8006,13 @@ class DsActionList {
     }
     render() {
         const baseClass = cx('ds-action-list');
-        return (hAsync(Host, { key: '416359e7c52d95866c31b064c1e28b905f39749f', class: baseClass, role: this.dsRole, ...ifDefined('aria-label', this.ariaLabel), ...ifDefined('aria-labelledby', this.ariaLabelledby) }, hAsync("slot", { key: '23b828f825c333f6230f1d03dac7eead9c6ed3de' })));
+        return (hAsync(Host, { key: '941336de0f24b28977b35ec657b4cce17dd46006', class: baseClass, role: this.dsRole, ...ifDefined('aria-label', this.ariaLabel), ...ifDefined('aria-labelledby', this.ariaLabelledby) }, hAsync("slot", { key: 'c0859b15f2e3e0b62c5cb02bdf57ef71b2e026d3' })));
     }
+    static get watchers() { return {
+        "lang": [{
+                "langObserver": 0
+            }]
+    }; }
     static get style() { return dsActionListCss(); }
     static get cmpMeta() { return {
         "$flags$": 774,
@@ -7927,13 +8022,13 @@ class DsActionList {
             "ariaLabel": [32],
             "ariaLabelledby": [32]
         },
-        "$listeners$": [[16, "dsLanguageChange", "handleLanguageChange"], [0, "dsSelect", "handleItemSelect"], [0, "keydown", "handleKeyDown"]],
+        "$listeners$": [[0, "dsSelect", "handleItemSelect"], [0, "keydown", "handleKeyDown"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-const dsActionListDividerCss = () => `.ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__GqWYnG.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}`;
+const dsActionListDividerCss = () => `.ds-no-style-leak.sc-ds-action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__bQiYWO.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}`;
 class DsActionListDivider {
     constructor(hostRef) {
@@ -7954,18 +8049,18 @@ class DsActionListDivider {
     }; }
 }
-const dsActionListGroupTitleCss = () => `.ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__GqWYnG.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}`;
+const dsActionListGroupTitleCss = () => `.ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__bQiYWO.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}`;
-const groupTitleIdGenerator = idGenerator('ds-action-list-group-title');
-class DsActionListGroupTitle {
+class DsActionListGroupTitle extends Mixin(componentFactory('ds-action-list-group-title')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     dsTitle;
-    dsId = groupTitleIdGenerator.next().value;
+    dsId = this.getUniqueId();
     render() {
         const baseClass = cx('ds-action-list-group-title');
-        return (hAsync("span", { key: '4e452df1a41a7a87a1db538cd0de941ed6aa51cb', id: this.dsId, class: baseClass }, this.dsTitle));
+        return (hAsync("span", { key: '7329cc0f5c6fdf50b044cc748f7665df5436d342', id: this.dsId, class: baseClass }, this.dsTitle));
     }
     static get style() { return dsActionListGroupTitleCss(); }
     static get cmpMeta() { return {
@@ -7997,17 +8092,17 @@ function consumeActionMenuContext(element) {
     return null;
 }
-const dsActionListItemCss = () => `.ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__GqWYnG.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1)}.ds-action-list-item__GqWYnG.sc-ds-action-list-item:disabled,.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--unavailable.sc-ds-action-list-item .ds-action-list-item__GqWYnG__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--unavailable.sc-ds-action-list-item .ds-action-list-item__GqWYnG__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__GqWYnG--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__GqWYnG.ds-action-list-item__GqWYnG--action-danger.ds-action-list-item__GqWYnG--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__GqWYnG__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__GqWYnG__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__GqWYnG__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__GqWYnG__label.sc-ds-action-list-item{display:block}.ds-action-list-item__GqWYnG__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__GqWYnG__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__GqWYnG__selector.ds-action-list-item__GqWYnG__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__GqWYnG__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__GqWYnG__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__GqWYnG__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__GqWYnG__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__GqWYnG__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__GqWYnG__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}`;
+const dsActionListItemCss = () => `.ds-no-style-leak.sc-ds-action-list-item *.sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__bQiYWO.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__bQiYWO.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__bQiYWO.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__bQiYWO.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1)}.ds-action-list-item__bQiYWO.sc-ds-action-list-item:disabled,.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable.sc-ds-action-list-item .ds-action-list-item__bQiYWO__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable.sc-ds-action-list-item .ds-action-list-item__bQiYWO__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.ds-action-list-item__bQiYWO--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__bQiYWO__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__bQiYWO__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__bQiYWO__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__bQiYWO__label.sc-ds-action-list-item{display:block}.ds-action-list-item__bQiYWO__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__bQiYWO__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__bQiYWO__selector.ds-action-list-item__bQiYWO__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__bQiYWO__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__bQiYWO__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__bQiYWO__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__bQiYWO__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__bQiYWO__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__bQiYWO__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}`;
-const actionListItemIdGenerator = idGenerator('ds-action-list-item');
-class DsActionListItem {
+class DsActionListItem extends Mixin(componentFactory('ds-action-list-item')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsSelect = createEvent(this, "dsSelect", 7);
     }
     get el() { return getElement(this); }
     buttonEl;
-    dsId = actionListItemIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsVariant = 'action';
     dsLabel;
     dsDescription;
@@ -8082,7 +8177,7 @@ class DsActionListItem {
             [`${baseClass}--unavailable`]: this.dsUnavailable,
             [`${baseClass}--indented`]: showIndent,
         });
-        return (hAsync("button", { key: '6e7ddd404aded454f0d4921ba8e37d73e06673d6', ref: el => (this.buttonEl = el), class: classes, role: role, "aria-checked": role === 'menuitemcheckbox' || role === 'menuitemradio' ? (this.dsSelected ? 'true' : 'false') : undefined, "aria-disabled": this.dsDisabled || this.dsUnavailable ? 'true' : undefined, disabled: this.dsDisabled, tabIndex: this.tabIndex, onClick: () => this.handleSelect() }, this.renderSelector(baseClass), showIndent && hAsync("span", { key: '8442451065fe3204f89d6d1e73643978197ac176', class: `${baseClass}__indent`, "aria-hidden": "true" }), this.renderIcon(baseClass), hAsync("span", { key: '8fe826f125e3f854b30b4bf6c11fee71f0232835', class: `${baseClass}__content` }, hAsync("span", { key: '7477b91f881bdcc910313ead5e94942213a1e206', class: `${baseClass}__label` }, this.dsLabel), this.dsDescription && hAsync("span", { key: '1a666e65603b5a1f274673e702e39b3323e63900', class: `${baseClass}__description` }, this.dsDescription))));
+        return (hAsync("button", { key: 'ec5fe94ab49975a45fff00013c6ea96a80eddac4', ref: el => (this.buttonEl = el), class: classes, role: role, "aria-checked": role === 'menuitemcheckbox' || role === 'menuitemradio' ? (this.dsSelected ? 'true' : 'false') : undefined, "aria-disabled": this.dsDisabled || this.dsUnavailable ? 'true' : undefined, disabled: this.dsDisabled, tabIndex: this.tabIndex, onClick: () => this.handleSelect() }, this.renderSelector(baseClass), showIndent && hAsync("span", { key: '54b5be6b6d930fde87a4a6c8d80a6d145136697f', class: `${baseClass}__indent`, "aria-hidden": "true" }), this.renderIcon(baseClass), hAsync("span", { key: 'e57a842adef5e1c3f0d3579cec25a483bd3782d6', class: `${baseClass}__content` }, hAsync("span", { key: '8eb1c0a34fec3fc912aee2e4625a842d118f0b9a', class: `${baseClass}__label` }, this.dsLabel), this.dsDescription && hAsync("span", { key: 'fed3cd25e3032b9397f1f926b8d40cd25f0f51c9', class: `${baseClass}__description` }, this.dsDescription))));
     }
     static get style() { return dsActionListItemCss(); }
     static get cmpMeta() { return {
@@ -8110,13 +8205,13 @@ class DsActionListItem {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" })]);
-const dsActionMenuCss = () => `.ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__GqWYnG.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__GqWYnG__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__GqWYnG__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__GqWYnG__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__GqWYnG__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__GqWYnG__menu.ds-action-menu__GqWYnG__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}`;
+const dsActionMenuCss = () => `.ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__bQiYWO.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__bQiYWO__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__bQiYWO__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__bQiYWO__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__bQiYWO__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}`;
-const actionMenuIdGenerator = idGenerator('ds-action-menu');
 const MENU_MARGIN = 8;
 const MENU_MIN_HEIGHT = 120;
-class DsActionMenu {
+class DsActionMenu extends Mixin(componentFactory('ds-action-menu', { stopRootTracking: true })) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsOpen = createEvent(this, "dsOpen", 7);
         this.dsClose = createEvent(this, "dsClose", 7);
@@ -8125,7 +8220,7 @@ class DsActionMenu {
     menuId;
     triggerWrapperRef;
     menuRef;
-    dsId = actionMenuIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsButtonText = '';
     dsButtonVariant = 'secondary';
     dsButtonColour = 'blue';
@@ -8146,6 +8241,7 @@ class DsActionMenu {
         storeActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
     }
     componentDidLoad() {
+        this.componentMounted();
         this.updateContext();
         this.applyAnchorStyles();
     }
@@ -8279,7 +8375,7 @@ class DsActionMenu {
             maxHeight: this.dsMenuMaxHeight ?? 'none',
         };
         const menuClasses = classNames(`${baseClass}__menu`, `${baseClass}__menu--align-${this.dsAlign}`, `${baseClass}__menu--placement-${this.dsPlacement}`);
-        return (hAsync("div", { key: 'f9e75e06be5ee40da1f4afbb1bf5db8fae452bb7', class: baseClass }, hAsync("div", { key: 'e3e5bc1981132aac9fbd08afc1cf9607978da01b', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), hAsync("div", { key: '2dd2b8c9ac4d4ed0470abaeb66d9333c538b108b', ref: el => (this.menuRef = el), id: this.menuId, role: "menu", "aria-labelledby": this.dsId, class: menuClasses, style: menuStyle, hidden: !this.isOpen }, hAsync("slot", { key: '7c63f9bc5b9548853012c975c0411a8a3df0ed00' }))));
+        return (hAsync("div", { key: '67cb741f6da8f7a9a34a8b7c3033b39b11599c2a', class: baseClass }, hAsync("div", { key: '0f677cd75f841c823e7a9f277c4ad36b50e35e29', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), hAsync("div", { key: '41fe6991c9a0ef88c73c6afe3e06642ccf067d42', ref: el => (this.menuRef = el), id: this.menuId, role: "menu", "aria-labelledby": this.dsId, class: menuClasses, style: menuStyle, hidden: !this.isOpen }, hAsync("slot", { key: 'bc500117c0451ccd97b7525d897a5e32b7f07fb4' }))));
     }
     static get style() { return dsActionMenuCss(); }
     static get cmpMeta() { return {
@@ -8311,18 +8407,18 @@ class DsActionMenu {
 }
 declareComponentDependencies([hAsync("ds-button", null), hAsync("ds-icon", { dsName: "" })]);
-const dsAssistiveTextCss = () => `.ds-assistive-text__GqWYnG.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}`;
+const dsAssistiveTextCss = () => `.ds-assistive-text__bQiYWO.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}`;
-const dsAssistiveTextIdGenerator = idGenerator('ds-assistive-text');
-class DsAssistiveText {
+class DsAssistiveText extends Mixin(componentFactory('ds-assistive-text')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
-    dsId = dsAssistiveTextIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsText;
     render() {
         const baseClass = cx('ds-assistive-text');
-        return (hAsync("small", { key: 'd3c86bf04cc507d02e2005d5622862a67ba9668b', class: baseClass, id: this.dsId }, hAsync("slot", { key: '5f9286f0adb0fc5a03008f4a5d7a2f0939985d7d' }, this.dsText)));
+        return (hAsync("small", { key: 'ba85b2fc87005e39d53eb7837dd0ed5700327e26', class: baseClass, id: this.dsId }, hAsync("slot", { key: 'b0c0381c3d0c369c53d40ed8164530e68074cc58' }, this.dsText)));
     }
     static get style() { return dsAssistiveTextCss(); }
     static get cmpMeta() { return {
@@ -8346,10 +8442,11 @@ const BACKDROP_TRANSITION_OUT_DURATION = 160;
 const MODAL_TRANSITION_IN_DURATION = 220;
 const MODAL_TRANSITION_OUT_DURATION = BACKDROP_TRANSITION_OUT_DURATION;
-const dsBackdropCss = () => `.ds-backdrop__GqWYnG{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__GqWYnG::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__GqWYnG::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__GqWYnG--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__GqWYnG--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__GqWYnG::backdrop{transition:none}}html:has(.ds-modal__GqWYnG--open){overflow:hidden}`;
+const dsBackdropCss = () => `.ds-backdrop__bQiYWO{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__bQiYWO::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__bQiYWO::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__bQiYWO--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__bQiYWO--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__bQiYWO::backdrop{transition:none}}html:has(.ds-modal__bQiYWO--open){overflow:hidden}`;
-class DsBackdrop {
+class DsBackdrop extends Mixin(componentFactory('ds-backdrop', { transparentForRootTracking: true })) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsBackdropClose = createEvent(this, "dsBackdropClose", 7);
         this.dsTransition = createEvent(this, "dsTransition", 7);
@@ -8358,7 +8455,7 @@ class DsBackdrop {
     mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
     transitionTimeout = null;
     dialogElement;
-    mouseDownTarget;
+    mouseDownTarget = null;
     dsBackdropClose;
     dsTransition;
     dsOpen = false;
@@ -8437,7 +8534,7 @@ class DsBackdrop {
     };
     render() {
         const baseClass = cx('ds-backdrop');
-        return (hAsync("dialog", { key: '2c397bbb4612b57540f57b9efee6b637a1ce16ad', ref: el => (this.dialogElement = el), role: this.dsRole, class: classNames(baseClass, this.dsDialogClasses, {
+        return (hAsync("dialog", { key: '7b9f1679938aef4d62ac7edfca32cb1b297bbe6c', ref: el => (this.dialogElement = el), role: this.dsRole, class: classNames(baseClass, this.dsDialogClasses, {
                 [`${baseClass}--open`]: this.dsOpen,
                 [`${baseClass}--in`]: this.dsOpen && this.transitionInProgress,
             }), onClose: () => {
@@ -8446,7 +8543,7 @@ class DsBackdrop {
                 '--ds-backdrop-z-index': `${this.dsZIndex}`,
                 '--ds-backdrop-transition-in-duration': `${BACKDROP_TRANSITION_IN_DURATION}ms`,
                 '--ds-backdrop-transition-out-duration': `${BACKDROP_TRANSITION_OUT_DURATION}ms`,
-            } }, hAsync("slot", { key: '97c03f43ff477edaf702dc06e5ca7820f92ecbc3' })));
+            } }, hAsync("slot", { key: 'b648167ebdc833c0467632e5c1b72d1772e62087' })));
     }
     static get watchers() { return {
         "transitionInProgress": [{
@@ -8474,7 +8571,7 @@ class DsBackdrop {
     }; }
 }
-const dsBadgeCss = () => `.ds-badge__GqWYnG.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__GqWYnG--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__GqWYnG--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__GqWYnG--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__GqWYnG--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__GqWYnG--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__GqWYnG--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__GqWYnG--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__GqWYnG--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__GqWYnG__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__GqWYnG__content__text.sc-ds-badge{white-space:nowrap}`;
+const dsBadgeCss = () => `.ds-badge__bQiYWO.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__bQiYWO--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__bQiYWO--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__bQiYWO--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__bQiYWO--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__bQiYWO--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__bQiYWO--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__bQiYWO--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__bQiYWO--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__bQiYWO__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__bQiYWO__content__text.sc-ds-badge{white-space:nowrap}`;
 class DsBadge extends Mixin(componentFactory('ds-badge')) {
     constructor(hostRef) {
@@ -8495,7 +8592,7 @@ class DsBadge extends Mixin(componentFactory('ds-badge')) {
     }
     render() {
         const baseClass = cx('ds-badge');
-        return (hAsync("div", { key: 'b08749fbb3b12081fd30f1f8eb6f837d5574fc61', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, hAsync("div", { key: 'f24dc33357b0c204a6371bd41d3dca73f6b924ed', class: `${baseClass}__content` }, hAsync("span", { key: '79e14788f16861a02fcbf72fb47c9b3b372edc74', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, hAsync("slot", { key: 'b6fc61084787a44eee082c63ee7ac3f3b15fc334' }, this.dsText, this.dsHiddenAssistiveText && hAsync(this.DsVisuallyHidden, { key: '6cc3039896e761afd5c692a04201deae4a81f351', dsTag: "span" }, this.dsHiddenAssistiveText))))));
+        return (hAsync("div", { key: '3ec5758a361a0846428fe91a878e1d2b97798065', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, hAsync("div", { key: 'a2bebf576258c9b8ce1800bf00880e476654f2f9', class: `${baseClass}__content` }, hAsync("span", { key: 'ceefcdd2ebdcb3bce08639f745169a393ac522d5', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, hAsync("slot", { key: '22c6a74a84b4be7bf4cb16fd9983a7325dc8397a' }, this.dsText, this.dsHiddenAssistiveText && hAsync(this.DsVisuallyHidden, { key: '3018012c3bae649649d63d5e2fa18faf01ca0a9c', dsTag: "span" }, this.dsHiddenAssistiveText))))));
     }
     static get style() { return dsBadgeCss(); }
     static get cmpMeta() { return {
@@ -8545,9 +8642,9 @@ const linkFactory = (Base) => {
     return BaseLink;
 };
-const dsBreadcrumbCss = () => `.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__GqWYnG.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__GqWYnG--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__GqWYnG__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__GqWYnG__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__GqWYnG__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__GqWYnG__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}`;
+const dsBreadcrumbCss = () => `.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__bQiYWO.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__bQiYWO--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__bQiYWO__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__bQiYWO__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__bQiYWO__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__bQiYWO__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}`;
-class DsBreadcrumb extends Mixin(linkFactory) {
+class DsBreadcrumb extends Mixin(componentFactory('ds-breadcrumb'), linkFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -8589,9 +8686,9 @@ class DsBreadcrumb extends Mixin(linkFactory) {
     render() {
         const baseClass = cx('ds-breadcrumb');
         const contentClass = `${baseClass}__content`;
-        return (hAsync(Host, { key: '25803662c47dfe56c8ba57c8f4630144d869ac65', role: "listitem" }, hAsync("div", { key: '2d6932977932da3af5fddbeb07e19ef7209021a1', class: classNames(baseClass, {
+        return (hAsync(Host, { key: '435213281dcf42a5a8c2241ac51433628fff4a2c', role: "listitem" }, hAsync("div", { key: '619e26ebf7b0aadbdaefb4960d0ad93a3434b635', class: classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, hAsync("div", { key: 'a631c7e8a8cfb5c2d4a0bbdd455d9191b9239883', class: contentClass }, this.dsHasSeparator ? hAsync(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
+            }) }, hAsync("div", { key: 'e717c084111491d89572ee09312281f034460214', class: contentClass }, this.dsHasSeparator ? hAsync(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
     }
     static get watchers() { return {
         "dsIsHidden": [{
@@ -8634,9 +8731,9 @@ const Breakpoints = {
 };
 const isGreaterThanEqualBreakpointMediaQuery = (size) => window.matchMedia(`(min-width: ${Breakpoints[size]}px)`);
-const dsBreadcrumbsCss = () => `.ds-breadcrumbs__GqWYnG{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__GqWYnG{min-height:32px}}.ds-breadcrumbs__GqWYnG__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__GqWYnG__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
+const dsBreadcrumbsCss = () => `.ds-breadcrumbs__bQiYWO{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__bQiYWO{min-height:32px}}.ds-breadcrumbs__bQiYWO__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__bQiYWO__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
-class DsBreadcrumbs extends Mixin(componentFactory('ds-breadcrumbs')) {
+class DsBreadcrumbs extends Mixin(componentFactory('ds-breadcrumbs', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -8677,7 +8774,7 @@ class DsBreadcrumbs extends Mixin(componentFactory('ds-breadcrumbs')) {
     }
     render() {
         const baseClass = cx('ds-breadcrumbs');
-        return (hAsync("nav", { key: '7a439e6d24817a7d9f314e8435de435a987fae9f', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, hAsync("div", { key: 'b43944527ac9b6102090598b31695c39f9e0f405', role: "list", class: `${baseClass}__breadcrumbs` }, hAsync("slot", { key: '7b2d19de1a6ebab460e24cb71fe55eaf0abefa17' }))));
+        return (hAsync("nav", { key: 'e32aef7356741b82d0e7c6aee97461a9337dcba3', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, hAsync("div", { key: '6cc12974c7488895f8ad34c15cdcc9283380716d', role: "list", class: `${baseClass}__breadcrumbs` }, hAsync("slot", { key: '06819bff6f1fe52d8d82d7b388450ea894f1140c' }))));
     }
     static get watchers() { return {
         "size": [{
@@ -8700,8 +8797,9 @@ class DsBreadcrumbs extends Mixin(componentFactory('ds-breadcrumbs')) {
 const dsBreadcrumbsCollapsibleCss = () => `:host{display:contents}`;
-class DsBreadcrumbsCollapsible {
+class DsBreadcrumbsCollapsible extends Mixin(componentFactory('ds-breadcrumbs-collapsible')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsExpandButtonClick = createEvent(this, "dsExpandButtonClick", 7);
     }
@@ -8716,21 +8814,21 @@ class DsBreadcrumbsCollapsible {
     get DsBreadcrumbsExpandButton() {
         return transformTagName('ds-breadcrumbs-expand-button', 'ds-breadcrumbs-collapsible', this.el);
     }
-    dsIsHiddenChangeListener(event) {
+    handleDsIsHiddenChange(event) {
         if (!event.detail && event.target === this.collapsibleTarget) {
             requestAnimationFrame(() => {
                 this.collapsibleTarget?.setFocus();
             });
         }
     }
-    dsClickListener() {
+    handleDsClick() {
         this.dsExpandButtonClick.emit();
     }
     handleDefaultSlotChange = () => {
         this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
     };
     render() {
-        return (hAsync(Fragment, { key: '6c33c1954b52afe65a0c83e97c1a2a70a4977a78' }, hAsync(this.DsBreadcrumbsExpandButton, { key: '8507f3df6f6e9941f1104529f77ad101df4f8c05', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), hAsync("slot", { key: '7cd48b130da55341ba29d24b7bfb85281c22b27c', onSlotchange: this.handleDefaultSlotChange })));
+        return (hAsync(Fragment, { key: 'c6550453dc2f679ad9a7902e7503309e87693ac9' }, hAsync(this.DsBreadcrumbsExpandButton, { key: 'eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), hAsync("slot", { key: '9aebf3b18996530ca640b3006213ad42e59dca69', onSlotchange: this.handleDefaultSlotChange })));
     }
     static get style() { return dsBreadcrumbsCollapsibleCss(); }
     static get cmpMeta() { return {
@@ -8741,17 +8839,18 @@ class DsBreadcrumbsCollapsible {
             "dsSeparatorIcon": [1, "ds-separator-icon"],
             "collapsibleTarget": [32]
         },
-        "$listeners$": [[0, "dsIsHiddenChange", "dsIsHiddenChangeListener"], [0, "dsClick", "dsClickListener"]],
+        "$listeners$": [[0, "dsIsHiddenChange", "handleDsIsHiddenChange"], [0, "dsClick", "handleDsClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-breadcrumbs-expand-button", null)]);
-const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__GqWYnG.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__GqWYnG--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__GqWYnG__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__GqWYnG__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__GqWYnG__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__GqWYnG__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
+const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__bQiYWO.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__bQiYWO--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__bQiYWO__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__bQiYWO__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__bQiYWO__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__bQiYWO__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
-class DsBreadcrumbsExpandButton {
+class DsBreadcrumbsExpandButton extends Mixin(componentFactory('ds-breadcrumbs-expand-button')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsClick = createEvent(this, "dsClick", 7);
     }
@@ -8777,9 +8876,9 @@ class DsBreadcrumbsExpandButton {
     };
     render() {
         const baseClass = cx('ds-breadcrumbs-expand-button');
-        return (hAsync("div", { key: '30a3a18d9c081633cb6a7d757895f8e6e4408c35', role: "listitem", class: classNames(baseClass, {
+        return (hAsync("div", { key: 'f0277b8ba5864e2ea1c8ea7a99e1184f96645d52', role: "listitem", class: classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, hAsync(this.DsBreadcrumbsSeparator, { key: '72464f4258717ed7619cd42ac072f1678bc90580', dsIcon: this.dsSeparatorIcon }), hAsync("button", { key: 'efc2b73e6a84262d6dadfe1a9cd440c611d93a85', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+            }) }, hAsync(this.DsBreadcrumbsSeparator, { key: '1cdc4fd40aa8b3abfa1daf54b6455647dc1c07ce', dsIcon: this.dsSeparatorIcon }), hAsync("button", { key: '4516cc7bdedd0ced7573008166197fca7a76b3db', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
     }
     static get style() { return dsBreadcrumbsExpandButtonCss(); }
     static get cmpMeta() { return {
@@ -8796,10 +8895,11 @@ class DsBreadcrumbsExpandButton {
 }
 declareComponentDependencies([hAsync("ds-breadcrumbs-separator", null)]);
-const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__GqWYnG.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__GqWYnG.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
+const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__bQiYWO.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__bQiYWO.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
-class DsBreadcrumbsSeparator {
+class DsBreadcrumbsSeparator extends Mixin(componentFactory('ds-breadcrumbs-separator')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     get el() { return getElement(this); }
@@ -8809,7 +8909,7 @@ class DsBreadcrumbsSeparator {
     }
     render() {
         const baseClass = cx('ds-breadcrumbs-separator');
-        return hAsync(this.DsIcon, { key: 'e8cf0c89c14a260b6b1f13e0f8efeca24cfec458', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+        return hAsync(this.DsIcon, { key: '242257334eca802e15dd4225e0e558bdecd1ce88', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
     }
     static get style() { return dsBreadcrumbsSeparatorCss(); }
     static get cmpMeta() { return {
@@ -8847,7 +8947,7 @@ const ariaDeprecationFactory = (Base) => {
     return AriaDeprecation;
 };
-const dsButtonCss = () => `.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__GqWYnG--full-width){width:100%}.ds-button__GqWYnG.sc-ds-button{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:default}.ds-button__GqWYnG__value[hidden].sc-ds-button{display:none}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--supplementary) .ds-button__GqWYnG__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG--supplementary.sc-ds-button:has(.ds-button__GqWYnG__spinner) .ds-button__GqWYnG__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG__icon.sc-ds-button{height:1.5rem}.ds-button__GqWYnG.sc-ds-button:has(.ds-button__GqWYnG__spinner):not(.ds-button__GqWYnG--small) .ds-button__GqWYnG__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG__spinner.sc-ds-button{display:flex}.ds-button__GqWYnG--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--small):not(.ds-button__GqWYnG--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--small).ds-button__GqWYnG--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--small).ds-button__GqWYnG--icon-only{padding-left:0;padding-right:0}.ds-button__GqWYnG--small.ds-button__GqWYnG--icon-start.sc-ds-button,.ds-button__GqWYnG--small.ds-button__GqWYnG--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG--small.sc-ds-button:not(.ds-button__GqWYnG--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__GqWYnG--small.ds-button__GqWYnG--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__GqWYnG--small.ds-button__GqWYnG--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__GqWYnG--small.sc-ds-button .ds-button__GqWYnG__icon.sc-ds-button{height:auto}.ds-button__GqWYnG--icon-start.sc-ds-button:not(.ds-button__GqWYnG--small) .ds-button__GqWYnG__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG--icon-end.sc-ds-button:not(.ds-button__GqWYnG--small) .ds-button__GqWYnG__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}`;
+const dsButtonCss = () => `.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__bQiYWO--full-width){width:100%}.ds-button__bQiYWO.sc-ds-button{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:default}.ds-button__bQiYWO__value[hidden].sc-ds-button{display:none}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--supplementary) .ds-button__bQiYWO__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO--supplementary.sc-ds-button:has(.ds-button__bQiYWO__spinner) .ds-button__bQiYWO__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO__icon.sc-ds-button{height:1.5rem}.ds-button__bQiYWO.sc-ds-button:has(.ds-button__bQiYWO__spinner):not(.ds-button__bQiYWO--small) .ds-button__bQiYWO__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO__spinner.sc-ds-button{display:flex}.ds-button__bQiYWO--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--small):not(.ds-button__bQiYWO--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--small).ds-button__bQiYWO--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--small).ds-button__bQiYWO--icon-only{padding-left:0;padding-right:0}.ds-button__bQiYWO--small.ds-button__bQiYWO--icon-start.sc-ds-button,.ds-button__bQiYWO--small.ds-button__bQiYWO--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO--small.sc-ds-button:not(.ds-button__bQiYWO--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__bQiYWO--small.ds-button__bQiYWO--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__bQiYWO--small.ds-button__bQiYWO--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__bQiYWO--small.sc-ds-button .ds-button__bQiYWO__icon.sc-ds-button{height:auto}.ds-button__bQiYWO--icon-start.sc-ds-button:not(.ds-button__bQiYWO--small) .ds-button__bQiYWO__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO--icon-end.sc-ds-button:not(.ds-button__bQiYWO--small) .ds-button__bQiYWO__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}`;
 class DsButton extends Mixin(componentFactory('ds-button'), ariaDeprecationFactory) {
     constructor(hostRef) {
@@ -9130,9 +9230,9 @@ const visuallyHiddenAssistiveText = () => {
     }
 };
-const dsCardCss = () => `.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__GqWYnG.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__GqWYnG--fluid-height.sc-ds-card{height:100%}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__GqWYnG.sc-ds-card .ds-card__GqWYnG__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__GqWYnG--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__GqWYnG--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__GqWYnG--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__GqWYnG__image-container.sc-ds-card{display:none}.ds-card__GqWYnG__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__GqWYnG.sc-ds-card:not(.ds-card__GqWYnG--vertical) .ds-card__GqWYnG__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__GqWYnG.sc-ds-card:not(.ds-card__GqWYnG--horizontal) .ds-card__GqWYnG__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__GqWYnG--link--full.sc-ds-card .ds-card__GqWYnG__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__GqWYnG__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__GqWYnG__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__GqWYnG__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__GqWYnG__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__GqWYnG__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__GqWYnG__content--bottom.sc-ds-card{order:4}.ds-card__GqWYnG__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__GqWYnG__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__GqWYnG__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__GqWYnG__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__GqWYnG__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__GqWYnG__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card:not(.ds-card__GqWYnG__link--full):hover,.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card:not(.ds-card__GqWYnG__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link--heading.sc-ds-card:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-card__GqWYnG__subtitle.sc-ds-card,.ds-card__GqWYnG__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__GqWYnG__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__GqWYnG__slot-subtitle--hidden.sc-ds-card{display:none}`;
+const dsCardCss = () => `.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__bQiYWO.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__bQiYWO--fluid-height.sc-ds-card{height:100%}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover .ds-card__bQiYWO__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover .ds-card__bQiYWO__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover .ds-card__bQiYWO__link--heading.sc-ds-card{text-decoration:none}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active .ds-card__bQiYWO__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active .ds-card__bQiYWO__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active .ds-card__bQiYWO__link--heading.sc-ds-card{text-decoration:none}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__bQiYWO.sc-ds-card .ds-card__bQiYWO__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__bQiYWO--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__bQiYWO--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__bQiYWO--horizontal.sc-ds-card .ds-card__bQiYWO__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__bQiYWO--horizontal.sc-ds-card .ds-card__bQiYWO__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__bQiYWO--horizontal.sc-ds-card .ds-card__bQiYWO__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__bQiYWO--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__bQiYWO__image-container.sc-ds-card{display:none}.ds-card__bQiYWO__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__bQiYWO.sc-ds-card:not(.ds-card__bQiYWO--vertical) .ds-card__bQiYWO__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__bQiYWO.sc-ds-card:not(.ds-card__bQiYWO--horizontal) .ds-card__bQiYWO__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__bQiYWO--link--full.sc-ds-card .ds-card__bQiYWO__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__bQiYWO__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__bQiYWO__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__bQiYWO__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__bQiYWO__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__bQiYWO__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__bQiYWO__content--bottom.sc-ds-card{order:4}.ds-card__bQiYWO__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__bQiYWO__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__bQiYWO__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__bQiYWO__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__bQiYWO__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__bQiYWO__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link.sc-ds-card:not(.ds-card__bQiYWO__link--full):hover,.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link.sc-ds-card:not(.ds-card__bQiYWO__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link--heading.sc-ds-card:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-card__bQiYWO__subtitle.sc-ds-card,.ds-card__bQiYWO__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__bQiYWO__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__bQiYWO__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__bQiYWO__slot-subtitle--hidden.sc-ds-card{display:none}`;
-class DsCard extends Mixin(componentFactory('ds-card')) {
+class DsCard extends Mixin(componentFactory('ds-card', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -9233,17 +9333,17 @@ class DsCard extends Mixin(componentFactory('ds-card')) {
         const DsIcon = transformTagName('ds-icon', 'ds-card', this.el);
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (hAsync("article", { key: '2d1791ded132fe0555b0da15fd65dd80852e3b6f', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, hAsync("div", { key: 'e5e0c69a95b9ae7ffe13947b05281228ce621f23', class: `${baseClass}__content` }, hAsync("div", { key: '3f852d0e6a15f3cd06851ff93735555fe62a83be', class: {
+        return (hAsync("article", { key: '41808a70da575e82d6d2cf5e621bac6e40bfabec', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, hAsync("div", { key: '35b37eb71503a2f60b5cb4f833bdb9a2e2c85ade', class: `${baseClass}__content` }, hAsync("div", { key: 'f7e01ade3faf680d832be025e099e427cec32618', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, hAsync("div", { key: '82d318b9df697613d65ec7fbcb97979697539d8c', class: `${baseClass}__heading-container` }, this.dsUrl && this.dsLinkType !== 'none' ? (hAsync(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, hAsync("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, hAsync("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && hAsync(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (hAsync(HeadingTag, { class: `${baseClass}__heading` }, hAsync("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && hAsync("span", { key: 'b3c42ce29e5bac045d61b6e5928de4e750e5b7c9', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && hAsync("div", { key: '0953630b76867f8d1192c3bec394de66de222b52', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && hAsync("div", { key: 'e01ac46bfd6023d67a629b3f60560c4cc1f0e86c', class: `${baseClass}__subtitle` }, this.dsSubtitle), hAsync("div", { key: '10fa359e507bb3f3414fce207ab6886883190fc2', class: classNames(`${baseClass}__slot-subtitle`, {
+            } }, hAsync("div", { key: 'f94f79d954063e786aca429d1bb761279d40f77c', class: `${baseClass}__heading-container` }, this.dsUrl && this.dsLinkType !== 'none' ? (hAsync(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, hAsync("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, hAsync("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && hAsync(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (hAsync(HeadingTag, { class: `${baseClass}__heading` }, hAsync("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && hAsync("span", { key: '03ef028e21b997ed1b756a26295085323b8152d8', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && hAsync("div", { key: '870aa4582ec543207beed525c64223d5c50c1097', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && hAsync("div", { key: 'e428ded7a56924682d7867a738e15779cf1a20d0', class: `${baseClass}__subtitle` }, this.dsSubtitle), hAsync("div", { key: '33b11717c4d26687f8b6178a28f706666233f6bf', class: classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, hAsync("slot", { key: '6acc8c509822e413ac1471f6cd8d51a7231898a8', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && hAsync(DsIcon, { key: '843b9fab2fe7b9d216134d9405f68c941c60ad09', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && (hAsync("p", { key: 'ea6fb67e2dfe971bcfda82406bc3d7d51026ad39', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), hAsync("div", { key: '4014a8121fe0a2aeab83a4ec1a7b6cc581a7b4bb', class: classNames(`${baseClass}__content--bottom`, {
+            }) }, hAsync("slot", { key: '4997e6d29fe4c4e3d4f9220757203114fdff6d31', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && hAsync(DsIcon, { key: '673726a3f75490df90c6410428c809ac24462c40', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && (hAsync("p", { key: '8b908426f69a535ffa113853b4fdfece2d4c7be5', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), hAsync("div", { key: 'a6e7ebfd7575619c583517b18071de70a929388e', class: classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, hAsync("div", { key: 'f8ec649a229fa8f9e7ff79f3bff55d4b3a927d24', class: `${baseClass}__slot--content` }, hAsync("slot", { key: '96c2d0fe15945e3361940c876d364caf08c0a400', name: "content" })), hAsync("div", { key: '96b5fc73d537f06f5dc26a4272adb5e7a5e4bf86', class: `${baseClass}__slot--footer` }, hAsync("slot", { key: '58792731bfcf10898b016ac0955e5e06b0e21838', name: "footer" }))), hAsync("div", { key: 'c94713daa390c7cd69c5043a02bea796623c2a1a', class: {
+            }) }, hAsync("div", { key: '1a6af379a126ad7564afcd2360d0c5cf62853e84', class: `${baseClass}__slot--content` }, hAsync("slot", { key: '354017007608d822f6511992f122e78b985d3423', name: "content" })), hAsync("div", { key: '10682ef015f1210658ae2aa9b0715bac5489afe4', class: `${baseClass}__slot--footer` }, hAsync("slot", { key: '27e46551edb8cdf9d0bcc457f0edf4f6d30d3845', name: "footer" }))), hAsync("div", { key: 'ba818d77d4caa8f8d0eb18ee396d265df9034ace', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, hAsync("slot", { key: '6c9b6abc479e96825bba2aec084c3d0edb36bd3d', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, hAsync("slot", { key: 'bd8f1d052e1ac6c23aa1069fcfff4a4ff4cc2d7e', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
     static get style() { return dsCardCss(); }
     static get cmpMeta() { return {
@@ -9671,7 +9771,7 @@ const disableEventsFactory = (Base) => {
     return DisableEvents;
 };
-const dsCheckboxCss = () => `.ds-checkbox__GqWYnG-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__GqWYnG-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__GqWYnG-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__GqWYnG.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:hover,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__GqWYnG__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked:hover,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked:active,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked:disabled,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox::before{content:"";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:checked::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>")}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:indeterminate::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>")}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:checked:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>")}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>")}.ds-checkbox__GqWYnG--no-margin.sc-ds-checkbox .ds-checkbox__GqWYnG__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__GqWYnG--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__GqWYnG__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__GqWYnG.sc-ds-checkbox:has(.ds-checkbox__GqWYnG__input:disabled){cursor:not-allowed}.ds-checkbox__GqWYnG-error.sc-ds-checkbox{display:flex}.ds-checkbox__GqWYnG-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}`;
+const dsCheckboxCss = () => `.ds-checkbox__bQiYWO-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__bQiYWO-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__bQiYWO-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__bQiYWO.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:hover,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__bQiYWO__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked:hover,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked:active,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked:disabled,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox::before{content:"";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:checked::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>")}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:indeterminate::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>")}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:checked:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>")}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>")}.ds-checkbox__bQiYWO--no-margin.sc-ds-checkbox .ds-checkbox__bQiYWO__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__bQiYWO--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__bQiYWO__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__bQiYWO.sc-ds-checkbox:has(.ds-checkbox__bQiYWO__input:disabled){cursor:not-allowed}.ds-checkbox__bQiYWO-error.sc-ds-checkbox{display:flex}.ds-checkbox__bQiYWO-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}`;
 class DsCheckbox extends Mixin(componentFactory('ds-checkbox'), ariaDeprecationFactory, disableEventsFactory) {
     constructor(hostRef) {
@@ -9999,9 +10099,9 @@ class DsCheckbox extends Mixin(componentFactory('ds-checkbox'), ariaDeprecationF
 }
 declareComponentDependencies([hAsync("ds-input-validity", null)]);
-const dsCheckboxGroupCss = () => `.ds-checkbox-group__GqWYnG.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__GqWYnG__legend.sc-ds-checkbox-group{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__GqWYnG__assistive-text.sc-ds-checkbox-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__GqWYnG__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__GqWYnG__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__GqWYnG.sc-ds-checkbox-group>.ds-checkbox-group__GqWYnG__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__GqWYnG--inset.sc-ds-checkbox-group{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__GqWYnG--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__GqWYnG__checkboxes.sc-ds-checkbox-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}`;
+const dsCheckboxGroupCss = () => `.ds-checkbox-group__bQiYWO.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__bQiYWO__legend.sc-ds-checkbox-group{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__bQiYWO__assistive-text.sc-ds-checkbox-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__bQiYWO__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__bQiYWO__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__bQiYWO.sc-ds-checkbox-group>.ds-checkbox-group__bQiYWO__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__bQiYWO--inset.sc-ds-checkbox-group{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__bQiYWO--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__bQiYWO__checkboxes.sc-ds-checkbox-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}`;
-class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
+class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -10148,7 +10248,7 @@ class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
     dsNameObserver(newValue) {
         this.dsCheckboxGroupNameChange.emit(newValue);
     }
-    listenIndeterminateChildChange(event) {
+    handleDsCheckboxGroupIndeterminateChildChange(event) {
         this.indeterminateChildCheckboxCount = event.detail.indeterminate ? this.indeterminateChildCheckboxCount + 1 : this.indeterminateChildCheckboxCount - 1;
     }
     childElementsCountObserver(newValue, oldValue) {
@@ -10181,7 +10281,7 @@ class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
     updateCheckedChildElementCount = (checked) => {
         this.checkedChildElementCount += checked ? 1 : -1;
     };
-    listenCheckboxChange(event) {
+    handleInput(event) {
         if (this.checkboxElem && event.composedPath().includes(this.checkboxElem)) {
             this.checkedChildElementCount = this.checkboxElem.dsChecked ? this.childElementsCount : 0;
             this.updateChildElementsChecked(this.checkboxElem.dsChecked);
@@ -10201,7 +10301,7 @@ class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
             }
         }
     }
-    listenCheckboxGroupChange(event) {
+    handleDsCheckboxGroupChange(event) {
         if (this.getChildElements().includes(event.target)) {
             event.stopPropagation();
             this.updateCheckedChildElementCount(event.detail.checked);
@@ -10216,10 +10316,10 @@ class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
             });
         }
     }
-    listenFocus(e) {
+    handleDsFocus(e) {
         this.focusedChildCheckbox = e.detail;
     }
-    listenBlur(e) {
+    handleDsBlur(e) {
         this.childBlurTimeout = setTimeout(() => {
             if (e.detail === this.focusedChildCheckbox) {
                 this.focusedChildCheckbox = undefined;
@@ -10303,7 +10403,7 @@ class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
         const checkboxesClasses = classNames(`${baseClass}__checkboxes`);
         const DsCheckbox = transformTagName('ds-checkbox', 'ds-checkbox-group', this.el);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-checkbox-group', this.el);
-        return (hAsync("fieldset", { key: '9f1362636f810e0859f32c6db67b44bb2120e58c', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (hAsync("legend", { key: 'ea7ddbdf71331dcfbc0f2347868c2204d2293643', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (hAsync("small", { key: '12f225cea1c9a4060dc70cdfb51ad88a531b98ae', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (hAsync(Fragment, null, hAsync(DsCheckbox, { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate, dsErrorText: this.dsErrorText, dsErrorsDisabled: true }), hAsync("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, hAsync("slot", null)))) : (hAsync("div", { class: checkboxesClasses }, hAsync("slot", null))), hAsync("div", { key: '36759bb74a473fad8715ee9d09b28e806e79874b', class: errorClasses }, hAsync(DsInputValidity, { key: '4b141627fdf10a009f29cf6e3c585e7035a5a87e', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }))));
+        return (hAsync("fieldset", { key: '2b31f0afbe3f018200b982bd6900e8900cdcbbd3', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (hAsync("legend", { key: '22c782f28d747ff0472108aadcf113b1266de9bf', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (hAsync("small", { key: 'bdb80226c6b9136efa9492ffbd9e059f096a94c9', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (hAsync(Fragment, null, hAsync(DsCheckbox, { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate, dsErrorText: this.dsErrorText, dsErrorsDisabled: true }), hAsync("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, hAsync("slot", null)))) : (hAsync("div", { class: checkboxesClasses }, hAsync("slot", null))), hAsync("div", { key: '143f532e903dcf3080b4bf7f6d438bbc700ae6c7', class: errorClasses }, hAsync(DsInputValidity, { key: 'c1b07837ef7a05c2ffba793720cfad817f2d6f76', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -10377,14 +10477,14 @@ class DsCheckboxGroup extends Mixin(componentFactory('ds-checkbox-group')) {
             "childConnected": [64],
             "childDisconnected": [64]
         },
-        "$listeners$": [[0, "dsCheckboxGroupIndeterminateChildChange", "listenIndeterminateChildChange"], [0, "input", "listenCheckboxChange"], [0, "dsCheckboxGroupChange", "listenCheckboxGroupChange"], [0, "dsFocus", "listenFocus"], [0, "dsBlur", "listenBlur"]],
+        "$listeners$": [[0, "dsCheckboxGroupIndeterminateChildChange", "handleDsCheckboxGroupIndeterminateChildChange"], [0, "input", "handleInput"], [0, "dsCheckboxGroupChange", "handleDsCheckboxGroupChange"], [0, "dsFocus", "handleDsFocus"], [0, "dsBlur", "handleDsBlur"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-checkbox", null), hAsync("ds-checkbox-group", null), hAsync("ds-input-validity", null)]);
-const dsChipCss = () => `.ds-chip__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__GqWYnG{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__GqWYnG:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__GqWYnG:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__GqWYnG__text{padding:0 var(--ds-spacing-3xSmall)}`;
+const dsChipCss = () => `.ds-chip__bQiYWO:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__bQiYWO{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__bQiYWO:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__bQiYWO:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__bQiYWO__text{padding:0 var(--ds-spacing-3xSmall)}`;
 const parseName = (newValue, currValue) => {
     return newValue || currValue;
@@ -10450,7 +10550,7 @@ class DsChip extends Mixin(componentFactory('ds-chip'), ariaDeprecationFactory)
         };
         forceUpdate$1(this);
     }
-    onClick() {
+    handleClick() {
         this.dsClick.emit(this.dsValue);
     }
     render() {
@@ -10461,7 +10561,7 @@ class DsChip extends Mixin(componentFactory('ds-chip'), ariaDeprecationFactory)
         const ariaLabel = this.dsAriaLabel ?? this.inheritedAttributes['aria-label'];
         const Elem = resolvedRole ? 'div' : Fragment;
         const restAttributes = omit(this.inheritedAttributes, ['role', 'aria-label']);
-        return (hAsync(Elem, { key: '78aa1823f1fb9176f63c14d6f1955b83fa7115f2', role: resolvedRole }, hAsync("button", { key: '25ee0ae57d1a4d7540d7f58520dc2f6a38e8052e', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, "aria-label": ariaLabel, ...restAttributes }, hAsync("slot", { key: '6a4be2105331431f86b71703eecdc8d0e6e8f93c', name: "prefix" }, this.dsIcon && hAsync(DsIcon, { key: '672bf282ea5a9bd7757156192f467399d47a141f', dsName: this.dsIcon, dsSize: "1rem" })), hAsync("span", { key: 'd5c793cb0dc19f2e8c6c1427fdb92050d702f082', class: `${baseClass}__text` }, hAsync("slot", { key: 'ad4a14352e961465fd721c5ed269f4d20950934d' }, this.dsText), hAsync(DsVisuallyHidden, { key: '8d3458b2c19349cc06310f81b583919a338b5723', dsTag: "span" }, ", ", removeSelection())), hAsync(DsIcon, { key: 'ffa0ecae1ccf261abc1c3bbd342e048e680b49e1', dsName: "close", dsSize: "1rem" }))));
+        return (hAsync(Elem, { key: 'f983e1b4fe07f9eeed524dd5e4060f4c24b93699', role: resolvedRole }, hAsync("button", { key: '978d753167b4473b9140856c7aaf5cff3e11f2fe', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, "aria-label": ariaLabel, ...restAttributes }, hAsync("slot", { key: 'b12c9a1e7abf7ac8abf3f0d698f53950c9f59549', name: "prefix" }, this.dsIcon && hAsync(DsIcon, { key: '351d5aa58c3f9329dfc4d5fd4d11b267ed9e5e0d', dsName: this.dsIcon, dsSize: "1rem" })), hAsync("span", { key: '5356d617c2270322b8cafd633cd00eba13c38122', class: `${baseClass}__text` }, hAsync("slot", { key: 'd3eb97ea2f6e803db178a7cc631483e36d2f8c9b' }, this.dsText), hAsync(DsVisuallyHidden, { key: 'e21034448a8ad20dad12853ae59ce424f56d8e60', dsTag: "span" }, ", ", removeSelection())), hAsync(DsIcon, { key: '3d1b5815acd5db98a8655241e05c704f7d47d1bf', dsName: "close", dsSize: "1rem" }))));
     }
     static get watchers() { return {
         "dsName": [{
@@ -10492,16 +10592,16 @@ class DsChip extends Mixin(componentFactory('ds-chip'), ariaDeprecationFactory)
             "name": [32],
             "setFocus": [64]
         },
-        "$listeners$": [[0, "click", "onClick"]],
+        "$listeners$": [[0, "click", "handleClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["dsValue", "ds-value"]]
     }; }
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-visually-hidden", null)]);
-const dsChipGroupCss = () => `.ds-chip-group__GqWYnG__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
+const dsChipGroupCss = () => `.ds-chip-group__bQiYWO__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
-class DsChipGroup extends Mixin(componentFactory('ds-chip-group'), ariaDeprecationFactory) {
+class DsChipGroup extends Mixin(componentFactory('ds-chip-group', { stopRootTracking: true }), ariaDeprecationFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -10645,7 +10745,7 @@ class DsChipGroup extends Mixin(componentFactory('ds-chip-group'), ariaDeprecati
     dsMaxItemsObserver(newValue) {
         this.setValidity({ dsMaxItems: newValue });
     }
-    onChipClick(e) {
+    handleDsClick(e) {
         if (this.childChips.includes(e.target)) {
             this.dsChipClick.emit(e.detail);
         }
@@ -10657,7 +10757,7 @@ class DsChipGroup extends Mixin(componentFactory('ds-chip-group'), ariaDeprecati
         const ariaDescribedBy = this.dsAriaDescribedby || attrAriaDescribedBy || [!!this.dsAssistiveText && assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
         const errorTextId = `${this.dsId}-error-text`;
-        return (hAsync("div", { key: '3e891ff4382e82c7096f0e7b70c47c4fb7b4ae20', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), ...ifDefined('aria-describedby', ariaDescribedBy), ...ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, hAsync(this.DsGroupLabel, { key: 'ef0a1805c2d3d8be2d341b5b1629f60a3677cf84', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, hAsync("slot", { key: '62d5fd1b14df8854ff51974e806000429f99d437', name: "label" }), hAsync("slot", { key: 'f1382d4ab634117707406118272c55809b9d33ba', name: "assistiveText" })), hAsync("div", { key: '10dadc52350f45ec04e50e2df8e2f407ea7be26b', role: "list", class: `${baseClass}__chips` }, hAsync("slot", { key: '34d15e6790db57713e82b192e1317dee32919191' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => hAsync("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), hAsync(this.DsInputValidity, { key: '23959e8f0520f686d1dfb6e285490d31303bf1ed', id: errorTextId, dsText: this.dsErrorText, dsType: "error" })));
+        return (hAsync("div", { key: '4ababae35585e255c0a113e4841af4d9efe140a6', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), ...ifDefined('aria-describedby', ariaDescribedBy), ...ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, hAsync(this.DsGroupLabel, { key: 'cf458c09e8a31ada663516781096d5c373fa1d68', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, hAsync("slot", { key: '62fce22b818aa90866628b942500742f37e07a88', name: "label" }), hAsync("slot", { key: '1c716f1105fbe74d2a5e72a40f7237a586d46f12', name: "assistiveText" })), hAsync("div", { key: '3f02a975d23cdec126b53c1c1ff1508b61ba0eb6', role: "list", class: `${baseClass}__chips` }, hAsync("slot", { key: '63f1039a8aa2a5ec7cfd33f15052988a6c6dbf41' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => hAsync("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), hAsync(this.DsInputValidity, { key: '98b5b3a5a46d4eab0847e98e0d74dab2b64e1e97', id: errorTextId, dsText: this.dsErrorText, dsType: "error" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -10701,7 +10801,7 @@ class DsChipGroup extends Mixin(componentFactory('ds-chip-group'), ariaDeprecati
             "childConnected": [64],
             "childDisconnected": [64]
         },
-        "$listeners$": [[0, "dsClick", "onChipClick"]],
+        "$listeners$": [[0, "dsClick", "handleDsClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["dsMinItems", "ds-min-items"], ["dsMaxItems", "ds-max-items"]]
     }; }
@@ -10750,9 +10850,9 @@ const multipleValueFactory = (Base) => {
     return BaseMultiple;
 };
-const dsComboboxCss = () => `.sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__GqWYnG--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__GqWYnG__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__GqWYnG__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__GqWYnG__input-container--disabled.sc-ds-combobox .ds-combobox__GqWYnG__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__GqWYnG__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__GqWYnG__input-container--invalid.sc-ds-combobox:not(.ds-combobox__GqWYnG__input-container--open):not(.ds-combobox__GqWYnG__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__GqWYnG__input-container--invalid.sc-ds-combobox:not(.ds-combobox__GqWYnG__input-container--open):not(.ds-combobox__GqWYnG__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__GqWYnG__input-container.sc-ds-combobox:active:not(.ds-combobox__GqWYnG__input-container--invalid,.ds-combobox__GqWYnG__input-container--disabled.sc-ds-combobox,.ds-combobox__GqWYnG__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__GqWYnG__input-container.sc-ds-combobox:not(.ds-combobox__GqWYnG__input-container--open,.ds-combobox__GqWYnG__input-container.sc-ds-combobox:has(>.ds-combobox__GqWYnG__input-container__clear-button>button:focus),.ds-combobox__GqWYnG__input-container--invalid.sc-ds-combobox,.ds-combobox__GqWYnG__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__GqWYnG__input-container.sc-ds-combobox:has(>.ds-combobox__GqWYnG__input-container__input:focus),.ds-combobox__GqWYnG__input-container.sc-ds-combobox:has(>.ds-combobox__GqWYnG__input-container__clear-button>button:focus){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-combobox__GqWYnG__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__GqWYnG__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__GqWYnG__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__GqWYnG__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__GqWYnG__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__GqWYnG__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__GqWYnG__input-container__icon.sc-ds-combobox+.ds-combobox__GqWYnG__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__GqWYnG__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__GqWYnG__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__GqWYnG__input-container__clear-button.sc-ds-combobox,.ds-combobox__GqWYnG__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__GqWYnG__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__GqWYnG__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__GqWYnG__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__GqWYnG__options-container.sc-ds-combobox{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-combobox__GqWYnG__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__GqWYnG__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__GqWYnG__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__GqWYnG__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__GqWYnG__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__GqWYnG__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__GqWYnG__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__GqWYnG__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__GqWYnG__options-container__options__inner__top-scrim--dark.sc-ds-combobox{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:var(--ds-shadow-overflow)}.ds-combobox__GqWYnG__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
+const dsComboboxCss = () => `.sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__bQiYWO--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__bQiYWO__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__bQiYWO__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__bQiYWO__input-container--disabled.sc-ds-combobox .ds-combobox__bQiYWO__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__bQiYWO__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__bQiYWO__input-container--invalid.sc-ds-combobox:not(.ds-combobox__bQiYWO__input-container--open):not(.ds-combobox__bQiYWO__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__bQiYWO__input-container--invalid.sc-ds-combobox:not(.ds-combobox__bQiYWO__input-container--open):not(.ds-combobox__bQiYWO__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__bQiYWO__input-container.sc-ds-combobox:active:not(.ds-combobox__bQiYWO__input-container--invalid,.ds-combobox__bQiYWO__input-container--disabled.sc-ds-combobox,.ds-combobox__bQiYWO__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__bQiYWO__input-container.sc-ds-combobox:not(.ds-combobox__bQiYWO__input-container--open,.ds-combobox__bQiYWO__input-container.sc-ds-combobox:has(>.ds-combobox__bQiYWO__input-container__clear-button>button:focus),.ds-combobox__bQiYWO__input-container--invalid.sc-ds-combobox,.ds-combobox__bQiYWO__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__bQiYWO__input-container.sc-ds-combobox:has(>.ds-combobox__bQiYWO__input-container__input:focus),.ds-combobox__bQiYWO__input-container.sc-ds-combobox:has(>.ds-combobox__bQiYWO__input-container__clear-button>button:focus){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-combobox__bQiYWO__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__bQiYWO__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__bQiYWO__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__bQiYWO__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__bQiYWO__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__bQiYWO__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__bQiYWO__input-container__icon.sc-ds-combobox+.ds-combobox__bQiYWO__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__bQiYWO__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__bQiYWO__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__bQiYWO__input-container__clear-button.sc-ds-combobox,.ds-combobox__bQiYWO__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__bQiYWO__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__bQiYWO__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__bQiYWO__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__bQiYWO__options-container.sc-ds-combobox{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-combobox__bQiYWO__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__bQiYWO__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__bQiYWO__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__bQiYWO__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__bQiYWO__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__bQiYWO__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__bQiYWO__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__bQiYWO__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__bQiYWO__options-container__options__inner__top-scrim--dark.sc-ds-combobox{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:var(--ds-shadow-overflow)}.ds-combobox__bQiYWO__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
-class DsCombobox extends Mixin(componentFactory('ds-combobox'), multipleValueFactory, disableEventsFactory) {
+class DsCombobox extends Mixin(componentFactory('ds-combobox', { stopRootTracking: true }), multipleValueFactory, disableEventsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -11008,29 +11108,29 @@ class DsCombobox extends Mixin(componentFactory('ds-combobox'), multipleValueFac
             return;
         this.closeCombobox('select');
     }
-    onDsClick(event) {
+    handleDsClick(event) {
         this.handleOptionClick(event.target);
     }
-    onDsMounted(event) {
+    handleDsMounted(event) {
         const option = event.target;
         option.dsFocusOnActiveChange = false;
         option.dsMouseDownPreventDefault = true;
     }
-    onDsValueChange(event) {
+    handleDsValueChange(event) {
         if (this.selectedOptions.some(opt => opt.dsValue === event.detail.oldValue)) {
             const valueWithoutOld = this.withoutValue(event.detail.oldValue);
             this.value = event.detail.newValue ? [...(valueWithoutOld || []), event.detail.newValue] : valueWithoutOld;
         }
     }
-    onDsLabelChange(event) {
+    handleDsLabelChange(event) {
         if (this.selectedOptions.some(opt => opt.dsValue === event.detail.value)) {
             this.setInputValue(this.inputValue.replace(event.detail.oldLabel, event.detail.newLabel));
         }
     }
-    onFocusIn() {
+    handleFocusIn() {
         this.hasFocus = true;
     }
-    onFocusOut(e) {
+    handleFocusOut(e) {
         const nextFocused = e && 'relatedTarget' in e ? e.relatedTarget : null;
         const lostFocus = !nextFocused || !this.el.contains(nextFocused);
         if (lostFocus) {
@@ -11522,17 +11622,18 @@ class DsCombobox extends Mixin(componentFactory('ds-combobox'), multipleValueFac
             "getSelectedOption": [64],
             "getSelectedOptions": [64]
         },
-        "$listeners$": [[0, "dsClick", "onDsClick"], [0, "dsMounted", "onDsMounted"], [0, "dsValueChange", "onDsValueChange"], [0, "dsLabelChange", "onDsLabelChange"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"]],
+        "$listeners$": [[0, "dsClick", "handleDsClick"], [0, "dsMounted", "handleDsMounted"], [0, "dsValueChange", "handleDsValueChange"], [0, "dsLabelChange", "handleDsLabelChange"], [0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-button", null), hAsync("ds-options-message", null), hAsync("ds-input-validity", null), hAsync("ds-control-label", null), hAsync("ds-feedback", null)]);
-const dsControlLabelCss = () => `.ds-control-label__GqWYnG__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__GqWYnG{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__GqWYnG:empty{display:none}`;
+const dsControlLabelCss = () => `.ds-control-label__bQiYWO__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__bQiYWO{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__bQiYWO:empty{display:none}`;
-class DsControlLabel {
+class DsControlLabel extends Mixin(componentFactory('ds-control-label')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     inheritedAttributes = {};
@@ -11559,6 +11660,9 @@ class DsControlLabel {
             ...inheritAttributes(this, this.el),
         };
     }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     getLabelText = () => {
         if (this.dsRequired) {
             return getRequiredText(this.dsLabel);
@@ -11570,7 +11674,7 @@ class DsControlLabel {
     };
     render() {
         const baseClass = cx('ds-control-label');
-        return (hAsync("div", { key: 'fab508f4e3fa50aac9e734414eaa1f73c4483107', class: baseClass }, hAsync("slot", { key: 'e483813e2f15ee7410400149ea53807f2f0f15ef', name: "label" }, this.dsLabel && (hAsync("label", { key: 'af75b193d8fc93e60ed5e4c60ce5f18cf7a93552', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), hAsync("slot", { key: '50194ab5f50307640b651281ba4f9827957b026c', name: "assistiveText" }, this.dsAssistiveText && hAsync(this.DsAssistiveText, { key: 'cdd90c6b958c5234479e1eda45cf7a57bec439f3', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (hAsync(this.DsVisuallyHidden, { key: 'feeee3fe0deb641b92692c2fb0940fc27ccec957', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
+        return (hAsync("div", { key: '74111ceaa165c74e43df9bbd15a3bbfd2704f93b', class: baseClass }, hAsync("slot", { key: 'afbd5efbc7ecf02146d026242419cdeca0bd895e', name: "label" }, this.dsLabel && (hAsync("label", { key: '00eea258bacd8302c32627bbf1e8d1d5a339edf7', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), hAsync("slot", { key: '354218a4ca19a77c1bfaca7d397cf44baf2438d8', name: "assistiveText" }, this.dsAssistiveText && hAsync(this.DsAssistiveText, { key: '7f5dc0c193c5df880bdfaf2a95adb486c435b78f', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (hAsync(this.DsVisuallyHidden, { key: 'e4da623a56ed0ee1829917bdc4733d120e8ba93b', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
     }
     static get style() { return dsControlLabelCss(); }
     static get cmpMeta() { return {
@@ -11910,9 +12014,9 @@ const selectYear = () => t('Valitse vuosi', 'Välj år', 'Select year');
 const dsDatepickerCss = () => ``;
-const datepickerIdGenerator = idGenerator('ds-datepicker');
-class DsDatepicker {
+class DsDatepicker extends Mixin(componentFactory('ds-datepicker', { stopRootTracking: true })) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsChange = createEvent(this, "dsChange", 7);
         this.dsSubmitInvalid = createEvent(this, "dsSubmitInvalid", 7);
@@ -11927,7 +12031,7 @@ class DsDatepicker {
     dsBlur;
     dsFocus;
     dsForm;
-    dsId = datepickerIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsName = this.dsId;
     dsLabel = '';
     dsPlaceholder;
@@ -11955,6 +12059,9 @@ class DsDatepicker {
     get isSimple() {
         return this.dsVariant === 'simple';
     }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     handleChange = (event) => {
         event.stopPropagation();
         this.dsChange.emit(event.detail);
@@ -12052,7 +12159,7 @@ class DsDatepicker {
 }
 declareComponentDependencies([hAsync("ds-datepicker-native", null), hAsync("ds-datepicker-custom", null), hAsync("ds-datepicker-simple", null)]);
-const dsDatepickerCustomCss = () => `.ds-no-style-leak.sc-ds-datepicker-custom *.sc-ds-datepicker-custom{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-custom-h{display:inline-block;width:18rem}.sc-ds-datepicker-custom-h>div.sc-ds-datepicker-custom{display:flex;flex-direction:column;position:relative}.ds-datepicker-custom__GqWYnG__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__GqWYnG.sc-ds-datepicker-custom{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-datepicker-custom__GqWYnG__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__GqWYnG__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__GqWYnG__picker.sc-ds-datepicker-custom{position:absolute;top:100%;width:100%;height:22.5rem;display:flex;flex-direction:column;background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__GqWYnG__header.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-small);margin-bottom:var(--ds-spacing-xSmall)}.ds-datepicker-custom__GqWYnG__selects.sc-ds-datepicker-custom{--ds-select-borderWidth:0;--ds-select-narrow-width:auto;--ds-select-wide-width:auto;--ds-select-height:var(--ds-spacing-large);--ds-select-dropdown-icon-border-left:none;--ds-select-selected-option-color:var(--ds-textColor-default);--ds-select-selected-option-font-size:var(--ds-fontSize-14);--ds-select-selected-option-font-weight:var(--ds-fontWeight-semibold);--ds-select-selected-option-padding:0;--ds-select-dropdown-icon-padding:0 var(--ds-spacing-4xSmall);--ds-select-selected-text-margin-right:var(--ds-spacing-3xSmall);display:flex;gap:var(--ds-spacing-xSmall);flex:1}.ds-datepicker-custom__GqWYnG__navigation.sc-ds-datepicker-custom{--ds-button-min-height:2rem;--ds-button-min-width:2rem;display:flex;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__GqWYnG__calendar.sc-ds-datepicker-custom{--ds-button-min-height:var(--ds-spacing-large);--ds-button-min-width:var(--ds-spacing-large);display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__GqWYnG__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__GqWYnG__calendar--next.sc-ds-datepicker-custom{animation:slide-in-from-right 250ms ease-out}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:translateX(0)}}.ds-datepicker-custom__GqWYnG__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__GqWYnG__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__GqWYnG__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__GqWYnG__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__GqWYnG__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__GqWYnG__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__GqWYnG__weekday.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-12);color:var(--ds-textColor-secondary)}.ds-datepicker-custom__GqWYnG__day.sc-ds-datepicker-custom{background:none;border:none;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-datepicker-custom__GqWYnG__day.sc-ds-datepicker-custom:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-custom__GqWYnG__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__GqWYnG__day--disabled,.ds-datepicker-custom__GqWYnG__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__GqWYnG__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__GqWYnG__day--disabled,.ds-datepicker-custom__GqWYnG__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__GqWYnG__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__GqWYnG__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__GqWYnG__day--today.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-bold);text-decoration:underline;text-decoration-thickness:13%;text-underline-offset:12%}.ds-datepicker-custom__GqWYnG__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__GqWYnG__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__GqWYnG__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__GqWYnG__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__GqWYnG__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__GqWYnG__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__GqWYnG__day--disabled.sc-ds-datepicker-custom{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-custom__GqWYnG__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__GqWYnG__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__GqWYnG__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}`;
+const dsDatepickerCustomCss = () => `.ds-no-style-leak.sc-ds-datepicker-custom *.sc-ds-datepicker-custom{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-custom-h{display:inline-block;width:18rem}.sc-ds-datepicker-custom-h>div.sc-ds-datepicker-custom{display:flex;flex-direction:column;position:relative}.ds-datepicker-custom__bQiYWO__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__bQiYWO.sc-ds-datepicker-custom{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-datepicker-custom__bQiYWO__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__bQiYWO__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__bQiYWO__picker.sc-ds-datepicker-custom{position:absolute;top:100%;width:100%;height:22.5rem;display:flex;flex-direction:column;background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__bQiYWO__header.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-small);margin-bottom:var(--ds-spacing-xSmall)}.ds-datepicker-custom__bQiYWO__selects.sc-ds-datepicker-custom{--ds-select-borderWidth:0;--ds-select-narrow-width:auto;--ds-select-wide-width:auto;--ds-select-height:var(--ds-spacing-large);--ds-select-dropdown-icon-border-left:none;--ds-select-selected-option-color:var(--ds-textColor-default);--ds-select-selected-option-font-size:var(--ds-fontSize-14);--ds-select-selected-option-font-weight:var(--ds-fontWeight-semibold);--ds-select-selected-option-padding:0;--ds-select-dropdown-icon-padding:0 var(--ds-spacing-4xSmall);--ds-select-selected-text-margin-right:var(--ds-spacing-3xSmall);display:flex;gap:var(--ds-spacing-xSmall);flex:1}.ds-datepicker-custom__bQiYWO__navigation.sc-ds-datepicker-custom{--ds-button-min-height:2rem;--ds-button-min-width:2rem;display:flex;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__bQiYWO__calendar.sc-ds-datepicker-custom{--ds-button-min-height:var(--ds-spacing-large);--ds-button-min-width:var(--ds-spacing-large);display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__bQiYWO__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__bQiYWO__calendar--next.sc-ds-datepicker-custom{animation:slide-in-from-right 250ms ease-out}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:translateX(0)}}.ds-datepicker-custom__bQiYWO__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__bQiYWO__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__bQiYWO__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__bQiYWO__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__bQiYWO__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__bQiYWO__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__bQiYWO__weekday.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-12);color:var(--ds-textColor-secondary)}.ds-datepicker-custom__bQiYWO__day.sc-ds-datepicker-custom{background:none;border:none;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-datepicker-custom__bQiYWO__day.sc-ds-datepicker-custom:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-custom__bQiYWO__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__bQiYWO__day--disabled,.ds-datepicker-custom__bQiYWO__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__bQiYWO__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__bQiYWO__day--disabled,.ds-datepicker-custom__bQiYWO__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__bQiYWO__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__bQiYWO__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__bQiYWO__day--today.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-bold);text-decoration:underline;text-decoration-thickness:13%;text-underline-offset:12%}.ds-datepicker-custom__bQiYWO__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__bQiYWO__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__bQiYWO__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__bQiYWO__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__bQiYWO__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__bQiYWO__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__bQiYWO__day--disabled.sc-ds-datepicker-custom{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-custom__bQiYWO__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__bQiYWO__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__bQiYWO__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}`;
 const ANNOUNCER_RESET_TIMEOUT = 2000;
 const INPUT_DEBOUNCE_TIMEOUT = 500;
@@ -12184,10 +12291,10 @@ class DsDatepickerCustom {
             this.focusDayButton();
         }
     }
-    onFocusIn() {
+    handleFocusIn() {
         this.hasFocus = true;
     }
-    onFocusOut(e) {
+    handleFocusOut(e) {
         const nextFocused = e && 'relatedTarget' in e ? e.relatedTarget : null;
         const lostFocus = !nextFocused || !this.el.contains(nextFocused);
         if (lostFocus) {
@@ -12648,11 +12755,11 @@ class DsDatepickerCustom {
         const hiddenAssistiveTextId = this.dsHiddenAssistiveText ? `${this.dsId}-hidden-assistive` : undefined;
         const validityId = this.validityText ? `${this.dsId}-validity` : undefined;
         const ariaDescribedbyValue = this.dsAriaDescribedby || undefined;
-        return (hAsync("div", { key: '69cadc9c7d50b820fb3c34a4703e08e0bd5f7c45' }, hAsync(this.DsControlLabel, { key: 'cf476515a6c9a69c37a19bb353284e2afa5c0ca7', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, hAsync("slot", { key: '1ff27a22333bedf503dd841c199ebe406162e8a4', name: "label" }), hAsync("slot", { key: '28f1cf72a81c381596904d5ef0426641ecd5e1be', name: "assistiveText" })), hAsync("div", { key: '8beaa3459ef8b3167029575ac40f275348e940a4', class: customDatepickerClass }, hAsync(this.DsTextInputTag, { key: '06d05b008d0c37b755bfc5f68a103da351a7a576', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue !== null ? this.inputValue : formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) }, hAsync(this.DsButtonTag, { key: 'aa5a74227bcd893bd7e9daaeac8240faf70686a6', ref: el => (this.calendarButtonRef = el), slot: "suffix", class: `${customDatepickerClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.handleCalendarButtonClick, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: this.calendarButtonAriaLabel, dsInInput: true, tabindex: this.dsDisabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false' }, hAsync(this.DsIconTag, { key: 'b9368dc0bc38ae1423eced9b582d6623a1e38df6', dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true }))), this.isOpen && (hAsync("div", { key: 'b4bdda1fe20b897af082f9e437afd04b8532ec01', ref: el => (this.pickerRef = el), class: `${customDatepickerClass}__picker`, role: "dialog", "aria-modal": "true", "aria-labelledby": `${this.dsId}-grid-label` }, hAsync(this.DsFeedbackTag, { key: '49c816903bfc42bd59de291186db2f5cd239b312', dsSrOnly: true, dsSrOnlyTag: "span" }, this.announcerText), hAsync("div", { key: '90ea515e369feae5b3c0da23f6bdab7e711e23c9', class: `${customDatepickerClass}__header` }, hAsync("div", { key: 'f8b3c89a37b4a95f2d407fff61e98c9931c507a5', id: `${this.dsId}-grid-label`, class: `${customDatepickerClass}__selects` }, hAsync(this.DsSelectTag, { key: '640c620120693aaacbbe6e5ce0363279a91deef8', dsId: `${this.dsId}-month`, dsValue: this.currentMonth.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: monthLabel(), dsAriaLabel: `${selectMonth()}, ${months[this.currentMonth]}`, onDsChange: this.handleMonthChange }, months.map((monthName, index) => (hAsync("option", { slot: "native", value: index.toString() }, monthName)))), hAsync(this.DsSelectTag, { key: '0b28bbd3eb40420510b5923012b45e0bbf13180a', dsId: `${this.dsId}-year`, dsValue: this.currentYear.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: yearLabel(), dsAriaLabel: `${selectYear()}, ${this.currentYear}`, onDsChange: this.handleYearChange }, yearOptions.map(year => (hAsync("option", { slot: "native", value: year.toString() }, year))))), hAsync("div", { key: '37208635fca239b0cad7479c564f12e8691201d4', class: `${customDatepickerClass}__navigation` }, hAsync(this.DsButtonTag, { key: '7fc174620743bf23a22f2108581351133571f51a', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: previousMonth(), onClick: () => this.handleChangeMonth('prev'), tabindex: 0 }, hAsync(this.DsIconTag, { key: 'c1cabd3eeb83cc8f552e465359e07f91e718c738', dsName: "chevron_backward", dsSize: "1rem", dsAriaHidden: true })), hAsync(this.DsButtonTag, { key: '21a1f12a0e24ea62390abb6b2c11546c6fe08750', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: nextMonth(), onClick: () => this.handleChangeMonth('next'), tabindex: 0 }, hAsync(this.DsIconTag, { key: 'c196c2a7be96068e0ec47ae79452bff321aceac2', dsName: "chevron_forward", dsSize: "1rem", dsAriaHidden: true })))), hAsync("div", { class: classNames(`${customDatepickerClass}__calendar`, {
+        return (hAsync("div", { key: '77350ee4df5e680b21f50de58f4894703e8bdd74' }, hAsync(this.DsControlLabel, { key: '901519cde4668655faddd44153f4853a0eef22b8', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, hAsync("slot", { key: 'd6e10af4bd8e8e2c6ca1029fd07cd7681eae2234', name: "label" }), hAsync("slot", { key: '412ca25a543a5d8ad14fa23e0bdf27e45687ead5', name: "assistiveText" })), hAsync("div", { key: 'ee91c7fa7c5dd236ea748dff785e3b3a6c30c60a', class: customDatepickerClass }, hAsync(this.DsTextInputTag, { key: '73201d6e9777c1bacbe317a1815747ad19439ba2', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue !== null ? this.inputValue : formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) }, hAsync(this.DsButtonTag, { key: 'e28ac7b40a4d56371319a5a92d4efc380af6bae2', ref: el => (this.calendarButtonRef = el), slot: "suffix", class: `${customDatepickerClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.handleCalendarButtonClick, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: this.calendarButtonAriaLabel, dsInInput: true, tabindex: this.dsDisabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false' }, hAsync(this.DsIconTag, { key: '18a1655a2d3b4f4874f4bdde19aa7358027be26f', dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true }))), this.isOpen && (hAsync("div", { key: '123fcc3b1845f92e2a02384bddfa43ba78797cec', ref: el => (this.pickerRef = el), class: `${customDatepickerClass}__picker`, role: "dialog", "aria-modal": "true", "aria-labelledby": `${this.dsId}-grid-label` }, hAsync(this.DsFeedbackTag, { key: '34721218d75aca559c8e6b1243ebafe0ae61d948', dsSrOnly: true, dsSrOnlyTag: "span" }, this.announcerText), hAsync("div", { key: '000ac41263a8395f38b8f20620e7e36d545602bf', class: `${customDatepickerClass}__header` }, hAsync("div", { key: '734e949edf5c6aeb4099192ad0e149d1a034386d', id: `${this.dsId}-grid-label`, class: `${customDatepickerClass}__selects` }, hAsync(this.DsSelectTag, { key: '0bed5ddbafd758a8211b0b38d9a9489bc0c5c301', dsId: `${this.dsId}-month`, dsValue: this.currentMonth.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: monthLabel(), dsAriaLabel: `${selectMonth()}, ${months[this.currentMonth]}`, onDsChange: this.handleMonthChange }, months.map((monthName, index) => (hAsync("option", { slot: "native", value: index.toString() }, monthName)))), hAsync(this.DsSelectTag, { key: 'df222c0fb842a150b13092351fd0eb8663446246', dsId: `${this.dsId}-year`, dsValue: this.currentYear.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: yearLabel(), dsAriaLabel: `${selectYear()}, ${this.currentYear}`, onDsChange: this.handleYearChange }, yearOptions.map(year => (hAsync("option", { slot: "native", value: year.toString() }, year))))), hAsync("div", { key: '512c56f683a379097b9d8aa4c8d7ef4cd6531f73', class: `${customDatepickerClass}__navigation` }, hAsync(this.DsButtonTag, { key: 'f4fc6f5dd2a88010b92909d87f024caab03656d4', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: previousMonth(), onClick: () => this.handleChangeMonth('prev'), tabindex: 0 }, hAsync(this.DsIconTag, { key: '0174b1aa004106f43f3caf3b3187755453b65d48', dsName: "chevron_backward", dsSize: "1rem", dsAriaHidden: true })), hAsync(this.DsButtonTag, { key: '9ab1b63f4479ae62f2dfa6b3ab5bff65781e7d51', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: nextMonth(), onClick: () => this.handleChangeMonth('next'), tabindex: 0 }, hAsync(this.DsIconTag, { key: '17d748028457f93c15a6d540744b15d7c43d4935', dsName: "chevron_forward", dsSize: "1rem", dsAriaHidden: true })))), hAsync("div", { class: classNames(`${customDatepickerClass}__calendar`, {
                 [`${customDatepickerClass}__calendar--transitioning`]: this.transitionDirection !== null,
                 [`${customDatepickerClass}__calendar--prev`]: this.transitionDirection === 'prev',
                 [`${customDatepickerClass}__calendar--next`]: this.transitionDirection === 'next',
-            }), key: this.transitionKey, role: "grid", "aria-label": `${months[this.currentMonth]} ${this.currentYear}`, onAnimationEnd: () => (this.transitionDirection = null) }, hAsync("div", { key: '9d3a3d46475f6c55a8ff078e41ca261c97a86073', role: "row", class: `${customDatepickerClass}__weekday-row`, "aria-hidden": "true" }, weekdays.map(weekday => (hAsync("div", { class: `${customDatepickerClass}__weekday`, role: "columnheader" }, weekday)))), Array.from({ length: Math.ceil(calendarDays.length / 7) }, (_, rowIndex) => {
+            }), key: this.transitionKey, role: "grid", "aria-label": `${months[this.currentMonth]} ${this.currentYear}`, onAnimationEnd: () => (this.transitionDirection = null) }, hAsync("div", { key: 'e60eba2d9f35ff5a65f0605c46f976559ea646d3', role: "row", class: `${customDatepickerClass}__weekday-row`, "aria-hidden": "true" }, weekdays.map(weekday => (hAsync("div", { class: `${customDatepickerClass}__weekday`, role: "columnheader" }, weekday)))), Array.from({ length: Math.ceil(calendarDays.length / 7) }, (_, rowIndex) => {
             const rowDays = calendarDays.slice(rowIndex * 7, (rowIndex + 1) * 7);
             return (hAsync("div", { role: "row", class: `${customDatepickerClass}__day-row` }, rowDays.map(({ day, isCurrentMonth, isToday, date }) => {
                 const isDisabled = isDateDisabled(date, this.dateConstraints);
@@ -12672,7 +12779,7 @@ class DsDatepickerCustom {
                         [`${customDatepickerClass}__day--disabled`]: isDisabled,
                     }) }, day)));
             })));
-        })), hAsync("div", { key: '2bf24f1c2a157e09e090dac16bc053a47e3b32c8', class: `${customDatepickerClass}__footer` }, hAsync(this.DsButtonTag, { key: '653f532fedf1dcb4a3dbfd692f028fe68ed16248', dsVariant: "supplementary", dsText: showToday(), dsSize: "small", onClick: this.handleShowToday, class: `${customDatepickerClass}__footer-button--left`, tabindex: 0 }), hAsync(this.DsButtonTag, { key: 'fb8d2b9e1efcd3a82a518ef9cb796d589cf9465d', dsVariant: "supplementary", dsText: clearDate(), dsSize: "small", onClick: this.handleClear, class: `${customDatepickerClass}__footer-button--right`, tabindex: 0 }))))), this.validityText && hAsync(this.DsInputValidityTag, { key: '427f5d4c0ae24e8c35a68d72478e5cfb4e419da6', id: validityId, dsText: this.validityText, dsType: "error" })));
+        })), hAsync("div", { key: 'f46765ef24681173df2a4976e65ddc146e6d780e', class: `${customDatepickerClass}__footer` }, hAsync(this.DsButtonTag, { key: 'cedbf94726d361cf23e6b8420e7b08c0785754d8', dsVariant: "supplementary", dsText: showToday(), dsSize: "small", onClick: this.handleShowToday, class: `${customDatepickerClass}__footer-button--left`, tabindex: 0 }), hAsync(this.DsButtonTag, { key: 'f445f77565f9fed8b59ba594e22ed14345345cf8', dsVariant: "supplementary", dsText: clearDate(), dsSize: "small", onClick: this.handleClear, class: `${customDatepickerClass}__footer-button--right`, tabindex: 0 }))))), this.validityText && hAsync(this.DsInputValidityTag, { key: 'c443a6acb114fe71cf91e6e2672479075be32cf4', id: validityId, dsText: this.validityText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": [{
@@ -12729,7 +12836,7 @@ class DsDatepickerCustom {
             "debouncedInputValue": [32],
             "inputValue": [32]
         },
-        "$listeners$": [[0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"], [4, "keydown", "handleDocumentKeyDown"], [4, "click", "handleClickOutside"]],
+        "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"], [4, "keydown", "handleDocumentKeyDown"], [4, "click", "handleClickOutside"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -12745,7 +12852,7 @@ declareComponentDependencies([
     hAsync("ds-feedback", null),
 ]);
-const dsDatepickerNativeCss = () => `.ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__GqWYnG__input-container.sc-ds-datepicker-native .ds-datepicker-native__GqWYnG__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0;width:100%}.ds-datepicker-native__GqWYnG__input-container.sc-ds-datepicker-native .ds-datepicker-native__GqWYnG__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__GqWYnG__input-container.sc-ds-datepicker-native .ds-datepicker-native__GqWYnG__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__GqWYnG__input-container.sc-ds-datepicker-native .ds-datepicker-native__GqWYnG__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__GqWYnG__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__GqWYnG--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__GqWYnG--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__GqWYnG--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__GqWYnG--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__GqWYnG--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__GqWYnG--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__GqWYnG--disabled,.ds-datepicker-native__GqWYnG--readonly.sc-ds-datepicker-native,.ds-datepicker-native__GqWYnG--invalid.sc-ds-datepicker-native,.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__GqWYnG--invalid,.ds-datepicker-native__GqWYnG--disabled.sc-ds-datepicker-native,.ds-datepicker-native__GqWYnG--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__GqWYnG.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__GqWYnG__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__GqWYnG__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__GqWYnG__input-container.sc-ds-datepicker-native .ds-datepicker-native__GqWYnG__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}`;
+const dsDatepickerNativeCss = () => `.ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__bQiYWO__input-container.sc-ds-datepicker-native .ds-datepicker-native__bQiYWO__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0;width:100%}.ds-datepicker-native__bQiYWO__input-container.sc-ds-datepicker-native .ds-datepicker-native__bQiYWO__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__bQiYWO__input-container.sc-ds-datepicker-native .ds-datepicker-native__bQiYWO__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__bQiYWO__input-container.sc-ds-datepicker-native .ds-datepicker-native__bQiYWO__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__bQiYWO__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__bQiYWO--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__bQiYWO--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__bQiYWO--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__bQiYWO--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__bQiYWO--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__bQiYWO--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__bQiYWO--disabled,.ds-datepicker-native__bQiYWO--readonly.sc-ds-datepicker-native,.ds-datepicker-native__bQiYWO--invalid.sc-ds-datepicker-native,.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__bQiYWO--invalid,.ds-datepicker-native__bQiYWO--disabled.sc-ds-datepicker-native,.ds-datepicker-native__bQiYWO--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__bQiYWO.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__bQiYWO__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__bQiYWO__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__bQiYWO__input-container.sc-ds-datepicker-native .ds-datepicker-native__bQiYWO__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}`;
 class DsDatepickerNative {
     constructor(hostRef) {
@@ -12820,10 +12927,10 @@ class DsDatepickerNative {
             });
         });
     }
-    onFocusIn() {
+    handleFocusIn() {
         this.hasFocus = true;
     }
-    onFocusOut(e) {
+    handleFocusOut(e) {
         const nextFocused = e && 'relatedTarget' in e ? e.relatedTarget : null;
         const lostFocus = !nextFocused || !this.el.contains(nextFocused);
         if (lostFocus) {
@@ -12902,11 +13009,11 @@ class DsDatepickerNative {
         const assistiveTextId = this.dsAssistiveText ? `${this.dsId}-assistive` : undefined;
         const hiddenAssistiveTextId = this.dsHiddenAssistiveText ? `${this.dsId}-hidden-assistive` : undefined;
         const ariaDescribedbyValue = [this.dsAriaDescribedby, assistiveTextId, hiddenAssistiveTextId, this.dsErrorText ? this.inputValidityId : null].filter(Boolean).join(' ') || undefined;
-        return (hAsync("div", { key: 'aef242ce7e01b7a9b489a53c174f95b9372e1e28' }, hAsync(DsControlLabel, { key: '5c2b11d5afcfb7fc2acf4dc99d65084824d783c1', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, hAsync("slot", { key: '286d51713e9c2bc538933b3a08f934a4fb0d9d77', name: "label" })), hAsync("div", { key: '4e705295d541cb7fe631792b4f2cd93534c0a99f', class: classNames(`${baseClass}`, {
+        return (hAsync("div", { key: '93dc5c91906322f89a6078014fc93d2afd1fa03e' }, hAsync(DsControlLabel, { key: '64434a20a0cd26315a117dd9c7a12b67fda3bc27', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, hAsync("slot", { key: 'b3cd0ae09319e564ca7fa34eb64eccdf04b494dd', name: "label" })), hAsync("div", { key: '87a2ec2238718655a498fc6f7ed67f92e635f76c', class: classNames(`${baseClass}`, {
                 [`${baseClass}--disabled`]: this.dsDisabled,
                 [`${baseClass}--readonly`]: this.dsReadonly,
                 [`${baseClass}--invalid`]: !!this.dsErrorText,
-            }) }, hAsync("div", { key: 'ddf4f5d4890e542a96728d96569ece3dbd007d7b', class: inputContainerClass }, hAsync("input", { key: '129c71787107705e9380ed866429f48449cca3e9', ref: el => {
+            }) }, hAsync("div", { key: 'd2997c0bad482d1f4750cc1c731164734741c83f', class: inputContainerClass }, hAsync("input", { key: '75bd81b52476f8b9331e1d7edf720d310b13a4cc', ref: el => {
                 this.nativeDateInputRef = el;
                 if (el)
                     el.value = this.value;
@@ -12915,7 +13022,7 @@ class DsDatepickerNative {
                 this.value = target.value;
                 this.isOpen = false;
                 this.dsChange.emit(target.value);
-            }, "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-describedby": ariaDescribedbyValue, "aria-controls": this.dsAriaControls })), this.dsShowCalendarIcon && (hAsync(this.DsButtonTag, { key: '6d676c5b8e1abac9ec9ef10a667e799e4302ac2e', class: `${baseClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.openDatePicker, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: openDatePicker(), dsInInput: true }, hAsync(this.DsIconTag, { key: 'f39c450347c45db54733e31765c37046a03e3163', slot: "prefix", dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true })))), hAsync(this.DsInputValidityTag, { key: 'cf230aa173eda76973d7d40de7c6e4029cf26d0a', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
+            }, "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-describedby": ariaDescribedbyValue, "aria-controls": this.dsAriaControls })), this.dsShowCalendarIcon && (hAsync(this.DsButtonTag, { key: 'b5962fb59a3e29a33370b33a044a7ba28b07897e', class: `${baseClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.openDatePicker, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: openDatePicker(), dsInInput: true }, hAsync(this.DsIconTag, { key: 'a8bb8c1b6c9e4b3cc88ba19f64979943ae2bea08', slot: "prefix", dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true })))), hAsync(this.DsInputValidityTag, { key: '3770add0a57216681c7e877452b30ac9051c103b', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": [{
@@ -12955,14 +13062,14 @@ class DsDatepickerNative {
             "hasFocus": [32],
             "isOpen": [32]
         },
-        "$listeners$": [[0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"]],
+        "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-control-label", null), hAsync("ds-input-validity", null), hAsync("ds-button", null)]);
-const dsDatepickerSimpleCss = () => `.ds-no-style-leak.sc-ds-datepicker-simple *.sc-ds-datepicker-simple{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-simple-h{display:inline-block;width:18rem}.sc-ds-datepicker-simple-h>div.sc-ds-datepicker-simple{display:flex;flex-direction:column;position:relative}.ds-datepicker-simple__GqWYnG.sc-ds-datepicker-simple{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}`;
+const dsDatepickerSimpleCss = () => `.ds-no-style-leak.sc-ds-datepicker-simple *.sc-ds-datepicker-simple{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-simple-h{display:inline-block;width:18rem}.sc-ds-datepicker-simple-h>div.sc-ds-datepicker-simple{display:flex;flex-direction:column;position:relative}.ds-datepicker-simple__bQiYWO.sc-ds-datepicker-simple{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}`;
 class DsDatepickerSimple {
     constructor(hostRef) {
@@ -13024,10 +13131,10 @@ class DsDatepickerSimple {
         this.inputRef = this.textInputRef?.querySelector('input');
         this.inputRef?.addEventListener('keydown', handleDateInputKeyDown);
     }
-    onFocusIn() {
+    handleFocusIn() {
         this.hasFocus = true;
     }
-    onFocusOut(e) {
+    handleFocusOut(e) {
         const nextFocused = e && 'relatedTarget' in e ? e.relatedTarget : null;
         const lostFocus = !nextFocused || !this.el.contains(nextFocused);
         if (lostFocus) {
@@ -13185,7 +13292,7 @@ class DsDatepickerSimple {
         const hiddenAssistiveTextId = this.dsHiddenAssistiveText ? `${this.dsId}-hidden-assistive` : undefined;
         const validityId = this.validityText ? `${this.dsId}-validity` : undefined;
         const ariaDescribedbyValue = this.dsAriaDescribedby || undefined;
-        return (hAsync("div", { key: '37517ef0948578b47523c615a1610267c0b3eed2' }, hAsync(this.DsControlLabel, { key: 'e540ae04855df68ddeefa95b4bbaf277ecbf3bed', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, hAsync("slot", { key: 'e737e924d4977b03647177b5caf701b3109b83ec', name: "label" })), hAsync("div", { key: '198930fe2c56e7b92d36d400ac7d1a59639eb954', class: simpleClass }, hAsync(this.DsTextInputTag, { key: '4f8b10de5074e7c5ca3171e3ce9c4e52a2ec8005', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue !== null ? this.inputValue : formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) })), this.validityText && hAsync(this.DsInputValidityTag, { key: '904433cb6469d0024b30cdb2bcbdb2b07164fe68', id: validityId, dsText: this.validityText, dsType: "error" })));
+        return (hAsync("div", { key: '78f1184fc69c01ee42ac33ff5b5f99a62e84fad5' }, hAsync(this.DsControlLabel, { key: 'dbccc40ec2f5d30a9791e82ba9e40bc78b3aa853', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, hAsync("slot", { key: '72533d868b8104a14f9db43fc0f2beac6277e2dc', name: "label" })), hAsync("div", { key: '4bc776b9fb15513b863dfb6e05709d7e881c05a1', class: simpleClass }, hAsync(this.DsTextInputTag, { key: '3dd46357359e0fa9ab705ae4c37297a80dcc4f5c', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue !== null ? this.inputValue : formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) })), this.validityText && hAsync(this.DsInputValidityTag, { key: '36623fafa377fd9c8596d52fa327b40ecc3e6e88', id: validityId, dsText: this.validityText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": [{
@@ -13225,7 +13332,7 @@ class DsDatepickerSimple {
             "wasInvalidOnBlur": [32],
             "inputValue": [32]
         },
-        "$listeners$": [[0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"]],
+        "$listeners$": [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -13262,7 +13369,7 @@ class DsFeedback {
     render() {
         const Elem = this.dsSrOnly ? this.DsVisuallyHidden : Fragment;
         const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
-        return (hAsync(this.dsTag, { key: 'b02fd991b367850d177d30dfa7cf1f0c70f65ce9', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, hAsync(Elem, { key: '9e2433a937a4ca9534fc5df21fd4d73a171cb7be', ...elemProps }, hAsync("slot", { key: '76e333cee98f1dfe2a14059c8ea6d559ee83e468' }))));
+        return (hAsync(this.dsTag, { key: '497f819b1680697bd1bb961ce5437e57fff1a1c0', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, hAsync(Elem, { key: 'e250d489a186701d2af3e3c643d6282721e30cfd', ...elemProps }, hAsync("slot", { key: 'abca085a9e20f4861a8cf31cffd72ed3f6a10702' }))));
     }
     static get style() { return dsFeedbackCss(); }
     static get cmpMeta() { return {
@@ -13283,9 +13390,9 @@ class DsFeedback {
 }
 declareComponentDependencies([hAsync("ds-visually-hidden", null)]);
-const dsGridCss = () => `.ds-grid__GqWYnG.ds-grid__GqWYnG--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__GqWYnG.ds-grid__GqWYnG--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__GqWYnG.ds-grid__GqWYnG--container{margin:0 auto}}.ds-grid__GqWYnG.ds-grid__GqWYnG__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__GqWYnG.ds-grid__GqWYnG__flex:not(.ds-grid__GqWYnG.ds-grid__GqWYnG__flex--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__flex:not(.ds-grid__GqWYnG.ds-grid__GqWYnG__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 45rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__flex:not(.ds-grid__GqWYnG.ds-grid__GqWYnG__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__flex:not(.ds-grid__GqWYnG.ds-grid__GqWYnG__flex--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}.ds-grid__GqWYnG.ds-grid__GqWYnG__grid.ds-grid__GqWYnG--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid.ds-grid__GqWYnG--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid.ds-grid__GqWYnG--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid.ds-grid__GqWYnG--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid.ds-grid__GqWYnG--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__GqWYnG.ds-grid__GqWYnG__grid{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid[style*="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid[style*="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__GqWYnG.ds-grid__GqWYnG__grid:not([style*="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-grid__GqWYnG.ds-grid__GqWYnG__grid[style*="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__GqWYnG.ds-grid__GqWYnG__grid:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}`;
+const dsGridCss = () => `.ds-grid__bQiYWO.ds-grid__bQiYWO--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__bQiYWO.ds-grid__bQiYWO--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__bQiYWO.ds-grid__bQiYWO--container{margin:0 auto}}.ds-grid__bQiYWO.ds-grid__bQiYWO__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__bQiYWO.ds-grid__bQiYWO__flex:not(.ds-grid__bQiYWO.ds-grid__bQiYWO__flex--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__flex:not(.ds-grid__bQiYWO.ds-grid__bQiYWO__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 45rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__flex:not(.ds-grid__bQiYWO.ds-grid__bQiYWO__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__flex:not(.ds-grid__bQiYWO.ds-grid__bQiYWO__flex--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}.ds-grid__bQiYWO.ds-grid__bQiYWO__grid.ds-grid__bQiYWO--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid.ds-grid__bQiYWO--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid.ds-grid__bQiYWO--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid.ds-grid__bQiYWO--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid.ds-grid__bQiYWO--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__bQiYWO.ds-grid__bQiYWO__grid{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid[style*="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid[style*="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__bQiYWO.ds-grid__bQiYWO__grid:not([style*="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-grid__bQiYWO.ds-grid__bQiYWO__grid[style*="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__bQiYWO.ds-grid__bQiYWO__grid:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}`;
-class DsGrid extends Mixin(componentFactory('ds-grid')) {
+class DsGrid extends Mixin(componentFactory('ds-grid', { transparentForRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -13338,7 +13445,7 @@ class DsGrid extends Mixin(componentFactory('ds-grid')) {
             [`${baseClass}--container`]: this.dsContainer,
             [`${baseClass}__${this.dsType}`]: this.dsType,
         });
-        return (hAsync(Host, { key: 'ce1aa216e24358760a1513bac2e370f6cbf38805', class: classes, style: {
+        return (hAsync(Host, { key: '7adc0df22b107ba3146aa2c75f44da3b3d461032', class: classes, style: {
                 ...(this.dsType === 'flex'
                     ? {
                         '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
@@ -13367,7 +13474,7 @@ class DsGrid extends Mixin(componentFactory('ds-grid')) {
                         '--ds-row-span-tablet': this.dsRowSpanTablet ? `${this.dsRowSpanTablet}` : undefined,
                         '--ds-row-span-desktop': this.dsRowSpanDesktop ? `${this.dsRowSpanDesktop}` : undefined,
                     }),
-            } }, hAsync("slot", { key: '0cda7bb1d94e2b6211eee2775872d23d806ccfa9' })));
+            } }, hAsync("slot", { key: '2a03a39994a07f0e22611e0fa59c580022ac339d' })));
     }
     static get style() { return dsGridCss(); }
     static get cmpMeta() { return {
@@ -13397,10 +13504,11 @@ class DsGrid extends Mixin(componentFactory('ds-grid')) {
 }
 declareComponentDependencies([hAsync("ds-grid", null)]);
-const dsGroupLabelCss = () => `.ds-group-label__GqWYnG__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__GqWYnG{display:flex;flex-direction:column}.ds-group-label__GqWYnG:empty{display:none}`;
+const dsGroupLabelCss = () => `.ds-group-label__bQiYWO__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__bQiYWO{display:flex;flex-direction:column}.ds-group-label__bQiYWO:empty{display:none}`;
-class DsGroupLabel {
+class DsGroupLabel extends Mixin(componentFactory('ds-group-label')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     get el() { return getElement(this); }
@@ -13410,9 +13518,12 @@ class DsGroupLabel {
     get DsAssistiveText() {
         return transformTagName('ds-assistive-text', 'ds-group-label', this.el);
     }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     render() {
         const baseClass = cx('ds-group-label');
-        return (hAsync("div", { key: 'c69731351638f83fc38d3265a5e828de09c9b95a', class: baseClass }, hAsync("slot", { key: 'd39c8d458f8757cd24ef6ca8207b9780c141fad9', name: "label" }, this.dsLabel && hAsync("div", { key: 'b7b4a5fae34570fe2c8d91972e8debfb846bb9ed', class: `${baseClass}__label` }, this.dsLabel)), hAsync("slot", { key: '3fb3a244d6bb403302803eee35ad03a26d64ab91', name: "assistiveText" }, this.dsAssistiveText && hAsync(this.DsAssistiveText, { key: '621238b6a447bb8b4aa8665bdae120c691e0c177', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
+        return (hAsync("div", { key: '1bfffa0fd3604e6190596fd7b04663f28d54e7d4', class: baseClass }, hAsync("slot", { key: '99f4ed52b13edc604e021fd6ea5aec9935e09212', name: "label" }, this.dsLabel && hAsync("div", { key: 'a75e5fd584a2e5e446d3152819cf07fef2f0d627', class: `${baseClass}__label` }, this.dsLabel)), hAsync("slot", { key: '4594140fd422c65c2ab882c5dc615c9134000521', name: "assistiveText" }, this.dsAssistiveText && hAsync(this.DsAssistiveText, { key: 'a38d19a19394b73956e998e84b08e79e043e2e57', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
     }
     static get style() { return dsGroupLabelCss(); }
     static get cmpMeta() { return {
@@ -13448,7 +13559,7 @@ baseIconColours.reduce((acc, curr) => {
     return acc;
 }, []);
-const dsIconCss = () => `:host{display:flex}.ds-icon__GqWYnG--container{display:flex}.ds-icon__GqWYnG--hidden{display:none}`;
+const dsIconCss = () => `:host{display:flex}.ds-icon__bQiYWO--container{display:flex}.ds-icon__bQiYWO--hidden{display:none}`;
 const isValidSize = (value) => {
     return /^(\d+(\.\d+)?|\.\d+)rem$/.test(value);
@@ -13506,9 +13617,9 @@ class DsIcon extends Mixin(componentFactory('ds-icon'), ariaDeprecationFactory)
         const iconRole = this.dsRole ?? this.inheritedAttributes['role'];
         const iconAriaHidden = String(this.dsAriaHidden ?? true);
         const restAttributes = omit(this.inheritedAttributes, ['aria-label', 'aria-labelledby', 'role', 'aria-hidden']);
-        return (hAsync(Fragment, { key: '57571019027d015fe4e9896790774700dbba0c2d' }, hAsync("span", { key: '4f7f93453adb70bf42dfe080a5e72ea58bad1d72', class: classNames(`${baseClass}--container`, {
+        return (hAsync(Fragment, { key: '1b1a0992f993fa4becba7de919f3e0af2a0c4a0c' }, hAsync("span", { key: '2aa51e19fd6d4eafd22a112bbb688228e9965127', class: classNames(`${baseClass}--container`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), "aria-hidden": iconAriaHidden }, hAsync(IconTag, { key: '804fa63db5d51a79cbbf21ed79a0b6fada4af8ad', dsSize: this.dsCustomSize ? this.dsCustomSize : remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: iconRole, dsTitle: this.dsTitle, dsAriaLabel: iconAriaLabel, dsAriaLabelledby: iconAriaLabelledby, ...restAttributes }))));
+            }), "aria-hidden": iconAriaHidden }, hAsync(IconTag, { key: '7d503e013eac2c7c73c68dbc3c3bf197b8cce329', dsSize: this.dsCustomSize ? this.dsCustomSize : remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: iconRole, dsTitle: this.dsTitle, dsAriaLabel: iconAriaLabel, dsAriaLabelledby: iconAriaLabelledby, ...restAttributes }))));
     }
     static get watchers() { return {
         "role": [{
@@ -21465,9 +21576,9 @@ class DsIconZoomOutMap {
     }; }
 }
-const dsInputValidityCss = () => `.ds-input-validity__GqWYnG{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__GqWYnG--error{color:var(--ds-textColor-danger)}.ds-input-validity__GqWYnG--success{color:var(--ds-textColor-success)}.ds-input-validity__GqWYnG__icon{display:block;height:1.5rem}.ds-input-validity__GqWYnG small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}`;
+const dsInputValidityCss = () => `.ds-input-validity__bQiYWO{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__bQiYWO--error{color:var(--ds-textColor-danger)}.ds-input-validity__bQiYWO--success{color:var(--ds-textColor-success)}.ds-input-validity__bQiYWO__icon{display:block;height:1.5rem}.ds-input-validity__bQiYWO small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}`;
-class DsInputValidity extends Mixin(ariaDeprecationFactory) {
+class DsInputValidity extends Mixin(componentFactory('ds-input-validity'), ariaDeprecationFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -21502,7 +21613,7 @@ class DsInputValidity extends Mixin(ariaDeprecationFactory) {
         };
     }
     componentDidLoad() {
-        this.identifier = this.el.getAttribute('id');
+        this.identifier = this.el.getAttribute('id') || undefined;
         this.el.removeAttribute('id');
     }
     render() {
@@ -21525,7 +21636,7 @@ class DsInputValidity extends Mixin(ariaDeprecationFactory) {
             : {
                 role: resolvedRole,
             };
-        return (hAsync(Elem, { key: '2086d6fd5e9e844a7a7c671f141ebe162fe922bf', ...elemProps, ...restAttributes }, hAsync("slot", { key: 'e7e73b5fb1b58f5d5f961f5cb8f7900ead096a7a' }), this.dsText && (hAsync("div", { key: '2f251bb298dab7526b95bf439e74b5d3259de829', class: classes }, hAsync(this.DsIcon, { key: '34659bf9777946082bf6b574190fa1b2e9770913', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), hAsync("small", { key: '8e7eb0370b2fac62536b92fcd7d422373a2fd0ff', id: this.identifier }, this.dsText)))));
+        return (hAsync(Elem, { key: '1fe7ff2fa404bb89714a4fec77d16e1bb86192fe', ...elemProps, ...restAttributes }, hAsync("slot", { key: '305278ea4e5e1baa8dbd7c95ce8a28da44c432ae' }), this.dsText && (hAsync("div", { key: '1a64816d35eb1eaa9ae77e9b44c35c466d93cbfd', class: classes }, hAsync(this.DsIcon, { key: '6a2af244da9d8053c9736a9478ced2a87e02d5d8', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), hAsync("small", { key: '810eb5b78a4303c2bbaa681f5e8480943a16f574', id: this.identifier }, this.dsText)))));
     }
     static get watchers() { return {
         "role": [{
@@ -21559,7 +21670,7 @@ class DsInputValidity extends Mixin(ariaDeprecationFactory) {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-feedback", null)]);
-const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__GqWYnG--standalone){display:inline-block}.ds-link__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__GqWYnG{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__GqWYnG--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__GqWYnG--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__GqWYnG--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__GqWYnG--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__GqWYnG--large{font-size:var(--ds-fontSize-18)}.ds-link__GqWYnG--medium{font-size:var(--ds-fontSize-16)}.ds-link__GqWYnG--small{font-size:var(--ds-fontSize-14)}.ds-link__GqWYnG--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__GqWYnG__icon{display:inline-block;vertical-align:-0.125em}.ds-link__GqWYnG__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__GqWYnG__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__GqWYnG__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__GqWYnG__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__GqWYnG:hover,.ds-link__GqWYnG:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__GqWYnG:hover{color:var(--ds-textColor-link-hover)}.ds-link__GqWYnG:active{color:var(--ds-textColor-link-active)}.ds-link__GqWYnG:visited{color:var(--ds-textColor-link-visited)}.ds-link__GqWYnG--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__GqWYnG--standalone:hover,.ds-link__GqWYnG--standalone:active{text-decoration-line:underline}.ds-link__GqWYnG--standalone:focus-visible,.ds-link__GqWYnG--standalone:visited{color:var(--ds-textColor-link)}.ds-link__GqWYnG--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__GqWYnG--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__GqWYnG--colour-white{color:var(--ds-textColor-white)}.ds-link__GqWYnG--colour-white:hover,.ds-link__GqWYnG--colour-white:active,.ds-link__GqWYnG--colour-white:visited,.ds-link__GqWYnG--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__GqWYnG--colour-black{color:var(--ds-textColor-default)}.ds-link__GqWYnG--colour-black:hover,.ds-link__GqWYnG--colour-black:active,.ds-link__GqWYnG--colour-black:visited,.ds-link__GqWYnG--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
+const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__bQiYWO--standalone){display:inline-block}.ds-link__bQiYWO:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__bQiYWO{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__bQiYWO--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__bQiYWO--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__bQiYWO--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__bQiYWO--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__bQiYWO--large{font-size:var(--ds-fontSize-18)}.ds-link__bQiYWO--medium{font-size:var(--ds-fontSize-16)}.ds-link__bQiYWO--small{font-size:var(--ds-fontSize-14)}.ds-link__bQiYWO--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__bQiYWO__icon{display:inline-block;vertical-align:-0.125em}.ds-link__bQiYWO__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__bQiYWO__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__bQiYWO__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__bQiYWO__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__bQiYWO:hover,.ds-link__bQiYWO:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__bQiYWO:hover{color:var(--ds-textColor-link-hover)}.ds-link__bQiYWO:active{color:var(--ds-textColor-link-active)}.ds-link__bQiYWO:visited{color:var(--ds-textColor-link-visited)}.ds-link__bQiYWO--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__bQiYWO--standalone:hover,.ds-link__bQiYWO--standalone:active{text-decoration-line:underline}.ds-link__bQiYWO--standalone:focus-visible,.ds-link__bQiYWO--standalone:visited{color:var(--ds-textColor-link)}.ds-link__bQiYWO--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__bQiYWO--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__bQiYWO--colour-white{color:var(--ds-textColor-white)}.ds-link__bQiYWO--colour-white:hover,.ds-link__bQiYWO--colour-white:active,.ds-link__bQiYWO--colour-white:visited,.ds-link__bQiYWO--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__bQiYWO--colour-black{color:var(--ds-textColor-default)}.ds-link__bQiYWO--colour-black:hover,.ds-link__bQiYWO--colour-black:active,.ds-link__bQiYWO--colour-black:visited,.ds-link__bQiYWO--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
 const visuallyHiddenAssistiveTextIdGenerator$3 = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {
@@ -21666,7 +21777,7 @@ class DsLink extends Mixin(componentFactory('ds-link'), linkFactory, ariaDepreca
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (hAsync(this.dsTag, { key: 'ad7cf9b1e8f4fe1bc26ec5335d6c3ef2feadd32a', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, hAsync("slot", { key: 'e057ff567be1b2ab1ca8f12a10673aba6200e8a6', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, hAsync("slot", { key: '77eedbd23fe1866b1237f26c5db4db993dd1a2d0', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: '02ab44244d7f5799253eeb44141c03c10b65533c', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (hAsync(this.dsTag, { key: 'ec417721a685f4273f21e36d5065b80214a03cf8', ref: el => (this.linkRef = el), part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, hAsync("slot", { key: '7fb3479d3a5e88382bf61e71d257fbc99c56fd14', name: "prefix" }, this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass)), this.dsText, hAsync("slot", { key: 'a7af69b051d911eccf3e48b67322d3bc80bb9dd5', name: "suffix" }, this.renderSuffixIcon(baseClass)), opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: '40d42a4016a996cab8fc3f6faf6cad37bd062930', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": [{
@@ -21712,7 +21823,7 @@ class DsLink extends Mixin(componentFactory('ds-link'), linkFactory, ariaDepreca
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-visually-hidden", null)]);
-const dsLinkCtaCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__GqWYnG[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__GqWYnG__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__GqWYnG--no-text .ds-link-cta__GqWYnG__text{padding:0}.ds-link-cta__GqWYnG:has(.ds-link-cta__GqWYnG__spinner):not(.ds-link-cta__GqWYnG--small) .ds-link-cta__GqWYnG__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__GqWYnG--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__GqWYnG:has(.ds-link-cta__GqWYnG__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__GqWYnG:has(.ds-link-cta__GqWYnG__text:empty) .ds-link-cta__GqWYnG__icon{margin:0}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small):not(.ds-link-cta__GqWYnG--secondary):not(.ds-link-cta__GqWYnG--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small).ds-link-cta__GqWYnG--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small).ds-link-cta__GqWYnG--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__GqWYnG:not(.ds-link-cta__GqWYnG--small).ds-link-cta__GqWYnG--icon-only{padding-left:0;padding-right:0}.ds-link-cta__GqWYnG--small:not(.ds-link-cta__GqWYnG--secondary):not(.ds-link-cta__GqWYnG--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__GqWYnG--small.ds-link-cta__GqWYnG--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__GqWYnG--small.ds-link-cta__GqWYnG--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__GqWYnG--small.ds-link-cta__GqWYnG--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__GqWYnG--small .ds-link-cta__GqWYnG__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__GqWYnG__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__GqWYnG__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__GqWYnG--no-text .ds-link-cta__GqWYnG__icon--start,.ds-link-cta__GqWYnG--no-text .ds-link-cta__GqWYnG__icon--end{margin:0}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--primary.ds-link-cta__GqWYnG--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--secondary.ds-link-cta__GqWYnG--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__GqWYnG.ds-link-cta__GqWYnG--supplementary.ds-link-cta__GqWYnG--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}`;
+const dsLinkCtaCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__bQiYWO[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__bQiYWO__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__bQiYWO--no-text .ds-link-cta__bQiYWO__text{padding:0}.ds-link-cta__bQiYWO:has(.ds-link-cta__bQiYWO__spinner):not(.ds-link-cta__bQiYWO--small) .ds-link-cta__bQiYWO__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__bQiYWO--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__bQiYWO:has(.ds-link-cta__bQiYWO__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__bQiYWO:has(.ds-link-cta__bQiYWO__text:empty) .ds-link-cta__bQiYWO__icon{margin:0}.ds-link-cta__bQiYWO:not(.ds-link-cta__bQiYWO--small):not(.ds-link-cta__bQiYWO--secondary):not(.ds-link-cta__bQiYWO--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__bQiYWO:not(.ds-link-cta__bQiYWO--small).ds-link-cta__bQiYWO--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__bQiYWO:not(.ds-link-cta__bQiYWO--small).ds-link-cta__bQiYWO--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__bQiYWO:not(.ds-link-cta__bQiYWO--small).ds-link-cta__bQiYWO--icon-only{padding-left:0;padding-right:0}.ds-link-cta__bQiYWO--small:not(.ds-link-cta__bQiYWO--secondary):not(.ds-link-cta__bQiYWO--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__bQiYWO--small.ds-link-cta__bQiYWO--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__bQiYWO--small.ds-link-cta__bQiYWO--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__bQiYWO--small.ds-link-cta__bQiYWO--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__bQiYWO--small .ds-link-cta__bQiYWO__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__bQiYWO__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__bQiYWO__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__bQiYWO--no-text .ds-link-cta__bQiYWO__icon--start,.ds-link-cta__bQiYWO--no-text .ds-link-cta__bQiYWO__icon--end{margin:0}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--primary.ds-link-cta__bQiYWO--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--secondary.ds-link-cta__bQiYWO--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__bQiYWO.ds-link-cta__bQiYWO--supplementary.ds-link-cta__bQiYWO--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}`;
 const visuallyHiddenAssistiveTextIdGenerator$2 = idGenerator('visually-hidden-assistive-text');
 class DsLinkCta extends Mixin(componentFactory('ds-link-cta'), linkFactory) {
@@ -21802,10 +21913,10 @@ class DsLinkCta extends Mixin(componentFactory('ds-link-cta'), linkFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        const iconElement = !this.dsHideIcon && hAsync(DsIcon, { key: '448eb8dcf11f9fa9c95ecb610f15da2c63704dc4', dsName: this.currentIcon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' });
+        const iconElement = !this.dsHideIcon && hAsync(DsIcon, { key: '2a38823579a807abf04432ed1ea29e03ab03a16a', dsName: this.currentIcon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' });
         const tabindex = this.dsTabIndex !== undefined ? this.dsTabIndex : this.dsTag === 'a' && !this.dsHref ? '0' : undefined;
         const role = this.dsTag === 'span' ? 'link' : undefined;
-        return (hAsync(this.dsTag, { key: '9e5e7be6d458f052d385d3d08a8675b0353db9ef', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, tabindex: tabindex, ...ifDefined('role', role), ...ifDefined('aria-disabled', this.dsDisabled ? 'true' : undefined), ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIconPosition === 'start' && iconElement, hAsync("span", { key: 'ad0fe622a4ea7b142db72198033055698c24298a', class: linkTextClasses }, this.dsText), this.dsIconPosition === 'end' && iconElement, opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: 'ffea96701af76a2dbde3164bb2daa63d40500b21', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (hAsync(this.dsTag, { key: 'b32b7abec8a16e0fcece62faaf11fcf2b115a935', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, tabindex: tabindex, ...ifDefined('role', role), ...ifDefined('aria-disabled', this.dsDisabled ? 'true' : undefined), ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIconPosition === 'start' && iconElement, hAsync("span", { key: '7f68fca68010c1551bf1d8d66d139940ab56e769', class: linkTextClasses }, this.dsText), this.dsIconPosition === 'end' && iconElement, opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: '790036c82eb7e49f295785582d72741a9e16d636', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "dsTarget": [{
@@ -21844,10 +21955,10 @@ class DsLinkCta extends Mixin(componentFactory('ds-link-cta'), linkFactory) {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-visually-hidden", null)]);
-const dsLinkLogoCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__GqWYnG{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__GqWYnG:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__GqWYnG{font-size:var(--ds-fontSize-16, 1rem)}}`;
+const dsLinkLogoCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__bQiYWO:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__bQiYWO{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__bQiYWO:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__bQiYWO{font-size:var(--ds-fontSize-16, 1rem)}}`;
 const visuallyHiddenAssistiveTextIdGenerator$1 = idGenerator('visually-hidden-assistive-text');
-class DsLinkLogo extends Mixin(linkFactory) {
+class DsLinkLogo extends Mixin(componentFactory('ds-link-logo'), linkFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -21889,6 +22000,9 @@ class DsLinkLogo extends Mixin(linkFactory) {
         };
         this.setTargetBlank(this.dsTarget);
     }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     onAriaChanged(newValue) {
         this.inheritedAttributes = {
             ...this.inheritedAttributes,
@@ -21909,7 +22023,7 @@ class DsLinkLogo extends Mixin(linkFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (hAsync(this.dsTag, { key: '510884ff3bceb2e72648465a0c176524114e990d', part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && hAsync(this.DsIcon, { key: 'af02f372577dd0f422a9cc6ddaf69465851e28bf', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: '3bd78b4d2e7662786373ee5167ca7050d3d2b0b5', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (hAsync(this.dsTag, { key: 'a89720d7bcade7418235f0e7568bf37d3af821ff', part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && hAsync(this.DsIcon, { key: 'ed07ff3f6b79a4b14801284428a2bdb983f14b10', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: '82ddfde73b292e34cc78a61a71be06bbddcb81d8', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get watchers() { return {
         "aria-label": [{
@@ -21944,7 +22058,7 @@ class DsLinkLogo extends Mixin(linkFactory) {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-link", { dsText: "" })]);
-const dsLinkWithArrowCss = () => `:host{display:inline-block}:host:has(.ds-link-with-arrow__GqWYnG--full-width){width:100%}.ds-link-with-arrow__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__GqWYnG{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__GqWYnG{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__GqWYnG--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__GqWYnG__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__GqWYnG__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__GqWYnG__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__GqWYnG__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__GqWYnG__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__GqWYnG__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__GqWYnG:hover,.ds-link-with-arrow__GqWYnG:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__GqWYnG:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__GqWYnG:active,.ds-link-with-arrow__GqWYnG:focus-visible{color:var(--ds-textColor-link-active)}`;
+const dsLinkWithArrowCss = () => `:host{display:inline-block}:host:has(.ds-link-with-arrow__bQiYWO--full-width){width:100%}.ds-link-with-arrow__bQiYWO:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__bQiYWO{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__bQiYWO{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__bQiYWO--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__bQiYWO__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__bQiYWO__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__bQiYWO__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__bQiYWO__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__bQiYWO__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__bQiYWO__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__bQiYWO:hover,.ds-link-with-arrow__bQiYWO:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__bQiYWO:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__bQiYWO:active,.ds-link-with-arrow__bQiYWO:focus-visible{color:var(--ds-textColor-link-active)}`;
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 class DsLinkWithArrow extends Mixin(componentFactory('ds-link-with-arrow'), linkFactory, ariaDeprecationFactory) {
@@ -22018,7 +22132,7 @@ class DsLinkWithArrow extends Mixin(componentFactory('ds-link-with-arrow'), link
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (hAsync(this.dsTag, { key: 'da0a4ca8b12b41e4e2f4db972b71222b7d9c5243', class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, hAsync("slot", { key: 'ae6d8138f58faae2e34b3c0a99f91f793d0f646d', name: "prefix" }, this.dsIconPosition === 'start' && hAsync(DsIcon, { key: 'f835904e1e1e80d0b20f36a7d25633da062126cb', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, hAsync("slot", { key: 'dfd47300d81fad800cfbab100bfe95eda56ca993', name: "suffix" }, this.dsIconPosition === 'end' && hAsync(DsIcon, { key: 'e023bfcb58aa21a2a1357d9c856e678900600b2e', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: 'a51c12cea73a2369588e94dd73339bbb91a59405', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (hAsync(this.dsTag, { key: '787b94791285fcb2aa78ed72c31d19c6f51d7bf2', class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, hAsync("slot", { key: 'f5955d296d32e0e232604d5db1f634f2c2a9c90a', name: "prefix" }, this.dsIconPosition === 'start' && hAsync(DsIcon, { key: '0577713d5a4537d15991cc8966ff37e4cd00901f', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), this.dsText, hAsync("slot", { key: '9beb26f220795ec4529d2f0f182fd26383adab2e', name: "suffix" }, this.dsIconPosition === 'end' && hAsync(DsIcon, { key: '0747fb38f4ef37f08548f01fd68027bc57be11ee', dsName: this.icon, class: iconClasses, dsSize: this.iconSize })), opensInNewTab(this.dsTarget) && (hAsync(DsVisuallyHidden, { key: 'ddcae794209029ffff37b3814222d1a6862efd75', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get style() { return dsLinkWithArrowCss(); }
     static get cmpMeta() { return {
@@ -22049,7 +22163,7 @@ class DsLinkWithArrow extends Mixin(componentFactory('ds-link-with-arrow'), link
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-visually-hidden", null)]);
-const dsMediaCss = () => `.ds-media__GqWYnG{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__GqWYnG .ds-media__image,.ds-media__GqWYnG .ds-media__video,.ds-media__GqWYnG .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__GqWYnG .ds-media__image--fluid,.ds-media__GqWYnG .ds-media__video--fluid,.ds-media__GqWYnG .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__GqWYnG__youtube{border:none;object-fit:initial}.ds-media__GqWYnG--loading .ds-media__image,.ds-media__GqWYnG--loading .ds-media__video{opacity:0}.ds-media__GqWYnG--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__GqWYnG--error .ds-media__image,.ds-media__GqWYnG--error .ds-media__video{display:none}.ds-media__GqWYnG--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__GqWYnG--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__GqWYnG--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__GqWYnG--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__GqWYnG--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__GqWYnG--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__GqWYnG--fluid{width:100%;height:100%}.ds-media__GqWYnG--fluid .ds-media__GqWYnG__image,.ds-media__GqWYnG--fluid .ds-media__GqWYnG__video,.ds-media__GqWYnG--fluid .ds-media__GqWYnG__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__GqWYnG{border-radius:2px}.ds-media__GqWYnG__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__GqWYnG__loading-text{font-size:12px}.ds-media__GqWYnG__error-icon{width:40px;height:40px}.ds-media__GqWYnG__error-text{font-size:12px}}`;
+const dsMediaCss = () => `.ds-media__bQiYWO{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__bQiYWO .ds-media__image,.ds-media__bQiYWO .ds-media__video,.ds-media__bQiYWO .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__bQiYWO .ds-media__image--fluid,.ds-media__bQiYWO .ds-media__video--fluid,.ds-media__bQiYWO .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__bQiYWO__youtube{border:none;object-fit:initial}.ds-media__bQiYWO--loading .ds-media__image,.ds-media__bQiYWO--loading .ds-media__video{opacity:0}.ds-media__bQiYWO--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__bQiYWO--error .ds-media__image,.ds-media__bQiYWO--error .ds-media__video{display:none}.ds-media__bQiYWO--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__bQiYWO--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__bQiYWO--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__bQiYWO--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__bQiYWO--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__bQiYWO--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__bQiYWO--fluid{width:100%;height:100%}.ds-media__bQiYWO--fluid .ds-media__bQiYWO__image,.ds-media__bQiYWO--fluid .ds-media__bQiYWO__video,.ds-media__bQiYWO--fluid .ds-media__bQiYWO__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__bQiYWO{border-radius:2px}.ds-media__bQiYWO__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__bQiYWO__loading-text{font-size:12px}.ds-media__bQiYWO__error-icon{width:40px;height:40px}.ds-media__bQiYWO__error-text{font-size:12px}}`;
 class DsMedia extends Mixin(componentFactory('ds-media')) {
     constructor(hostRef) {
@@ -22226,7 +22340,7 @@ class DsMedia extends Mixin(componentFactory('ds-media')) {
         const aspectRatioParts = this.dsAspectRatio.split('/');
         const aspectRatioValue = aspectRatioParts.length === 2 ? `${aspectRatioParts[0]} / ${aspectRatioParts[1]}` : this.dsAspectRatio;
         const baseClass = cx('ds-media');
-        return (hAsync("div", { key: 'b9907477ef7139b39ae90d2f66afd4b3264b6e71', class: classNames(baseClass, {
+        return (hAsync("div", { key: 'a0a9b6ceae213cdae37c6a7bd4a39e1698635f95', class: classNames(baseClass, {
                 [`${baseClass}--loading`]: this.isLoading,
                 [`${baseClass}--error`]: this.hasError,
                 [`${baseClass}--image`]: this.dsType === 'image',
@@ -22271,9 +22385,9 @@ class DsMedia extends Mixin(componentFactory('ds-media')) {
 }
 declareComponentDependencies([hAsync("ds-spinner", null), hAsync("ds-icon", { dsName: "" })]);
-const dsModalCss = () => `.ds-modal__GqWYnG{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__GqWYnG--open{overflow-y:auto}.ds-modal__GqWYnG__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__GqWYnG__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__GqWYnG__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__GqWYnG__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__GqWYnG__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__GqWYnG__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__GqWYnG__container--full{width:100%}@media (min-width: 30rem){.ds-modal__GqWYnG__container--small{width:480px}.ds-modal__GqWYnG__container--medium{width:640px}.ds-modal__GqWYnG__container--large{width:800px}}.ds-modal__GqWYnG__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__GqWYnG__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__GqWYnG__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__GqWYnG--open .ds-modal__GqWYnG__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__GqWYnG--in .ds-modal__GqWYnG__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__GqWYnG__container,.ds-modal__GqWYnG--in .ds-modal__GqWYnG__container{transition:none}}.ds-modal__GqWYnG__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__GqWYnG__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__GqWYnG__header__heading:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-modal__GqWYnG__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__GqWYnG__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__GqWYnG__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__GqWYnG__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__GqWYnG__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__GqWYnG__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__GqWYnG__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__GqWYnG__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__GqWYnG__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__GqWYnG__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__GqWYnG__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__GqWYnG__content--scrollable__top-scrim,.ds-modal__GqWYnG__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__GqWYnG__content--scrollable__top-scrim--open,.ds-modal__GqWYnG__content--scrollable__bottom-scrim--open{display:block}.ds-modal__GqWYnG__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__GqWYnG__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__GqWYnG__content--scrollable:focus-visible .ds-modal__GqWYnG__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__GqWYnG__content--scrollable:focus-visible .ds-modal__GqWYnG__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__GqWYnG__footer{position:relative}.ds-modal__GqWYnG__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__GqWYnG__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__GqWYnG__footer:not(:empty)+.ds-modal__GqWYnG__content{border-block-end:0}.ds-modal__GqWYnG__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}`;
+const dsModalCss = () => `.ds-modal__bQiYWO{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__bQiYWO--open{overflow-y:auto}.ds-modal__bQiYWO__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__bQiYWO__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__bQiYWO__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__bQiYWO__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__bQiYWO__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__bQiYWO__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__bQiYWO__container--full{width:100%}@media (min-width: 30rem){.ds-modal__bQiYWO__container--small{width:480px}.ds-modal__bQiYWO__container--medium{width:640px}.ds-modal__bQiYWO__container--large{width:800px}}.ds-modal__bQiYWO__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__bQiYWO__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__bQiYWO__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__bQiYWO--open .ds-modal__bQiYWO__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__bQiYWO--in .ds-modal__bQiYWO__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__bQiYWO__container,.ds-modal__bQiYWO--in .ds-modal__bQiYWO__container{transition:none}}.ds-modal__bQiYWO__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__bQiYWO__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__bQiYWO__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__bQiYWO__header__heading:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-modal__bQiYWO__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__bQiYWO__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__bQiYWO__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__bQiYWO__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__bQiYWO__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__bQiYWO__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__bQiYWO__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__bQiYWO__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__bQiYWO__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__bQiYWO__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__bQiYWO__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__bQiYWO__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__bQiYWO__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__bQiYWO__content--scrollable__top-scrim,.ds-modal__bQiYWO__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__bQiYWO__content--scrollable__top-scrim--open,.ds-modal__bQiYWO__content--scrollable__bottom-scrim--open{display:block}.ds-modal__bQiYWO__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__bQiYWO__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__bQiYWO__content--scrollable:focus-visible .ds-modal__bQiYWO__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__bQiYWO__content--scrollable:focus-visible .ds-modal__bQiYWO__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__bQiYWO__footer{position:relative}.ds-modal__bQiYWO__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__bQiYWO__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__bQiYWO__footer:not(:empty)+.ds-modal__bQiYWO__content{border-block-end:0}.ds-modal__bQiYWO__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}`;
-class DsModal extends Mixin(componentFactory('ds-modal')) {
+class DsModal extends Mixin(componentFactory('ds-modal', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -22441,7 +22555,7 @@ class DsModal extends Mixin(componentFactory('ds-modal')) {
         }
         this.transitionTimeout = setTimeout(completeTransition, newValue ? MODAL_TRANSITION_IN_DURATION : MODAL_TRANSITION_OUT_DURATION);
     }
-    resizeListener() {
+    handleWindowResize() {
         this.throttledCalculateScrollableContentState();
     }
     handleBackdropClose = () => {
@@ -22481,11 +22595,11 @@ class DsModal extends Mixin(componentFactory('ds-modal')) {
         });
         const contentAriaLabel = this.dsScrollable ? this.contentScrollArea : undefined;
         const contentTabIndex = this.dsScrollable ? 0 : undefined;
-        return (hAsync(this.DsBackdrop, { key: 'aeac338ec835800734cf50b26833811b802c9e72', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, hAsync("div", { key: 'd89d406ed89bbe3ddfc42c7b446f55e6e7e561fe', class: `${baseClass}__positioner` }, hAsync("div", { key: 'abc49a7924f5834b0a96f9c3ac13e6e8d3f5f22f', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${MODAL_TRANSITION_OUT_DURATION}ms` } }, hAsync("slot", { key: '365f46da6bc17ef13af69db428fd27f8c933614b', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (hAsync("div", { key: '9a4213e797659d153036bfba178f70c1347e66c5', class: headerClasses }, this.dsHeadingText && (hAsync("span", { key: '3cff2fc7cb75c14b4bd6d82da39edab631a80ccb', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (hAsync(this.DsIcon, { key: 'c801e35bcea8ee98a48e2eaa9fe5808656cc9374', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), hAsync("span", { key: 'bed199dcc40bdaa067d58be2f65b06647b62606c', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (hAsync(this.DsButton, { key: 'd20d158069791ae18f4a7c1b65b4ab9f9c84137e', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), hAsync("div", { key: 'ce736b63338aaa29804ff7fc3208f2fd45614edd', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (hAsync("div", { key: '6b326f965acdb3ca7f4b55ae43cd3125b61e91e4', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
+        return (hAsync(this.DsBackdrop, { key: '937e89060be8652b7a5e27eea7c2f2e2586604e7', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, hAsync("div", { key: 'c24c5cbe65e8111a9ecb6417bf06c2a94568090f', class: `${baseClass}__positioner` }, hAsync("div", { key: 'b6bf573d926a37fda88adea353e2aab0869eda10', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${MODAL_TRANSITION_OUT_DURATION}ms` } }, hAsync("slot", { key: '802affcb12c2c59ee1f77f69dfe00d22b58e98f9', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (hAsync("div", { key: 'ab3f15653104929578e31754f43e987d1af41a9b', class: headerClasses }, this.dsHeadingText && (hAsync("span", { key: '8e9c57f974893caa3e58a1ba9796283ab14203d3', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (hAsync(this.DsIcon, { key: '33c3cef078b3baf2d020fedca243ad8c04b2879f', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), hAsync("span", { key: '40f2255f36c83b8da5202d08caa3f2bee86b3573', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (hAsync(this.DsButton, { key: '6bad9269962475a5d455c2e885de43fbd292eb15', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), hAsync("div", { key: '7da28c17478a5ce8a6c1290ba32fddd8500c5496', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (hAsync("div", { key: 'ab5f42d46124d3f3b86b4e15bae5871483d44cef', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
                 [`${baseClass}__content--scrollable__top-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atTop,
-            }), "aria-hidden": "true" })), hAsync("slot", { key: '386861c44236e267016ffdcb1e57ea0e96fd82a1', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (hAsync("div", { key: 'd8002608d4b20720c9cae8885f4c2714dfa765b3', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
+            }), "aria-hidden": "true" })), hAsync("slot", { key: '5d52c8c2bc581bf51ea14912ad44fabea75beee2', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (hAsync("div", { key: 'fbfd7f45b29e26fed24c2c73d0f169c8bcf5652f', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
                 [`${baseClass}__content--scrollable__bottom-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atBottom,
-            }), "aria-hidden": "true" }))), hAsync("div", { key: '2d1527db1def8c15a9cf2cf43765ebd26a3a9f98', class: footerClasses }, hAsync("slot", { key: '5e184d9ed1d1b6bdc24f5ce3dbc9c90f3f6307e2', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
+            }), "aria-hidden": "true" }))), hAsync("div", { key: '51cd0ca3e9a87040ad6280171defbc97f7159338', class: footerClasses }, hAsync("slot", { key: '2d0854ee9b3573951c61b8b246317fb08fa455ee', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
     }
     static get watchers() { return {
         "hasContentSlot": [{
@@ -22520,19 +22634,19 @@ class DsModal extends Mixin(componentFactory('ds-modal')) {
             "hasFooterSlot": [32],
             "scrollableContentState": [32]
         },
-        "$listeners$": [[9, "resize", "resizeListener"]],
+        "$listeners$": [[9, "resize", "handleWindowResize"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-backdrop", null), hAsync("ds-button", null), hAsync("ds-icon", { dsName: "" })]);
-const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__GqWYnG.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutral.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutralWhite.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--info.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--success.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--attention.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--danger.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__GqWYnG__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__GqWYnG__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__GqWYnG__content__text__heading.sc-ds-notification,.ds-notification__GqWYnG__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__GqWYnG__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}`;
+const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__bQiYWO.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__bQiYWO.ds-notification__bQiYWO--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__bQiYWO.ds-notification__bQiYWO--neutral.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__bQiYWO.ds-notification__bQiYWO--neutralWhite.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__bQiYWO.ds-notification__bQiYWO--info.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__bQiYWO.ds-notification__bQiYWO--success.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__bQiYWO.ds-notification__bQiYWO--attention.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__bQiYWO.ds-notification__bQiYWO--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__bQiYWO.ds-notification__bQiYWO--danger.sc-ds-notification .ds-notification__bQiYWO__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__bQiYWO__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__bQiYWO__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__bQiYWO__content__text__heading.sc-ds-notification,.ds-notification__bQiYWO__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__bQiYWO__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}`;
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
 const customizableIconVariants = ['neutral', 'neutralWhite', 'info'];
 const isCustomizableIconVariant = (variant) => customizableIconVariants.includes(variant);
-class DsNotification extends Mixin(componentFactory('ds-notification'), ariaDeprecationFactory) {
+class DsNotification extends Mixin(componentFactory('ds-notification', { stopRootTracking: true }), ariaDeprecationFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -22566,16 +22680,16 @@ class DsNotification extends Mixin(componentFactory('ds-notification'), ariaDepr
             return;
         this.headingLevel = value;
     }
-    icon;
+    _dsIcon;
     get dsIcon() {
-        return this.icon;
+        return this._dsIcon;
     }
     set dsIcon(value) {
         if (value && isCustomizableIconVariant(this.variant)) {
-            this.icon = value;
+            this._dsIcon = value;
             return;
         }
-        this.icon = this.variantIcon;
+        this._dsIcon = this.variantIcon;
     }
     dsDescription;
     dsDescriptionMaxWidth = '550px';
@@ -22595,6 +22709,9 @@ class DsNotification extends Mixin(componentFactory('ds-notification'), ariaDepr
                 return 'help_fill';
         }
     }
+    get icon() {
+        return this.dsIcon || this.variantIcon;
+    }
     get DsIcon() {
         return transformTagName('ds-icon', 'ds-notification', this.el);
     }
@@ -22674,7 +22791,7 @@ class DsNotification extends Mixin(componentFactory('ds-notification'), ariaDepr
         const ariaLabelledby = this.dsAriaLabelledby ?? this.inheritedAttributes['aria-labelledby'] ?? this.ariaLabelledBy;
         const role = this.dsRole ?? this.inheritedAttributes['role'] ?? 'group';
         const restAttributes = omit(this.inheritedAttributes, ['aria-labelledby', 'aria-label', 'role']);
-        return (hAsync("div", { key: '4a33a2341cb0ddedbae84d141d0bde4c0ce54b8f', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, hAsync("div", { key: 'e3532247cd831b07110cdb896f362d67e4f00424', class: contentClass }, this.dsIcon && (hAsync("div", { key: '6a49f7ba417d833f25d53e5d76b111212b4f3b3f', class: `${baseClass}__icon ds-p-3xs` }, hAsync(this.DsIcon, { key: 'f836bfa593297f84170c7391f8d73a7fd6d4237b', dsName: this.dsIcon }))), hAsync("div", { key: 'c9ee86cbdaf73853a7d1b5db7c2ad5b5ac3ff58d', class: textClass }, hAsync("slot", { key: 'ef60097fe450dbe4074cd2f2c8c98b815e0e0d96', name: "heading" }, this.dsHeading && (hAsync("div", { key: 'defc5e022ca33e908398d082cad0fe03e02cf018', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), hAsync("slot", { key: '195f482626decf81e679d0fd35c595dccf6d501b', name: "description" }, this.dsDescription && (hAsync("div", { key: 'be1a3fdb821b62078d057c3f4c7f0fcd09e8facd', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), hAsync("slot", { key: 'f3ec0b87eb5fa07fa06abb08502abee48bda182f' })), this.dsDismissable && (hAsync(this.DsButton, { key: 'af7f0d6580693efc7a34a9e2592adbdec0c9f4d5', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, hAsync(this.DsVisuallyHidden, { key: '37979bae9dbbf7aaebd834c9cb1dda9dfeadc2e4', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
+        return (hAsync("div", { key: '1b127bfbf8682ddc132597ab9d076fd9bb2e178b', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, hAsync("div", { key: '9c065c209815d5d169dcda3a8304c2b4ec3554e4', class: contentClass }, hAsync("div", { key: 'dd8ebcae11527e8f19ec9dedaa11ffdef794ee70', class: `${baseClass}__icon ds-p-3xs` }, hAsync(this.DsIcon, { key: '791bedfc190ef9b8b6e9447ad6b1c24c080c2020', dsName: this.icon })), hAsync("div", { key: '69fb517e3f2e9f836448f856a3814b5ddcfd343e', class: textClass }, hAsync("slot", { key: '6d0fea417b1ba529ae2b0d6455b0773dcdb1c282', name: "heading" }, this.dsHeading && (hAsync("div", { key: '8216f324647ba19a55bf52c121da33f95ac6033f', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), hAsync("slot", { key: '8e78e68b96b5262e03b663f3d290be56b84db1cc', name: "description" }, this.dsDescription && (hAsync("div", { key: 'b6d058bfb696b3cd1bd38facecc9cc71cc9d6493', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), hAsync("slot", { key: 'e5b44ec27865c3d1b8fdc7a74e98d36cbddc90a6' })), this.dsDismissable && (hAsync(this.DsButton, { key: 'd45b6cc4ed0e6a327d0585b8fbaa503904fe7c7d', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, hAsync(this.DsVisuallyHidden, { key: '55b54131e78fffb47e01e97c8b7ca7918a3cfdf9', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
     }
     static get watchers() { return {
         "aria-label": [{
@@ -22710,11 +22827,11 @@ class DsNotification extends Mixin(componentFactory('ds-notification'), ariaDepr
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-button", null), hAsync("ds-visually-hidden", null)]);
-const dsOptionCss = () => `.ds-option__GqWYnG.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__GqWYnG.sc-ds-option:not(.ds-option__GqWYnG--multiple){justify-content:space-between}.ds-option__GqWYnG--hidden.sc-ds-option{display:none}.ds-option__GqWYnG--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__GqWYnG.sc-ds-option:hover:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__GqWYnG.sc-ds-option:active:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__GqWYnG--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__GqWYnG--active.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__GqWYnG--multiple.ds-option__GqWYnG--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__GqWYnG--multiple.sc-ds-option .ds-option__GqWYnG__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__GqWYnG--multiple.ds-option__GqWYnG--disabled.sc-ds-option .ds-option__GqWYnG__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__GqWYnG--multiple.ds-option__GqWYnG--disabled.sc-ds-option:not(.ds-option__GqWYnG--selected) .ds-option__GqWYnG__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__GqWYnG--selected.sc-ds-option .ds-option__GqWYnG__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple).ds-option__GqWYnG--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple) .ds-option__GqWYnG__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple) .ds-option__GqWYnG__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple).ds-option__GqWYnG--disabled .ds-option__GqWYnG__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple):hover:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple):active:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__GqWYnG__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__GqWYnG__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__GqWYnG__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__GqWYnG__description.sc-ds-option:not(:empty){display:block}`;
+const dsOptionCss = () => `.ds-option__bQiYWO.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__bQiYWO.sc-ds-option:not(.ds-option__bQiYWO--multiple){justify-content:space-between}.ds-option__bQiYWO--hidden.sc-ds-option{display:none}.ds-option__bQiYWO--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__bQiYWO.sc-ds-option:hover:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__bQiYWO.sc-ds-option:active:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__bQiYWO--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__bQiYWO--active.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__bQiYWO--multiple.ds-option__bQiYWO--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__bQiYWO--multiple.sc-ds-option .ds-option__bQiYWO__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__bQiYWO--multiple.ds-option__bQiYWO--disabled.sc-ds-option .ds-option__bQiYWO__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__bQiYWO--multiple.ds-option__bQiYWO--disabled.sc-ds-option:not(.ds-option__bQiYWO--selected) .ds-option__bQiYWO__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__bQiYWO--selected.sc-ds-option .ds-option__bQiYWO__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple).ds-option__bQiYWO--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple) .ds-option__bQiYWO__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple) .ds-option__bQiYWO__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple).ds-option__bQiYWO--disabled .ds-option__bQiYWO__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple):hover:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__bQiYWO--selected.sc-ds-option:not(.ds-option__bQiYWO--multiple):active:not(.ds-option__bQiYWO--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__bQiYWO__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__bQiYWO__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__bQiYWO__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__bQiYWO__description.sc-ds-option:not(:empty){display:block}`;
-const optionIdGenerator = idGenerator('ds-option');
-class DsOption {
+class DsOption extends Mixin(componentFactory('ds-option')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsClick = createEvent(this, "dsClick", 7);
         this.dsMounted = createEvent(this, "dsMounted", 7);
@@ -22730,7 +22847,7 @@ class DsOption {
     dsMounted;
     dsValueChange;
     dsLabelChange;
-    dsId = optionIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsValue;
     dsLabel;
     dsDisabled = false;
@@ -22745,12 +22862,12 @@ class DsOption {
     get isMultiple() {
         return this.dsVariant === 'multiple';
     }
-    onMouseDown(event) {
+    handleMouseDown(event) {
         if (this.dsMouseDownPreventDefault) {
             event.preventDefault();
         }
     }
-    onClick() {
+    handleClick() {
         this.dsClick.emit();
     }
     dsActiveObserver(newValue) {
@@ -22783,6 +22900,9 @@ class DsOption {
     }
     componentDidLoad() {
         this.dsMounted.emit();
+        if (!this.optionLabelTextRef) {
+            return;
+        }
         let oldLabel = this.optionLabelTextRef?.textContent || '';
         this.observer = new MutationObserver(mutations => {
             const newLabel = this.optionLabelTextRef?.textContent || '';
@@ -22805,13 +22925,13 @@ class DsOption {
     render() {
         const baseClass = cx('ds-option');
         const DsIcon = transformTagName('ds-icon', 'ds-option', this.el);
-        return (hAsync("div", { key: 'f3b3d9431c291de33bc44172db062ea4fcadd9ed', ref: el => (this.optionRef = el), id: this.dsId, class: classNames(baseClass, {
+        return (hAsync("div", { key: '03bf5935c1634a5a58fe3413b9d271db80339690', ref: el => (this.optionRef = el), id: this.dsId, class: classNames(baseClass, {
                 [`${baseClass}--multiple`]: this.isMultiple,
                 [`${baseClass}--active`]: this.dsActive,
                 [`${baseClass}--selected`]: this.dsSelected,
                 [`${baseClass}--disabled`]: this.dsDisabled,
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (hAsync("span", { key: 'c3406f80f847bea5ee8b8074f7d337069980a222', class: `${baseClass}__checkbox` }, this.dsSelected && (hAsync(DsIcon, { key: '88f66a28771ca6238b3c3015e7ea5d01e3d4a9d6', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), hAsync(Fragment, { key: '9cb09a61253d7aed983626a547209057994184a3' }, hAsync("span", { key: '1407f9ee7ba6faae1140335bc364fd552c3ca1f3' }, hAsync("span", { key: 'b2dde5cbf32871dc64b9ea1456a9e16ab07e5490', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, hAsync("slot", { key: 'a78869160f7a66f6fe75b3b669b8633d595c2f60' }, this.dsLabel)), this.dsDescription && hAsync("span", { key: 'c243fd5a045bf4d2218bff0ac8234b035365de0c', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && hAsync(DsIcon, { key: 'a3b690f4035cdc9619c2bfc1eb5d24f5a994a2e6', dsName: "check", class: `${baseClass}__check-icon` }))));
+            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (hAsync("span", { key: '4b041939dd10ebbd008632b6c0aa24dbf320cb96', class: `${baseClass}__checkbox` }, this.dsSelected && (hAsync(DsIcon, { key: 'f2d73fa9cee25da801676da4ebcaacd2d928a08e', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), hAsync(Fragment, { key: 'f012680202302f2f17eebab8eb3128af6657243b' }, hAsync("span", { key: '94f81eb0e63259c73397f2cc5698060447049947' }, hAsync("span", { key: '41aa57a61593bbd979b1363d1b57ad171b051fb4', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, hAsync("slot", { key: '3d928b73be0bd500f749ec39b83d3d86db7bc1c2' }, this.dsLabel)), this.dsDescription && hAsync("span", { key: '490282557c565febbc6ed25c1ddfba4268b9e494', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && hAsync(DsIcon, { key: '42dd501dcc28fc896fa4430a58c9b44e58ba949c', dsName: "check", class: `${baseClass}__check-icon` }))));
     }
     static get watchers() { return {
         "dsActive": [{
@@ -22845,17 +22965,18 @@ class DsOption {
             "getGroup": [64],
             "setFocus": [64]
         },
-        "$listeners$": [[0, "mousedown", "onMouseDown"], [0, "click", "onClick"]],
+        "$listeners$": [[0, "mousedown", "handleMouseDown"], [0, "click", "handleClick"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["dsId", "ds-id"], ["dsValue", "ds-value"], ["dsActive", "ds-active"], ["dsSelected", "ds-selected"]]
     }; }
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" })]);
-const dsOptionGroupCss = () => `.ds-option-group__GqWYnG.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__GqWYnG--hidden.sc-ds-option-group{display:none}.ds-option-group__GqWYnG.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__GqWYnG__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__GqWYnG__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
+const dsOptionGroupCss = () => `.ds-option-group__bQiYWO.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__bQiYWO--hidden.sc-ds-option-group{display:none}.ds-option-group__bQiYWO.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__bQiYWO__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__bQiYWO__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
-class DsOptionGroup {
+class DsOptionGroup extends Mixin(componentFactory('ds-option-group')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     inheritedAttributes = {};
@@ -22863,40 +22984,33 @@ class DsOptionGroup {
     dsLabel;
     dsHidden = false;
     dsMouseDownPreventDefault = false;
-    groupId;
     get DsOptionTag() {
         return transformTagName('ds-option', 'ds-option-group', this.el);
     }
-    dsLabelObserver(newValue) {
-        this.groupId = `ds-option-group-label-${newValue.replace(/\s+/g, '-').toLowerCase()}`;
+    get groupId() {
+        return `ds-option-group-label-${this.dsLabel.replace(/\s+/g, '-').toLowerCase()}`;
     }
     async hasVisibleOptions() {
         const options = Array.from(this.el.querySelectorAll(this.DsOptionTag));
         return options.some(option => !option.dsHidden);
     }
     componentWillLoad() {
-        this.groupId = `ds-option-group-label-${this.dsLabel.replace(/\s+/g, '-').toLowerCase()}`;
         this.inheritedAttributes = {
             ...inheritAttributes(this, this.el),
             ...inheritAriaAttributes(this.el, ['aria-labelledby']),
         };
     }
-    onMouseDown(event) {
+    handleMouseDown(event) {
         if (this.dsMouseDownPreventDefault) {
             event.preventDefault();
         }
     }
     render() {
         const baseClass = cx('ds-option-group');
-        return (hAsync("div", { key: '291ebd488597a455c8a48938732478e686a79d85', class: classNames(`${baseClass}`, {
+        return (hAsync("div", { key: 'e57448cbaa27601c03a1fe9f162a26e0cbd0571c', class: classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, hAsync("div", { key: '0e08dcdd6eb95fc52610fe9bbe2bd797d3d9fa91', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), hAsync("slot", { key: '47b187c03a4cec508d01d11dd4a5ca943bbd4978' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, hAsync("div", { key: '34d8e066f87f3b83d1e1eb162c1bc272383e82e5', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), hAsync("slot", { key: '7b7d9ead024d2450c86432db80e035e04ef99578' })));
     }
-    static get watchers() { return {
-        "dsLabel": [{
-                "dsLabelObserver": 0
-            }]
-    }; }
     static get style() { return dsOptionGroupCss(); }
     static get cmpMeta() { return {
         "$flags$": 774,
@@ -22905,20 +23019,19 @@ class DsOptionGroup {
             "dsLabel": [1, "ds-label"],
             "dsHidden": [4, "ds-hidden"],
             "dsMouseDownPreventDefault": [4, "ds-mouse-down-prevent-default"],
-            "groupId": [32],
             "hasVisibleOptions": [64]
         },
-        "$listeners$": [[0, "mousedown", "onMouseDown"]],
+        "$listeners$": [[0, "mousedown", "handleMouseDown"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-const dsOptionsCss = () => `.ds-options__GqWYnG__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__GqWYnG.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__GqWYnG.sc-ds-options:focus{outline:none}.ds-options__GqWYnG__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__GqWYnG__top-scrim.sc-ds-options,.ds-options__GqWYnG__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__GqWYnG__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__GqWYnG__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__GqWYnG.has-top-scrim.sc-ds-options .ds-options__GqWYnG__top-scrim.sc-ds-options{display:block}.ds-options__GqWYnG.has-bottom-scrim.sc-ds-options .ds-options__GqWYnG__bottom-scrim.sc-ds-options{display:block}.ds-options__GqWYnG.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__GqWYnG.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
+const dsOptionsCss = () => `.ds-options__bQiYWO__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__bQiYWO.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__bQiYWO.sc-ds-options:focus{outline:none}.ds-options__bQiYWO__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__bQiYWO__top-scrim.sc-ds-options,.ds-options__bQiYWO__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__bQiYWO__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__bQiYWO__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__bQiYWO.has-top-scrim.sc-ds-options .ds-options__bQiYWO__top-scrim.sc-ds-options{display:block}.ds-options__bQiYWO.has-bottom-scrim.sc-ds-options .ds-options__bQiYWO__bottom-scrim.sc-ds-options{display:block}.ds-options__bQiYWO.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__bQiYWO.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
-const optionsIdGenerator = idGenerator('ds-options');
-class DsOptions {
+class DsOptions extends Mixin(componentFactory('ds-options')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
         this.dsEsc = createEvent(this, "dsEsc", 7);
         this.dsActiveIndexChange = createEvent(this, "dsActiveIndexChange", 7);
@@ -22929,7 +23042,7 @@ class DsOptions {
     inheritedAttributes = {};
     dsEsc;
     dsActiveIndexChange;
-    dsId = optionsIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsSelectedValue;
     dsActiveIndex = 0;
     dsLabelId;
@@ -23046,10 +23159,10 @@ class DsOptions {
     };
     render() {
         const baseClass = cx('ds-options');
-        return (hAsync("div", { key: '4f80bb50699d40e29e4aa324283aa33dd6edbfe8', id: this.dsId, class: classNames(baseClass, {
+        return (hAsync("div", { key: 'f7263a82d5100ea95eee5db8ff9be591c9f38c41', id: this.dsId, class: classNames(baseClass, {
                 'has-bottom-scrim': this.hasBottomScrim,
                 'has-top-scrim': this.hasTopScrim,
-            }), role: "listbox", tabindex: 0, onKeyDown: this.handleKeyDown, ref: el => (this.optionsListRef = el), onScroll: this.handleScroll, onFocus: this.updateScrimClasses, "aria-multiselectable": this.dsAriaMultiselectable ? 'true' : 'false', "aria-label": this.dsAriaMultiselectable ? multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, hAsync("div", { key: 'a6068ce067d03e84e66b2be1cbad17f1c7e41e5b', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, hAsync("div", { key: '61c1c263360d6d30a510e890276467ebf2cfe922', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), hAsync("slot", { key: 'e437ed4db445c341a83c64bfcaca11bac65c154a' }), hAsync("div", { key: '682abdf277fe537fa38e18d450a9f33eb6ddea1f', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
+            }), role: "listbox", tabindex: 0, onKeyDown: this.handleKeyDown, ref: el => (this.optionsListRef = el), onScroll: this.handleScroll, onFocus: this.updateScrimClasses, "aria-multiselectable": this.dsAriaMultiselectable ? 'true' : 'false', "aria-label": this.dsAriaMultiselectable ? multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, hAsync("div", { key: '4ca1b1fbe2acb2a03497bb811f4d84a71110c07a', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, hAsync("div", { key: 'e7cb51b51f04af2835fc16ae28f57606a31da2f7', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), hAsync("slot", { key: 'ac9bea619694fb8b1acb1c7bf83ff6e09dc00c08' }), hAsync("div", { key: '060f23986a4c24648b976ba9562e0553c7e9a0c5', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
     }
     static get watchers() { return {
         "dsActiveIndex": [{
@@ -23075,7 +23188,7 @@ class DsOptions {
     }; }
 }
-const dsOptionsMessageCss = () => `.ds-options-message__GqWYnG.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__GqWYnG__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__GqWYnG__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__GqWYnG__error__title.sc-ds-options-message,.ds-options-message__GqWYnG__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__GqWYnG__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__GqWYnG__error__text.sc-ds-options-message,.ds-options-message__GqWYnG__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
+const dsOptionsMessageCss = () => `.ds-options-message__bQiYWO.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__bQiYWO__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__bQiYWO__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__bQiYWO__error__title.sc-ds-options-message,.ds-options-message__bQiYWO__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__bQiYWO__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__bQiYWO__error__text.sc-ds-options-message,.ds-options-message__bQiYWO__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
 const defaultTextFns$1 = {
     dsErrorTitle: weCouldNotLoadOptions,
@@ -23085,8 +23198,9 @@ const defaultTextFns$1 = {
     dsNoResultsText: tryADifferentSearchTerm,
 };
 const getTextValue$1 = (key, value) => value || defaultTextFns$1[key]();
-class DsOptionsMessage {
+class DsOptionsMessage extends Mixin(componentFactory('ds-options-message')) {
     constructor(hostRef) {
+        super();
         registerInstance(this, hostRef);
     }
     get el() { return getElement(this); }
@@ -23098,27 +23212,20 @@ class DsOptionsMessage {
     dsLoadingText;
     dsNoResultsTitle;
     dsNoResultsText;
-    texts = Object.fromEntries(Object.entries(defaultTextFns$1).map(([key, fn]) => [key, fn()]));
-    setTexts() {
-        this.texts = {
-            dsErrorTitle: getTextValue$1('dsErrorTitle', this.dsErrorTitle),
-            dsErrorText: getTextValue$1('dsErrorText', this.dsErrorText),
-            dsLoadingText: getTextValue$1('dsLoadingText', this.dsLoadingText),
-            dsNoResultsTitle: getTextValue$1('dsNoResultsTitle', this.dsNoResultsTitle),
-            dsNoResultsText: getTextValue$1('dsNoResultsText', this.dsNoResultsText),
-        };
+    get errorTitle() {
+        return getTextValue$1('dsErrorTitle', this.dsErrorTitle);
     }
-    textPropObserver(newValue, _oldValue, propName) {
-        this.texts = {
-            ...this.texts,
-            [propName]: getTextValue$1(propName, newValue),
-        };
+    get errorText() {
+        return getTextValue$1('dsErrorText', this.dsErrorText);
     }
-    componentWillLoad() {
-        this.setTexts();
+    get loadingText() {
+        return getTextValue$1('dsLoadingText', this.dsLoadingText);
     }
-    handleLanguageChange() {
-        this.setTexts();
+    get noResultsTitle() {
+        return getTextValue$1('dsNoResultsTitle', this.dsNoResultsTitle);
+    }
+    get noResultsText() {
+        return getTextValue$1('dsNoResultsText', this.dsNoResultsText);
     }
     render() {
         const DsIcon = transformTagName('ds-icon', 'ds-options-message', this.el);
@@ -23130,25 +23237,8 @@ class DsOptionsMessage {
         if (!this.dsLoading && !this.dsError && !this.dsNoResults) {
             return null;
         }
-        return (hAsync("div", null, hAsync("div", { class: baseClass }, this.dsError ? (hAsync("div", { class: errorClass }, hAsync(DsIcon, { dsName: "warning", dsSize: '2rem', class: `${errorClass}__icon` }), hAsync("div", { class: `${errorClass}__title` }, this.texts.dsErrorTitle), hAsync("div", { class: `${errorClass}__text` }, this.texts.dsErrorText))) : this.dsLoading ? (hAsync("div", { class: loadingClass }, hAsync(DsSpinner, { dsSize: "large", dsText: this.texts.dsLoadingText }))) : (hAsync("div", { class: noResultsClass }, hAsync("div", { class: `${noResultsClass}__title`, lang: getLanguage() }, this.texts.dsNoResultsTitle), hAsync("div", { class: `${noResultsClass}__text` }, this.texts.dsNoResultsText))))));
+        return (hAsync("div", null, hAsync("div", { class: baseClass }, this.dsError ? (hAsync("div", { class: errorClass }, hAsync(DsIcon, { dsName: "warning", dsSize: '2rem', class: `${errorClass}__icon` }), hAsync("div", { class: `${errorClass}__title` }, this.errorTitle), hAsync("div", { class: `${errorClass}__text` }, this.errorText))) : this.dsLoading ? (hAsync("div", { class: loadingClass }, hAsync(DsSpinner, { dsSize: "large", dsText: this.loadingText }))) : (hAsync("div", { class: noResultsClass }, hAsync("div", { class: `${noResultsClass}__title`, lang: getLanguage() }, this.noResultsTitle), hAsync("div", { class: `${noResultsClass}__text` }, this.noResultsText))))));
     }
-    static get watchers() { return {
-        "dsErrorTitle": [{
-                "textPropObserver": 0
-            }],
-        "dsErrorText": [{
-                "textPropObserver": 0
-            }],
-        "dsLoadingText": [{
-                "textPropObserver": 0
-            }],
-        "dsNoResultsTitle": [{
-                "textPropObserver": 0
-            }],
-        "dsNoResultsText": [{
-                "textPropObserver": 0
-            }]
-    }; }
     static get style() { return dsOptionsMessageCss(); }
     static get cmpMeta() { return {
         "$flags$": 514,
@@ -23161,10 +23251,9 @@ class DsOptionsMessage {
             "dsErrorText": [1, "ds-error-text"],
             "dsLoadingText": [1, "ds-loading-text"],
             "dsNoResultsTitle": [1, "ds-no-results-title"],
-            "dsNoResultsText": [1, "ds-no-results-text"],
-            "texts": [32]
+            "dsNoResultsText": [1, "ds-no-results-text"]
         },
-        "$listeners$": [[16, "dsLanguageChange", "handleLanguageChange"]],
+        "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -23333,9 +23422,9 @@ function consumePaginationContext(element) {
     return null;
 }
-const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__GqWYnG__compact slot,.ds-pagination__GqWYnG__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__compact,.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact{width:100%}@media (min-width: 30rem){.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__compact,.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact{width:auto}}.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__compact slot,.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__GqWYnG ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__full{display:none}.ds-pagination__GqWYnG--full .ds-pagination__GqWYnG__compact{display:none}.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__full{display:none}@media (min-width: 60rem){.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__full{display:contents}.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact{display:none}}`;
+const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__bQiYWO__compact slot,.ds-pagination__bQiYWO__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__compact,.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__compact{width:100%}@media (min-width: 30rem){.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__compact,.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__compact{width:auto}}.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__compact slot,.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__bQiYWO ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__full{display:none}.ds-pagination__bQiYWO--full .ds-pagination__bQiYWO__compact{display:none}.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__full{display:none}@media (min-width: 60rem){.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__full{display:contents}.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__compact{display:none}}`;
-class DsPagination extends Mixin(componentFactory('ds-pagination')) {
+class DsPagination extends Mixin(componentFactory('ds-pagination', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -23346,20 +23435,21 @@ class DsPagination extends Mixin(componentFactory('ds-pagination')) {
     dsLayout = 'auto';
     dsVariant = 'medium';
     dsAriaLabel;
-    texts = {
-        firstPage: firstPage(),
-        lastPage: lastPage(),
-        previousPage: previousPage(),
-        nextPage: nextPage(),
-        goToFirstPage: goToFirstPage(),
-        goToLastPage: goToLastPage(),
-        goToPreviousPage: goToPreviousPage(),
-        goToNextPage: goToNextPage(),
-        currentPage: currentPage(),
-        ellipsis: ellipsis(),
-    };
-    handleLanguageChange() {
-        this.setTexts();
+    get texts() {
+        return {
+            firstPage: firstPage(),
+            lastPage: lastPage(),
+            previousPage: previousPage(),
+            nextPage: nextPage(),
+            goToFirstPage: goToFirstPage(),
+            goToLastPage: goToLastPage(),
+            goToPreviousPage: goToPreviousPage(),
+            goToNextPage: goToNextPage(),
+            currentPage: currentPage(),
+            ellipsis: ellipsis(),
+        };
+    }
+    langObserver() {
         this.updateContext();
     }
     dsCurrentPageObserver(newValue) {
@@ -23375,7 +23465,6 @@ class DsPagination extends Mixin(componentFactory('ds-pagination')) {
         this.updateContext();
     }
     componentWillLoad() {
-        this.setTexts();
         this.dsCurrentPageObserver(this.dsCurrentPage);
         this.dsTotalPagesObserver(this.dsTotalPages);
         this.storeContext();
@@ -23405,31 +23494,20 @@ class DsPagination extends Mixin(componentFactory('ds-pagination')) {
             texts: this.texts,
         };
     }
-    setTexts() {
-        this.texts = {
-            firstPage: firstPage(),
-            lastPage: lastPage(),
-            previousPage: previousPage(),
-            nextPage: nextPage(),
-            goToFirstPage: goToFirstPage(),
-            goToLastPage: goToLastPage(),
-            goToPreviousPage: goToPreviousPage(),
-            goToNextPage: goToNextPage(),
-            currentPage: currentPage(),
-            ellipsis: ellipsis(),
-        };
-    }
     render() {
         const baseClass = cx('ds-pagination');
         const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`);
         const fontSize = this.dsVariant === 'small' ? 'var(--ds-fontSize-16)' : 'var(--ds-fontSize-18)';
         const minSize = this.dsVariant === 'small' ? 'var(--ds-spacing-large)' : 'calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))';
-        return (hAsync("nav", { key: '3a2b18b268ab372ecb529492f9a169ba00468fbe', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
+        return (hAsync("nav", { key: '37a0983233833510e18500c528483bf1bc01a3c1', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
                 '--ds-pagination-font-size': fontSize,
                 '--ds-link-cta-min-width': minSize,
-            } }, hAsync("div", { key: '126a1a2c26939b1349709efd357e666bf52517ed', class: `${baseClass}__compact` }, hAsync("slot", { key: 'b6d3ac267b0c23dff31cec2b583d88fa101e5ddb', name: "compact", onSlotchange: () => this.updateContext() })), hAsync("div", { key: '3743f91508ddb26dd447bdd008c93169b394620c', class: `${baseClass}__full` }, hAsync("slot", { key: '92c981f5dcdefd87d6e21a48a93528f12d369a1e', name: "full", onSlotchange: () => this.updateContext() }))));
+            } }, hAsync("div", { key: 'd61235ad8e8c3f1886e5cf4a555e6cbaf80a7dab', class: `${baseClass}__compact` }, hAsync("slot", { key: 'a478f9bbdeb51e59af0a11b8dc24a90ad77b2400', name: "compact", onSlotchange: () => this.updateContext() })), hAsync("div", { key: 'dcf0e3b5ab81d3eec7f9ac614fe291901ff4f4cd', class: `${baseClass}__full` }, hAsync("slot", { key: 'd4c69cbb062be42ed2af3b52764192348b332baa', name: "full", onSlotchange: () => this.updateContext() }))));
     }
     static get watchers() { return {
+        "lang": [{
+                "langObserver": 0
+            }],
         "dsCurrentPage": [{
                 "dsCurrentPageObserver": 0
             }],
@@ -23446,10 +23524,9 @@ class DsPagination extends Mixin(componentFactory('ds-pagination')) {
             "dsTotalPages": [2, "ds-total-pages"],
             "dsLayout": [1, "ds-layout"],
             "dsVariant": [1, "ds-variant"],
-            "dsAriaLabel": [1, "ds-aria-label"],
-            "texts": [32]
+            "dsAriaLabel": [1, "ds-aria-label"]
         },
-        "$listeners$": [[16, "dsLanguageChange", "handleLanguageChange"]],
+        "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -23480,7 +23557,7 @@ const paginationFactory = (Base) => {
     return BasePagination;
 };
-const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__GqWYnG.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
+const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__bQiYWO.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
 class DsPaginationEllipsis extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -23508,7 +23585,7 @@ class DsPaginationEllipsis extends Mixin(paginationFactory) {
     }; }
 }
-const dsPaginationItemCss = () => `.ds-pagination-item__GqWYnG.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__GqWYnG--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__GqWYnG--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__GqWYnG--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
+const dsPaginationItemCss = () => `.ds-pagination-item__bQiYWO.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__bQiYWO--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__bQiYWO--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__bQiYWO--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
 class DsPaginationItem extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -23632,7 +23709,7 @@ class DsPaginationItem extends Mixin(paginationFactory) {
 }
 declareComponentDependencies([hAsync("ds-link-cta", { dsText: "" })]);
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__GqWYnG.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__GqWYnG--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}`;
+const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__bQiYWO.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__bQiYWO--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}`;
 class DsPaginationPage extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -23695,7 +23772,7 @@ class DsPaginationPage extends Mixin(paginationFactory) {
 }
 declareComponentDependencies([hAsync("ds-link-cta", { dsText: "" })]);
-const dsRadioButtonCss = () => `.ds-radio-button__GqWYnG.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__GqWYnG.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__GqWYnG__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__GqWYnG__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__GqWYnG__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__GqWYnG.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__GqWYnG.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__GqWYnG.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__GqWYnG.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__GqWYnG-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__GqWYnG-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__GqWYnG-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}`;
+const dsRadioButtonCss = () => `.ds-radio-button__bQiYWO.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__bQiYWO.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__bQiYWO__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__bQiYWO__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__bQiYWO__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__bQiYWO.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__bQiYWO.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__bQiYWO.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__bQiYWO.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__bQiYWO-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__bQiYWO-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__bQiYWO-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}`;
 class DsRadioButton extends Mixin(componentFactory('ds-radio-button'), ariaDeprecationFactory, disableEventsFactory) {
     constructor(hostRef) {
@@ -23961,9 +24038,9 @@ class DsRadioButton extends Mixin(componentFactory('ds-radio-button'), ariaDepre
 }
 declareComponentDependencies([hAsync("ds-visually-hidden", null), hAsync("ds-input-validity", null)]);
-const dsRadioButtonGroupCss = () => `.ds-radio-button-group__GqWYnG{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__GqWYnG__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__GqWYnG__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__GqWYnG__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__GqWYnG__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
+const dsRadioButtonGroupCss = () => `.ds-radio-button-group__bQiYWO{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__bQiYWO__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__bQiYWO__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__bQiYWO__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__bQiYWO__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
-class DsRadioButtonGroup extends Mixin(componentFactory('ds-radio-button-group'), disableEventsFactory) {
+class DsRadioButtonGroup extends Mixin(componentFactory('ds-radio-button-group', { stopRootTracking: true }), disableEventsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -24146,7 +24223,7 @@ class DsRadioButtonGroup extends Mixin(componentFactory('ds-radio-button-group')
             element[propName] = newValue;
         });
     }
-    onInputChange(e) {
+    handleDsCheck(e) {
         e.stopPropagation();
         const targetElem = e.target;
         this.setDisableEventEmits(false);
@@ -24154,17 +24231,17 @@ class DsRadioButtonGroup extends Mixin(componentFactory('ds-radio-button-group')
         this.dsRadioButtonGroupValueChange.emit(this.dsValue);
         this.updateFocusableRadioButton();
     }
-    listenFocus(e) {
+    handleDsFocus(e) {
         this.focusedChildRadioButton = e.detail;
     }
-    listenBlur(e) {
+    handleDsBlur(e) {
         this.childBlurTimeout = setTimeout(() => {
             if (e.detail === this.focusedChildRadioButton) {
                 this.focusedChildRadioButton = undefined;
             }
         }, 0);
     }
-    onKeyDown(e) {
+    handleKeyDown(e) {
         if (!['ArrowUp', 'ArrowLeft', 'ArrowDown', 'ArrowRight'].includes(e.key)) {
             return;
         }
@@ -24196,7 +24273,7 @@ class DsRadioButtonGroup extends Mixin(componentFactory('ds-radio-button-group')
         });
         const errorClasses = classNames(`${baseClass}__error`);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (hAsync(Host, { key: 'f4d191fb9cb71cbc468df73b9582fb4963a27347', "data-invalid": !!this.dsErrorText || undefined }, hAsync("fieldset", { key: '08016d961d7aa378bc9011dfb854106e4c2112da', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, hAsync("legend", { key: 'a82ac21e813057b086592b23ed2efd70ad067a75', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (hAsync("small", { key: 'fb5acc27987c7828af9ec907b21caae0d76198a6', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), hAsync("div", { key: '668fc0ad478aabfbbfda56222c02cb33b524d42d', class: radioButtonsSlotClasses }, hAsync("slot", { key: '6109abe10a835a26bc2bacdfa75145e13c838b51', onSlotchange: this.updateFocusableRadioButton })), hAsync("div", { key: '94b7d547a147bb56d8be383a6139c86f6ac23190', class: errorClasses }, hAsync(DsInputValidity, { key: 'ecdc36ad097dfea556568a0508dffbfa2a4e6f08', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
+        return (hAsync(Host, { key: '8f19523c48c40680400deeb3f08f6b77a83bba68', "data-invalid": !!this.dsErrorText || undefined }, hAsync("fieldset", { key: 'f34dbd0000df05b2842e839b01e118a33568b074', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, hAsync("legend", { key: 'b2e2233ddc6ff917d671299236d762e6a240724a', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (hAsync("small", { key: '9b87d836459381435771bc994d2e5c45f335cbab', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), hAsync("div", { key: 'aeda54077d2e66eb87dfd9cfac8fcc8033dc058c', class: radioButtonsSlotClasses }, hAsync("slot", { key: '6c8e55878d71040f2ce047a4fee520174bd00f82', onSlotchange: this.updateFocusableRadioButton })), hAsync("div", { key: 'fa9e041e501e148d4d40b720ce735b289cdc7ed4', class: errorClasses }, hAsync(DsInputValidity, { key: '6fc6ac13f20e9e60976473a3882ec2a50b5070c9', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -24236,7 +24313,7 @@ class DsRadioButtonGroup extends Mixin(componentFactory('ds-radio-button-group')
             "checkValidity": [64],
             "getValue": [64]
         },
-        "$listeners$": [[0, "dsCheck", "onInputChange"], [0, "dsFocus", "listenFocus"], [0, "dsBlur", "listenBlur"], [0, "keydown", "onKeyDown"]],
+        "$listeners$": [[0, "dsCheck", "handleDsCheck"], [0, "dsFocus", "handleDsFocus"], [0, "dsBlur", "handleDsBlur"], [0, "keydown", "handleKeyDown"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -24451,10 +24528,10 @@ var appData = {
 	v1: v1
 };
-const dsRibbonCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__GqWYnG__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__GqWYnG__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__GqWYnG__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__GqWYnG__container{grid-template-columns:auto auto}}.ds-ribbon__GqWYnG__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__GqWYnG__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__GqWYnG__mobile-toggle{display:none}}.ds-ribbon__GqWYnG__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-backdrop{display:none}}.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__GqWYnG__drawer-backdrop,.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__container .ds-ribbon__GqWYnG__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__GqWYnG--drawer-clicked .ds-ribbon__GqWYnG__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__GqWYnG__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__GqWYnG__desktop-nav{display:block}}.ds-ribbon__GqWYnG__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__GqWYnG__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__GqWYnG__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__GqWYnG__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__GqWYnG__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__GqWYnG__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__GqWYnG__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__GqWYnG--drawer-open .ds-ribbon__GqWYnG__drawer{transform:translateX(0%)}.ds-ribbon__GqWYnG__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-header{display:none}}.ds-ribbon__GqWYnG__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__GqWYnG__drawer-branding{max-width:unset}}.ds-ribbon__GqWYnG__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__GqWYnG__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-nav{padding:0}}.ds-ribbon__GqWYnG__top-scrim,.ds-ribbon__GqWYnG__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__GqWYnG__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__GqWYnG__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__GqWYnG__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__GqWYnG__bottom-scrim{display:block}.ds-ribbon__GqWYnG__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__GqWYnG__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__GqWYnG__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__GqWYnG__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__GqWYnG__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__GqWYnG__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__GqWYnG__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__GqWYnG__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__GqWYnG__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer-backdrop{display:block}}:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__GqWYnG--drawer-open) .ds-ribbon__GqWYnG__drawer{transform:none}}`;
+const dsRibbonCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__bQiYWO__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__bQiYWO__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__bQiYWO__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__bQiYWO__container{grid-template-columns:auto auto}}.ds-ribbon__bQiYWO__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__bQiYWO__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__bQiYWO__mobile-toggle{display:none}}.ds-ribbon__bQiYWO__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-backdrop{display:none}}.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__bQiYWO__drawer-backdrop,.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__container .ds-ribbon__bQiYWO__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__bQiYWO--drawer-clicked .ds-ribbon__bQiYWO__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__bQiYWO__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__bQiYWO__desktop-nav{display:block}}.ds-ribbon__bQiYWO__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__bQiYWO__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__bQiYWO__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__bQiYWO__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__bQiYWO__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__bQiYWO__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__bQiYWO__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__drawer{transform:translateX(0%)}.ds-ribbon__bQiYWO__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-header{display:none}}.ds-ribbon__bQiYWO__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__bQiYWO__drawer-branding{max-width:unset}}.ds-ribbon__bQiYWO__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__bQiYWO__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-nav{padding:0}}.ds-ribbon__bQiYWO__top-scrim,.ds-ribbon__bQiYWO__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__bQiYWO__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__bQiYWO__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__bQiYWO__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__bQiYWO__bottom-scrim{display:block}.ds-ribbon__bQiYWO__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__bQiYWO__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__bQiYWO__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__bQiYWO__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__bQiYWO__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__bQiYWO__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__bQiYWO__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__bQiYWO__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer-backdrop{display:block}}:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer{transform:none}}`;
 const fallbackRibbonData = appData.v1.ribbon;
-class DsRibbon extends Mixin(componentFactory('ds-ribbon')) {
+class DsRibbon extends Mixin(componentFactory('ds-ribbon', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -24481,7 +24558,6 @@ class DsRibbon extends Mixin(componentFactory('ds-ribbon')) {
     isMobileDrawerOpen = false;
     isMobileDrawerClicked = false;
     loadedExternalData = null;
-    lang = defaultLanguage;
     icon;
     brandingUrls;
     get DsLinkLogo() {
@@ -24576,9 +24652,6 @@ class DsRibbon extends Mixin(componentFactory('ds-ribbon')) {
             this.closeMobileDrawer();
         }
     }
-    handleLanguageChange(newValue) {
-        this.lang = newValue.detail;
-    }
     handleKeyDown(event) {
         if (!this.isMobileDrawerOpen)
             return;
@@ -24805,7 +24878,7 @@ class DsRibbon extends Mixin(componentFactory('ds-ribbon')) {
             [`${baseClass}--drawer-open`]: this.isMobileDrawerOpen,
             [`${baseClass}--drawer-clicked`]: this.isMobileDrawerClicked,
         });
-        return (hAsync("div", { key: '8f7ee40a823225e28bdce30b3ad0b3eb0c643a3b', class: ribbonClasses }, hAsync("nav", { key: '520936251bb36aa51c490915095076153943207f', "aria-label": this.localizedNavAriaLabel, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, hAsync("div", { key: '652fd61e9baa53ae34b30cab8a9c1dbd14a1349d', class: `${baseClass}__container`, ...this.inheritedAttributes }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle())), this.renderMobileNavigation()));
+        return (hAsync("div", { key: '55e49a1a78a5fbbe223918d2df5fc480be41e3c6', class: ribbonClasses }, hAsync("nav", { key: '46205034405d33329d9244965f10ce33fcdf8a5b', "aria-label": this.localizedNavAriaLabel, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, hAsync("div", { key: 'ecffe3ec736a656cc606de7bab6e7e415f840daa', class: `${baseClass}__container`, ...this.inheritedAttributes }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle())), this.renderMobileNavigation()));
     }
     static get watchers() { return {
         "dsIcon": [{
@@ -24840,25 +24913,23 @@ class DsRibbon extends Mixin(componentFactory('ds-ribbon')) {
             "isMobileDrawerOpen": [32],
             "isMobileDrawerClicked": [32],
             "loadedExternalData": [32],
-            "lang": [32],
             "icon": [32],
             "brandingUrls": [32]
         },
-        "$listeners$": [[16, "dsLanguageChange", "handleLanguageChange"], [4, "keydown", "handleKeyDown"], [9, "resize", "handleWindowResize"]],
+        "$listeners$": [[4, "keydown", "handleKeyDown"], [9, "resize", "handleWindowResize"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-link-logo", { dsHref: "" }), hAsync("ds-link", { dsText: "" }), hAsync("ds-button", null), hAsync("ds-tag", { dsText: "" }), hAsync("ds-visually-hidden", null)]);
-const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__GqWYnG--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__GqWYnG-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__GqWYnG-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__GqWYnG-custom-wrapper.sc-ds-select{position:relative}.ds-select__GqWYnG-custom.sc-ds-select .ds-options__GqWYnG.sc-ds-select{display:block}.ds-select__GqWYnG-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__GqWYnG-custom-input-container.sc-ds-select:has(.ds-select__GqWYnG-custom__clear-button:hover) .ds-select__GqWYnG-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__GqWYnG-custom.sc-ds-select:not(.ds-select__GqWYnG-custom--open,.ds-select__GqWYnG-custom--invalid.sc-ds-select,.ds-select__GqWYnG-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__GqWYnG-custom.sc-ds-select:active:not(.ds-select__GqWYnG-custom--open,.ds-select__GqWYnG-custom--invalid.sc-ds-select,.ds-select__GqWYnG-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__GqWYnG-custom--open.sc-ds-select,.ds-select__GqWYnG-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__GqWYnG-custom--open.sc-ds-select:not(.ds-select__GqWYnG-custom--open--invalid,.ds-select__GqWYnG-custom.sc-ds-select:focus-visible--invalid),.ds-select__GqWYnG-custom.sc-ds-select:focus-visible:not(.ds-select__GqWYnG-custom--open--invalid,.ds-select__GqWYnG-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__GqWYnG-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__GqWYnG-custom--disabled.sc-ds-select .ds-select__GqWYnG-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__GqWYnG-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__GqWYnG-custom--invalid.sc-ds-select:not(.ds-select__GqWYnG-custom--invalid--open,.ds-select__GqWYnG-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__GqWYnG-custom--invalid.sc-ds-select:not(.ds-select__GqWYnG-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__GqWYnG-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__GqWYnG-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__GqWYnG-custom--has-icon.sc-ds-select .ds-select__GqWYnG-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__GqWYnG-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__GqWYnG-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__GqWYnG-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__GqWYnG-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__GqWYnG-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__GqWYnG-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__GqWYnG-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__GqWYnG-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__GqWYnG-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__GqWYnG-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__GqWYnG-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__GqWYnG-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__GqWYnG-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__GqWYnG-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__GqWYnG-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__GqWYnG-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__GqWYnG-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__GqWYnG-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
+const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__bQiYWO--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__bQiYWO-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__bQiYWO-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__bQiYWO-custom-wrapper.sc-ds-select{position:relative}.ds-select__bQiYWO-custom.sc-ds-select .ds-options__bQiYWO.sc-ds-select{display:block}.ds-select__bQiYWO-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__bQiYWO-custom-input-container.sc-ds-select:has(.ds-select__bQiYWO-custom__clear-button:hover) .ds-select__bQiYWO-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__bQiYWO-custom.sc-ds-select:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select,.ds-select__bQiYWO-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__bQiYWO-custom.sc-ds-select:active:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select,.ds-select__bQiYWO-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__bQiYWO-custom--open.sc-ds-select,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__bQiYWO-custom--open.sc-ds-select:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible--invalid),.ds-select__bQiYWO-custom.sc-ds-select:focus-visible:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__bQiYWO-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-custom--disabled.sc-ds-select .ds-select__bQiYWO-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select:not(.ds-select__bQiYWO-custom--invalid--open,.ds-select__bQiYWO-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select:not(.ds-select__bQiYWO-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__bQiYWO-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__bQiYWO-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__bQiYWO-custom--has-icon.sc-ds-select .ds-select__bQiYWO-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__bQiYWO-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__bQiYWO-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__bQiYWO-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__bQiYWO-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__bQiYWO-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__bQiYWO-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__bQiYWO-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__bQiYWO-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__bQiYWO-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
-const selectIdGenerator = idGenerator('ds-select');
 const defaultTextFns = {
     dsPlaceholder: selectAnOption,
 };
 const getTextValue = (key, value) => value || defaultTextFns[key]();
-class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
+class DsSelect extends Mixin(componentFactory('ds-select', { stopRootTracking: true, stopRootTrackingExcept: ['ds-datepicker'] }), multipleValueFactory, disableEventsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -24886,7 +24957,7 @@ class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
     dsBlur;
     dsFocus;
     dsForm;
-    dsId = selectIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsName = this.dsId;
     dsLabel;
     dsAssistiveText;
@@ -24970,6 +25041,7 @@ class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
         };
     }
     componentDidLoad() {
+        this.componentMounted();
         if (this.isNative) {
             this.internals?.setValidity({});
         }
@@ -25006,10 +25078,10 @@ class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
             this.customSelectRef?.focus();
         }
     }
-    onFocusIn() {
+    handleFocusIn() {
         this.hasFocus = true;
     }
-    onFocusOut(e) {
+    handleFocusOut(e) {
         const nextFocused = e && 'relatedTarget' in e ? e.relatedTarget : null;
         const lostFocus = !nextFocused || !this.el.contains(nextFocused);
         if (lostFocus) {
@@ -25272,7 +25344,7 @@ class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
     }
     render() {
         const baseClass = cx('ds-select');
-        return (hAsync(Host, { key: '9baecfe636acf17e0281a7d948183e368ef84d39', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, hAsync("div", { key: '4505bc36839629445cf84167c8eb24676f87c8ee', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (hAsync(Host, { key: '049829fc522f3e1fbed4b078a3e7648e6dcef3c0', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, hAsync("div", { key: '00bbb3a9f4c9ad16b0e81f87ed9253ae2dbf0ef1', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -25346,14 +25418,14 @@ class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
             "getSelectedOption": [64],
             "getSelectedOptions": [64]
         },
-        "$listeners$": [[0, "dsEsc", "handleEscEvent"], [0, "focusin", "onFocusIn"], [0, "focusout", "onFocusOut"]],
+        "$listeners$": [[0, "dsEsc", "handleEscEvent"], [0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-select-native", null), hAsync("ds-icon", { dsName: "" }), hAsync("ds-input-validity", null), hAsync("ds-button", null), hAsync("ds-options", null), hAsync("ds-control-label", null), hAsync("ds-feedback", null)]);
-const dsSelectNativeCss = () => `.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__GqWYnG--full-width)).sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__GqWYnG-native.sc-ds-select-native,.ds-select__GqWYnG-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__GqWYnG-native__dropdown-icon.sc-ds-select-native,.ds-select__GqWYnG-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__GqWYnG-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__GqWYnG-custom.sc-ds-select-native .ds-options__GqWYnG.sc-ds-select-native{display:block}.ds-select__GqWYnG-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__GqWYnG-custom-input-container.sc-ds-select-native:has(.ds-select__GqWYnG-custom__clear-button:hover) .ds-select__GqWYnG-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__GqWYnG-custom.sc-ds-select-native:not(.ds-select__GqWYnG-custom--open,.ds-select__GqWYnG-custom--invalid.sc-ds-select-native,.ds-select__GqWYnG-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__GqWYnG-custom.sc-ds-select-native:active:not(.ds-select__GqWYnG-custom--open,.ds-select__GqWYnG-custom--invalid.sc-ds-select-native,.ds-select__GqWYnG-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__GqWYnG-custom--open.sc-ds-select-native,.ds-select__GqWYnG-custom.sc-ds-select-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__GqWYnG-custom--open.sc-ds-select-native:not(.ds-select__GqWYnG-custom--open--invalid,.ds-select__GqWYnG-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__GqWYnG-custom.sc-ds-select-native:focus-visible:not(.ds-select__GqWYnG-custom--open--invalid,.ds-select__GqWYnG-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__GqWYnG-custom--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__GqWYnG-custom--disabled.sc-ds-select-native .ds-select__GqWYnG-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__GqWYnG-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__GqWYnG-custom--invalid.sc-ds-select-native:not(.ds-select__GqWYnG-custom--invalid--open,.ds-select__GqWYnG-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__GqWYnG-custom--invalid.sc-ds-select-native:not(.ds-select__GqWYnG-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__GqWYnG-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__GqWYnG-custom__selected-option.sc-ds-select-native{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__GqWYnG-custom--has-icon.sc-ds-select-native .ds-select__GqWYnG-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__GqWYnG-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__GqWYnG-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__GqWYnG-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__GqWYnG-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__GqWYnG-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__GqWYnG-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__GqWYnG-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__GqWYnG-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__GqWYnG-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__GqWYnG-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__GqWYnG-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__GqWYnG-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__GqWYnG-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__GqWYnG-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__GqWYnG-custom__options-container__options__inner.sc-ds-select-native{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__GqWYnG-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__GqWYnG-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__GqWYnG-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__GqWYnG-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__GqWYnG-native.sc-ds-select-native:not(.ds-select__GqWYnG-native--invalid,.ds-select__GqWYnG-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__GqWYnG-native.sc-ds-select-native:has(.ds-select__GqWYnG-native__select:active):not(.ds-select__GqWYnG-native--invalid,.ds-select__GqWYnG-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__GqWYnG-native.sc-ds-select-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__GqWYnG-native--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__GqWYnG-native--disabled.sc-ds-select-native .ds-select__GqWYnG-native__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__GqWYnG-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__GqWYnG-native--invalid.sc-ds-select-native:not(.ds-select__GqWYnG-native--invalid--disabled):has(.ds-select__GqWYnG-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__GqWYnG-native--invalid.sc-ds-select-native:not(.ds-select__GqWYnG-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__GqWYnG-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__GqWYnG-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__GqWYnG-native__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select__GqWYnG-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__GqWYnG-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}`;
+const dsSelectNativeCss = () => `.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__bQiYWO--full-width)).sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__bQiYWO-native.sc-ds-select-native,.ds-select__bQiYWO-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__bQiYWO-native__dropdown-icon.sc-ds-select-native,.ds-select__bQiYWO-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__bQiYWO-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__bQiYWO-custom.sc-ds-select-native .ds-options__bQiYWO.sc-ds-select-native{display:block}.ds-select__bQiYWO-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__bQiYWO-custom-input-container.sc-ds-select-native:has(.ds-select__bQiYWO-custom__clear-button:hover) .ds-select__bQiYWO-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__bQiYWO-custom.sc-ds-select-native:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select-native,.ds-select__bQiYWO-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__bQiYWO-custom.sc-ds-select-native:active:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select-native,.ds-select__bQiYWO-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__bQiYWO-custom--open.sc-ds-select-native,.ds-select__bQiYWO-custom.sc-ds-select-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__bQiYWO-custom--open.sc-ds-select-native:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__bQiYWO-custom.sc-ds-select-native:focus-visible:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__bQiYWO-custom--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-custom--disabled.sc-ds-select-native .ds-select__bQiYWO-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select-native:not(.ds-select__bQiYWO-custom--invalid--open,.ds-select__bQiYWO-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select-native:not(.ds-select__bQiYWO-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__bQiYWO-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__bQiYWO-custom__selected-option.sc-ds-select-native{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__bQiYWO-custom--has-icon.sc-ds-select-native .ds-select__bQiYWO-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__bQiYWO-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__bQiYWO-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__bQiYWO-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__bQiYWO-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__bQiYWO-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__bQiYWO-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__bQiYWO-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__bQiYWO-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__bQiYWO-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__bQiYWO-custom__options-container__options__inner.sc-ds-select-native{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__bQiYWO-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__bQiYWO-native.sc-ds-select-native:not(.ds-select__bQiYWO-native--invalid,.ds-select__bQiYWO-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__bQiYWO-native.sc-ds-select-native:has(.ds-select__bQiYWO-native__select:active):not(.ds-select__bQiYWO-native--invalid,.ds-select__bQiYWO-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__bQiYWO-native.sc-ds-select-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__bQiYWO-native--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-native--disabled.sc-ds-select-native .ds-select__bQiYWO-native__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__bQiYWO-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-native--invalid.sc-ds-select-native:not(.ds-select__bQiYWO-native--invalid--disabled):has(.ds-select__bQiYWO-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-native--invalid.sc-ds-select-native:not(.ds-select__bQiYWO-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__bQiYWO-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__bQiYWO-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__bQiYWO-native__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select__bQiYWO-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}`;
 class DsSelectNative extends Mixin(ariaDeprecationFactory) {
     constructor(hostRef) {
@@ -25509,7 +25581,7 @@ class DsSelectNative extends Mixin(ariaDeprecationFactory) {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-control-label", null), hAsync("ds-input-validity", null)]);
-const dsSpinnerCss = () => `.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__GqWYnG{display:inline-block}.ds-spinner__GqWYnG:has(.ds-spinner__GqWYnG__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__GqWYnG{}.ds-spinner__GqWYnG--small{padding:1.5px}.ds-spinner__GqWYnG--medium{padding:3px}.ds-spinner__GqWYnG--large{padding:3px}.ds-spinner__GqWYnG--xLarge{padding:5.5px}.ds-spinner__GqWYnG--2xLarge{padding:5.5px}.ds-spinner__GqWYnG--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__GqWYnG{}.ds-spinner__GqWYnG--below{flex-direction:column;align-items:center}.ds-spinner__GqWYnG--right{flex-direction:row;align-items:center}.ds-spinner__GqWYnG__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__GqWYnG__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__GqWYnG__text--white{color:var(--ds-textColor-white)}.ds-spinner__GqWYnG__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__GqWYnG__segment--1{animation-delay:-0.3s}.ds-spinner__GqWYnG__segment--2{animation-delay:-0.2s}.ds-spinner__GqWYnG__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__GqWYnG__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__GqWYnG__segment--1{animation-delay:-0.6s}.ds-spinner__GqWYnG__segment--2{animation-delay:-0.4s}.ds-spinner__GqWYnG__segment--3{animation-delay:-0.2s}}`;
+const dsSpinnerCss = () => `.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__bQiYWO{display:inline-block}.ds-spinner__bQiYWO:has(.ds-spinner__bQiYWO__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__bQiYWO{}.ds-spinner__bQiYWO--small{padding:1.5px}.ds-spinner__bQiYWO--medium{padding:3px}.ds-spinner__bQiYWO--large{padding:3px}.ds-spinner__bQiYWO--xLarge{padding:5.5px}.ds-spinner__bQiYWO--2xLarge{padding:5.5px}.ds-spinner__bQiYWO--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__bQiYWO{}.ds-spinner__bQiYWO--below{flex-direction:column;align-items:center}.ds-spinner__bQiYWO--right{flex-direction:row;align-items:center}.ds-spinner__bQiYWO__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__bQiYWO__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__bQiYWO__text--white{color:var(--ds-textColor-white)}.ds-spinner__bQiYWO__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__bQiYWO__segment--1{animation-delay:-0.3s}.ds-spinner__bQiYWO__segment--2{animation-delay:-0.2s}.ds-spinner__bQiYWO__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__bQiYWO__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__bQiYWO__segment--1{animation-delay:-0.6s}.ds-spinner__bQiYWO__segment--2{animation-delay:-0.4s}.ds-spinner__bQiYWO__segment--3{animation-delay:-0.2s}}`;
 const SPINNER_SIZES = {
     'small': 10,
@@ -25570,11 +25642,11 @@ class DsSpinner extends Mixin(componentFactory('ds-spinner')) {
         const segmentClasses = (index) => classNames(`${baseClass}__segment`, `${baseClass}__segment--${index}`);
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-spinner', this.el);
         const spinnerSizeValue = this.dsCustomSize ? `calc(${this.dsCustomSize} / 1.5833333333)` : `${sizeInPixels}px`;
-        return (hAsync("div", { key: 'e005009f0d7ae9e2b65ea914b4d34121d549367c', role: this.dsUseRoleAlert ? 'alert' : undefined, "aria-live": this.dsUseAriaLive ? 'polite' : undefined, class: classes, style: {
+        return (hAsync("div", { key: '5cdb1d5e91878a517e82b9cd276776ffb3d7eba3', role: this.dsUseRoleAlert ? 'alert' : undefined, "aria-live": this.dsUseAriaLive ? 'polite' : undefined, class: classes, style: {
                 '--spinner-size': spinnerSizeValue,
                 '--spinner-color': `${spinnerColorVariable}`,
                 '--spinner-border-color': this.dsColour == 'white' ? 'var(--ds-overlay-white-15)' : 'transparent',
-            }, ...this.inheritedAttributes }, hAsync("div", { key: '7320d4ecad564b0fe273db837f8788df9779695b', class: `${baseClass}__spinner` }, hAsync("div", { key: 'c48f5415839d7c6877aea23b0ce417083b1a3e68', class: segmentClasses(1) }), hAsync("div", { key: '5493eb9032096b6d4465956f7464f0f1645f9b10', class: segmentClasses(2) }), hAsync("div", { key: '21e06cea11eac46b75fa0c16e416ccce0ea7446a', class: segmentClasses(3) })), this.dsHiddenAssistiveText && (hAsync(DsVisuallyHidden, { key: 'a63fa57152c2a4521c8f046648d8b17aa48b6ebd' }, hAsync("span", { key: '918c987794b085f3f2949154816e438482652399' }, this.dsHiddenAssistiveText))), this.dsText && (hAsync("span", { key: '43fdbe3aca2fd375f61d70b48266b7cd533c5dbe', class: textClasses, style: { fontSize: this.dsCustomTextSize } }, this.dsText))));
+            }, ...this.inheritedAttributes }, hAsync("div", { key: '6fb917362e05a35d8433e7e22918d29ebeeffaad', class: `${baseClass}__spinner` }, hAsync("div", { key: '867f6cb563805351d23932167b54fbab97acacc4', class: segmentClasses(1) }), hAsync("div", { key: '6d9edadb424708ef345dcaea44ecdcd388b27c71', class: segmentClasses(2) }), hAsync("div", { key: '15861982856b22ba5265eaa2a29e2b67f4b70421', class: segmentClasses(3) })), this.dsHiddenAssistiveText && (hAsync(DsVisuallyHidden, { key: 'b45baa1e904f3295deba75b5cec215a32a92bf24' }, hAsync("span", { key: 'dea5006a521e31b885f73f18a4303a5cd4332fae' }, this.dsHiddenAssistiveText))), this.dsText && (hAsync("span", { key: '6f0d73e6a71f8d249cfeaac9225b3ee73f7d7d6d', class: textClasses, style: { fontSize: this.dsCustomTextSize } }, this.dsText))));
     }
     static get style() { return dsSpinnerCss(); }
     static get cmpMeta() { return {
@@ -25707,9 +25779,9 @@ const tabsFactory = (Base) => {
     return BaseTabs;
 };
-const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__GqWYnG.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__GqWYnG.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__GqWYnG--selected.sc-ds-tab,.ds-tab__GqWYnG.sc-ds-tab:hover:not(.ds-tab__GqWYnG--selected),.ds-tab__GqWYnG.sc-ds-tab:active:not(.ds-tab__GqWYnG--selected){color:var(--ds-textColor-default)}.ds-tab__GqWYnG--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__GqWYnG--container.ds-tab__GqWYnG--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__GqWYnG--container.ds-tab__GqWYnG--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__GqWYnG--container.ds-tab__GqWYnG--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__GqWYnG--container.sc-ds-tab:hover:not(.ds-tab__GqWYnG--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__GqWYnG--container.sc-ds-tab:active:not(.ds-tab__GqWYnG--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__GqWYnG--line.sc-ds-tab:focus-visible .ds-tab__GqWYnG__content.sc-ds-tab{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tab__GqWYnG--line.ds-tab__GqWYnG--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__GqWYnG--line.sc-ds-tab:hover:not(.ds-tab__GqWYnG--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__GqWYnG--line.sc-ds-tab:active:not(.ds-tab__GqWYnG--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__GqWYnG.sc-ds-tab .ds-tab__GqWYnG__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
+const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__bQiYWO.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__bQiYWO.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__bQiYWO--selected.sc-ds-tab,.ds-tab__bQiYWO.sc-ds-tab:hover:not(.ds-tab__bQiYWO--selected),.ds-tab__bQiYWO.sc-ds-tab:active:not(.ds-tab__bQiYWO--selected){color:var(--ds-textColor-default)}.ds-tab__bQiYWO--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__bQiYWO--container.ds-tab__bQiYWO--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__bQiYWO--container.ds-tab__bQiYWO--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__bQiYWO--container.ds-tab__bQiYWO--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__bQiYWO--container.sc-ds-tab:hover:not(.ds-tab__bQiYWO--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__bQiYWO--container.sc-ds-tab:active:not(.ds-tab__bQiYWO--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__bQiYWO--line.sc-ds-tab:focus-visible .ds-tab__bQiYWO__content.sc-ds-tab{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tab__bQiYWO--line.ds-tab__bQiYWO--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__bQiYWO--line.sc-ds-tab:hover:not(.ds-tab__bQiYWO--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__bQiYWO--line.sc-ds-tab:active:not(.ds-tab__bQiYWO--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__bQiYWO.sc-ds-tab .ds-tab__bQiYWO__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
-class DsTab extends Mixin(tabsFactory) {
+class DsTab extends Mixin(componentFactory('ds-tab'), tabsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -25805,7 +25877,7 @@ class DsTab extends Mixin(tabsFactory) {
             [`${baseClass}--line`]: this.context?.variant === 'line',
             [`${baseClass}--selected`]: isSelected,
         });
-        return (hAsync("div", { key: 'f85656b4ec870dcf92947b3cbd95c80cc306d8c3', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, hAsync("div", { key: '1e44a6af00a3637ee2b9f32d8d21571e9fe46d21', class: `${baseClass}__content` }, hAsync("slot", { key: 'c5ce3d8c478d4781823516ca0b5f63b40ca96689', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && hAsync(this.DsIcon, { key: 'd5f1c70d72eed55890a8afb103c302f0019efc5b', dsName: this.dsIconStart })), hAsync("slot", { key: 'dca39987bc2089aa2ffce964738b775dece1d868', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && hAsync("span", { key: 'cb0c79a3ff1e25d4298d6e5fdb55f55f346695e7' }, this.dsText)), hAsync("slot", { key: '6360928755f5350ac63361cfcfa9687db6685102', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && hAsync(this.DsIcon, { key: 'e8ad3fc72b8a44d6d0c924209a140d4e25ac962b', dsName: this.dsIconEnd, dsColour: this.iconColour })))));
+        return (hAsync("div", { key: 'ae75a439a5169a270d6efc58cf7514597e1d10ad', ref: el => (this.tabElement = el), class: classes, role: "tab", "aria-controls": this.dsTabPanelId, "aria-selected": String(isSelected), tabIndex: isSelected ? 0 : -1 }, hAsync("div", { key: 'ef08cacdea763f1fae8a53d5b5288d1c7749c1dc', class: `${baseClass}__content` }, hAsync("slot", { key: 'b6677d3e5aa293c0e3e75e002470ddba2101f549', name: "prefix", onSlotchange: this.checkPrefixSlot }, !this.hasPrefixSlot && this.dsIconStart && hAsync(this.DsIcon, { key: '16d64ca02eabae826b9a75b956cd039e2bd88f5c', dsName: this.dsIconStart })), hAsync("slot", { key: 'bb1b7e5a72e3aca2a4c85433b87f029e4cdb60a0', name: "content", onSlotchange: this.checkContentSlot }, !this.hasContentSlot && hAsync("span", { key: '9ccf6bc28f27c841409643e7e301faec262ddbf9' }, this.dsText)), hAsync("slot", { key: '6c6d0652750b3befbd7a8d9b79c7a7e832e18e52', name: "suffix", onSlotchange: this.checkSuffixSlot }, !this.hasSuffixSlot && this.dsIconEnd && hAsync(this.DsIcon, { key: 'fd0bfe7afa6b5ebf7f2cbac21c0183342b39666f', dsName: this.dsIconEnd, dsColour: this.iconColour })))));
     }
     static get style() { return dsTabCss(); }
     static get cmpMeta() { return {
@@ -25833,9 +25905,9 @@ class DsTab extends Mixin(tabsFactory) {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" })]);
-const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__GqWYnG.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:focus,.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--backward.sc-ds-tablist{left:0}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--forward.sc-ds-tablist{right:0}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.ds-tablist__GqWYnG__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button--container.ds-tablist__GqWYnG__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button[hidden].sc-ds-tablist{display:none}.ds-tablist__GqWYnG.sc-ds-tablist .ds-tablist__GqWYnG__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
+const dsTablistCss = () => `.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__bQiYWO.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist:focus,.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--backward.sc-ds-tablist{left:0}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--forward.sc-ds-tablist{right:0}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--container.ds-tablist__bQiYWO__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button--container.ds-tablist__bQiYWO__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button[hidden].sc-ds-tablist{display:none}.ds-tablist__bQiYWO.sc-ds-tablist .ds-tablist__bQiYWO__button__ds-button.sc-ds-tablist{width:100%;height:100%}`;
-class DsTablist extends Mixin(tabsFactory) {
+class DsTablist extends Mixin(componentFactory('ds-tablist'), tabsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -25871,10 +25943,10 @@ class DsTablist extends Mixin(tabsFactory) {
     async tabDisconnected() {
         this.setButtonsVisibility(this.scrollableElement);
     }
-    handleResize() {
+    handleWindowResize() {
         this.throttledSetButtonsVisibility(this.scrollableElement);
     }
-    handleTabClick(event) {
+    handleDsTabClick(event) {
         event.stopPropagation();
         if (event.detail.tabId === this.context?.currentTab)
             return;
@@ -25901,7 +25973,7 @@ class DsTablist extends Mixin(tabsFactory) {
         const max = this.scrollableElement.scrollWidth - this.scrollableElement.clientWidth;
         this.scrollableElement.scrollTo({ left: Math.max(0, Math.min(next, max)), behavior: 'auto' });
     };
-    handleTabFocus(event) {
+    handleDsTabFocus(event) {
         event.stopPropagation();
         this.scrollTabIntoView(event.target);
     }
@@ -25909,7 +25981,7 @@ class DsTablist extends Mixin(tabsFactory) {
         event.stopPropagation();
         const activeTab = event.target.closest(this.DsTab);
         const tabs = Array.from(this.el.querySelectorAll(this.DsTab));
-        const activeTabIndex = tabs.indexOf(activeTab);
+        const activeTabIndex = activeTab ? tabs.indexOf(activeTab) : -1;
         if (activeTabIndex === -1)
             return;
         let nextIndex = 0;
@@ -25974,13 +26046,13 @@ class DsTablist extends Mixin(tabsFactory) {
         const baseClass = cx('ds-tablist');
         const scrollableClass = `${baseClass}__scrollable`;
         const buttonClass = `${baseClass}__button`;
-        return (hAsync("div", { key: '0b8939092cebd964f1d059c39e96356c9667b30b', class: baseClass }, hAsync("div", { key: '95df4f0c08c9d7683b7ad33c619f6316a01645bd', ref: el => (this.scrollableElement = el), class: classNames(scrollableClass, {
+        return (hAsync("div", { key: 'facb4e5c32ae467b6a5696fdfcb32ace65174167', class: baseClass }, hAsync("div", { key: 'e16066822780aa24e748ec7086b3aac920efd364', ref: el => (this.scrollableElement = el), class: classNames(scrollableClass, {
                 [`${scrollableClass}--container`]: this.context?.variant === 'container',
                 [`${scrollableClass}--line`]: this.context?.variant === 'line',
-            }), role: "tablist", ...ifDefined('aria-label', this.dsAriaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, hAsync("slot", { key: '4f8a069e168c9de0387347d08c618abd0b6167a6' })), hAsync("div", { key: '53fb3cbeca8828a5e8cb29252b62458902b2d292', ref: el => (this.backwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--backward`, {
+            }), role: "tablist", ...ifDefined('aria-label', this.dsAriaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), onScroll: this.handleScroll }, hAsync("slot", { key: '460bd1c6016cdf0e6580d5982e9f4fd9137bd259' })), hAsync("div", { key: '53c5fe325aacf605633dbe24ce86b43f779c8606', ref: el => (this.backwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--backward`, {
                 [`${buttonClass}--container`]: this.context?.variant === 'container',
                 [`${buttonClass}--line`]: this.context?.variant === 'line',
-            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), hAsync("div", { key: '4a4b57eb33f521de240bb884252b0c557c03e7be', ref: el => (this.forwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--forward`, {
+            }), "aria-hidden": "true", hidden: !this.showBackwardButton }, this.renderButton('backward')), hAsync("div", { key: 'fab24ecfa00273931d5623479ac2bc7a45777e1c', ref: el => (this.forwardButtonElement = el), class: classNames(buttonClass, `${buttonClass}--forward`, {
                 [`${buttonClass}--container`]: this.context?.variant === 'container',
                 [`${buttonClass}--line`]: this.context?.variant === 'line',
             }), "aria-hidden": "true", hidden: !this.showForwardButton }, this.renderButton('forward'))));
@@ -25998,16 +26070,16 @@ class DsTablist extends Mixin(tabsFactory) {
             "tabConnected": [64],
             "tabDisconnected": [64]
         },
-        "$listeners$": [[9, "resize", "handleResize"], [0, "dsTabClick", "handleTabClick"], [0, "dsTabFocus", "handleTabFocus"]],
+        "$listeners$": [[9, "resize", "handleWindowResize"], [0, "dsTabClick", "handleDsTabClick"], [0, "dsTabFocus", "handleDsTabFocus"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
 declareComponentDependencies([hAsync("ds-tab", { dsId: "", dsTabPanelId: "" }), hAsync("ds-button", null)]);
-const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__GqWYnG.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__GqWYnG--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__GqWYnG--container.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__GqWYnG--container.ds-tabpanel__GqWYnG--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__GqWYnG[hidden].sc-ds-tabpanel{display:none}`;
+const dsTabpanelCss = () => `.ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__bQiYWO.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__bQiYWO--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__bQiYWO--container.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__bQiYWO--container.ds-tabpanel__bQiYWO--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__bQiYWO[hidden].sc-ds-tabpanel{display:none}`;
-class DsTabpanel extends Mixin(tabsFactory) {
+class DsTabpanel extends Mixin(componentFactory('ds-tabpanel'), tabsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -26018,10 +26090,10 @@ class DsTabpanel extends Mixin(tabsFactory) {
     dsPadded = true;
     render() {
         const baseClass = cx('ds-tabpanel');
-        return (hAsync("div", { key: '4cc70db3ba4838fa67c1986e43ad49e08826ae64', id: this.dsId, class: classNames(baseClass, {
+        return (hAsync("div", { key: '0381cf5fbffeaa9715ded94760d23a38af385edf', id: this.dsId, class: classNames(baseClass, {
                 [`${baseClass}--container`]: this.context?.variant === 'container',
                 [`${baseClass}--padded`]: this.dsPadded,
-            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, hAsync("slot", { key: '57d406d1c0311824c2ea622009dfc937e1da39da' })));
+            }), role: "tabpanel", hidden: this.context?.currentTabPanel !== this.dsId, "aria-labelledby": this.dsTabId }, hAsync("slot", { key: '7973c2edf975b23ac583c5fa16682e428ff2f0aa' })));
     }
     static get style() { return dsTabpanelCss(); }
     static get cmpMeta() { return {
@@ -26039,9 +26111,9 @@ class DsTabpanel extends Mixin(tabsFactory) {
     }; }
 }
-const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__GqWYnG.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}`;
+const dsTabsCss = () => `.ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__bQiYWO.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}`;
-class DsTabs extends Mixin(componentFactory('ds-tabs')) {
+class DsTabs extends Mixin(componentFactory('ds-tabs', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -26050,7 +26122,7 @@ class DsTabs extends Mixin(componentFactory('ds-tabs')) {
     dsCurrentTab;
     dsCurrentTabPanel;
     dsVariant = 'container';
-    handleTabChange(event) {
+    handleDsTabChange(event) {
         event.stopPropagation();
     }
     createContext = () => {
@@ -26079,7 +26151,7 @@ class DsTabs extends Mixin(componentFactory('ds-tabs')) {
     }
     render() {
         const baseClass = cx('ds-tabs');
-        return (hAsync("div", { key: 'a6821a48fca0e99284e97cadaa5def29dc0d4c08', class: baseClass }, hAsync("slot", { key: '2261f98a9d22f2e75de26831da740c3834bf0e60' })));
+        return (hAsync("div", { key: 'd052d2965d38dbfa76d202898b11acd55d45d16a', class: baseClass }, hAsync("slot", { key: '2c87cb659baf883da5525579609aeb2a4b76949e' })));
     }
     static get style() { return dsTabsCss(); }
     static get cmpMeta() { return {
@@ -26090,13 +26162,13 @@ class DsTabs extends Mixin(componentFactory('ds-tabs')) {
             "dsCurrentTabPanel": [1, "ds-current-tab-panel"],
             "dsVariant": [1, "ds-variant"]
         },
-        "$listeners$": [[0, "dsTabChange", "handleTabChange"]],
+        "$listeners$": [[0, "dsTabChange", "handleDsTabChange"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-const dsTagCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__GqWYnG:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__GqWYnG{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__GqWYnG.ds-tag__GqWYnG--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__GqWYnG.ds-tag__GqWYnG--default:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--default:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__GqWYnG.ds-tag__GqWYnG--black:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--black:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__GqWYnG.ds-tag__GqWYnG--white:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--white:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__GqWYnG.ds-tag__GqWYnG--info:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--info:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__GqWYnG.ds-tag__GqWYnG--danger:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--danger:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__GqWYnG.ds-tag__GqWYnG--attention:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--attention:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__GqWYnG.ds-tag__GqWYnG--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__GqWYnG.ds-tag__GqWYnG--success:has(.ds-tag__GqWYnG__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__GqWYnG.ds-tag__GqWYnG--success:has(.ds-tag__GqWYnG__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__GqWYnG__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__GqWYnG__link{display:contents}.ds-tag__GqWYnG__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}`;
+const dsTagCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__bQiYWO:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__bQiYWO:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__bQiYWO{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__bQiYWO.ds-tag__bQiYWO--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__bQiYWO.ds-tag__bQiYWO--default:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--default:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__bQiYWO.ds-tag__bQiYWO--black:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--black:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__bQiYWO.ds-tag__bQiYWO--white:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--white:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__bQiYWO.ds-tag__bQiYWO--info:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--info:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__bQiYWO.ds-tag__bQiYWO--danger:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--danger:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__bQiYWO.ds-tag__bQiYWO--attention:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--attention:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__bQiYWO.ds-tag__bQiYWO--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__bQiYWO.ds-tag__bQiYWO--success:has(.ds-tag__bQiYWO__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__bQiYWO.ds-tag__bQiYWO--success:has(.ds-tag__bQiYWO__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__bQiYWO__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__bQiYWO__link{display:contents}.ds-tag__bQiYWO__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}`;
 class DsTag extends Mixin(componentFactory('ds-tag')) {
     constructor(hostRef) {
@@ -26133,7 +26205,7 @@ class DsTag extends Mixin(componentFactory('ds-tag')) {
         const ariaHidden = this.dsAriaHidden !== undefined ? this.dsAriaHidden : this.dsHref ? false : true;
         const role = this.dsRole ?? this.inheritedAttributes.role;
         const restAttributes = omit(this.inheritedAttributes, ['aria-hidden', 'role']);
-        return (hAsync("div", { key: '625a1f228cc0c2a15c05facc72c9cb0c1af6b5d4', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, hAsync("slot", { key: 'c7e49d8e5844bd200d629b292b82b4edeb7d4a7d', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? hAsync(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), hAsync("slot", { key: 'c082619c817214f5e2607136400291d62be39d94' }, this.dsHref ? (hAsync(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (hAsync("span", { class: `${baseClass}__text` }, this.dsText))), hAsync("slot", { key: '9b2a3a7adfee75baf65ce8c98888e4e52faa0ca5', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? hAsync(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
+        return (hAsync("div", { key: '0ede121c34029c084ce9120cf160cc449e2b941f', class: classes, ...restAttributes, "aria-hidden": ariaHidden, role: role }, hAsync("slot", { key: '1a05bcd4c34f66dc47ed9f18cb45b1bbae52346a', name: "prefix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'start' ? hAsync(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null), hAsync("slot", { key: '43d48ac8b5b6663c0743e1002ecb020be11c1f93' }, this.dsHref ? (hAsync(DsLink, { class: `${baseClass}__link`, dsText: this.dsText, dsHref: this.dsHref, dsTarget: this.dsTarget, dsDownload: this.dsDownload, dsColour: this.dsColour === 'black' ? 'white' : 'black', dsSize: "small", dsWeight: "semibold" })) : (hAsync("span", { class: `${baseClass}__text` }, this.dsText))), hAsync("slot", { key: 'b10fe291e38205f11515730f3f2c9a4ea931329c', name: "suffix" }, !this.dsHref && this.dsIcon && this.dsIconPosition === 'end' ? hAsync(DsIcon, { dsName: this.dsIcon, dsSize: "1rem" }) : null)));
     }
     static get style() { return dsTagCss(); }
     static get cmpMeta() { return {
@@ -26157,9 +26229,9 @@ class DsTag extends Mixin(componentFactory('ds-tag')) {
 }
 declareComponentDependencies([hAsync("ds-icon", { dsName: "" }), hAsync("ds-link", { dsText: "" })]);
-const dsTagGroupCss = () => `.ds-tag-group__GqWYnG__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
+const dsTagGroupCss = () => `.ds-tag-group__bQiYWO__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
-class DsTagGroup extends Mixin(componentFactory('ds-tag-group')) {
+class DsTagGroup extends Mixin(componentFactory('ds-tag-group', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -26186,7 +26258,7 @@ class DsTagGroup extends Mixin(componentFactory('ds-tag-group')) {
         const { ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
-        return (hAsync("div", { key: '129731b5b4b29b94575ae740aba998a78a622f00', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, hAsync(DsGroupLabel, { key: '436a24aec6cdf8db27f06d4b20efa37a2c9d2378', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, hAsync("slot", { key: '3bea651b7810c3c2cf75fc3b276cd172d976d692', name: "label" }), hAsync("slot", { key: 'c4fb8aaa76ec0a7d5ae88d4d6ddb65f473792a28', name: "assistiveText" })), hAsync("div", { key: 'c6850ce8f6f4acd1fdd9c8c53b65e0c7e7161b6d', role: "list", class: `${baseClass}__tags` }, hAsync("slot", { key: '28413e1d102f55cd14685a678761b3088d98faeb' }))));
+        return (hAsync("div", { key: '93e69af7a60b81016c7a69997777cff253a986de', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }, hAsync(DsGroupLabel, { key: '2ce0e160e00038d78b77695c933ebefea51173dd', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId }, hAsync("slot", { key: '31f098eadee64a4cd8c0b0fff57bed507db44b57', name: "label" }), hAsync("slot", { key: '9d8c753ffacf5a37b479ca0b5a573de7a98de121', name: "assistiveText" })), hAsync("div", { key: '86d5172ba9cf167dde3619158906d66e0cf8fdda', role: "list", class: `${baseClass}__tags` }, hAsync("slot", { key: '9caebfd8027b4683b59ced20e7f0cd297934bf52' }))));
     }
     static get style() { return dsTagGroupCss(); }
     static get cmpMeta() { return {
@@ -26204,9 +26276,9 @@ class DsTagGroup extends Mixin(componentFactory('ds-tag-group')) {
 }
 declareComponentDependencies([hAsync("ds-group-label", null)]);
-const dsTextAreaCss = () => `.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__GqWYnG__container--full-width){width:100%}.ds-text-area__GqWYnG.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__GqWYnG__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__GqWYnG__container.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--active.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__GqWYnG__container.active.sc-ds-text-area:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__GqWYnG__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__GqWYnG__external-button.sc-ds-text-area,.ds-text-area__GqWYnG.sc-ds-text-area-s>[slot=suffix],.ds-text-area__GqWYnG .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__GqWYnG__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__GqWYnG__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__GqWYnG__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__GqWYnG__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__GqWYnG__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__GqWYnG__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area,.ds-text-area__GqWYnG__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__GqWYnG__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__GqWYnG__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__GqWYnG__textarea--full-width.sc-ds-text-area{width:100%}`;
+const dsTextAreaCss = () => `.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__bQiYWO__container--full-width){width:100%}.ds-text-area__bQiYWO.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__bQiYWO__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.ds-text-area__bQiYWO__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__bQiYWO__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__bQiYWO__container--valid.sc-ds-text-area:hover:not(.ds-text-area__bQiYWO__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__bQiYWO__container--valid.ds-text-area__bQiYWO__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__bQiYWO__container--readonly.sc-ds-text-area,.ds-text-area__bQiYWO__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-within:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--valid.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__bQiYWO__container.sc-ds-text-area:hover:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--disabled,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--readonly.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--active.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--valid.sc-ds-text-area,.ds-text-area__bQiYWO__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__bQiYWO__container.active.sc-ds-text-area:not(.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--disabled,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--readonly.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--invalid.sc-ds-text-area,.ds-text-area__bQiYWO__container.ds-text-area__bQiYWO__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__bQiYWO__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__bQiYWO__external-button.sc-ds-text-area,.ds-text-area__bQiYWO.sc-ds-text-area-s>[slot=suffix],.ds-text-area__bQiYWO .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__bQiYWO__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__bQiYWO__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__bQiYWO__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__bQiYWO__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__bQiYWO__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__bQiYWO__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__bQiYWO__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__bQiYWO__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__bQiYWO__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__bQiYWO__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__bQiYWO__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__bQiYWO__textarea--resize-auto.sc-ds-text-area,.ds-text-area__bQiYWO__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__bQiYWO__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__bQiYWO__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__bQiYWO__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__bQiYWO__textarea--full-width.sc-ds-text-area{width:100%}`;
-class DsTextArea extends Mixin(componentFactory('ds-text-area')) {
+class DsTextArea extends Mixin(componentFactory('ds-text-area', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -26411,7 +26483,7 @@ class DsTextArea extends Mixin(componentFactory('ds-text-area')) {
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (hAsync(Fragment, { key: 'e591094b6775f22391f60ddf12c6205e3c76149d' }, hAsync(DsControlLabel, { key: 'f5199602d1981896a54d8f29e916c39f286a29f7', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, hAsync("slot", { key: '270ac42a2309dce6fe8cd8dbbe1350a5e50d9f56', name: "label" }), hAsync("slot", { key: '25f5f6cedda6f3e2568822769ba05cefde0d9253', name: "assistiveText" })), hAsync("div", { key: '91a7f0cbe65d434890c7c9d20c585b0d7dbe551f', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
+        return (hAsync(Fragment, { key: 'b612b6fe3103f53e0b64d915805f75e9796ac8fb' }, hAsync(DsControlLabel, { key: '02bd38ed0325a311736df8cb30470a197acb5a22', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, hAsync("slot", { key: '46190e215c00cfeff75b7322d308cca9999cbe13', name: "label" }), hAsync("slot", { key: 'f796438f25c4dc05ad15239f1c5fa023db382088', name: "assistiveText" })), hAsync("div", { key: '5fca9a68236653b672417beaa5d0d8602a3da5b1', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -26419,7 +26491,7 @@ class DsTextArea extends Mixin(componentFactory('ds-text-area')) {
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.textareaActive,
                 [`${containerClass}--full-width`]: this.dsFullWidth,
-            }) }, hAsync("textarea", { key: '7e7b129e4cb8e7b5bdb69776ca5c353c5339fa58', ref: el => (this.textareaElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
+            }) }, hAsync("textarea", { key: 'b253e00fba6be195003abe91fb25953a7c211d35', ref: el => (this.textareaElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
                 [`${baseClass}__textarea--full-width`]: this.dsFullWidth,
             }), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
@@ -26427,11 +26499,11 @@ class DsTextArea extends Mixin(componentFactory('ds-text-area')) {
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.errorTextId]: !!this.dsErrorText,
                     [this.successTextId]: !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), hAsync("div", { key: 'a7359297033e98437ca5e9595e933052ceda6403', class: classNames(`${baseClass}__validity-container`, {
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), hAsync("div", { key: 'c3e2ddb162f2b08f5ef36362af7c178515172a80', class: classNames(`${baseClass}__validity-container`, {
                 [`${baseClass}__validity-container--has-character-limit`]: !!this.dsCharacterLimit,
-            }) }, hAsync("slot", { key: '822b85ca8bc02e48181d2dd4bbf1ac254e0ac9ef', name: "validity" }, hAsync(DsInputValidity, { key: '80a7b31ae4e5178a93ac3ab07b9b9ecff98b8bbf', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }, this.dsCharacterLimit && hAsync(DsVisuallyHidden, { key: '4ddd88740cc9a6e11d7eeacd6298bf5984792c7f', dsTag: "span" }, this.hiddenCharacterCountText)), hAsync(DsInputValidity, { key: '3918a844e278289d8de831e38948af93a3153bcb', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success", dsAriaLive: "polite" })), this.dsCharacterLimit && (hAsync("div", { key: '29f1beb8414bd40d47333806038d6e4ce050f8e2', class: classNames(`${baseClass}__character-count`, {
+            }) }, hAsync("slot", { key: '03881d01b433caade0562f09639f17a3c06b1d59', name: "validity" }, hAsync(DsInputValidity, { key: '8b3198a9b6803341fe297374baa9ff0d3d4b3a9b', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }, this.dsCharacterLimit && hAsync(DsVisuallyHidden, { key: '436b39e47d7a10b99b72226571f5a51940088a59', dsTag: "span" }, this.hiddenCharacterCountText)), hAsync(DsInputValidity, { key: '3976c6acf0ba732fa5486e6d164172370b03735c', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success", dsAriaLive: "polite" })), this.dsCharacterLimit && (hAsync("div", { key: 'b728310d7e83472bbbac2c949e353720bcbd9eac', class: classNames(`${baseClass}__character-count`, {
                 [`${baseClass}__character-count--over-limit`]: this.characterCount > this.dsCharacterLimit,
-            }) }, hAsync("small", { key: '7119a45fb774e72e4fd40c7e36273c4407db40bc' }, this.characterCount, "/", this.dsCharacterLimit))))));
+            }) }, hAsync("small", { key: '04355fc32cfe659475b58a24d16aa66ed1f7132d' }, this.characterCount, "/", this.dsCharacterLimit))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -26497,7 +26569,7 @@ class DsTextArea extends Mixin(componentFactory('ds-text-area')) {
 }
 declareComponentDependencies([hAsync("ds-input-validity", null), hAsync("ds-visually-hidden", null), hAsync("ds-control-label", null)]);
-const dsTextInputCss = () => `.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.sc-ds-text-input-h:has(.ds-text-input__GqWYnG--full-width){width:100%}.ds-text-input__GqWYnG.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__GqWYnG__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__GqWYnG__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-text-input__GqWYnG__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__GqWYnG__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.ds-text-input__GqWYnG__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input:hover:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input .ds-text-input__GqWYnG__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--readonly.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(span.ds-text-input__GqWYnG__prefix,.ds-text-input__GqWYnG__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(.ds-text-input__GqWYnG__button){padding-inline-end:unset}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__GqWYnG__container.active.sc-ds-text-input:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--disabled,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--readonly.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__GqWYnG__container.sc-ds-text-input:hover:not(.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--disabled,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--readonly.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--active.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--invalid.sc-ds-text-input,.ds-text-input__GqWYnG__container.ds-text-input__GqWYnG__container--valid.sc-ds-text-input,.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within:not(.ds-text-input__GqWYnG__container:focus-within.ds-text-input__GqWYnG__container--invalid,.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within.ds-text-input__GqWYnG__container--valid,.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within.ds-text-input__GqWYnG__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__GqWYnG__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__GqWYnG__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__GqWYnG__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__GqWYnG__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__GqWYnG__container.sc-ds-text-input:has(span.ds-text-input__GqWYnG__prefix,.ds-text-input__GqWYnG__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__GqWYnG__container.sc-ds-text-input span.ds-text-input__GqWYnG__prefix.sc-ds-text-input,.ds-text-input__GqWYnG__container.sc-ds-text-input span.ds-text-input__GqWYnG__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__GqWYnG__container.sc-ds-text-input .ds-text-input__GqWYnG__icon.sc-ds-text-input,.ds-text-input__GqWYnG__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__GqWYnG__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__GqWYnG__container.sc-ds-text-input .ds-text-input__GqWYnG__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}`;
+const dsTextInputCss = () => `.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.sc-ds-text-input-h:has(.ds-text-input__bQiYWO--full-width){width:100%}.ds-text-input__bQiYWO.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__bQiYWO__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__bQiYWO__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-text-input__bQiYWO__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-input__bQiYWO__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.ds-text-input__bQiYWO__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input:hover:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input .ds-text-input__bQiYWO__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--readonly.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(span.ds-text-input__bQiYWO__prefix,.ds-text-input__bQiYWO__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(.ds-text-input__bQiYWO__button){padding-inline-end:unset}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__bQiYWO__container.active.sc-ds-text-input:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--disabled,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--readonly.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__bQiYWO__container.sc-ds-text-input:hover:not(.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--disabled,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--readonly.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--active.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--invalid.sc-ds-text-input,.ds-text-input__bQiYWO__container.ds-text-input__bQiYWO__container--valid.sc-ds-text-input,.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within:not(.ds-text-input__bQiYWO__container:focus-within.ds-text-input__bQiYWO__container--invalid,.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within.ds-text-input__bQiYWO__container--valid,.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within.ds-text-input__bQiYWO__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__bQiYWO__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__bQiYWO__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__bQiYWO__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__bQiYWO__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__bQiYWO__container.sc-ds-text-input:has(span.ds-text-input__bQiYWO__prefix,.ds-text-input__bQiYWO__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__bQiYWO__container.sc-ds-text-input span.ds-text-input__bQiYWO__prefix.sc-ds-text-input,.ds-text-input__bQiYWO__container.sc-ds-text-input span.ds-text-input__bQiYWO__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__bQiYWO__container.sc-ds-text-input .ds-text-input__bQiYWO__icon.sc-ds-text-input,.ds-text-input__bQiYWO__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__bQiYWO__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__bQiYWO__container.sc-ds-text-input .ds-text-input__bQiYWO__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}`;
 const INPUT_TYPE_ICONS_MAP = {
     search: 'search',
@@ -26506,7 +26578,7 @@ const INPUT_TYPE_ACTION_BUTTON_ICON_MAP = {
     search: ({ clearButtonVisible }) => (clearButtonVisible ? 'cancel_fill' : ''),
     password: ({ passwordInputVisible }) => (passwordInputVisible ? 'visibility_off_fill' : 'visibility_fill'),
 };
-class DsTextInput extends Mixin(componentFactory('ds-text-input'), disableEventsFactory) {
+class DsTextInput extends Mixin(componentFactory('ds-text-input', { stopRootTracking: true, stopRootTrackingExcept: ['ds-datepicker'] }), disableEventsFactory) {
     constructor(hostRef) {
         super();
         registerInstance(this, hostRef);
@@ -26760,7 +26832,7 @@ class DsTextInput extends Mixin(componentFactory('ds-text-input'), disableEvents
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (hAsync(Fragment, { key: '2eb773854726b60fcb3b0f9a9a06daee18b35d32' }, hAsync(DsControlLabel, { key: '0cdf049b12816129875a7627f3da99219e7f5414', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, hAsync("slot", { key: 'a24c6329f07ac0635040c5feab817668c4846faa', name: "label" }), hAsync("slot", { key: '0e5d404eb9bea67b304cbc86e2d6a38de5f2df38', name: "assistiveText" })), hAsync("div", { key: 'c4809794f735743d0ad6e67bfa741d64880e1e6d', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (hAsync(Fragment, { key: 'fccd8aa55db309c162cc26d991eff81c21581129' }, hAsync(DsControlLabel, { key: '7138322a1f4a103954b09ae50ff67f9e3cd10754', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, hAsync("slot", { key: 'af89c9cd17d05b66ee050b30240988fcfcd3286c', name: "label" }), hAsync("slot", { key: '77af55ac539fb8b8d95ec024f542f6a2ce24b5dd', name: "assistiveText" })), hAsync("div", { key: '4e036a7c8c51d4eacfd616dbaf514261ed794619', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -26768,12 +26840,12 @@ class DsTextInput extends Mixin(componentFactory('ds-text-input'), disableEvents
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
                 [`${baseClass}--full-width`]: this.dsFullWidth,
-            }) }, this.renderPrefixContent(baseClass), hAsync("input", { key: '450c58f177064bd5bb82d7eafb96087cc2f11b70', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
+            }) }, this.renderPrefixContent(baseClass), hAsync("input", { key: 'dac488025dd29d22bed34be5e3f3e7cefc5cee58', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
                     [this.assistiveTextId]: !!this.dsAssistiveText,
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.validityId]: !!this.dsErrorText || !!this.dsSuccessText,
-                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), hAsync("slot", { key: '0e3c10f303d035322338304d1b5a4e87f5edbc2d', name: "validity" }, hAsync(DsInputValidity, { key: '2005469a89a45ed64d4274ec042a274f62123026', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
+                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), hAsync("slot", { key: 'fc1bdeef99168ac8bdff630f32597f99d1e2d35d', name: "validity" }, hAsync(DsInputValidity, { key: '01a48bda0561e8e14c7148c1e8c7cb0f0c127b3e', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
@@ -26854,11 +26926,12 @@ class DsVersionedCssVariables extends Mixin(componentFactory('ds-versioned-css-v
         super();
         registerInstance(this, hostRef);
     }
+    get el() { return getElement(this); }
     componentDidLoad() {
         this.componentMounted();
     }
     render() {
-        return (hAsync(Host, { key: 'ef3cd2a4438ea0dc63be82f78420888b84009085' }, hAsync("slot", { key: '7bcb80476873517e955e73f7a7d9cf1a72e3086a' })));
+        return (hAsync(Host, { key: '234946e0823167987ec67ab4ead2dc4e3a895c3b' }, hAsync("slot", { key: '8dfa46aee5728895ed2de8ddeb9f9fdcc7eeafbc' })));
     }
     static get style() { return dsVersionedCssVariablesCss(); }
     static get cmpMeta() { return {
@@ -26871,7 +26944,7 @@ class DsVersionedCssVariables extends Mixin(componentFactory('ds-versioned-css-v
     }; }
 }
-const dsVisuallyHiddenCss = () => `.sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__GqWYnG.sc-ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}`;
+const dsVisuallyHiddenCss = () => `.sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__bQiYWO.sc-ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}`;
 class DsVisuallyHidden {
     constructor(hostRef) {
@@ -26880,7 +26953,7 @@ class DsVisuallyHidden {
     dsTag = 'div';
     render() {
         const baseClass = cx('ds-visually-hidden');
-        return (hAsync(this.dsTag, { key: 'fd41ae341098a35db3c4f30c1ae2720937a82a56', class: baseClass }, hAsync("slot", { key: '43f6e10af6b55cfe08ab0e14482128ad0af50e50' })));
+        return (hAsync(this.dsTag, { key: '8d98eed2e5abe80102e59ad8e1a4e9f5d6169ea1', class: baseClass }, hAsync("slot", { key: '06bc60ab50213322e16820eeb2c1de7527736de0' })));
     }
     static get style() { return dsVisuallyHiddenCss(); }
     static get cmpMeta() { return {