@ds-autonomie/web-components 2.18.0 → 2.20.0

package/cdn/chunks/chunk.G5H2VKPM.js

@@ -0,0 +1,41 @@
+import{a as E}from"./chunk.G3FT5PWN.js";import{a as b}from"./chunk.KX5QV54N.js";import{a as m}from"./chunk.ODH67RGS.js";import{a as A}from"./chunk.ELL45QD3.js";import{c as y}from"./chunk.LBAIMDY3.js";import{c as f}from"./chunk.VZAYP3SG.js";import{b as u,c as v,d as c}from"./chunk.QTD6NQFL.js";import{d as h}from"./chunk.ZBHHLRFH.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as d,b as a,d as s,f as p}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var g="dsa-menu-item",L="dsa-menu-accordion",S="dsa-sidenav-info-accordion",e=class extends p{constructor(){super(...arguments);this.hasSlotController=new A(this,"[default]","bottom");this.localize=new y(this);this.isShortcutListenerAttached=!1;this.collapsed=!1;this.allowShortcut=!1;this.navLabel=""}connectedCallback(){super.connectedCallback(),this.handleAccordionActivation=this.handleAccordionActivation.bind(this),this.handleAccordionKeyDown=this.handleAccordionKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.addEventListener("click",this.handleAccordionActivation),this.addEventListener("keydown",this.handleAccordionKeyDown),this.allowShortcut&&this.attachShortcutListener()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleAccordionActivation),this.removeEventListener("keydown",this.handleAccordionKeyDown),this.detachShortcutListener()}attachShortcutListener(){this.isShortcutListenerAttached||(document.addEventListener("keydown",this.handleDocumentKeyDown),this.isShortcutListenerAttached=!0)}detachShortcutListener(){this.isShortcutListenerAttached&&(document.removeEventListener("keydown",this.handleDocumentKeyDown),this.isShortcutListenerAttached=!1)}getAccordionTarget(t){let o=t.target;return o?o.closest(`${L}, ${S}`):null}handleDocumentKeyDown(t){t.key==="\\"&&(c()?t.metaKey:t.ctrlKey)&&this.toggleSidenav()}handleAccordionKeyDown(t){(t.key==="Enter"||t.key===" ")&&this.collapsed&&this.handleAccordionActivation(t)}handleAccordionActivation(t){if(!this.collapsed)return;let o=this.getAccordionTarget(t);o!==null&&(this.collapsed=!1,o.open||(o.open=!0))}toggleSidenav(){this.collapsed=!this.collapsed}updateChildrenState(){this.querySelectorAll(`${g}, ${L}, ${S}`).forEach(o=>{this.collapsed?u(o,"collapsed","true"):v(o,"collapsed")})}handleExpandedChange(){this.updateChildrenState(),this.collapsed?this.emit("dsa-collapse"):this.emit("dsa-expand")}handleAllowShortcutChange(){this.allowShortcut?this.attachShortcutListener():this.detachShortcutListener()}render(){let t=this.localize.term("toggleSidenav"),o=`(${c()?"Cmd":"Ctrl"} + \\)`,l=`${t} ${this.allowShortcut?o:""}`;return i`
+      <nav
+        id="sidenav"
+        class=${h({sidenav:!0,"sidenav--expanded":!this.collapsed,"sidenav--collapsed":this.collapsed})}
+        role="navigation"
+        aria-label=${this.navLabel}
+      >
+        <dsa-tooltip placement="right">
+          <button
+            class="sidenav__button"
+            @click=${this.toggleSidenav}
+            aria-label=${l}
+            aria-expanded=${!this.collapsed}
+            aria-controls="sidenav"
+          >
+            <dsa-icon
+              class="sidenav__expand-icon"
+              name="chevron_right"
+              library="system"
+            ></dsa-icon>
+          </button>
+          <span slot="content" aria-hidden="true">${l}</span>
+        </dsa-tooltip>
+
+        <div class="sidenav__content">
+          <slot
+            class="sidenav__content-top"
+            @slotchange=${this.handleExpandedChange}
+          ></slot>
+          ${this.hasSlotController.test("[default]")?i` <dsa-divider class="sidenav__top-divider"></dsa-divider> `:""}
+          ${this.hasSlotController.test("bottom")?i`
+                <dsa-divider class="sidenav__bottom-divider"></dsa-divider>
+              `:""}
+          <slot
+            class="sidenav__content-bottom"
+            name="bottom"
+            @slotchange=${this.handleExpandedChange}
+          ></slot>
+        </div>
+      </nav>
+    `}};e.styles=E,e.dependencies={"dsa-divider":m,"dsa-icon":f,"dsa-tooltip":b},n([s(".sidenav")],e.prototype,"sidenav",2),n([s(".sidenav__button")],e.prototype,"sidenavButton",2),n([a({type:Boolean,reflect:!0})],e.prototype,"collapsed",2),n([a({attribute:"allow-shortcut",type:Boolean})],e.prototype,"allowShortcut",2),n([a({attribute:"nav-label"})],e.prototype,"navLabel",2),n([r("collapsed")],e.prototype,"handleExpandedChange",1),n([r("allowShortcut")],e.prototype,"handleAllowShortcutChange",1),e=n([d("dsa-sidenav")],e);export{e as a};

package/cdn/chunks/{chunk.F6P3DA77.js → chunk.GA4W656I.js}

@@ -11,7 +11,6 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
     gap: var(--dsa-wc-progress-bar-small-gap);
     height: var(--size);
   }
-
   .progress-ring.progress-ring--medium {
     --size: var(--dsa-wc-progress-bar-size);
     --track-width: var(--dsa-wc-progress-bar-track-width);
@@ -33,6 +32,7 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
     rotate: -90deg;
     transform-origin: 50% 50%;
     flex-shrink: 0;
+    will-change: transform;
   }
 
   .progress-ring__track,
@@ -51,18 +51,17 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
     stroke: var(--dsa-wc-progress-ring-track-color);
     stroke-width: var(--track-width);
   }
-
   .progress-ring__indicator {
     stroke: var(--dsa-wc-progress-ring-content-color);
     stroke-width: var(--indicator-width);
     stroke-linecap: round;
-    transition-property: stroke-dashoffset;
-    transition-duration: var(--indicator-transition-duration);
+    transition: stroke-dashoffset var(--indicator-transition-duration);
     stroke-dasharray: var(--circumference) var(--circumference);
     /* stylelint-disable-next-line */
     stroke-dashoffset: calc(
       var(--circumference) - var(--percentage) * var(--circumference)
     );
+    will-change: stroke-dashoffset;
   }
 
   .progress-ring__label {

package/cdn/chunks/chunk.GEX7B2RZ.js

@@ -0,0 +1,11 @@
+import{a as A}from"./chunk.I5IBJET7.js";import{a as d}from"./chunk.XHVUNCDG.js";import{a as T}from"./chunk.FC4RDJJF.js";import{a as g}from"./chunk.BWEPOOQP.js";import{a as p,b as u,d as I,f as b}from"./chunk.KBZ32KWP.js";import{a as f}from"./chunk.GP725TPQ.js";import{f as c}from"./chunk.IZ2HVRME.js";function S(h,m=!1){function e(s){let i=s.getChildrenItems({includeDisabled:!1});if(i.length){let l=i.every(r=>r.selected),a=i.every(r=>!r.selected&&!r.indeterminate);s.selected=l,s.indeterminate=!l&&!a}}function n(s){let i=s.parentElement;d.isTreeItem(i)&&(e(i),n(i))}function t(s){for(let i of s.getChildrenItems())i.selected=m?s.selected||i.selected:!i.disabled&&s.selected,t(i);m&&e(s)}t(h),n(h)}var o=class extends b{constructor(){super(...arguments);this.selection="single";this.disableCheckboxSync=!1;this.clickTarget=null;this.initTreeItem=e=>{e.selectable=this.selection==="multiple",this.selection==="parent"&&e.isLeaf&&e.setAttribute("aria-disabled","true")}}async connectedCallback(){super.connectedCallback(),this.handleTreeChanged=this.handleTreeChanged.bind(this),this.handleFocusIn=this.handleFocusIn.bind(this),this.handleFocusOut=this.handleFocusOut.bind(this),this.setAttribute("role","tree"),this.setAttribute("tabindex","0"),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut),this.addEventListener("dsa-lazy-change",this.handleSlotChange),await this.updateComplete,this.mutationObserver=new MutationObserver(this.handleTreeChanged),this.mutationObserver.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver.disconnect(),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.removeEventListener("dsa-lazy-change",this.handleSlotChange)}handleTreeChanged(e){for(let n of e){let t=[...n.addedNodes].filter(d.isTreeItem),s=[...n.removedNodes].filter(d.isTreeItem);t.forEach(this.initTreeItem),s.includes(this.lastFocusedItem)&&this.focusItem(this.getFocusableItems()[0])}}selectItem(e){var s;let n=[...this.selectedItems];if(this.selection==="multiple")e.selected=!e.selected,e.lazy&&(e.expanded=!0),this.disableCheckboxSync||S(e);else if(this.selection==="single"||this.selection==="leaf"&&e.isLeaf||this.selection==="parent"&&!e.isLeaf){let i=this.getAllTreeItems();for(let l of i)l.selected=l===e}else if(this.selection==="leaf"&&!e.isLeaf)e.expanded=!e.expanded;else if(this.selection==="parent"&&e.isLeaf){let i=(s=e.parentElement)==null?void 0:s.closest("[role=treeitem]");if(i){let l=this.getAllTreeItems();for(let a of l)a.selected=a===i}}let t=this.selectedItems;(n.length!==t.length||t.some(i=>!n.includes(i)))&&Promise.all(t.map(i=>i.updateComplete)).then(()=>{this.emit("dsa-selection-change",{detail:{selection:t}})})}getAllTreeItems(){return[...this.querySelectorAll("dsa-tree-item")]}focusItem(e){e==null||e.focus()}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight","ArrowLeft","Home","End","Enter"," "].includes(e.key))return;let n=this.getFocusableItems();if(n.length>0){e.preventDefault();let t=n.findIndex(a=>a.matches(":focus")),s=n[t],i=a=>{let r=n[T(a,0,n.length-1)];this.focusItem(r)},l=a=>{s.expanded=a};e.key==="ArrowDown"?i(t+1):e.key==="ArrowUp"?i(t-1):e.key==="ArrowRight"?!s||s.disabled||s.expanded||s.isLeaf&&!s.lazy?i(t+1):l(!0):e.key==="ArrowLeft"?!s||s.disabled||s.isLeaf||!s.expanded?i(t-1):l(!1):e.key==="Home"?i(0):e.key==="End"?i(n.length-1):(e.key==="Enter"||e.key===" ")&&(s.disabled||this.selectItem(s))}}handleClick(e){let n=e.target,t=n.closest("dsa-tree-item"),s=e.composedPath().some(i=>{var l;return(l=i==null?void 0:i.classList)==null?void 0:l.contains("tree-item__expand-button")});!t||t.disabled||n!==this.clickTarget||(s?t.expanded=!t.expanded:this.selectItem(t))}handleMouseDown(e){this.clickTarget=e.target}handleFocusOut(e){let n=e.relatedTarget;(!n||!this.contains(n))&&(this.tabIndex=0)}handleFocusIn(e){let n=e.target;e.target===this&&this.focusItem(this.lastFocusedItem||this.getAllTreeItems()[0]),d.isTreeItem(n)&&!n.disabled&&(this.lastFocusedItem&&(this.lastFocusedItem.tabIndex=-1),this.lastFocusedItem=n,this.tabIndex=-1,n.tabIndex=0)}handleSlotChange(){customElements.get("dsa-tree-item")?this.getAllTreeItems().forEach(this.initTreeItem):customElements.whenDefined("dsa-tree-item").then(()=>this.handleSlotChange())}async handleSelectionChange(){let e=this.selection==="multiple",n=this.getAllTreeItems();this.setAttribute("aria-multiselectable",e?"true":"false");for(let t of n)t.selectable=e,t.setAttribute("aria-disabled",t.disabled||(t.isLeaf&&this.selection)==="parent"?"true":"false");e&&!this.disableCheckboxSync&&(await this.updateComplete,[...this.querySelectorAll(":scope > dsa-tree-item")].forEach(t=>{t instanceof d&&S(t,!0)}))}get selectedItems(){let e=this.getAllTreeItems(),n=t=>t.selected;return e.filter(n)}getFocusableItems(){let e=this.getAllTreeItems(),n=new Set;return e.filter(t=>{var i;if(t.disabled)return!1;let s=(i=t.parentElement)==null?void 0:i.closest("[role=treeitem]");return s&&(!s.expanded||s.loading||n.has(s))&&n.add(t),!n.has(t)})}render(){return f`
+      <div
+        part="base"
+        class="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};o.styles=A,c([I("slot:not([name])")],o.prototype,"defaultSlot",2),c([u()],o.prototype,"selection",2),c([u({type:Boolean,reflect:!0,attribute:"disable-checkbox-sync"})],o.prototype,"disableCheckboxSync",2),c([g("selection")],o.prototype,"handleSelectionChange",1),o=c([p("dsa-tree")],o);export{o as a};

