@ds-autonomie/web-components 2.17.0 → 2.18.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @ds-autonomie/web-components
 
+## 2.18.0
+
+### Minor Changes
+
+- 860a7a5: `input-date`: possibilité de désactiver certaines dates
+- f995024: `header-search`: ajout d'un attribut placeholder
+
+### Patch Changes
+
+- cdd076c: `table-of-contents` : application des bonnes pratiques écoconception, et support du redimensionnement
+- 6eccef4: Application des principes d'écoconeption aux classes CSS `dsa-*`
+- f7bbb30: `table-action`, `table-caption`, `table-container`, `table-expanded-row`, `table-header-cell`, `table-header-row`, `table-row`, `table-toolbar`, `table` : application des bonnes pratiques eco-conception
+- 7033aff: `tree`, `tree-item`: application des bonnes pratiques d'écoconception
+- 406e70f: `filter-date`, `input-date` : correction de l'apparence sur Mozilla Firefox
+
 ## 2.17.0
 
 ### Minor Changes

package/cdn/chunks/{chunk.W25NCUPA.js → chunk.23QXZAWH.js}

@@ -1,20 +1,19 @@
-import{a as c}from"./chunk.NE525Q3J.js";import{a as p}from"./chunk.FNWVRCNG.js";import{b as d}from"./chunk.IMXEAMW3.js";import{a as m}from"./chunk.ELL45QD3.js";import{c as n}from"./chunk.GM4KTNXL.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as o,b as a}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends p{constructor(){super(...arguments);this.hasSlotController=new m(this,"subtitle","total-items");this.localize=new n(this);this.totalItemsLabel=this.localize.term("results")}handleLoading(){this.setAttribute("aria-busy",this.loading.toString())}render(){let h=this.hasSlotController.test("subtitle"),l=this.hasSlotController.test("total-items");return e`
-      <slot part="title" name="title"></slot>
-      ${this.loading&&h?e`<dsa-skeleton
+import{a as h}from"./chunk.VMY3LI3D.js";import{a as d}from"./chunk.FNWVRCNG.js";import{b as c}from"./chunk.IMXEAMW3.js";import{a as m}from"./chunk.ELL45QD3.js";import{c as n}from"./chunk.GM4KTNXL.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as o,b as a}from"./chunk.KBZ32KWP.js";import{a as e}from"./chunk.GP725TPQ.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new m(this,"subtitle","total-items");this.localize=new n(this);this.totalItemsLabel=this.localize.term("results")}handleLoading(){this.setAttribute("aria-busy",this.loading.toString())}render(){let f=this.hasSlotController.test("subtitle"),l=this.hasSlotController.test("total-items");return e`
+      <slot class="title" name="title"></slot>
+      ${this.loading&&f?e`<dsa-skeleton
             class="subtitle-skeleton"
             effect=${this.skeletonEffect}
-          ></dsa-skeleton>`:e`<slot part="subtitle" name="subtitle"></slot> `}
+          ></dsa-skeleton>`:e`<slot class="subtitle" name="subtitle"></slot> `}
       ${this.loading&&l?e`<dsa-skeleton
             class="total-items-skeleton"
             effect=${this.skeletonEffect}
           ></dsa-skeleton>`:e`
             <p
-              part="total-items"
-              class=${i({"has-total-items":l})}
+              class=${i({"total-items":!0,"has-total-items":l})}
               aria-hidden=${l?"false":"true"}
             >
               <slot name="total-items"></slot>
-              <span part="total-item--indicator">${this.totalItemsLabel}</span>
+              <span class="total-item--indicator">${this.totalItemsLabel}</span>
             </p>
           `}
-    `}};t.styles=c,t.dependencies={"dsa-skeleton":d},s([a({attribute:"total-items-label"})],t.prototype,"totalItemsLabel",2),s([r("loading")],t.prototype,"handleLoading",1),t=s([o("dsa-table-caption")],t);export{t as a};
+    `}};t.styles=h,t.dependencies={"dsa-skeleton":c},s([a({attribute:"total-items-label"})],t.prototype,"totalItemsLabel",2),s([r("loading")],t.prototype,"handleLoading",1),t=s([o("dsa-table-caption")],t);export{t as a};

package/cdn/chunks/{chunk.SPZ3HJLD.js → chunk.3FYOZ6BI.js}

@@ -1,4 +1,4 @@
-import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var r=e`
+import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var n=e`
   ${t}
 
   :host {
@@ -33,7 +33,7 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     text-align: end;
   }
 
-  [part~='sort-button'] {
+  .sort-button {
     appearance: none;
     padding: var(--dsa-wc-table-header-cell-padding-y)
       var(--dsa-wc-table-header-cell-padding-x);
@@ -49,11 +49,11 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     height: 100%;
   }
 
-  [part~='sort-button']:active {
+  .sort-button:active {
     background: var(--dsa-wc-table-header-cell-background-active);
   }
 
-  [part~='sort-button']:focus-visible {
+  .sort-button:focus-visible {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-table-header-cell-sort-button-outline-offset);
   }
@@ -90,4 +90,4 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     --color: var(--dsa-wc-table-header-cell-skeleton-color);
     --sheen-color: var(--dsa-wc-table-header-cell-skeleton-sheen-color);
   }
-`;export{r as a};
+`;export{n as a};

package/cdn/chunks/{chunk.D5S2YDML.js → chunk.3TFD5K7U.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.N7EFYGZ6.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.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`
         <dsa-input-date
           class="input-element"
           name=${t(this.name)}

package/cdn/chunks/chunk.4NE2V6DW.js

@@ -0,0 +1,9 @@
+import{a as d}from"./chunk.PIWF5VEN.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as o,b as u,c as l,d as i,f as h}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var r="dsa-navbar-menu",p="dsa-navbar-link",t=class extends h{constructor(){super(...arguments);this.currentOpenMenu=null;this.mobile=!1}connectedCallback(){super.connectedCallback()}handleSlotChange(){this.getAllChildren().forEach(e=>{e.mobile=this.mobile})}handleMobileChange(){this.getAllChildren().forEach(e=>{this.mobile?e.setAttribute("mobile","true"):e.removeAttribute("mobile"),this.currentOpenMenu=null,e.classList.remove("hidden"),this.isNavbarMenu(e)&&e.removeAttribute("open")})}handleMenuShow(e){if(!this.mobile)return;let a=e.target.closest(r);a&&(this.currentOpenMenu=a)}handleMenuHide(){this.mobile&&(this.getAllMenus().some(e=>e.open)||(this.currentOpenMenu=null))}getAllChildren(){return[...this.querySelectorAll(r),...this.querySelectorAll(p)]}getAllMenus(){return[...this.querySelectorAll(r)]}isNavbarMenu(e){return e.tagName.toLowerCase()===r}render(){return this.mobile&&this.getAllChildren().forEach(e=>{this.currentOpenMenu===null||e===this.currentOpenMenu?e.classList.remove("hidden"):(e.classList.add("hidden"),this.isNavbarMenu(e)&&e.removeAttribute("open"))}),s`
+      <div role="list" class="navbar__list">
+        <slot
+          @slotchange=${this.handleSlotChange}
+          @dsa-show=${this.handleMenuShow}
+          @dsa-hide=${this.handleMenuHide}
+        ></slot>
+      </div>
+    `}};t.styles=d,n([i("nav")],t.prototype,"navbar",2),n([i("slot")],t.prototype,"defaultSlot",2),n([l()],t.prototype,"allMenus",2),n([l()],t.prototype,"currentOpenMenu",2),n([u({type:Boolean})],t.prototype,"mobile",2),n([m("mobile")],t.prototype,"handleMobileChange",1),t=n([o("dsa-navbar")],t);export{t as a};

package/cdn/chunks/chunk.67MZYN3N.js

@@ -0,0 +1,37 @@
+import{a as b}from"./chunk.A6JUKRCA.js";import{a as m}from"./chunk.MMVWNVZX.js";import{a as x}from"./chunk.WJLFKSRJ.js";import{a as p}from"./chunk.63UE4VAO.js";import{c as h}from"./chunk.GM4KTNXL.js";import{d as i}from"./chunk.ZBHHLRFH.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as o,b as n,c,d as s,f as r}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends r{constructor(){super(...arguments);this.localize=new h(this);this.showExpandButton=!1;this.role="row";this.size="medium";this.selected=!1;this.expandable=!1;this.expanded=!1;this.showExpandedLabel="";this.hideExpandedLabel="";this.selectionLabel="";this.selectionName="";this.selectionValue="";this.loading=!1}connectedCallback(){super.connectedCallback(),this.handleRowClick=this.handleRowClick.bind(this),this.handleCheckboxChange=this.handleCheckboxChange.bind(this),this.addEventListener("click",this.handleRowClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleRowClick)}handleRowClick(){this.emit("dsa-table-row-click")}handleCheckboxChange(a){a.stopPropagation(),this.selected=this.checkbox.checked}renderFirstCell(){return this.selectionName?l`
+      <dsa-table-cell class="column-checkbox" aria-hidden=${this.loading}>
+        <div class="column-checkbox--content">
+          <dsa-checkbox
+            class="checkbox"
+            size="small"
+            name=${this.selectionName}
+            accessible-name=${this.selectionLabel!==""?this.selectionLabel:this.localize.term("selectRow")}
+            value=${this.selectionValue}
+            ?checked=${this.selected}
+            @click=${a=>a.stopPropagation()}
+            @dsa-change=${this.handleCheckboxChange}
+            ?disabled=${this.loading}
+          ></dsa-checkbox>
+        </div>
+      </dsa-table-cell>
+    `:l``}handleExpandClick(a){a.stopPropagation(),this.expanded=!this.expanded,this.emit("dsa-table-row-expand-change")}renderExpandButton(){let a=this.showExpandedLabel!==""?this.showExpandedLabel:this.localize.term("showExpandedTableRow"),u=this.hideExpandedLabel!==""?this.hideExpandedLabel:this.localize.term("hideExpandedTableRow");return l`
+      <dsa-table-cell
+        class=${i({"column-expand-button":!0,"column-expand-button--has-icon":this.showExpandButton})}
+        aria-hidden=${this.loading}
+      >
+        <dsa-icon-button
+          variant="default"
+          name="expand_more"
+          size="xlarge"
+          class=${i({"expand-button":!0,"expand-button--expand-less":this.expanded})}
+          label=${this.expanded?u:a}
+          @click=${this.handleExpandClick}
+          ?disabled=${this.loading}
+          library="system"
+        ></dsa-icon-button>
+      </dsa-table-cell>
+    `}handleExpandableChange(){var a;this.expandable&&((a=this.nextElementSibling)!=null&&a.matches(this.selectorExpandedRow))?this.showExpandButton=!0:this.showExpandButton=!1}handleExpandedChange(){var a;(a=this.nextElementSibling)!=null&&a.matches(this.selectorExpandedRow)&&(this.nextElementSibling.expanded=this.expanded)}handleSelectedChange(){this.emit("dsa-table-row-change-selection")}render(){return l`
+      ${this.renderFirstCell()}
+      <slot></slot>
+      ${this.expandable?this.renderExpandButton():l``}
+    `}get selectorExpandedRow(){return"dsa-table-expanded-row"}};e.styles=b,e.dependencies={"dsa-table-cell":m,"dsa-checkbox":x,"dsa-icon-button":p},t([s(".checkbox")],e.prototype,"checkbox",2),t([s(".expand-button")],e.prototype,"expandedButton",2),t([c()],e.prototype,"showExpandButton",2),t([n({reflect:!0})],e.prototype,"role",2),t([n({reflect:!0})],e.prototype,"size",2),t([n({type:Boolean,reflect:!0})],e.prototype,"selected",2),t([n({type:Boolean,reflect:!0})],e.prototype,"expandable",2),t([n({type:Boolean,reflect:!0})],e.prototype,"expanded",2),t([n({attribute:"show-expanded-label"})],e.prototype,"showExpandedLabel",2),t([n({attribute:"hide-expanded-label"})],e.prototype,"hideExpandedLabel",2),t([n({attribute:"selection-label"})],e.prototype,"selectionLabel",2),t([n({attribute:"selection-name",reflect:!0})],e.prototype,"selectionName",2),t([n({attribute:"selection-value"})],e.prototype,"selectionValue",2),t([n({type:Boolean,reflect:!0})],e.prototype,"loading",2),t([d("expandable")],e.prototype,"handleExpandableChange",1),t([d("expanded")],e.prototype,"handleExpandedChange",1),t([d("selected",{waitUntilFirstUpdate:!0})],e.prototype,"handleSelectedChange",1),e=t([o("dsa-table-row")],e);export{e as a};

package/cdn/chunks/{chunk.2UUQJVQI.js → chunk.6AGU5DOT.js}

@@ -1 +1 @@
-import{a as m}from"./chunk.YRSOFNQ3.js";import{a as d}from"./chunk.MQFH5TMZ.js";import{a as h}from"./chunk.FNWVRCNG.js";import{a}from"./chunk.BWEPOOQP.js";import{a as n,b as i}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.role="rowgroup"}handleDefaultSlotChange(){let t=this.parentElement;t instanceof d&&(t.handleHeaderRowExpandable(),t.handleHeaderRowSelectable(),t.handleAlignmentChange(),t.handleHeaderCellsCount())}getAllRows(){return[...this.querySelectorAll("dsa-table-header-row")]}getAllCells(){return[...this.querySelectorAll("dsa-table-header-cell")]}handleLoading(){this.setAttribute("aria-busy",this.loading.toString()),this.getAllRows().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading")),this.getAllCells().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading"))}handleSkeletonEffectChange(){this.getAllCells().forEach(o=>o.setAttribute("skeleton-effect",this.skeletonEffect))}render(){return s` <slot @slotchange=${this.handleDefaultSlotChange}></slot> `}};e.styles=m,r([i({reflect:!0})],e.prototype,"role",2),r([a("loading")],e.prototype,"handleLoading",1),r([a("skeletonEffect")],e.prototype,"handleSkeletonEffectChange",1),e=r([n("dsa-table-head")],e);export{e as a};
+import{a as m}from"./chunk.YRSOFNQ3.js";import{a as d}from"./chunk.PFU2C3OZ.js";import{a as h}from"./chunk.FNWVRCNG.js";import{a}from"./chunk.BWEPOOQP.js";import{a as n,b as i}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.role="rowgroup"}handleDefaultSlotChange(){let t=this.parentElement;t instanceof d&&(t.handleHeaderRowExpandable(),t.handleHeaderRowSelectable(),t.handleAlignmentChange(),t.handleHeaderCellsCount())}getAllRows(){return[...this.querySelectorAll("dsa-table-header-row")]}getAllCells(){return[...this.querySelectorAll("dsa-table-header-cell")]}handleLoading(){this.setAttribute("aria-busy",this.loading.toString()),this.getAllRows().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading")),this.getAllCells().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading"))}handleSkeletonEffectChange(){this.getAllCells().forEach(o=>o.setAttribute("skeleton-effect",this.skeletonEffect))}render(){return s` <slot @slotchange=${this.handleDefaultSlotChange}></slot> `}};e.styles=m,r([i({reflect:!0})],e.prototype,"role",2),r([a("loading")],e.prototype,"handleLoading",1),r([a("skeletonEffect")],e.prototype,"handleSkeletonEffectChange",1),e=r([n("dsa-table-head")],e);export{e as a};

package/cdn/chunks/chunk.A6JUKRCA.js

@@ -0,0 +1,38 @@
+import{a as t}from"./chunk.THOSFGWY.js";import{a as o}from"./chunk.6G2FNLAV.js";var n=o`
+  ${t}
+
+  :host {
+    background: var(--dsa-wc-table-row-background);
+    font: var(--dsa-wc-table-row-font);
+    color: var(--dsa-wc-table-row-color);
+  }
+
+  :host(:hover:not([loading])),
+  :host(:hover[selected]) {
+    background: var(--dsa-wc-table-row-hover-background);
+  }
+
+  /* Selected State */
+  :host([selected]) {
+    background: var(--dsa-wc-table-row-selected-background);
+  }
+
+  .column-expand-button {
+    padding: 0;
+    text-align: center;
+  }
+
+  .expand-button {
+    display: none;
+    transform: rotateX(0deg);
+    transition: transform 200ms ease;
+  }
+
+  .column-expand-button--has-icon .expand-button {
+    display: inline-block;
+  }
+
+  .expand-button--expand-less {
+    transform: rotateX(-180deg);
+  }
+`;export{n as a};

package/cdn/chunks/{chunk.465G6RHI.js → chunk.AOPSMRYY.js}

@@ -1,4 +1,4 @@
-import{a as m}from"./chunk.6QPTXGCJ.js";import{a as $}from"./chunk.M5ND6PIZ.js";import{a as b}from"./chunk.HN5GRHJU.js";import{a as g}from"./chunk.D5S2YDML.js";import{a as c}from"./chunk.KC2NESXB.js";import{a as v}from"./chunk.ODH67RGS.js";import{a as S}from"./chunk.GYURCDPD.js";import{a as h}from"./chunk.NIRNX67K.js";import{c as E}from"./chunk.KD3BHBHK.js";import{a as s}from"./chunk.2RF4WD6T.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as f,b as i,c as o,d as u}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{a as p,b as V,f as e}from"./chunk.IZ2HVRME.js";var C=100,t=class extends c{constructor(){super(...arguments);this.currentStartValue="";this.currentEndValue="";this.start="";this.end="";this.defaultStart="";this.defaultEnd="";this.slider=!1}connectedCallback(){super.connectedCallback(),this.handleSliderFromValueChange=this.handleSliderFromValueChange.bind(this),this.handleSliderToValueChange=this.handleSliderToValueChange.bind(this),this.addEventListener("dsa-slider-from-value-change",this.handleSliderFromValueChange),this.addEventListener("dsa-slider-to-value-change",this.handleSliderToValueChange),this.start=this.start===""?this.defaultStart:this.start,this.currentStartValue=this.start,this.end=this.end===""?this.defaultEnd:this.end,this.currentEndValue=this.end,this.value=this.getRangeValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("dsa-slider-from-value-change",this.handleSliderFromValueChange),this.removeEventListener("dsa-slider-to-value-change",this.handleSliderToValueChange)}handleSliderFromValueChange(r){let a=r.detail.value;this.currentStartValue=a}handleSliderToValueChange(r){let a=r.detail.value;this.currentEndValue=a}handleReset(){var r;this.currentStartValue=this.defaultStart,this.currentEndValue=this.defaultEnd,(r=this.startValueInput)==null||r.focus({preventScroll:!0})}handleSubmit(){this.start=this.currentStartValue,this.end=this.currentEndValue,this.value=this.getRangeValue(),this.emit("dsa-submit"),this.hide(),this.filterTrigger.focus({preventScroll:!0})}handleStartInput(r){let a=r.target.value;this.currentStartValue=a,this.emit("dsa-input")}handleEndInput(r){let a=r.target.value;this.currentEndValue=a,this.emit("dsa-input")}handleStartChange(r){let a=r.target.value,n=parseFloat(this.currentEndValue);parseFloat(a)<=this.min?this.currentStartValue=`${this.min}`:parseFloat(a)<=n?this.currentStartValue=a:parseFloat(a)>n&&(this.currentStartValue=this.currentEndValue),this.emit("dsa-change")}handleEndChange(r){let a=r.target.value,n=parseFloat(this.currentStartValue);parseFloat(a)>=this.max?this.currentEndValue=`${this.max}`:parseFloat(a)>=n?this.currentEndValue=a:parseFloat(a)<n&&(this.currentEndValue=this.currentStartValue),this.emit("dsa-change")}getRangeValue(){return this.start===""&&this.end===""?"":this.start===""?`${this.localize.term("lessThan")} ${this.end}`:this.end===""?`${this.localize.term("moreThan")} ${this.start}`:`${this.start} - ${this.end}`}handleFilterRangeOpenChange(){this.open||(this.currentStartValue=this.start===""?this.defaultStart:this.start,this.currentEndValue=this.end===""?this.defaultEnd:this.end)}handleStartPropChange(){this.currentStartValue!==this.start&&(this.currentStartValue=this.start),this.value=this.getRangeValue()}handleEndPropChange(){this.currentEndValue!==this.end&&(this.currentEndValue=this.end),this.value=this.getRangeValue()}handleCurrentValuesChange(){this.drawer&&(this.start=this.currentStartValue,this.end=this.currentEndValue,this.value=this.getRangeValue())}renderPanelContent(){return l`
+import{a as m}from"./chunk.6QPTXGCJ.js";import{a as $}from"./chunk.M5ND6PIZ.js";import{a as b}from"./chunk.HN5GRHJU.js";import{a as g}from"./chunk.3TFD5K7U.js";import{a as c}from"./chunk.KC2NESXB.js";import{a as v}from"./chunk.ODH67RGS.js";import{a as S}from"./chunk.GYURCDPD.js";import{a as h}from"./chunk.NIRNX67K.js";import{c as E}from"./chunk.KD3BHBHK.js";import{a as s}from"./chunk.2RF4WD6T.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as f,b as i,c as o,d as u}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{a as p,b as V,f as e}from"./chunk.IZ2HVRME.js";var C=100,t=class extends c{constructor(){super(...arguments);this.currentStartValue="";this.currentEndValue="";this.start="";this.end="";this.defaultStart="";this.defaultEnd="";this.slider=!1}connectedCallback(){super.connectedCallback(),this.handleSliderFromValueChange=this.handleSliderFromValueChange.bind(this),this.handleSliderToValueChange=this.handleSliderToValueChange.bind(this),this.addEventListener("dsa-slider-from-value-change",this.handleSliderFromValueChange),this.addEventListener("dsa-slider-to-value-change",this.handleSliderToValueChange),this.start=this.start===""?this.defaultStart:this.start,this.currentStartValue=this.start,this.end=this.end===""?this.defaultEnd:this.end,this.currentEndValue=this.end,this.value=this.getRangeValue()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("dsa-slider-from-value-change",this.handleSliderFromValueChange),this.removeEventListener("dsa-slider-to-value-change",this.handleSliderToValueChange)}handleSliderFromValueChange(r){let a=r.detail.value;this.currentStartValue=a}handleSliderToValueChange(r){let a=r.detail.value;this.currentEndValue=a}handleReset(){var r;this.currentStartValue=this.defaultStart,this.currentEndValue=this.defaultEnd,(r=this.startValueInput)==null||r.focus({preventScroll:!0})}handleSubmit(){this.start=this.currentStartValue,this.end=this.currentEndValue,this.value=this.getRangeValue(),this.emit("dsa-submit"),this.hide(),this.filterTrigger.focus({preventScroll:!0})}handleStartInput(r){let a=r.target.value;this.currentStartValue=a,this.emit("dsa-input")}handleEndInput(r){let a=r.target.value;this.currentEndValue=a,this.emit("dsa-input")}handleStartChange(r){let a=r.target.value,n=parseFloat(this.currentEndValue);parseFloat(a)<=this.min?this.currentStartValue=`${this.min}`:parseFloat(a)<=n?this.currentStartValue=a:parseFloat(a)>n&&(this.currentStartValue=this.currentEndValue),this.emit("dsa-change")}handleEndChange(r){let a=r.target.value,n=parseFloat(this.currentStartValue);parseFloat(a)>=this.max?this.currentEndValue=`${this.max}`:parseFloat(a)>=n?this.currentEndValue=a:parseFloat(a)<n&&(this.currentEndValue=this.currentStartValue),this.emit("dsa-change")}getRangeValue(){return this.start===""&&this.end===""?"":this.start===""?`${this.localize.term("lessThan")} ${this.end}`:this.end===""?`${this.localize.term("moreThan")} ${this.start}`:`${this.start} - ${this.end}`}handleFilterRangeOpenChange(){this.open||(this.currentStartValue=this.start===""?this.defaultStart:this.start,this.currentEndValue=this.end===""?this.defaultEnd:this.end)}handleStartPropChange(){this.currentStartValue!==this.start&&(this.currentStartValue=this.start),this.value=this.getRangeValue()}handleEndPropChange(){this.currentEndValue!==this.end&&(this.currentEndValue=this.end),this.value=this.getRangeValue()}handleCurrentValuesChange(){this.drawer&&(this.start=this.currentStartValue,this.end=this.currentEndValue,this.value=this.getRangeValue())}renderPanelContent(){return l`
       <div class="filter__content">
         ${this.slider?l`
               <div class="filter__slider">

package/cdn/chunks/chunk.AZWPWL5D.js

@@ -0,0 +1,44 @@
+import{a as d}from"./chunk.GHHMVWM2.js";import{a as b}from"./chunk.VQENJXGP.js";import{a as m}from"./chunk.FX5UP23Z.js";import{a as c}from"./chunk.GYURCDPD.js";import{a as h}from"./chunk.63UE4VAO.js";import{c as p}from"./chunk.GM4KTNXL.js";import{c as u}from"./chunk.KD3BHBHK.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a as s,b as a,d as n,f as r}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends r{constructor(){super(...arguments);this.localize=new p(this);this.value="";this.expanded=!1;this.alwaysOpen=!1;this.mobile=!1}async handleExpandClick(){this.emit("dsa-expand"),this.expanded=!0,await this.updateComplete,this.input.focus()}handleChange(){this.value=this.search.value}handleInput(){this.value=this.search.value}async handleCancelClick(){this.emit("dsa-collapse"),this.expanded=!1,await this.updateComplete,this.expandButton.focus()}get input(){return this.search.input}get submitButton(){return this.search.submitButton}get clearButton(){return this.search.clearButton}render(){return!this.expanded&&!this.alwaysOpen?this.mobile?i`
+          <dsa-icon-button
+            id="expand-button"
+            part="button button--navigation"
+            name="search"
+            library="system"
+            size="large"
+            label=${this.localize.term("search")}
+            @click=${this.handleExpandClick}
+          ></dsa-icon-button>
+        `:i`
+          <dsa-button
+            id="expand-button"
+            variant="navigation"
+            part="button button--navigation"
+            @click=${this.handleExpandClick}
+          >
+            <dsa-icon name="search" library="system"></dsa-icon>
+            <span>${this.localize.term("search")}</span>
+          </dsa-button>
+        `:i`
+      <div
+        class=${o({"search-bar":!0,"search-bar--mobile":this.mobile,"search-bar--desktop":!this.mobile})}
+      >
+        <dsa-search
+          size=${this.mobile?"small":"medium"}
+          placeholder=${l(this.placeholder)}
+          .value=${m(this.value)}
+          @dsa-change=${this.handleChange}
+          @dsa-input=${this.handleInput}
+        ></dsa-search>
+
+        ${this.alwaysOpen?"":i`
+              <dsa-button
+                id="cancel-button"
+                variant="tertiary"
+                size=${this.mobile?"small":"medium"}
+                @click=${this.handleCancelClick}
+              >
+                ${this.localize.term("cancel")}
+              </dsa-button>
+            `}
+      </div>
+    `}};t.styles=b,t.dependencies={"dsa-icon":u,"dsa-icon-button":h,"dsa-button":c,"dsa-search":d},e([n("dsa-search")],t.prototype,"search",2),e([n("#expand-button")],t.prototype,"expandButton",2),e([n("#cancel-button")],t.prototype,"cancelButton",2),e([a()],t.prototype,"value",2),e([a({reflect:!0,type:Boolean})],t.prototype,"expanded",2),e([a({type:Boolean,attribute:"always-open"})],t.prototype,"alwaysOpen",2),e([a({type:Boolean})],t.prototype,"mobile",2),e([a()],t.prototype,"placeholder",2),t=e([s("dsa-header-search")],t);export{t as a};

package/cdn/chunks/{chunk.M2JVAL5G.js → chunk.BRP4WPSN.js}

@@ -1,5 +1,5 @@
-import{a as e}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var s=a`
-  ${e}
+import{a}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var l=e`
+  ${a}
 
   :host {
     display: flex;
@@ -8,7 +8,7 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var s
     padding-inline: var(--dsa-spacing-12);
   }
 
-  [part~='filters'] {
+  .slot-filters {
     display: flex;
     flex-flow: row wrap;
     gap: var(--dsa-spacing-16);
@@ -22,8 +22,8 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var s
     justify-content: flex-end;
   }
 
-  [part~='search'] {
+  .slot-search {
     display: flex;
     flex-direction: row;
   }
-`;export{s as a};
+`;export{l as a};

package/cdn/chunks/chunk.E6XLVREY.js

@@ -0,0 +1,11 @@
+import{a as A}from"./chunk.I5IBJET7.js";import{a as c}from"./chunk.MTXJMWYM.js";import{a as T}from"./chunk.FC4RDJJF.js";import{a as b}from"./chunk.BWEPOOQP.js";import{a as f,b as p,d as I,f as g}from"./chunk.KBZ32KWP.js";import{a as u}from"./chunk.GP725TPQ.js";import{f as d}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;c.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 g{constructor(){super(...arguments);this.selection="single";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(c.isTreeItem),s=[...n.removedNodes].filter(c.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),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]),c.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&&(await this.updateComplete,[...this.querySelectorAll(":scope > dsa-tree-item")].forEach(t=>{t instanceof c&&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 u`
+      <div
+        part="base"
+        class="tree"
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mousedown=${this.handleMouseDown}
+      >
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `}};o.styles=A,d([I("slot:not([name])")],o.prototype,"defaultSlot",2),d([p()],o.prototype,"selection",2),d([b("selection")],o.prototype,"handleSelectionChange",1),o=d([f("dsa-tree")],o);export{o as a};

package/cdn/chunks/{chunk.RVQUT7ZY.js → chunk.EHLI2NSG.js}

@@ -1,5 +1,8 @@
-import{a}from"./chunk.GGGLGLGP.js";import{a as h}from"./chunk.AAEIE3M2.js";import{a as n}from"./chunk.LIYDVH7Q.js";import{a as d}from"./chunk.PIG773U2.js";import{a as i,d as o}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{a as s,b as c,f as l}from"./chunk.IZ2HVRME.js";var e=class extends a{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?t`
-      <dsa-table-header-cell part="column-checkbox" aria-hidden=${this.loading}>
+import{a}from"./chunk.67MZYN3N.js";import{a as h}from"./chunk.RNR6P3VA.js";import{a as n}from"./chunk.TM7AGXEU.js";import{a as o}from"./chunk.PIG773U2.js";import{a as i,d}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{a as s,b as c,f as t}from"./chunk.IZ2HVRME.js";var e=class extends a{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?l`
+      <dsa-table-header-cell
+        class="column-checkbox"
+        aria-hidden=${this.loading}
+      >
         <div class="column-checkbox--content">
           <dsa-checkbox
             class="checkbox"
@@ -14,13 +17,10 @@ import{a}from"./chunk.GGGLGLGP.js";import{a as h}from"./chunk.AAEIE3M2.js";impor
           ></dsa-checkbox>
         </div>
       </dsa-table-header-cell>
-    `:t``}renderExpandButton(){return t`
-      <dsa-table-header-cell
-        class="column-expand-button"
-        aria-hidden=${this.loading}
-      >
+    `:l``}renderExpandButton(){return l`
+      <dsa-table-header-cell aria-hidden=${this.loading}>
         <dsa-visually-hidden>
           ${this.localize.term("showExpandedTableRowHeader")}
         </dsa-visually-hidden>
       </dsa-table-header-cell>
-    `}};e.styles=n,e.dependencies=c(s({},a.dependencies),{"dsa-table-header-cell":h,"dsa-visually-hidden":d}),l([o(".checkbox")],e.prototype,"selectAllCheckbox",2),e=l([i("dsa-table-header-row")],e);export{e as a};
+    `}};e.styles=n,e.dependencies=c(s({},a.dependencies),{"dsa-table-header-cell":h,"dsa-visually-hidden":o}),t([d(".checkbox")],e.prototype,"selectAllCheckbox",2),e=t([i("dsa-table-header-row")],e);export{e as a};

package/cdn/chunks/{chunk.ZPQE4HH4.js → chunk.EJ5DXQU3.js}

@@ -65,10 +65,6 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     rotate: 90deg;
   }
 
-  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {
-    rotate: -90deg;
-  }
-
   .tree-item--expanded .tree-item__expand-icon,
   .tree-item:not(.tree-item--expanded) .tree-item__collapse-icon {
     display: none;
@@ -87,6 +83,7 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     display: flex;
     align-items: center;
     border-inline-start: solid 3px transparent;
+    overflow-y: hidden;
   }
 
   .tree-item--disabled .tree-item__item {
@@ -145,11 +142,6 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     z-index: 1;
   }
 
-  .tree-item--rtl .tree-item__children::before {
-    left: auto;
-    right: 1em;
-  }
-
   @media (forced-colors: active) {
     :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
       outline: dashed 1px SelectedItem;

package/cdn/chunks/{chunk.A6MZKELV.js → chunk.F6YFQ3GB.js}

@@ -82,7 +82,7 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";
     position: absolute;
     transition:
       var(--dsa-wc-transition-fast) translate ease,
-      var(--dsa-wc-transition-fast) width ease;
+      var(--dsa-wc-transition-fast) height ease;
     border-inline-start: var(--dsa-wc-table-of-contents-indicator-border);
   }
 
@@ -92,7 +92,6 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a as o}from"./chunk.6G2FNLAV.js";
     color: var(--dsa-wc-table-of-contents-link-color);
     transition: var(--dsa-wc-transition-fast) fill;
     user-select: none;
-
     text-decoration: none;
     font: var(--dsa-wc-menu-item-font);
     padding: var(--dsa-wc-table-of-contents-link-padding-desktop);

package/cdn/chunks/{chunk.N7EFYGZ6.js → chunk.H5VVBPCR.js}

@@ -1,4 +1,4 @@
-import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";import{a as K}from"./chunk.X4UXKXMO.js";import{a as m}from"./chunk.FX5UP23Z.js";import{a as _}from"./chunk.CUYQOZPJ.js";import{a as N}from"./chunk.VE5CSYN4.js";import{e as T,f as c,h as o,i as I}from"./chunk.IFSGAJQ4.js";import{a as V}from"./chunk.63UE4VAO.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as g,c as v}from"./chunk.HHVNQNCC.js";import{a as b,c as D}from"./chunk.TV2TMO2H.js";import{c as L}from"./chunk.GM4KTNXL.js";import{a}from"./chunk.2RF4WD6T.js";import{d as f}from"./chunk.ZBHHLRFH.js";import{a as z}from"./chunk.BWEPOOQP.js";import{a as x,b as h,c as B,d as u}from"./chunk.KBZ32KWP.js";import{a as p}from"./chunk.GP725TPQ.js";import{a as E,b as O,f as s}from"./chunk.IZ2HVRME.js";var i=class extends ${constructor(){super(...arguments);this.localize=new L(this);this.isDatepickerOpen=!1;this.hideCalendarButton=!1;this.range=!1;this.hoist=!1}get valueAsDate(){var t;return this.range?null:(t=this.inputStart)==null?void 0:t.valueAsDate}set valueAsDate(t){if(!this.range){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}}get valueAsNumber(){return this.range?NaN:this.inputStart.valueAsNumber}set valueAsNumber(t){this.range||(this.inputStart.valueAsNumber=t,this.value=this.inputStart.value)}get validity(){let t=this.inputStart.validity;if(this.range){let e=this.inputEnd.validity;return{badInput:t.badInput||e.badInput,customError:t.customError||e.customError,patternMismatch:t.patternMismatch||e.patternMismatch,rangeOverflow:t.rangeOverflow||e.rangeOverflow,rangeUnderflow:t.rangeUnderflow||e.rangeUnderflow,stepMismatch:t.stepMismatch||e.stepMismatch,tooLong:t.tooLong||e.tooLong,tooShort:t.tooShort||e.tooShort,typeMismatch:t.typeMismatch||e.typeMismatch,valid:t.valid&&e.valid,valueMissing:t.valueMissing||e.valueMissing}}else return t}get validationMessage(){var t;return`${this.inputStart.validationMessage}${(t=this.inputEnd)==null?void 0:t.validationMessage}`}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.shouldDisableDate=this.shouldDisableDate.bind(this)}async firstUpdated(){var t;await this.updateComplete,(t=this.datepickerButton)==null||t.button.setAttribute("aria-expanded","false"),this.formControlController.updateValidity()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleSelectedDate(t){let{detail:e}=t;(!this.range||e.dates.length!==1)&&(this.value=e.dates.map(n=>T(n)).join(","),this.hideDatepicker(),await this.updateComplete,this.emit("dsa-change"))}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleInputClick(t){!this.disabled&&t.currentTarget===t.target&&this.focus()}handleDefaultKeyDown(t){this.isDatepickerOpen&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.hideDatepicker()),this.isDatepickerOpen&&t.key==="Tab"&&setTimeout(()=>{var r,d;let l=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(d=(r=document.activeElement)==null?void 0:r.shadowRoot)==null?void 0:d.activeElement:document.activeElement;(!this||(l==null?void 0:l.closest(this.tagName.toLowerCase()))!==this)&&this.hideDatepicker()});let n=t.composedPath().some(l=>l===this.datepickerButton);if(n&&(t.key==="Enter"||t.key===" ")){if(t.preventDefault(),!this.isDatepickerOpen){this.showDatepicker();return}n&&this.hideDatepicker()}}handleDateFieldKeydown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handleChange(){let t="",e="";t=this.inputStart.value,this.range?(e=this.inputEnd.value,this.value=I(t,e)):this.value=t,this.formControlController.updateValidity()}handleDateFieldFocus(){setTimeout(()=>{this.hasFocus=!0})}handleDateFieldBlur(){this.hasFocus=!1}getFullDateFromISO(t){return c(t).toLocaleDateString(this.lang||this.localize.lang(),{year:"numeric",month:"long",day:"numeric"})}getDescriptionText(t){let e=typeof this.errorMessage=="string"?this.errorMessage:this.errorMessage.join(", "),n="";if(this.value!=="")if(t==="calendarButton"&&this.range){let r=o(this.value)[0],d=o(this.value)[1];n=`${this.localize.term("selectedDates")}${this.getFullDateFromISO(r)} - ${this.getFullDateFromISO(d)}`}else{let r="";t==="end"?r=o(this.value)[1]:r=this.range?o(this.value)[0]:this.value,n=`${this.localize.term("selectedDate")}${this.getFullDateFromISO(r)}`}return[...e.length>0&&this.error?[e]:[],...this.value?[n]:[],...this.helpText?[this.helpText]:[],...this.description?[this.description]:[]].join(", ")}shouldDisableDate(t){let e=typeof this.min=="string"&&t<c(this.min),n=typeof this.max=="string"&&t>c(this.max);return e||n}async handleOpenChange(){if(this.isDatepickerOpen){this.emit("dsa-show"),this.addOpenListeners(),await v(this),this.popup.active=!0,this.datepickerButton.button.setAttribute("aria-expanded","true");let{keyframes:t,options:e}=D(this,"date-popup.show",{dir:this.localize.dir()});await g(this.popup.popup,t,e),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await v(this),this.popup.active=!1,this.datepickerButton.button.setAttribute("aria-expanded","false"),this.datepickerButton.focus({preventScroll:!0});let{keyframes:t,options:e}=D(this,"date-popup.hide",{dir:this.localize.dir()});await g(this.popup.popup,t,e),this.emit("dsa-after-hide")}}async showDatepicker(){if(this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!0,await y(this,"dsa-after-show")}async hideDatepicker(){if(!this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!1,await y(this,"dsa-after-hide")}async getUpdateComplete(){let t=await super.getUpdateComplete();return await Promise.allSettled([this.inputStart.updateComplete,...this.range?[this.inputEnd.updateComplete]:[]]),t}handleLabelClick(){this.focus()}focus(t){this.inputStart.focus(t)}blur(){var t,e;this.inputStart.blur(),(t=this.inputEnd)==null||t.blur(),(e=this.datepickerButton)==null||e.blur()}stepUp(t){this.inputStart.stepUp(t),this.handleChange()}stepDown(t){this.inputStart.stepDown(t),this.handleChange()}checkValidity(){var t;return this.inputStart.checkValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.checkValidity()))}reportValidity(){var t;return this.inputStart.reportValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.reportValidity()))}setCustomValidity(t){this.inputStart.setCustomValidity(t),this.formControlController.updateValidity()}renderInput(){var l,r,d,k,w,C,S,F,M;let t=this.hasSlotController.test("prefix"),e=this.clearable&&!this.disabled&&!this.readonly,n=e&&(typeof this.value=="number"||this.value.length>0);return p`
+import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";import{a as K}from"./chunk.ZKKBL76K.js";import{a as m}from"./chunk.FX5UP23Z.js";import{a as _}from"./chunk.CUYQOZPJ.js";import{a as N}from"./chunk.VE5CSYN4.js";import{e as L,f as u,h as l,i as T}from"./chunk.IFSGAJQ4.js";import{a as I}from"./chunk.63UE4VAO.js";import{a as v}from"./chunk.KLRPP4NQ.js";import{a as g,c as y}from"./chunk.HHVNQNCC.js";import{a as b,c as D}from"./chunk.TV2TMO2H.js";import{c as z}from"./chunk.GM4KTNXL.js";import{a}from"./chunk.2RF4WD6T.js";import{d as f}from"./chunk.ZBHHLRFH.js";import{a as B}from"./chunk.BWEPOOQP.js";import{a as x,b as d,c as V,d as p}from"./chunk.KBZ32KWP.js";import{a as c}from"./chunk.GP725TPQ.js";import{a as M,b as O,f as s}from"./chunk.IZ2HVRME.js";var i=class extends ${constructor(){super(...arguments);this.localize=new z(this);this.isDatepickerOpen=!1;this.hideCalendarButton=!1;this.range=!1;this.hoist=!1}get valueAsDate(){var t;return this.range?null:(t=this.inputStart)==null?void 0:t.valueAsDate}set valueAsDate(t){if(!this.range){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}}get valueAsNumber(){return this.range?NaN:this.inputStart.valueAsNumber}set valueAsNumber(t){this.range||(this.inputStart.valueAsNumber=t,this.value=this.inputStart.value)}get validity(){let t=this.inputStart.validity;if(this.range){let e=this.inputEnd.validity;return{badInput:t.badInput||e.badInput,customError:t.customError||e.customError,patternMismatch:t.patternMismatch||e.patternMismatch,rangeOverflow:t.rangeOverflow||e.rangeOverflow,rangeUnderflow:t.rangeUnderflow||e.rangeUnderflow,stepMismatch:t.stepMismatch||e.stepMismatch,tooLong:t.tooLong||e.tooLong,tooShort:t.tooShort||e.tooShort,typeMismatch:t.typeMismatch||e.typeMismatch,valid:t.valid&&e.valid,valueMissing:t.valueMissing||e.valueMissing}}else return t}get validationMessage(){var t;return`${this.inputStart.validationMessage}${(t=this.inputEnd)==null?void 0:t.validationMessage}`}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.shouldDisableDate=this.shouldDisableDate.bind(this)}async firstUpdated(){var t;await this.updateComplete,(t=this.datepickerButton)==null||t.button.setAttribute("aria-expanded","false"),this.formControlController.updateValidity()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleSelectedDate(t){let{detail:e}=t;(!this.range||e.dates.length!==1)&&(this.value=e.dates.map(r=>L(r)).join(","),this.hideDatepicker(),await this.updateComplete,this.emit("dsa-change"))}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleInputClick(t){!this.disabled&&t.currentTarget===t.target&&this.focus()}handleDefaultKeyDown(t){this.isDatepickerOpen&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.hideDatepicker()),this.isDatepickerOpen&&t.key==="Tab"&&setTimeout(()=>{var n,h;let o=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(h=(n=document.activeElement)==null?void 0:n.shadowRoot)==null?void 0:h.activeElement:document.activeElement;(!this||(o==null?void 0:o.closest(this.tagName.toLowerCase()))!==this)&&this.hideDatepicker()});let r=t.composedPath().some(o=>o===this.datepickerButton);if(r&&(t.key==="Enter"||t.key===" ")){if(t.preventDefault(),!this.isDatepickerOpen){this.showDatepicker();return}r&&this.hideDatepicker()}}handleDateFieldKeydown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handleChange(){let t="",e="";t=this.inputStart.value,this.range?(e=this.inputEnd.value,this.value=T(t,e)):this.value=t,this.formControlController.updateValidity()}handleDateFieldFocus(){setTimeout(()=>{this.hasFocus=!0})}handleDateFieldBlur(){this.hasFocus=!1}getFullDateFromISO(t){return u(t).toLocaleDateString(this.lang||this.localize.lang(),{year:"numeric",month:"long",day:"numeric"})}getDescriptionText(t){let e=typeof this.errorMessage=="string"?this.errorMessage:this.errorMessage.join(", "),r="";if(this.value!=="")if(t==="calendarButton"&&this.range){let n=l(this.value)[0],h=l(this.value)[1];r=`${this.localize.term("selectedDates")}${this.getFullDateFromISO(n)} - ${this.getFullDateFromISO(h)}`}else{let n="";t==="end"?n=l(this.value)[1]:n=this.range?l(this.value)[0]:this.value,r=`${this.localize.term("selectedDate")}${this.getFullDateFromISO(n)}`}return[...e.length>0&&this.error?[e]:[],...this.value?[r]:[],...this.helpText?[this.helpText]:[],...this.description?[this.description]:[]].join(", ")}shouldDisableDate(t){var o,n;let e=typeof this.min=="string"&&t<u(this.min),r=typeof this.max=="string"&&t>u(this.max);return e||r||((n=(o=this.disableDate)==null?void 0:o.call(this,t))!=null?n:!1)}updateInputsValidity(){if(this.disableDate!==void 0){let t=this.inputStart.value;if(this.disableDate(u(t))?this.inputStart.setCustomValidity(this.disabledDateError||this.localize.term(this.range?"invalidStartDate":"invalidDate")):this.inputStart.setCustomValidity(""),this.range){let e=this.inputEnd.value;this.disableDate(u(e))?this.inputEnd.setCustomValidity(this.disabledDateError||this.localize.term("invalidEndDate")):this.inputEnd.setCustomValidity("")}}}async handleOpenChange(){if(this.isDatepickerOpen){this.emit("dsa-show"),this.addOpenListeners(),await y(this),this.popup.active=!0,this.datepickerButton.button.setAttribute("aria-expanded","true");let{keyframes:t,options:e}=D(this,"date-popup.show",{dir:this.localize.dir()});await g(this.popup.popup,t,e),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await y(this),this.popup.active=!1,this.datepickerButton.button.setAttribute("aria-expanded","false"),this.datepickerButton.focus({preventScroll:!0});let{keyframes:t,options:e}=D(this,"date-popup.hide",{dir:this.localize.dir()});await g(this.popup.popup,t,e),this.emit("dsa-after-hide")}}async showDatepicker(){if(this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!0,await v(this,"dsa-after-show")}async hideDatepicker(){if(!this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!1,await v(this,"dsa-after-hide")}async getUpdateComplete(){let t=await super.getUpdateComplete();return await Promise.allSettled([this.inputStart.updateComplete,...this.range?[this.inputEnd.updateComplete]:[]]),t}handleLabelClick(){this.focus()}focus(t){this.inputStart.focus(t)}blur(){var t,e;this.inputStart.blur(),(t=this.inputEnd)==null||t.blur(),(e=this.datepickerButton)==null||e.blur()}stepUp(t){this.inputStart.stepUp(t),this.handleChange()}stepDown(t){this.inputStart.stepDown(t),this.handleChange()}checkValidity(){var t;return this.updateInputsValidity(),this.inputStart.checkValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.checkValidity()))}reportValidity(){var t;return this.updateInputsValidity(),this.inputStart.reportValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.reportValidity()))}setCustomValidity(t){this.inputStart.setCustomValidity(t),this.formControlController.updateValidity()}renderInput(){var o,n,h,k,w,C,S,F,E;let t=this.hasSlotController.test("prefix"),e=this.clearable&&!this.disabled&&!this.readonly,r=e&&(typeof this.value=="number"||this.value.length>0);return c`
       <div
         part="base"
         class=${f({input:!0,"input--date":!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,"input--no-calendar":this.hideCalendarButton,"form-control--has-prefix-icon":t})}