package/cdn/chunks/{chunk.7IFO43EM.js → chunk.GHH7XYKB.js}

@@ -1,4 +1,4 @@
-import{a}from"./chunk.JR3UZ7RV.js";import{a as s}from"./chunk.ODH67RGS.js";import{a as o}from"./chunk.ELL45QD3.js";import{a as l,f as i}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new o(this,"text-left","text-right")}render(){return e`
+import{a}from"./chunk.4DONSG7S.js";import{a as s}from"./chunk.ODH67RGS.js";import{a as o}from"./chunk.ELL45QD3.js";import{a as l,f as i}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new o(this,"text-left","text-right")}render(){return e`
       <div part="base">
         <slot part="text-left" name="text-left"></slot>
         ${this.hasSlotController.test("text-left")&&this.hasSlotController.test("text-right")?e`<dsa-divider part="divider" vertical></dsa-divider>`:""}

package/cdn/chunks/{chunk.CIKTPEVX.js → chunk.GLMWJUWZ.js}

@@ -11,6 +11,7 @@ import{a as r}from"./chunk.UMC4I57R.js";import{a as n}from"./chunk.6G2FNLAV.js";
     flex: 1 1 auto;
     height: 100%;
     width: 100%;
+    will-change: transform;
   }
 
   .spinner__track,
@@ -30,6 +31,7 @@ import{a as r}from"./chunk.UMC4I57R.js";import{a as n}from"./chunk.6G2FNLAV.js";
   .spinner__indicator {
     stroke-dasharray: 150% 75%;
     animation: spin 2s linear var(--dsa-wc-no-animations-duration, infinite);
+    will-change: transform;
   }
 
   .spinner--on-base .spinner__track {

package/cdn/chunks/{chunk.VE2TTZQA.js → chunk.GQ75QMJG.js}

@@ -90,8 +90,16 @@ import{a as o}from"./chunk.6G2FNLAV.js";var r=o`
 
   .switch__state {
     user-select: none;
-    display: flex;
-    flex-direction: column;
+    display: grid;
+  }
+
+  .switch__state-label {
+    grid-area: 1 / 1;
+    visibility: hidden;
+  }
+
+  .switch__state-label--visible {
+    visibility: visible;
   }
 
   .switch__input {
@@ -153,7 +161,7 @@ import{a as o}from"./chunk.6G2FNLAV.js";var r=o`
   }
 
   /* Checked + hover */