@@ -12,17 +12,17 @@ import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";
         >
           <dsa-internal-date-field
             id="input-start"
-            parent-name=${this.range?`${(r=(l=this.label)!=null?l:this.accessibleName)!=null?r:this.title} - ${this.localize.term("startDate")}`:(k=(d=this.label)!=null?d:this.accessibleName)!=null?k:this.title}
+            parent-name=${this.range?`${(n=(o=this.label)!=null?o:this.accessibleName)!=null?n:this.title} - ${this.localize.term("startDate")}`:(k=(h=this.label)!=null?h:this.accessibleName)!=null?k:this.title}
             description=${this.getDescriptionText("start")}
-            .value=${m(this.range?o(this.value)[0]:this.value)}
-            .defaultValue=${a(this.range?o(this.defaultValue)[0]:this.defaultValue)}
+            .value=${m(this.range?l(this.value)[0]:this.value)}
+            .defaultValue=${a(this.range?l(this.defaultValue)[0]:this.defaultValue)}
             ?disabled=${this.disabled}
             lang=${a(this.lang)}
             ?readonly=${this.readonly}
             ?error=${this.error}
             ?required=${this.required}
             min=${a(this.min)}
-            max=${a(m(o(this.value)[1]||this.max))}
+            max=${a(m(l(this.value)[1]||this.max))}
             ?autofocus=${this.autofocus}
             autocomplete=${a(this.autocomplete)}
             enterkeyhint=${a(this.enterkeyhint)}