-  .switch.switch--checked:not(.switch--disabled):not(.switch--readonly):hover
+  .switch--checked:not(.switch--disabled):not(.switch--readonly):hover
     .switch__control {
     background-color: var(
       --dsa-wc-switch-control-background-color-active-hover
@@ -163,7 +171,7 @@ import{a as o}from"./chunk.6G2FNLAV.js";var r=o`
   }
 
   /* Checked + focus */
-  .switch--focused.switch--checked:not(.switch--disabled):not(.switch--readonly)
+  .switch--checked.switch--focused:not(.switch--disabled):not(.switch--readonly)
     .switch__control {
     background-color: var(
       --dsa-wc-switch-control-background-color-active-hover

package/cdn/chunks/{chunk.KC2NESXB.js → chunk.GWF5GFSQ.js}

@@ -1,4 +1,4 @@
-import{a as E}from"./chunk.LSD5NIU2.js";import{a as $}from"./chunk.CUYQOZPJ.js";import{a as P}from"./chunk.SWEIVB73.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a,c,d as u}from"./chunk.HHVNQNCC.js";import{a as h,c as l}from"./chunk.TV2TMO2H.js";import{a as b}from"./chunk.B4KFHYLS.js";import{c as v}from"./chunk.GM4KTNXL.js";import{a as p}from"./chunk.BWEPOOQP.js";import{b as s,c as w,d,f as D}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var t=class extends D{constructor(){super(...arguments);this.localize=new v(this);this.errorMessages=[];this.value="";this.label="";this.open=!1;this.hoist=!1;this.disabled=!1;this.readonly=!1;this.drawer=!1;this.placement="bottom-start"}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}firstUpdated(){this.drawer&&(this.filterPanel.hidden=!this.open,this.filterPanel.style.height=this.open?"auto":"0")}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}handleDocumentFocusIn(e){let o=e.composedPath();this&&!this.drawer&&!o.includes(this)&&(this.hide(),this.filterTrigger.focus({preventScroll:!0}))}handleKeyDown(e){e.key!=="Escape"&&e.stopPropagation(),!this.drawer&&this.open&&e.key==="Escape"&&(e.stopPropagation(),e.preventDefault(),this.hide(),this.filterTrigger.focus({preventScroll:!0})),!this.drawer&&this.open&&e.key==="Tab"&&setTimeout(()=>{var g,y;let r=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(y=(g=document.activeElement)==null?void 0:g.shadowRoot)==null?void 0:y.activeElement:document.activeElement;(!this||(r==null?void 0:r.closest(this.tagName.toLowerCase()))!==this)&&this.hide()});let m=e.composedPath().some(r=>r===this.filterTrigger);if(m&&(e.key==="Enter"||e.key===" ")){if(e.preventDefault(),!this.open){this.show();return}m&&this.hide()}}handleDocumentMouseDown(e){let o=e.composedPath();this&&!this.drawer&&!o.includes(this)&&this.hide()}handleFilterTriggerMouseDown(e){e.preventDefault(),this.filterTrigger.focus({preventScroll:!0}),this.open=!this.open}handleDisabledChange(){(this.disabled||this.readonly)&&(this.open=!1,this.handleOpenChange())}async handleOpenChange(){if(this.open){if(this.emit("dsa-show"),this.addOpenListeners(),await c(this),this.drawer){let{keyframes:e,options:o}=l(this,"accordion.show",{dir:this.localize.dir()});this.filterPanel.hidden=!1,await a(this.filterPanel,u(e,this.filterPanel.scrollHeight),o),this.filterPanel.style.height="auto"}else{let{keyframes:e,options:o}=l(this,"filter.show",{dir:this.localize.dir()});this.popup.active=!0,await a(this.popup.popup,e,o)}this.emit("dsa-after-show")}else{if(this.emit("dsa-hide"),this.removeOpenListeners(),await c(this),this.drawer){let{keyframes:e,options:o}=l(this,"accordion.hide",{dir:this.localize.dir()});await a(this.filterPanel,u(e,this.filterPanel.scrollHeight),o),this.filterPanel.hidden=!0,this.filterPanel.style.height="auto"}else{let{keyframes:e,options:o}=l(this,"filter.hide",{dir:this.localize.dir()});await a(this.popup.popup,e,o),this.popup.active=!1}this.emit("dsa-after-hide")}}async show(){if(!(this.disabled||this.readonly)){if(this.open){this.open=!1;return}return this.open=!0,await f(this,"dsa-after-show")}}async hide(){if(!this.open){this.open=!1;return}return this.open=!1,await f(this,"dsa-after-hide")}focus(e){this.filterTrigger.focus(e)}blur(){this.filterTrigger.blur()}renderPanelContent(){return n``}renderTrigger(){return this.label||b("Filters require a label attribute for accessibility"),n` <dsa-filter-button
+import{a as E}from"./chunk.M57VWWNA.js";import{a as $}from"./chunk.CUYQOZPJ.js";import{a as P}from"./chunk.SWEIVB73.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a,c,d as u}from"./chunk.HHVNQNCC.js";import{a as h,c as l}from"./chunk.TV2TMO2H.js";import{a as b}from"./chunk.B4KFHYLS.js";import{c as v}from"./chunk.LBAIMDY3.js";import{a as p}from"./chunk.BWEPOOQP.js";import{b as s,c as w,d,f as D}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var t=class extends D{constructor(){super(...arguments);this.localize=new v(this);this.errorMessages=[];this.value="";this.label="";this.open=!1;this.hoist=!1;this.disabled=!1;this.readonly=!1;this.drawer=!1;this.placement="bottom-start"}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}firstUpdated(){this.drawer&&(this.filterPanel.hidden=!this.open,this.filterPanel.style.height=this.open?"auto":"0")}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}handleDocumentFocusIn(e){let o=e.composedPath();this&&!this.drawer&&!o.includes(this)&&(this.hide(),this.filterTrigger.focus({preventScroll:!0}))}handleKeyDown(e){e.key!=="Escape"&&e.stopPropagation(),!this.drawer&&this.open&&e.key==="Escape"&&(e.stopPropagation(),e.preventDefault(),this.hide(),this.filterTrigger.focus({preventScroll:!0})),!this.drawer&&this.open&&e.key==="Tab"&&setTimeout(()=>{var g,y;let r=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(y=(g=document.activeElement)==null?void 0:g.shadowRoot)==null?void 0:y.activeElement:document.activeElement;(!this||(r==null?void 0:r.closest(this.tagName.toLowerCase()))!==this)&&this.hide()});let m=e.composedPath().some(r=>r===this.filterTrigger);if(m&&(e.key==="Enter"||e.key===" ")){if(e.preventDefault(),!this.open){this.show();return}m&&this.hide()}}handleDocumentMouseDown(e){let o=e.composedPath();this&&!this.drawer&&!o.includes(this)&&this.hide()}handleFilterTriggerMouseDown(e){e.preventDefault(),this.filterTrigger.focus({preventScroll:!0}),this.open=!this.open}handleDisabledChange(){(this.disabled||this.readonly)&&(this.open=!1,this.handleOpenChange())}async handleOpenChange(){if(this.open){if(this.emit("dsa-show"),this.addOpenListeners(),await c(this),this.drawer){let{keyframes:e,options:o}=l(this,"accordion.show",{dir:this.localize.dir()});this.filterPanel.hidden=!1,await a(this.filterPanel,u(e,this.filterPanel.scrollHeight),o),this.filterPanel.style.height="auto"}else{let{keyframes:e,options:o}=l(this,"filter.show",{dir:this.localize.dir()});this.popup.active=!0,await a(this.popup.popup,e,o)}this.emit("dsa-after-show")}else{if(this.emit("dsa-hide"),this.removeOpenListeners(),await c(this),this.drawer){let{keyframes:e,options:o}=l(this,"accordion.hide",{dir:this.localize.dir()});await a(this.filterPanel,u(e,this.filterPanel.scrollHeight),o),this.filterPanel.hidden=!0,this.filterPanel.style.height="auto"}else{let{keyframes:e,options:o}=l(this,"filter.hide",{dir:this.localize.dir()});await a(this.popup.popup,e,o),this.popup.active=!1}this.emit("dsa-after-hide")}}async show(){if(!(this.disabled||this.readonly)){if(this.open){this.open=!1;return}return this.open=!0,await f(this,"dsa-after-show")}}async hide(){if(!this.open){this.open=!1;return}return this.open=!1,await f(this,"dsa-after-hide")}focus(e){this.filterTrigger.focus(e)}blur(){this.filterTrigger.blur()}renderPanelContent(){return n``}renderTrigger(){return this.label||b("Filters require a label attribute for accessibility"),n` <dsa-filter-button
       slot="anchor"
       class="filter__trigger"
       label=${this.label}

package/cdn/chunks/chunk.H4I7G2EQ.js

@@ -0,0 +1,3 @@
+import{a as o}from"./chunk.AIMBA5HQ.js";import{a as t}from"./chunk.6G2FNLAV.js";var m=t`
+  ${o}
+`;export{m as a};

package/cdn/chunks/{chunk.3TFD5K7U.js → chunk.H6456THW.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./chunk.H5XLHNHE.js";import{a as g}from"./chunk.LFI7CMVX.js";import{a as h}from"./chunk.H5VVBPCR.js";import{a as b}from"./chunk.L7SDBPGB.js";import{a as p}from"./chunk.ZCITPD2M.js";import{a as t}from"./chunk.2RF4WD6T.js";import{a as f}from"./chunk.BWEPOOQP.js";import{a as c,b as o,d as $}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{a as m,b as d,f as l}from"./chunk.IZ2HVRME.js";var i=class extends p{constructor(){super(...arguments);this.hideCalendarButton=!1;this.range=!1}get valueAsDate(){return this.inputElement.valueAsDate}set valueAsDate(s){this.inputElement.valueAsDate=s,this.value=this.inputElement.value}get valueAsNumber(){return this.inputElement.valueAsNumber}set valueAsNumber(s){this.inputElement.valueAsNumber=s,this.value=this.inputElement.value}get validity(){return this.inputElement.validity}get validationMessage(){return this.inputElement.validationMessage}handleChange(){this.value=this.inputElement.value}handleInput(){this.value=this.inputElement.value}handleStepChange(){this.inputElement.step=this.step,this.formControlController.updateValidity()}focus(s){this.inputElement.focus(s)}blur(){this.inputElement.blur()}select(){this.inputElement.select()}setSelectionRange(s,a,n="none"){this.inputElement.setSelectionRange(s,a,n)}setRangeText(s,a,n,r){this.inputElement.setRangeText(s,a,n,r),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}async showTimePicker(){this.inputElement instanceof u&&await this.inputElement.showTimePicker()}async hideTimePicker(){this.inputElement instanceof u&&await this.inputElement.hideTimePicker()}async showDatepicker(){this.inputElement instanceof h&&await this.inputElement.showDatepicker()}async hideDatepicker(){this.inputElement instanceof h&&await this.inputElement.hideDatepicker()}stepUp(s){this.inputElement.stepUp(s),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}stepDown(s){this.inputElement.stepDown(s),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}checkValidity(){return this.inputElement.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.inputElement.reportValidity()}setCustomValidity(s){this.inputElement.setCustomValidity(s)}async getUpdateComplete(){return this.inputElement?await this.inputElement.updateComplete:!1}render(){var s,a,n,r;return(this.type==="date"||this.type==="time"||this.type==="amount")&&console.warn('Warning: The use of types "amount", "date", and "time" with dsa-input is deprecated. These types will be removed in the next major release of the design system. Please transition to the dedicated components: dsa-input-amount, dsa-input-date, and dsa-input-time for improved functionality and support.'),this.type==="date"?e`
+import{a as u}from"./chunk.JEOSRXCU.js";import{a as g}from"./chunk.QSMVLQKG.js";import{a as h}from"./chunk.2FAAI4ZJ.js";import{a as b}from"./chunk.SBGRTAIJ.js";import{a as p}from"./chunk.DBXX64Q4.js";import{a as t}from"./chunk.2RF4WD6T.js";import{a as f}from"./chunk.BWEPOOQP.js";import{a as c,b as o,d as $}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{a as m,b as d,f as l}from"./chunk.IZ2HVRME.js";var i=class extends p{constructor(){super(...arguments);this.hideCalendarButton=!1;this.range=!1}get valueAsDate(){return this.inputElement.valueAsDate}set valueAsDate(s){this.inputElement.valueAsDate=s,this.value=this.inputElement.value}get valueAsNumber(){return this.inputElement.valueAsNumber}set valueAsNumber(s){this.inputElement.valueAsNumber=s,this.value=this.inputElement.value}get validity(){return this.inputElement.validity}get validationMessage(){return this.inputElement.validationMessage}handleChange(){this.value=this.inputElement.value}handleInput(){this.value=this.inputElement.value}handleStepChange(){this.inputElement.step=this.step,this.formControlController.updateValidity()}focus(s){this.inputElement.focus(s)}blur(){this.inputElement.blur()}select(){this.inputElement.select()}setSelectionRange(s,a,n="none"){this.inputElement.setSelectionRange(s,a,n)}setRangeText(s,a,n,r){this.inputElement.setRangeText(s,a,n,r),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}async showTimePicker(){this.inputElement instanceof u&&await this.inputElement.showTimePicker()}async hideTimePicker(){this.inputElement instanceof u&&await this.inputElement.hideTimePicker()}async showDatepicker(){this.inputElement instanceof h&&await this.inputElement.showDatepicker()}async hideDatepicker(){this.inputElement instanceof h&&await this.inputElement.hideDatepicker()}stepUp(s){this.inputElement.stepUp(s),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}stepDown(s){this.inputElement.stepDown(s),this.value!==this.inputElement.value&&(this.value=this.inputElement.value)}checkValidity(){return this.inputElement.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.inputElement.reportValidity()}setCustomValidity(s){this.inputElement.setCustomValidity(s)}async getUpdateComplete(){return this.inputElement?await this.inputElement.updateComplete:!1}render(){var s,a,n,r;return(this.type==="date"||this.type==="time"||this.type==="amount")&&console.warn('Warning: The use of types "amount", "date", and "time" with dsa-input is deprecated. These types will be removed in the next major release of the design system. Please transition to the dedicated components: dsa-input-amount, dsa-input-date, and dsa-input-time for improved functionality and support.'),this.type==="date"?e`
         <dsa-input-date
           class="input-element"
           name=${t(this.name)}

package/cdn/chunks/{chunk.ZFWCNYR2.js → chunk.HGNNGE53.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.XOEINTMR.js";import{a as l}from"./chunk.ELL45QD3.js";import{c}from"./chunk.GM4KTNXL.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as o,b as s,f as a}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends a{constructor(){super(...arguments);this.localize=new c(this);this.hasSlotController=new l(this,"description","action","error-code");this.errorCode=""}render(){let p=this.hasSlotController.test("description"),d=this.hasSlotController.test("action"),m=this.errorCode?!0:this.hasSlotController.test("error-code");return t`
+import{a as n}from"./chunk.XOEINTMR.js";import{a as l}from"./chunk.ELL45QD3.js";import{c}from"./chunk.LBAIMDY3.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as o,b as s,f as a}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends a{constructor(){super(...arguments);this.localize=new c(this);this.hasSlotController=new l(this,"description","action","error-code");this.errorCode=""}render(){let p=this.hasSlotController.test("description"),d=this.hasSlotController.test("action"),m=this.errorCode?!0:this.hasSlotController.test("error-code");return t`
       <div part="base">
         <div class="top-left-quarter-circle">
           <svg viewBox="0 0 150 60" width="150" height="60" aria-hidden="true">

package/cdn/chunks/chunk.HR3DGR2Y.js

@@ -0,0 +1,35 @@
+import{a as p}from"./chunk.FC4RDJJF.js";import{a as w}from"./chunk.BNTHEAJN.js";import{c as x}from"./chunk.LBAIMDY3.js";import{c as b}from"./chunk.VZAYP3SG.js";import{a as f}from"./chunk.2RF4WD6T.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as v,b as h,d as u,f as g}from"./chunk.KBZ32KWP.js";import{a as y}from"./chunk.UMC4I57R.js";import{a as m}from"./chunk.GP725TPQ.js";import{f as s}from"./chunk.IZ2HVRME.js";function P(c,r){function e(n){let o=c.getBoundingClientRect(),a=c.ownerDocument.defaultView,l=o.left+a.pageXOffset,z=o.top+a.pageYOffset,E=n.pageX-l,T=n.pageY-z;r!=null&&r.onMove&&r.onMove(E,T)}function t(){document.removeEventListener("pointermove",e),document.removeEventListener("pointerup",t),r!=null&&r.onStop&&r.onStop()}document.addEventListener("pointermove",e,{passive:!0}),document.addEventListener("pointerup",t),(r==null?void 0:r.initialEvent)instanceof PointerEvent&&e(r.initialEvent)}var C=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"]),i=class extends g{constructor(){super(...arguments);this.localize=new x(this);this.snapValues=[];this.position=50;this.vertical=!1;this.disabled=!1;this.snapThreshold=12}handleSnapChange(){this.snapValues=this.snap?this.snap.split(" "):[]}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(e=>this.handleResize(e)),this.updateComplete.then(()=>this.resizeObserver.observe(this)),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.unobserve(this)}detectSize(){let{width:e,height:t}=this.getBoundingClientRect();this.size=this.vertical?t:e}percentageToPixels(e){return this.size*(e/100)}pixelsToPercentage(e){return e/this.size*100}handleDrag(e){this.disabled||(e.cancelable&&e.preventDefault(),P(this,{onMove:(t,n)=>{let o=this.vertical?n:t;this.primary==="end"&&(o=this.size-o),this.snap&&this.snapValues.forEach(a=>{let l;a.endsWith("%")?l=this.size*(parseFloat(a)/100):l=parseFloat(a),o>=l-this.snapThreshold&&o<=l+this.snapThreshold&&(o=l)}),this.position=p(this.pixelsToPercentage(o),0,100)},initialEvent:e}))}handleKeyDown(e){if(!this.disabled&&C.has(e.key)){let t=this.position,n=(e.shiftKey?10:1)*(this.primary==="end"?-1:1);e.preventDefault(),(e.key==="ArrowLeft"&&!this.vertical||e.key==="ArrowUp"&&this.vertical)&&(t-=n),(e.key==="ArrowRight"&&!this.vertical||e.key==="ArrowDown"&&this.vertical)&&(t+=n),e.key==="Home"&&(t=this.primary==="end"?100:0),e.key==="End"&&(t=this.primary==="end"?0:100),this.position=p(t,0,100)}}handleResize(e){let{width:t,height:n}=e[0].contentRect;this.size=this.vertical?n:t,(isNaN(this.cachedPositionInPixels)||this.position===1/0)&&(this.cachedPositionInPixels=Number(this.getAttribute("position-in-pixels")),this.positionInPixels=Number(this.getAttribute("position-in-pixels")),this.position=this.pixelsToPercentage(this.positionInPixels)),this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("dsa-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){let e=this.vertical?"gridTemplateRows":"gridTemplateColumns",t=this.vertical?"gridTemplateColumns":"gridTemplateRows",n=`
+      clamp(
+        0%,
+        clamp(
+          var(--min),
+          ${this.position}% - var(--divider-width) / 2,
+          var(--max)
+        ),
+        calc(100% - var(--divider-width))
+      )
+    `,o="auto",a=this.primary==="end";return this.style[e]=a?`${o} var(--divider-width) ${n}`:`${n} var(--divider-width) ${o}`,this.style[t]="",m`
+      <slot name="start" part="panel start" class="start"></slot>
+
+      <div
+        part="divider"
+        class="divider"
+        tabindex=${f(this.disabled?void 0:"0")}
+        role="separator"
+        aria-valuenow=${this.position}
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-label=${this.localize.term("resize")}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleDrag}
+        @touchstart=${this.handleDrag}
+      >
+        <dsa-icon
+          name="drag_indicator"
+          class="drag-icon"
+          library="system"
+        ></dsa-icon>
+      </div>
+
+      <slot name="end" part="panel end" class="end"></slot>
+    `}};i.styles=[y,w],i.dependencies={"dsa-icon":b},s([u(".divider")],i.prototype,"divider",2),s([h({type:Number,reflect:!0})],i.prototype,"position",2),s([h({attribute:"position-in-pixels",type:Number})],i.prototype,"positionInPixels",2),s([h({type:Boolean,reflect:!0})],i.prototype,"vertical",2),s([h({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([h()],i.prototype,"primary",2),s([h()],i.prototype,"snap",2),s([d("snap")],i.prototype,"handleSnapChange",1),s([h({type:Number,attribute:"snap-threshold"})],i.prototype,"snapThreshold",2),s([d("position")],i.prototype,"handlePositionChange",1),s([d("positionInPixels")],i.prototype,"handlePositionInPixelsChange",1),s([d("vertical")],i.prototype,"handleVerticalChange",1),i=s([v("dsa-split-panel")],i);export{i as a};

package/cdn/chunks/{chunk.MK2QCBNO.js → chunk.I2SFPZRT.js}

@@ -51,11 +51,15 @@ import{a as n}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";
     outline: none;
   }
 
-  .menu-accordion__prefix {
-    flex: 0 0 auto;
+  .menu-accordion__prefix,
+  .menu-accordion__summary {
     display: flex;
     align-items: center;
   }
+
+  .menu-accordion__prefix {
+    flex: 0 0 auto;
+  }
   .menu-accordion__prefix::slotted(*) {
     margin-inline-end: var(--dsa-wc-menu-item-margin-inline-end);
     display: flex;
@@ -65,8 +69,6 @@ import{a as n}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";
 
   .menu-accordion__summary {
     flex: 0 1 auto;
-    display: flex;
-    align-items: center;
   }
 
   .menu-accordion__badge::slotted(*) {
@@ -109,9 +111,7 @@ import{a as n}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";
     display: none;
   }
 
-  .menu-accordion--collapsed .menu-accordion__summary {
-    display: none;
-  }
+  .menu-accordion--collapsed .menu-accordion__summary,
   .menu-accordion--collapsed .menu-accordion__summary-icon {
     display: none;
   }
@@ -122,18 +122,18 @@ import{a as n}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";
   }
   .menu-accordion--small.menu-accordion--collapsed
     .menu-accordion__badge::slotted(*) {
-    top: 0.125rem;
-    left: 1.5rem;
+    inset-block-start: 0.125rem;
+    inset-inline-start: 1.5rem;
   }
   .menu-accordion--medium.menu-accordion--collapsed
     .menu-accordion__badge::slotted(*) {
-    top: 0.25rem;
-    left: 1.625rem;
+    inset-block-start: 0.25rem;
+    inset-inline-start: 1.625rem;
   }
   .menu-accordion--large.menu-accordion--collapsed
     .menu-accordion__badge::slotted(*) {
-    top: 0.5rem;
-    left: 1.75rem;
+    inset-block-start: 0.5rem;
+    inset-inline-start: 1.75rem;
   }
 
   /*

package/cdn/chunks/{chunk.NIH3WB32.js → chunk.IDTMD6WQ.js}

@@ -1,4 +1,4 @@
-import{a as h}from"./chunk.4GFD32WP.js";import{c as g}from"./chunk.GM4KTNXL.js";import{a,b as n,c as r,d,f as c}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var e=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.isToggleButtonInCloseMode=!1;this.allAccordions=[];this.singleOpen=!1;this.toggleButton=!1}openAll(){this.allAccordions.forEach(t=>{t.open=!0})}closeAll(){this.allAccordions.forEach(t=>{t.open=!1})}updateToggleButtonMode(){this.toggleButton&&this.allAccordions.every(t=>t.open)&&(this.isToggleButtonInCloseMode=!0)}handleAccordionOpenEvent(t){let l=t.target;if(l.tagName.toLowerCase()==="dsa-accordion"){if(this.singleOpen){this.allAccordions.forEach(s=>{s!==l&&s.open&&(s.open=!1)});return}this.updateToggleButtonMode()}}handleAccordionCloseEvent(t){t.target.tagName.toLowerCase()!=="dsa-accordion"||this.singleOpen||!this.toggleButton||(this.isToggleButtonInCloseMode=!1)}handleToggleButtonClick(){this.isToggleButtonInCloseMode?this.closeAll():this.openAll(),this.isToggleButtonInCloseMode=!this.isToggleButtonInCloseMode}handleSlotChange(){this.allAccordions=[...this.querySelectorAll("dsa-accordion")],this.allAccordions.forEach(t=>t.setAttribute("role","listitem")),this.updateToggleButtonMode()}render(){let t=this.isToggleButtonInCloseMode?this.localize.term("closeAll"):this.localize.term("openAll");return i`
+import{a as h}from"./chunk.4GFD32WP.js";import{c as g}from"./chunk.LBAIMDY3.js";import{a,b as n,c as r,d,f as c}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var e=class extends c{constructor(){super(...arguments);this.localize=new g(this);this.isToggleButtonInCloseMode=!1;this.allAccordions=[];this.singleOpen=!1;this.toggleButton=!1}openAll(){this.allAccordions.forEach(t=>{t.open=!0})}closeAll(){this.allAccordions.forEach(t=>{t.open=!1})}updateToggleButtonMode(){this.toggleButton&&this.allAccordions.every(t=>t.open)&&(this.isToggleButtonInCloseMode=!0)}handleAccordionOpenEvent(t){let l=t.target;if(l.tagName.toLowerCase()==="dsa-accordion"){if(this.singleOpen){this.allAccordions.forEach(s=>{s!==l&&s.open&&(s.open=!1)});return}this.updateToggleButtonMode()}}handleAccordionCloseEvent(t){t.target.tagName.toLowerCase()!=="dsa-accordion"||this.singleOpen||!this.toggleButton||(this.isToggleButtonInCloseMode=!1)}handleToggleButtonClick(){this.isToggleButtonInCloseMode?this.closeAll():this.openAll(),this.isToggleButtonInCloseMode=!this.isToggleButtonInCloseMode}handleSlotChange(){this.allAccordions=[...this.querySelectorAll("dsa-accordion")],this.allAccordions.forEach(t=>t.setAttribute("role","listitem")),this.updateToggleButtonMode()}render(){let t=this.isToggleButtonInCloseMode?this.localize.term("closeAll"):this.localize.term("openAll");return i`
       <div part="base" role="group">
         ${!this.singleOpen&&this.toggleButton?i`
               <div part="actions" class="accordion-group__actions">

package/cdn/chunks/{chunk.3FHGJRJ3.js → chunk.IMVLXBHS.js}

@@ -29,11 +29,11 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     grid-template: auto auto / auto 1fr;
   }
 
-  .step-container.step-container--clickable .step-clickable {
+  .step-container--clickable .step-clickable {
     color: inherit;
   }
 
-  .step-container.step-container--clickable .step-clickable::after {
+  .step-container--clickable .step-clickable::after {
     cursor: pointer;
     position: absolute;
     left: 0;
@@ -42,28 +42,27 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     bottom: 0;
     content: '';
   }
-  .step-container.step-container--clickable
-    .step-clickable:focus-visible::after {
+  .step-container--clickable .step-clickable:focus-visible::after {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  .step-container.step-container--clickable .step-clickable:focus,
-  .step-container.step-container--clickable .step-clickable:active {
+  .step-container--clickable .step-clickable:focus,
+  .step-container--clickable .step-clickable:active {
     outline: none;
   }
 
-  .step-container.step-container--clickable .step-button {
+  .step-container--clickable .step-button {
     background-color: var(--dsa-wc-button-navigation-on-base-color);
     color: var(--dsa-wc-button-navigation-on-base-font-color);
   }
 
-  .step-container.step-container--clickable .step-button:hover {
+  .step-container--clickable .step-button:hover {
     background-color: var(--dsa-wc-button-navigation-on-base-hover-color);
     color: var(--dsa-wc-button-navigation-on-base-hover-font-color);
   }
 
-  .step-container.step-container--clickable .step-button:active {
+  .step-container--clickable .step-button:active {
     background-color: var(--dsa-wc-button-navigation-on-base-active-color);
     border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-active-font-color);
@@ -80,7 +79,7 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     display: none;
   }
 
-  .step-container.step-container--clickable .step-icon--edit {
+  .step-container--clickable .step-icon--edit {
     display: none;
   }
 

package/cdn/chunks/{chunk.YRJIHG6T.js → chunk.IUOHXTHC.js}

@@ -1 +1 @@
-import{c as r}from"./chunk.GM4KTNXL.js";import{a as e,b as n,f as m}from"./chunk.KBZ32KWP.js";import{f as t}from"./chunk.IZ2HVRME.js";var i=class extends m{constructor(){super(...arguments);this.localize=new r(this);this.value=0;this.type="decimal";this.noGrouping=!1;this.currency="USD";this.currencyDisplay="symbol"}render(){return isNaN(this.value)?"":this.localize.number(this.value,{style:this.type,currency:this.currency,currencyDisplay:this.currencyDisplay,useGrouping:!this.noGrouping,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,minimumSignificantDigits:this.minimumSignificantDigits,maximumSignificantDigits:this.maximumSignificantDigits})}};t([n({type:Number})],i.prototype,"value",2),t([n()],i.prototype,"type",2),t([n({attribute:"no-grouping",type:Boolean})],i.prototype,"noGrouping",2),t([n()],i.prototype,"currency",2),t([n({attribute:"currency-display"})],i.prototype,"currencyDisplay",2),t([n({attribute:"minimum-integer-digits",type:Number})],i.prototype,"minimumIntegerDigits",2),t([n({attribute:"minimum-fraction-digits",type:Number})],i.prototype,"minimumFractionDigits",2),t([n({attribute:"maximum-fraction-digits",type:Number})],i.prototype,"maximumFractionDigits",2),t([n({attribute:"minimum-significant-digits",type:Number})],i.prototype,"minimumSignificantDigits",2),t([n({attribute:"maximum-significant-digits",type:Number})],i.prototype,"maximumSignificantDigits",2),i=t([e("dsa-format-number")],i);export{i as a};
+import{c as r}from"./chunk.LBAIMDY3.js";import{a as e,b as n,f as m}from"./chunk.KBZ32KWP.js";import{f as t}from"./chunk.IZ2HVRME.js";var i=class extends m{constructor(){super(...arguments);this.localize=new r(this);this.value=0;this.type="decimal";this.noGrouping=!1;this.currency="USD";this.currencyDisplay="symbol"}render(){return isNaN(this.value)?"":this.localize.number(this.value,{style:this.type,currency:this.currency,currencyDisplay:this.currencyDisplay,useGrouping:!this.noGrouping,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,minimumSignificantDigits:this.minimumSignificantDigits,maximumSignificantDigits:this.maximumSignificantDigits})}};t([n({type:Number})],i.prototype,"value",2),t([n()],i.prototype,"type",2),t([n({attribute:"no-grouping",type:Boolean})],i.prototype,"noGrouping",2),t([n()],i.prototype,"currency",2),t([n({attribute:"currency-display"})],i.prototype,"currencyDisplay",2),t([n({attribute:"minimum-integer-digits",type:Number})],i.prototype,"minimumIntegerDigits",2),t([n({attribute:"minimum-fraction-digits",type:Number})],i.prototype,"minimumFractionDigits",2),t([n({attribute:"maximum-fraction-digits",type:Number})],i.prototype,"maximumFractionDigits",2),t([n({attribute:"minimum-significant-digits",type:Number})],i.prototype,"minimumSignificantDigits",2),t([n({attribute:"maximum-significant-digits",type:Number})],i.prototype,"maximumSignificantDigits",2),i=t([e("dsa-format-number")],i);export{i as a};

package/cdn/chunks/chunk.JEOSRXCU.js

@@ -0,0 +1,123 @@
+import{a as R}from"./chunk.FDMQXEYE.js";import{a as y,c as j,d as T}from"./chunk.HFRREETM.js";import{a as A}from"./chunk.DBXX64Q4.js";import{c as N}from"./chunk.3RLUYXJN.js";import{a as B}from"./chunk.EFB2SY45.js";import{a as I}from"./chunk.CUYQOZPJ.js";import{a as q}from"./chunk.PIG773U2.js";import{a as H}from"./chunk.LYLTFAFC.js";import{a as D}from"./chunk.KLRPP4NQ.js";import{a as U,c as S}from"./chunk.HHVNQNCC.js";import{a as P,c as L}from"./chunk.TV2TMO2H.js";import{a as E}from"./chunk.NIRNX67K.js";import{c as F}from"./chunk.LBAIMDY3.js";import{b as $}from"./chunk.QTD6NQFL.js";import{a as f}from"./chunk.2RF4WD6T.js";import{d as k}from"./chunk.ZBHHLRFH.js";import{a as w}from"./chunk.BWEPOOQP.js";import{a as O,b,c as K,d as g}from"./chunk.KBZ32KWP.js";import{a as d}from"./chunk.GP725TPQ.js";import{a as _,b as z,f as m}from"./chunk.IZ2HVRME.js";var l=class extends A{constructor(){super(...arguments);this.localize=new F(this);this.isTimePickerOpen=!1;this.timeUnitArraysCacheKey="";this.min="00:00";this.max="23:59";this.step=60;this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleDocumentFocusIn(e){let t=e.composedPath();this&&!t.includes(this)&&this.hideTimePicker()}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hideTimePicker()}handleDefaultKeyDown(e){this.isTimePickerOpen&&e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),this.hideTimePicker()),this.isTimePickerOpen&&e.key==="Tab"&&setTimeout(()=>{var c,s;let n=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(s=(c=document.activeElement)==null?void 0:c.shadowRoot)==null?void 0:s.activeElement:document.activeElement;(!this||(n==null?void 0:n.closest(this.tagName.toLowerCase()))!==this)&&this.hideTimePicker()}),e.composedPath().some(n=>n===this.timePickerButton)&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.toggleTimePicker())}handleKeyDown(e){super.handleKeyDown(e),e.key===" "&&(e.preventDefault(),this.showTimePicker())}getDescriptionIds(){let e=["input__prefix","input__suffix"];return this.error&&(e=[...e,"error-text"]),e=[...e,"selected-value","help-text","description"],e.join(" ")}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.isTimePickerOpen&&this.scrollSelectedTimeUnitsIntoView()}async handleOpenChange(){var e,t;if(this.isTimePickerOpen){this.emit("dsa-show"),this.addOpenListeners(),await S(this),this.popup.active=!0,$(this.timePickerButton.button,"aria-expanded","true");let{keyframes:i,options:n}=L(this,"time-popup.show",{dir:this.localize.dir()});await U(this.popup.popup,i,n),this.emit("dsa-after-show"),this.scrollSelectedTimeUnitsIntoView(),(t=(e=this.popup.querySelector('[aria-selected="true"]'))!=null?e:this.popup.querySelector("li"))==null||t.focus()}else{this.emit("dsa-hide"),this.removeOpenListeners(),await S(this),this.popup.active=!1,$(this.timePickerButton.button,"aria-expanded","false"),this.timePickerButton.focus({preventScroll:!0});let{keyframes:i,options:n}=L(this,"time-popup.hide",{dir:this.localize.dir()});await U(this.popup.popup,i,n),this.emit("dsa-after-hide")}}toggleTimePicker(){this.isTimePickerOpen?this.hideTimePicker():this.showTimePicker()}async showTimePicker(){return this.value===""||T(this.value,this.min)===-1?(this.value=this.min,this.emit("dsa-change")):T(this.value,this.max)===1&&(this.value=this.max,this.emit("dsa-change")),this.isTimePickerOpen=!0,await D(this,"dsa-after-show")}async hideTimePicker(){if(this.isTimePickerOpen)return this.isTimePickerOpen=!1,await D(this,"dsa-after-hide")}scrollSelectedTimeUnitsIntoView(){this.popup.querySelectorAll('[aria-selected="true"]').forEach(t=>{N(t,t.parentElement,"vertical","auto")})}selectTimeUnit(e){let t=this.value,i=j(t,e.dataset.timetype,e.dataset.timevalue);this.emit("dsa-input"),T(i,this.min)===-1?(this.value=this.min,this.emit("dsa-change")):T(i,this.max)===1?(this.value=this.max,this.emit("dsa-change")):this.value!==i&&(this.value=i,this.emit("dsa-change"))}handlePanelKeydown(e){var t,i,n,c;if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)&&e.preventDefault(),e.key==="ArrowUp"){let s=(t=e.target.closest("li"))==null?void 0:t.previousElementSibling;if(!s)return;s.focus(),this.selectTimeUnit(s)}if(e.key==="ArrowDown"){let s=(i=e.target.closest("li"))==null?void 0:i.nextElementSibling;if(!s)return;s.focus(),this.selectTimeUnit(s)}if(e.key==="ArrowLeft"){let s=e.target.closest("ul");if(!(s instanceof HTMLUListElement))return;let r=s.previousElementSibling;if(!(r instanceof HTMLUListElement))return;let o=(n=r.querySelector('li[aria-selected="true"]'))!=null?n:r.querySelector("li");if(!o)return;o.focus(),this.selectTimeUnit(o)}if(e.key==="ArrowRight"){let s=e.target.closest("ul");if(!(s instanceof HTMLUListElement))return;let r=s.nextElementSibling;if(!(r instanceof HTMLUListElement))return;let o=(c=r.querySelector('li[aria-selected="true"]'))!=null?c:r.querySelector("li");if(!o)return;o.focus(),this.selectTimeUnit(o)}e.key==="Enter"&&this.hideTimePicker()}handlePanelClick(e){let t=e.target.closest("li");!(t!=null&&t.dataset.timetype)||!t.dataset.timevalue||this.selectTimeUnit(t)}generateTimeUnitArrays(){var v;let e=`${this.min}|${this.max}|${this.step}|${this.value}`;if(this.timeUnitArraysCacheKey===e&&this.timeUnitArraysCache)return this.timeUnitArraysCache;let t=y(this.min),i=y(this.max);if(!t||!i)throw new Error("Invalid min or max time values");let n=(v=y(this.value))!=null?v:t,c=this.step>3600?Math.floor(this.step/3600):1,s=Array.from({length:24},(a,p)=>p).filter(a=>a>=t.hours&&a<=i.hours&&a%c===0),r=this.step>60?Math.floor(this.step%3600/60):1,o=Array.from({length:60},(a,p)=>p).filter(a=>n.hours===(t==null?void 0:t.hours)?a>=(t==null?void 0:t.minutes)&&a%r===0:n.hours===(i==null?void 0:i.hours)?a<=(i==null?void 0:i.minutes)&&a%r===0:this.step>60?a%r===0:!0);o.length===0&&(o[0]=0);let h=this.step%60,u=Array.from({length:60},(a,p)=>p).filter(a=>a%h===0);return this.timeUnitArraysCacheKey=e,this.timeUnitArraysCache={displayedHours:s,displayedMinutes:o,displayedSeconds:u},this.timeUnitArraysCache}generateTimeUnitList(e,t){var r,o;let i=y(this.min),c=(o=((r=y(this.value))!=null?r:i)[e])!=null?o:0,s=(h,u)=>{switch(h){case"hours":return this.localize.term("hours",u);case"minutes":return this.localize.term("minutes",u);case"seconds":return this.localize.term("seconds",u);case"milliseconds":return this.localize.term("milliseconds",u);default:return""}};return t.length===0?d``:d`
+      <ul
+        id="${e}-list"
+        class="time-popup--unit-container"
+        role="listbox"
+        aria-label=${this.localize.term(e,"")}
+        tabindex="-1"
+      >
+        ${t.map(h=>d`
+            <li
+              data-timetype="${e}"
+              data-timevalue="${h}"
+              role="option"
+              aria-selected="${c===h?"true":"false"}"
+              tabindex="${h===c?0:-1}"
+              class=${k({"time-popup--unit":!0,"time-popup--unit-selected":h===c})}
+            >
+              <span aria-hidden="true"
+                >${h.toString().padStart(2,"0")}</span
+              >
+              <dsa-visually-hidden
+                >${s(e,h)}</dsa-visually-hidden
+              >
+            </li>
+          `)}
+      </ul>
+    `}renderInput(){var p,C,x,M;let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("prefix"),i=this.hasSlotController.test("suffix"),n=this.label?!0:!!e,c=this.clearable&&!this.disabled&&!this.readonly&&this.value.length>0,{displayedHours:s,displayedMinutes:r,displayedSeconds:o}=this.generateTimeUnitArrays(),h=this.generateTimeUnitList("hours",s),u=this.generateTimeUnitList("minutes",r),v=this.generateTimeUnitList("seconds",o),a=`${this.localize.term("selectedTime")}${this.value}`;return d`
+      <div
+        part="base"
+        class=${k({input:!0,"input--time":!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--error":this.error,"input--success":this.success&&!this.error,"input--on-layer":this.variant==="layer","input--on-base":this.variant==="base","input--disabled":this.disabled,"input--readonly":this.readonly,"input--focused":this.hasFocus,"input--empty":!this.value,"form-control--has-prefix-icon":t})}
+        @keydown=${this.handleDefaultKeyDown}
+      >
+        <slot
+          name="prefix"
+          part="prefix"
+          id="input__prefix"
+          class="input__prefix"
+        ></slot>
+
+        <input
+          part="input"
+          id="input"
+          class="input__control"
+          type="time"
+          title=${E(n?void 0:(p=this.accessibleName)!=null?p:this.title)}
+          name=${E(this.name)}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          min=${f(this.min)}
+          max=${f(this.max)}
+          step=${this.step}
+          .value=${B(this.value)}
+          autocomplete=${f(this.autocomplete)}
+          ?autofocus=${this.autofocus}
+          enterkeyhint=${f(this.enterkeyhint)}
+          inputmode="numeric"
+          aria-label=${E(n?void 0:(C=this.accessibleName)!=null?C:this.title)}
+          aria-describedby=${this.getDescriptionIds()}
+          aria-invalid=${f(this.error?"true":void 0)}
+          @change=${this.handleChange}
+          @input=${this.handleInput}
+          @invalid=${this.handleInvalid}
+          @keydown=${this.handleKeyDown}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        />
+
+        ${i?d`<slot
+              name="suffix"
+              id="input__suffix"
+              class="input__suffix"
+            ></slot>`:""}
+        ${c?d`
+              <dsa-icon-button
+                part="clear-button"
+                class="input__action-button"
+                name="clear"
+                label=${this.localize.term("clearEntry")}
+                @click=${this.handleClearClick}
+                library="system"
+              ></dsa-icon-button>
+            `:""}
+
+        <dsa-popup
+          class="time-popup"
+          part="popup"
+          placement="bottom-end"
+          distance="12"
+          strategy=${this.hoist?"fixed":"absolute"}
+          flip
+          shift
+          auto-size="both"
+          auto-size-padding="10"
+        >
+          <div slot="anchor" class="time-anchor">
+            <dsa-icon-button
+              part="picker-button"
+              class="input__action-button icon-button--time"
+              name="schedule"
+              label=${`${this.localize.term("selectATime")} - ${(M=(x=this.label)!=null?x:this.accessibleName)!=null?M:this.title}`}
+              @click=${this.toggleTimePicker}
+              library="system"
+              size=${this.size}
+              ?disabled=${this.disabled||this.readonly}
+              description=${f(this.value!==""?a:void 0)}
+            ></dsa-icon-button>
+          </div>
+
+          <div
+            id="time-popup--panel"
+            class="time-popup--panel"
+            @keydown=${this.handlePanelKeydown}
+            @click=${this.handlePanelClick}
+          >
+            ${h} ${u} ${v}
+          </div>
+        </dsa-popup>
+      </div>
+      <p id="selected-value" class="input--time-description">
+        ${this.localize.term("selectedTime")}${this.value}
+      </p>
+    `}};l.styles=R,l.dependencies=z(_({},A.dependencies),{"dsa-icon-button":H,"dsa-popup":I,"dsa-visually-hidden":q}),m([g(".icon-button--time")],l.prototype,"timePickerButton",2),m([g(".time-popup")],l.prototype,"popup",2),m([K()],l.prototype,"isTimePickerOpen",2),m([b()],l.prototype,"min",2),m([b()],l.prototype,"max",2),m([b({converter:{fromAttribute:e=>e==="any"?60:Number(e)}})],l.prototype,"step",2),m([b({type:Boolean})],l.prototype,"hoist",2),m([w("value",{waitUntilFirstUpdate:!0})],l.prototype,"handleValueChange",1),m([w("isTimePickerOpen",{waitUntilFirstUpdate:!0})],l.prototype,"handleOpenChange",1),l=m([O("dsa-input-time")],l);P("time-popup.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});P("time-popup.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{l as a};

package/cdn/chunks/{chunk.GEV6DKVB.js → chunk.JFLIH5L5.js}

@@ -1,5 +1,5 @@
-import{a}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var i=t`
-  ${a}
+import{a as o}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var i=t`
+  ${o}
 
   :host {
     display: block;
@@ -71,16 +71,6 @@ import{a}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var i
     right: 0;
   }
 
-  .tab-group--rtl .tab-group__scroll-button--start {
-    left: auto;
-    right: 0;
-  }
-
-  .tab-group--rtl .tab-group__scroll-button--end {
-    left: 0;
-    right: auto;
-  }
-
   /*
    * Top
    */
@@ -204,11 +194,6 @@ import{a}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var i
       var(--dsa-wc-tab-group-indicator-color);
   }
 
-  .tab-group--start.tab-group--rtl .tab-group__indicator {
-    right: auto;
-    left: calc(-1 * var(--dsa-wc-tab-group-track-width));
-  }
-
   .tab-group--start .tab-group__body {
     flex: 1 1 auto;
     order: 2;
@@ -245,11 +230,6 @@ import{a}from"./chunk.UMC4I57R.js";import{a as t}from"./chunk.6G2FNLAV.js";var i
       var(--dsa-wc-tab-group-indicator-color);
   }
 
-  .tab-group--end.tab-group--rtl .tab-group__indicator {
-    right: calc(-1 * var(--dsa-wc-tab-group-track-width));
-    left: auto;
-  }
-
   .tab-group--end .tab-group__body {
     flex: 1 1 auto;
     order: 1;

package/cdn/chunks/{chunk.A5DTG2XB.js → chunk.JU47KXI6.js}

@@ -1,11 +1,11 @@
-import{a as m}from"./chunk.4E7MNGOV.js";import{a as p}from"./chunk.PIG773U2.js";import{a as n}from"./chunk.ELL45QD3.js";import{a as r}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as i,b as l,d as o,f as u}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends u{constructor(){super(...arguments);this.hasSlotController=new n(this,"[default]","prefix","suffix");this.value=0;this.selected=!1;this.disabled=!1;this.navigationType="button";this.compact=!1}getAriaCurrent(){if(this.selected)return this.navigationType==="link"?"page":"true"}render(){let a=this.selected||this.value===-1;return s`
+import{a as m}from"./chunk.4E7MNGOV.js";import{a as p}from"./chunk.PIG773U2.js";import{a as d}from"./chunk.ELL45QD3.js";import{a as r}from"./chunk.2RF4WD6T.js";import{d as n}from"./chunk.ZBHHLRFH.js";import{a as i,b as l,d as o,f as u}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends u{constructor(){super(...arguments);this.hasSlotController=new d(this,"[default]","prefix","suffix");this.value=0;this.selected=!1;this.disabled=!1;this.navigationType="button";this.compact=!1}getAriaCurrent(){if(this.selected)return this.navigationType==="link"?"page":"true"}render(){let f=this.hasSlotController.test("[default]"),a=this.selected||this.value===-1,b=this.getAriaCurrent();return s`
       <button
         role=${r(this.navigationType==="link"?"link":void 0)}
         part="base"
-        class=${d({button:!0,"button-pagination":!0,"button-number":!this.hasSlotController.test("[default]"),"button--selected":this.selected,"button--inactive":a,"button--disabled":this.disabled})}
+        class=${n({button:!0,"button-pagination":!0,"button-number":!f,"button--selected":this.selected,"button--inactive":a,"button--disabled":this.disabled})}
         value="${this.value}"
         ?disabled=${this.disabled||a}
-        aria-current=${r(this.getAriaCurrent())}
+        aria-current=${r(b)}
       >
         <slot name="prefix"></slot>
         ${this.compact&&this.value===0?s`

package/cdn/chunks/chunk.JUMQSXMT.js

@@ -0,0 +1 @@
+import{a as s}from"./chunk.VBCBEOZG.js";import{a as d}from"./chunk.MU36LMLD.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends d{constructor(){super(...arguments);this.type="radio"}handleClick(){this.disabled||this.readonly||this.parentDisabled||this.parentReadonly||this.checked||(this.checked=!0)}handleDisabledChange(){let a=this.parentElement;a instanceof s&&a.updateTabIndexes()}};t([i(["disabled","readonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([r("dsa-radio-card")],e);export{e as a};