@@ -43,14 +43,14 @@ import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";
             id="input-end"
             parent-name=${`${(C=(w=this.label)!=null?w:this.accessibleName)!=null?C:this.title} - ${this.localize.term("endDate")}`}
             description=${this.getDescriptionText("end")}
-            .value=${(S=o(this.value)[1])!=null?S:""}
-            .defaultValue=${a(o(this.defaultValue)[1])}
+            .value=${(S=l(this.value)[1])!=null?S:""}
+            .defaultValue=${a(l(this.defaultValue)[1])}
             ?disabled=${this.disabled}
             lang=${a(this.lang)}
             ?readonly=${this.readonly}
             ?error=${this.error}
             ?required=${this.required}
-            min=${a(m(o(this.value)[0]||this.min))}
+            min=${a(m(l(this.value)[0]||this.min))}
             max=${a(this.max)}
             enterkeyhint=${a(this.enterkeyhint)}
             @dsa-change=${this.handleChange}
@@ -61,17 +61,17 @@ import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";
           ></dsa-internal-date-field>
         </div>
 
-        ${e?p`
+        ${e?c`
               <dsa-icon-button
                 part="clear-button"
-                class=${f({"input__action-button":!0,"input__action-button--hidden":!n})}
+                class=${f({"input__action-button":!0,"input__action-button--hidden":!r})}
                 name="clear"
                 label=${this.localize.term("clearEntry")}
                 @click=${this.handleClearClick}
                 library="system"
               ></dsa-icon-button>
             `:""}
-        ${this.hideCalendarButton?"":p`
+        ${this.hideCalendarButton?"":c`
               <dsa-popup
                 class="date-popup"
                 part="popup"
@@ -88,7 +88,7 @@ import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";
                     part="picker-button"
                     class="input__action-button icon-button--date"
                     name="calendar_today"
-                    label=${`${this.localize.term("picker")} - ${(M=(F=this.label)!=null?F:this.accessibleName)!=null?M:this.title}`}
+                    label=${`${this.localize.term("picker")} - ${(E=(F=this.label)!=null?F:this.accessibleName)!=null?E:this.title}`}
                     size=${this.size}
                     ?disabled=${this.disabled||this.readonly}
                     @click=${this.showDatepicker}
@@ -109,4 +109,4 @@ import{a as P}from"./chunk.FYJYTPOV.js";import{a as $}from"./chunk.ZCITPD2M.js";
               </dsa-popup>
             `}
       </div>
-    `}};i.styles=P,i.dependencies=O(E({},$.dependencies),{"dsa-internal-date-field":K,"dsa-popup":_,"dsa-icon-button":V,"dsa-calendar":N}),s([u("#input-start")],i.prototype,"inputStart",2),s([u("#input-end")],i.prototype,"inputEnd",2),s([u(".date-popup")],i.prototype,"popup",2),s([u(".icon-button--date")],i.prototype,"datepickerButton",2),s([B()],i.prototype,"isDatepickerOpen",2),s([h()],i.prototype,"lang",2),s([h({attribute:"calendar-start-date"})],i.prototype,"calendarStartDate",2),s([h({attribute:"hide-calendar-button",type:Boolean})],i.prototype,"hideCalendarButton",2),s([h({type:Boolean,reflect:!0})],i.prototype,"range",2),s([h({type:Boolean})],i.prototype,"hoist",2),s([z("isDatepickerOpen",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=s([x("dsa-input-date")],i);b("date-popup.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("date-popup.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};
+    `}};i.styles=P,i.dependencies=O(M({},$.dependencies),{"dsa-internal-date-field":K,"dsa-popup":_,"dsa-icon-button":I,"dsa-calendar":N}),s([p("#input-start")],i.prototype,"inputStart",2),s([p("#input-end")],i.prototype,"inputEnd",2),s([p(".date-popup")],i.prototype,"popup",2),s([p(".icon-button--date")],i.prototype,"datepickerButton",2),s([V()],i.prototype,"isDatepickerOpen",2),s([d()],i.prototype,"lang",2),s([d({attribute:"calendar-start-date"})],i.prototype,"calendarStartDate",2),s([d({attribute:"hide-calendar-button",type:Boolean})],i.prototype,"hideCalendarButton",2),s([d({type:Boolean,reflect:!0})],i.prototype,"range",2),s([d({type:Boolean})],i.prototype,"hoist",2),s([d({type:Function,attribute:!1})],i.prototype,"disableDate",2),s([d({attribute:"disabled-date-error"})],i.prototype,"disabledDateError",2),s([B("isDatepickerOpen",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=s([x("dsa-input-date")],i);b("date-popup.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("date-popup.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/cdn/chunks/chunk.HJUAHLY6.js

@@ -0,0 +1,60 @@
+import{a as M}from"./chunk.F6YFQ3GB.js";import{a as $}from"./chunk.LRR4YZGW.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as m,c as v,d as f}from"./chunk.HHVNQNCC.js";import{a as y,c as g}from"./chunk.TV2TMO2H.js";import{c as E}from"./chunk.GM4KTNXL.js";import{c as L}from"./chunk.KD3BHBHK.js";import{a as r}from"./chunk.2RF4WD6T.js";import{d as u}from"./chunk.ZBHHLRFH.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as w,b as d,c,d as h,f as k}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as s}from"./chunk.IZ2HVRME.js";var i=class extends k{constructor(){super(...arguments);this.localize=new E(this);this.mutationObserver=null;this.resizeObserver=null;this.mobile=!1;this.open=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}disconnectedCallback(){var e,t;super.disconnectedCallback(),this.removeOpenListeners(),(e=this.mutationObserver)==null||e.disconnect(),(t=this.resizeObserver)==null||t.disconnect()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async firstUpdated(){this.observeAttributeChanges(),this.observeIndicatorChanges(),this.mobile&&(this.content.hidden=!this.open,this.content.style.height=this.open?"auto":"0",this.open&&this.addOpenListeners()),await this.updateComplete,this.repositionIndicator()}observeAttributeChanges(){var e;(e=this.mutationObserver)==null||e.disconnect(),this.mutationObserver=new MutationObserver(t=>{t.some(n=>n.type==="attributes")&&(this.allLinks=this.cloneSlottedLinks(),this.updateCurrentSection())}),[...this.defaultSlot.assignedElements({flatten:!0})].forEach(t=>{this.mutationObserver.observe(t,{attributes:!0})})}observeIndicatorChanges(){this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator()}),this.resizeObserver.observe(this.content)}cloneSlottedLinks(){let e=[...this.defaultSlot.assignedElements({flatten:!0})],t=[];return e.forEach(n=>{let o=n.cloneNode(!0);t.push(o)}),t}async updateCurrentSection(){let e=this.allLinks.findIndex(t=>t.getAttribute("aria-current")==="true");this.currentSectionLink=this.allLinks[e],this.progress=(e+1)/this.allLinks.length*100,await this.updateComplete,this.repositionIndicator()}repositionIndicator(){if(!this.currentSectionLink){this.indicator.style.display="none";return}this.indicator.style.display="block";let e=this.currentSectionLink.clientHeight,n=this.allLinks.slice(0,this.allLinks.indexOf(this.currentSectionLink)).reduce((o,l)=>o+l.clientHeight,0);this.indicator.style.width="auto",this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${n}px`}handleSlotChange(){this.allLinks=this.cloneSlottedLinks(),this.updateCurrentSection(),this.observeAttributeChanges()}handleHeaderKeydown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.open?this.hide():this.show())}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.preventDefault(),this.hide(),this.headerButton.focus({preventScroll:!0})),this.open&&e.key==="Tab"&&setTimeout(()=>{var n,o;let t=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(o=(n=document.activeElement)==null?void 0:n.shadowRoot)==null?void 0:o.activeElement:document.activeElement;(!this||(t==null?void 0:t.closest(this.tagName.toLowerCase()))!==this)&&(this.hide(),this.headerButton.focus({preventScroll:!0}))})}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleHeaderClick(){this.open?this.hide():this.show(),this.headerButton.focus()}handleLinkClick(){this.hide()}async handleOpenChange(){if(this.mobile)if(this.open){if(this.emit("dsa-show",{cancelable:!0}).defaultPrevented){this.open=!1;return}this.addOpenListeners(),await v(this.content),this.content.hidden=!1;let{keyframes:t,options:n}=g(this,"content.show",{dir:this.localize.dir()});await m(this.content,f(t,this.content.scrollHeight),n),this.content.style.height="auto",this.repositionIndicator(),this.emit("dsa-after-show")}else{if(this.emit("dsa-hide",{cancelable:!0}).defaultPrevented){this.open=!0;return}this.removeOpenListeners(),await v(this.content);let{keyframes:t,options:n}=g(this,"content.hide",{dir:this.localize.dir()});await m(this.content,f(t,this.content.scrollHeight),n),this.content.hidden=!0,this.content.style.height="auto",this.emit("dsa-after-hide")}}handleMobileChange(){this.mobile?(this.content.hidden=!this.open,this.content.style.height=this.open?"auto":"0",this.open&&this.addOpenListeners()):(this.content.removeAttribute("hidden"),this.content.removeAttribute("style"),this.removeOpenListeners())}async show(){if(!this.open)return this.open=!0,await b(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await b(this,"dsa-after-hide")}render(){var e,t,n,o,l;return a`
+      <nav
+        role="navigation"
+        class=${u({toc:!0,"toc--mobile":this.mobile,"toc--desktop":!this.mobile,"toc--open":!this.open})}
+        aria-labelledby="label"
+      >
+        <div
+          role=${r(this.mobile?"button":void 0)}
+          tabindex=${r(this.mobile?"0":void 0)}
+          aria-expanded=${r(this.mobile?this.open:void 0)}
+          aria-controls=${r(this.mobile?"content":void 0)}
+          class="header"
+          @click=${r(this.mobile?this.handleHeaderClick:void 0)}
+          @keydown=${r(this.mobile?this.handleHeaderKeydown:void 0)}
+        >
+          <slot id="label" name="label" class="label"
+            >${(e=this.label)!=null?e:this.localize.term("tableOfContents")}</slot
+          >
+          ${this.mobile?a`<span class="header__current-section"
+                  >${(n=(t=this.currentSectionLink)==null?void 0:t.textContent)!=null?n:""}</span
+                >
+                <dsa-icon
+                  name="expand_more"
+                  class="header__icon"
+                  library="system"
+                ></dsa-icon>`:""}
+        </div>
+        ${this.mobile?a`
+              <div
+                part="progress-bar"
+                role="progressbar"
+                class="progress-bar"
+                aria-hidden="true"
+              >
+                <div
+                  class="progress-bar__indicator"
+                  style=${$({width:`${(o=this.progress)!=null?o:0}%`})}
+                ></div>
+              </div>
+            `:""}
+
+        <div
+          id="content"
+          class=${u({content:!0,"content--mobile":this.mobile})}
+        >
+          <div class="content__indicator"></div>
+          <div
+            role="list"
+            @click=${r(this.mobile?this.handleLinkClick:void 0)}
+          >
+            ${a`${(l=this.allLinks)==null?void 0:l.map(H=>a`<div role="listitem">${H}</div>`)}`}
+          </div>
+          <slot
+            part="items"
+            class="slotted__items"
+            @slotchange=${this.handleSlotChange}
+          ></slot>
+        </div>
+      </nav>
+    `}};i.styles=M,i.dependencies={"dsa-icon":L},s([h(".header")],i.prototype,"headerButton",2),s([h(".content")],i.prototype,"content",2),s([h(".content__indicator")],i.prototype,"indicator",2),s([h('[part="items"]')],i.prototype,"defaultSlot",2),s([c()],i.prototype,"allLinks",2),s([c()],i.prototype,"currentSectionLink",2),s([c()],i.prototype,"progress",2),s([d()],i.prototype,"label",2),s([d({type:Boolean,reflect:!0})],i.prototype,"mobile",2),s([d({type:Boolean,reflect:!0})],i.prototype,"open",2),s([p("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),s([p("mobile",{waitUntilFirstUpdate:!0})],i.prototype,"handleMobileChange",1),i=s([w("dsa-table-of-contents")],i);y("content.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});y("content.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});export{i as a};