@ds-autonomie/web-components 2.19.0 → 2.20.0

package/cdn/chunks/{chunk.IDWQZLCM.js → chunk.67T75VHN.js}

@@ -1,14 +1,14 @@
-import{a as h}from"./chunk.LRR4YZGW.js";import{a as f}from"./chunk.LOZ2JZLU.js";import{a as c}from"./chunk.SWEIVB73.js";import{a as d}from"./chunk.B4KFHYLS.js";import{a as u}from"./chunk.NIRNX67K.js";import{b as p}from"./chunk.HJGLYEWV.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as l,b as s,c as n,f as m}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var r=class extends m{constructor(){super(...arguments);this.localize=new p(this);this.size="medium";this.error=!1;this.errorMessage=""}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}handleRemoveClick(e){e.stopPropagation(),this.emit("dsa-clear")}handleDefaultSlotChange(){this.labelText=this.innerText}render(){var o;let e=(this.uploadProgress===void 0||this.uploadProgress===100)&&!this.error;return this.error&&!this.errorMessage&&d("<dsa-file-upload-item> requires an error-message attribute for accessibility when the error attribute is set"),i`
+import{a as f}from"./chunk.LRR4YZGW.js";import{a as g}from"./chunk.KLTVL4KH.js";import{a as h}from"./chunk.SWEIVB73.js";import{a as p}from"./chunk.B4KFHYLS.js";import{a as c}from"./chunk.NIRNX67K.js";import{b as u}from"./chunk.HJGLYEWV.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a as n,b as s,c as m,f as d}from"./chunk.KBZ32KWP.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var r=class extends d{constructor(){super(...arguments);this.localize=new u(this);this.size="medium";this.error=!1;this.errorMessage="";this.labelText=""}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}handleRemoveClick(e){e.stopPropagation(),this.emit("dsa-clear")}handleDefaultSlotChange(e){let a=e.target;this.labelText=a.assignedNodes({flatten:!0}).map(b=>{var l;return(l=b.textContent)!=null?l:""}).join("").trim()}render(){var a;let e=(this.uploadProgress===void 0||this.uploadProgress===100)&&!this.error;return this.error&&!this.errorMessage&&p("<dsa-file-upload-item> requires an error-message attribute for accessibility when the error attribute is set"),i`
       <div
         part="base"
-        class=${a({"file-item-container":!0,"file-item-container--error":this.error,"file-item-container--small":this.size==="small","file-item-container--medium":this.size==="medium","file-item-container--large":this.size==="large"})}
+        class=${o({"file-item-container":!0,"file-item-container--error":this.error,"file-item-container--small":this.size==="small","file-item-container--medium":this.size==="medium","file-item-container--large":this.size==="large"})}
       >
         <article part="file-item">
           <slot part="label" @slotchange=${this.handleDefaultSlotChange}></slot>
           <slot
             part="upload-indicator"
             name="upload-indicator"
-            class=${a({"upload-indicator":!0,"upload-indicator--show":this.uploadProgress!==void 0&&!e})}
+            class=${o({"upload-indicator":!0,"upload-indicator--show":this.uploadProgress!==void 0&&!e})}
             >${this.uploadProgress}%</slot
           >
           <button
@@ -16,7 +16,7 @@ import{a as h}from"./chunk.LRR4YZGW.js";import{a as f}from"./chunk.LOZ2JZLU.js";
             type="button"
             @click=${this.handleRemoveClick}
             aria-label=${this.localize.term("clearFile",this.labelText)}
-            aria-describedby=${u(this.error?"error-text":void 0)}
+            aria-describedby=${c(this.error?"error-text":void 0)}
           >
             ${e?i`<dsa-icon name="delete" library="system"></dsa-icon>`:i`<dsa-icon name="close" library="system"></dsa-icon>`}
           </button>
@@ -24,7 +24,7 @@ import{a as h}from"./chunk.LRR4YZGW.js";import{a as f}from"./chunk.LOZ2JZLU.js";
             part="progress-bar"
             role="progressbar"
             title=${this.localize.term("uploadFileProgressBar")}
-            class=${a({"progress-bar":this.uploadProgress!==void 0&&!e})}
+            class=${o({"progress-bar":this.uploadProgress!==void 0&&!e})}
             aria-label=${this.localize.term("uploadFileProgressBar")}
             aria-valuemin="0"
             aria-valuemax="100"
@@ -32,10 +32,10 @@ import{a as h}from"./chunk.LRR4YZGW.js";import{a as f}from"./chunk.LOZ2JZLU.js";
           >
             <div
               part="progress-bar-indicator"
-              style=${h({width:`${(o=this.uploadProgress)!=null?o:0}%`})}
+              style=${f({width:`${(a=this.uploadProgress)!=null?a:0}%`})}
             ></div>
           </div>
         </article>
-        ${this.error?c(this.errorMessage):i``}
+        ${this.error?h(this.errorMessage):i``}
       </div>
-    `}};r.styles=f,t([s({reflect:!0})],r.prototype,"size",2),t([s({type:Number,attribute:"upload-progress"})],r.prototype,"uploadProgress",2),t([s({type:Boolean})],r.prototype,"error",2),t([s({attribute:"error-message",converter:{fromAttribute:e=>e?e.split("|"):"",toAttribute:e=>typeof e=="string"?e:e.join("|")}})],r.prototype,"errorMessage",2),t([n()],r.prototype,"labelText",2),r=t([l("dsa-file-upload-item")],r);export{r as a};
+    `}};r.styles=g,t([s({reflect:!0})],r.prototype,"size",2),t([s({type:Number,attribute:"upload-progress"})],r.prototype,"uploadProgress",2),t([s({type:Boolean})],r.prototype,"error",2),t([s({attribute:"error-message",converter:{fromAttribute:e=>e?e.split("|"):"",toAttribute:e=>typeof e=="string"?e:e.join("|")}})],r.prototype,"errorMessage",2),t([m()],r.prototype,"labelText",2),r=t([n("dsa-file-upload-item")],r);export{r as a};

package/cdn/chunks/{chunk.CEKPJB4F.js → chunk.6B4U6EHI.js}

@@ -29,9 +29,8 @@ import{a as i}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
   .menu-item--highlight::after {
     content: '';
     position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
+    inset-block: 0;
+    inset-inline-start: 0;
     width: 4px;
     background-color: var(--dsa-wc-menu-navigation-item-current-color);
   }
@@ -76,31 +75,26 @@ import{a as i}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";
     cursor: not-allowed;
   }
 
-  .menu-item .menu-item__label {
+  .menu-item__label {
     flex: 1 1 auto;
     display: inline-flex;
   }
 
-  .menu-item .menu-item__prefix {
+  .menu-item__prefix,
+  .menu-item__suffix {
     flex: 0 0 auto;
     display: flex;
     align-items: center;
   }
 
-  .menu-item .menu-item__prefix::slotted(*) {
+  .menu-item__prefix::slotted(*) {
     margin-inline-end: var(--dsa-wc-menu-item-margin-inline-end);
     display: inherit;
     height: 1.25em;
     width: 1.25em;
   }
 
-  .menu-item .menu-item__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .menu-item .menu-item__suffix::slotted(*) {
+  .menu-item__suffix::slotted(*) {
     margin-inline-start: var(--dsa-wc-menu-item-margin-inline-start);
     display: inherit;
   }

package/cdn/chunks/chunk.6JL6NMDO.js

@@ -0,0 +1,80 @@
+import{a as k}from"./chunk.SRQHLJ4W.js";import{a as $}from"./chunk.CUYQOZPJ.js";import{a as E}from"./chunk.ELL45QD3.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as d,c as p}from"./chunk.HHVNQNCC.js";import{a as c,c as b}from"./chunk.TV2TMO2H.js";import{a as L}from"./chunk.B4KFHYLS.js";import{c as g}from"./chunk.LBAIMDY3.js";import{c as D}from"./chunk.VZAYP3SG.js";import{d as u}from"./chunk.ZBHHLRFH.js";import{a as _}from"./chunk.BWEPOOQP.js";import{a as y,b as r,c as v,d as h,f as w}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var t=class extends w{constructor(){super(...arguments);this.hasSlotController=new E(this,"label");this.localize=new g(this);this.slotLabelText="";this.open=!1;this.mobile=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem"),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}handleDocumentFocusIn(e){let o=e.composedPath();this&&!o.includes(this)&&this.hide()}handleDocumentKeyDown(e){e.stopPropagation(),this.open&&e.key==="Escape"&&(e.preventDefault(),this.hide(),this.menuButton.focus({preventScroll:!0})),this.open&&e.key==="Tab"&&!this.mobile&&setTimeout(()=>{var l,f;let s=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(f=(l=document.activeElement)==null?void 0:l.shadowRoot)==null?void 0:f.activeElement:document.activeElement;(!this||(s==null?void 0:s.closest(this.tagName.toLowerCase()))!==this)&&this.hide()});let i=e.composedPath().some(s=>s===this.menuButton);if(i&&(e.key==="Enter"||e.key===" ")){if(e.preventDefault(),!this.open){this.show();return}i&&this.hide()}}handleDocumentMouseDown(e){let o=e.composedPath();this&&!o.includes(this)&&this.hide()}handleMenuButtonMouseDown(e){e.preventDefault(),this.open=!this.open}handleMenuButtonKeyDown(e){this.handleDocumentKeyDown(e)}handleLabelSlotChange(e){let i=e.target.assignedNodes({flatten:!0}).map(s=>{var l;return(l=s.textContent)!=null?l:""}).join("").trim();this.slotLabelText!==i&&(this.slotLabelText=i)}getDesktopLabel(e){return e?this.slotLabelText||this.label:this.label}async handleOpenChange(){if(this.open){if(this.emit("dsa-show"),!this.mobile){this.addOpenListeners(),await p(this),this.popup.active=!0;let{keyframes:e,options:o}=b(this,"menu.show",{dir:this.localize.dir()});await d(this.popup.popup,e,o)}this.emit("dsa-after-show")}else{if(this.emit("dsa-hide"),!this.mobile){this.removeOpenListeners(),await p(this);let{keyframes:e,options:o}=b(this,"menu.hide",{dir:this.localize.dir()});await d(this.popup.popup,e,o),this.popup.active=!1}this.emit("dsa-after-hide")}}async show(){if(!this.open)return this.open=!0,await m(this,"dsa-after-show")}async hide(){if(this.open)return this.open=!1,await m(this,"dsa-after-hide")}render(){let e=this.hasSlotController.test("label");return!this.label&&!e&&L("<dsa-navbar-menu> requires a label attribute or a label slot for accessibility"),this.mobile?a`
+        <div
+          class=${u({"navbar-menu--open":this.open})}
+        >
+          <button
+            slot="anchor"
+            aria-expanded=${this.open?"true":"false"}
+            aria-controls="menu__content"
+            @focus=${this.handleFocus}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleMenuButtonKeyDown}
+            @mousedown=${this.handleMenuButtonMouseDown}
+            class=${u({"navbar-menu__button":!0,"navbar-menu__button--mobile":!0})}
+          >
+            ${this.open?a`
+                  <dsa-icon name="chevron_left" library="system"></dsa-icon>
+                `:""}
+
+            <span class="navbar-menu__button__label">
+              <slot
+                name="label"
+                class="navbar-menu__button__label"
+                @slotchange=${this.handleLabelSlotChange}
+                >${this.label}</slot
+              >
+            </span>
+
+            ${this.open?"":a`
+                  <dsa-icon name="chevron_right" library="system"></dsa-icon>
+                `}
+          </button>
+
+          ${this.open?a`
+                <div id="menu__content" class="menu__content">
+                  <slot></slot>
+                </div>
+              `:""}
+        </div>
+      `:a`
+      <dsa-popup
+        class="navbar-menu"
+        part="popup"
+        placement="bottom-start"
+        distance="4"
+        flip
+        shift
+        auto-size="vertical"
+        auto-size-padding="10"
+      >
+        <button
+          slot="anchor"
+          aria-expanded=${this.open?"true":"false"}
+          aria-controls="menu__panel"
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+          @keydown=${this.handleMenuButtonKeyDown}
+          @mousedown=${this.handleMenuButtonMouseDown}
+          class=${u({"navbar-menu__button":!0,"navbar-menu__button--desktop":!0,"navbar-menu--open":this.open})}
+        >
+          <span
+            class="navbar-menu__button__label"
+            data-content="${this.getDesktopLabel(e)}"
+          >
+            <slot name="label" @slotchange=${this.handleLabelSlotChange}
+              >${this.label}</slot
+            >
+          </span>
+
+          <dsa-icon
+            class="navbar-menu__icon"
+            name="expand_more"
+            library="system"
+          ></dsa-icon>
+        </button>
+
+        <div id="menu__panel" class="menu__panel">
+          <slot></slot>
+        </div>
+      </dsa-popup>
+    `}};t.styles=k,t.dependencies={"dsa-icon":D,"dsa-popup":$},n([h(".navbar-menu")],t.prototype,"popup",2),n([h(".navbar-menu__button")],t.prototype,"menuButton",2),n([h(".navbar-menu__body")],t.prototype,"body",2),n([v()],t.prototype,"slotLabelText",2),n([r({type:Boolean,reflect:!0})],t.prototype,"open",2),n([r()],t.prototype,"label",2),n([r({type:Boolean,reflect:!0})],t.prototype,"mobile",2),n([_("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=n([y("dsa-navbar-menu")],t);c("menu.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});c("menu.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{t as a};

package/cdn/chunks/{chunk.6MYWUUAG.js → chunk.6QUNPG2K.js}

@@ -1,4 +1,4 @@
-import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n=a`
+import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var e=a`
   ${t}
 
   :host {
@@ -9,10 +9,17 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n
     margin: 0;
   }
 
-  .pagination {
+  .pagination,
+  .pagination__items,
+  .pagination__itemsperpage,
+  .pagination__navigation,
+  .pagination__navigation__page-input {
     display: flex;
-    flex-wrap: wrap;
     align-items: center;
+  }
+
+  .pagination {
+    flex-wrap: wrap;
     gap: var(--dsa-spacing-16);
     font: var(--dsa-wc-pagination-font);
     color: var(--dsa-wc-pagination-color);
@@ -24,8 +31,6 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n
   }
 
   .pagination__items {
-    display: flex;
-    align-items: center;
     width: 100%;
     height: 2rem;
     justify-content: space-between;
@@ -36,8 +41,6 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n
   }
 
   .pagination__itemsperpage {
-    display: flex;
-    align-items: center;
     gap: 8px;
   }
   ::slotted(dsa-select) {
@@ -49,9 +52,7 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n
   }
 
   .pagination__navigation {
-    display: flex;
     justify-content: space-between;
-    align-items: center;
     flex-wrap: wrap;
     width: 100%;
   }
@@ -61,8 +62,6 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n
   }
 
   .pagination__navigation__page-input {
-    display: flex;
-    align-items: center;
     flex-shrink: 0;
     gap: var(--dsa-spacing-4);
   }
@@ -121,4 +120,4 @@ import{a as t}from"./chunk.UMC4I57R.js";import{a}from"./chunk.6G2FNLAV.js";var n
   .skeleton__itemsperpage {
     grid-area: itemsperpage;
   }
-`;export{n as a};
+`;export{e as a};

package/cdn/chunks/{chunk.EZQSKUPG.js → chunk.6UXK7G4D.js}

@@ -1,4 +1,4 @@
-import{a as m}from"./chunk.KSJJM4LY.js";import{a as p}from"./chunk.WYKFMOCB.js";import{b as a,c as u}from"./chunk.QTD6NQFL.js";import{d as r}from"./chunk.ZBHHLRFH.js";import{a as l}from"./chunk.BWEPOOQP.js";import{a as o,b as s,c as i,f as c}from"./chunk.KBZ32KWP.js";import{a as h}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends c{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="medium";this.parentDisabled=!1;this.disabled=!1;this.parentReadonly=!1;this.readonly=!1;this.error=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.addEventListeners(),a(this,"role","radio")}disconnectedCallback(){this.removeEventListeners(),super.disconnectedCallback()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleCheckedChange(){a(this,"aria-checked",this.checked?"true":"false")}handleDeactivatedChange(){this.disabled||this.readonly||this.parentDisabled||this.parentReadonly?a(this,"aria-disabled","true"):u(this,"aria-disabled")}render(){let n=this.disabled||this.parentDisabled,d=this.readonly||this.parentReadonly;return h`
+import{a as m}from"./chunk.KSJJM4LY.js";import{a as p}from"./chunk.WNYKZ5NJ.js";import{b as a,c as u}from"./chunk.QTD6NQFL.js";import{d as r}from"./chunk.ZBHHLRFH.js";import{a as l}from"./chunk.BWEPOOQP.js";import{a as o,b as s,c as i,f as c}from"./chunk.KBZ32KWP.js";import{a as h}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends c{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="medium";this.parentDisabled=!1;this.disabled=!1;this.parentReadonly=!1;this.readonly=!1;this.error=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.addEventListeners(),a(this,"role","radio")}disconnectedCallback(){this.removeEventListeners(),super.disconnectedCallback()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleCheckedChange(){a(this,"aria-checked",this.checked?"true":"false")}handleDeactivatedChange(){this.disabled||this.readonly||this.parentDisabled||this.parentReadonly?a(this,"aria-disabled","true"):u(this,"aria-disabled")}render(){let n=this.disabled||this.parentDisabled,d=this.readonly||this.parentReadonly;return h`
       <span
         part="base"
         class=${r({radio:!0,"radio--checked":this.checked,"radio--readonly":d,"radio--disabled":n,"radio--focused":this.hasFocus,"radio--small":this.size==="small","radio--medium":this.size==="medium","radio--large":this.size==="large"})}

package/cdn/chunks/{chunk.NEWW6U6M.js → chunk.6WO7QCUB.js}

@@ -75,6 +75,7 @@ import{a}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var t
   .tags {
     display: flex;
     gap: var(--dsa-spacing-12);
+    flex-wrap: wrap;
   }
 
   .text-second-line {
@@ -100,6 +101,7 @@ import{a}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var t
   .actions {
     display: flex;
     gap: var(--dsa-spacing-16);
+    flex-wrap: wrap;
   }
 
   /* 

package/cdn/chunks/{chunk.CIFSYLTI.js → chunk.74Q4P5NY.js}

@@ -1,4 +1,4 @@
-import{a}from"./chunk.A4WPNAA5.js";import{c as l}from"./chunk.KD3BHBHK.js";import{a as o,f as r}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends r{render(){return s`<div class="success-text">
+import{a}from"./chunk.A4WPNAA5.js";import{c as l}from"./chunk.VZAYP3SG.js";import{a as o,f as r}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends r{render(){return s`<div class="success-text">
       <dsa-icon
         name="check_circle"
         class="success-text__icon"

package/cdn/chunks/chunk.7JVAXVTA.js

@@ -0,0 +1 @@
+import{a as o}from"./chunk.JFKYL74D.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as s,b as a,f as d}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends d{constructor(){super(...arguments);this.handleMutation=i=>{this.emit("dsa-mutation",{detail:{mutationList:i}})};this.attrOldValue=!1;this.charData=!1;this.charDataOldValue=!1;this.childList=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.mutationObserver=new MutationObserver(this.handleMutation),this.disabled||this.startObserver()}disconnectedCallback(){this.stopObserver()}startObserver(){let i=typeof this.attr=="string"&&this.attr.length>0,h=i&&this.attr!=="*"?this.attr.split(" "):void 0;try{this.mutationObserver.observe(this,{subtree:!0,childList:this.childList,attributes:i,attributeFilter:h,attributeOldValue:this.attrOldValue,characterData:this.charData,characterDataOldValue:this.charDataOldValue})}catch(u){}}stopObserver(){this.mutationObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}handleChange(){this.stopObserver(),this.startObserver()}render(){return l` <slot></slot> `}};t.styles=o,e([a({reflect:!0})],t.prototype,"attr",2),e([a({attribute:"attr-old-value",type:Boolean,reflect:!0})],t.prototype,"attrOldValue",2),e([a({attribute:"char-data",type:Boolean,reflect:!0})],t.prototype,"charData",2),e([a({attribute:"char-data-old-value",type:Boolean,reflect:!0})],t.prototype,"charDataOldValue",2),e([a({attribute:"child-list",type:Boolean,reflect:!0})],t.prototype,"childList",2),e([a({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r("disabled")],t.prototype,"handleDisabledChange",1),e([r("attr",{waitUntilFirstUpdate:!0}),r("attrOldValue",{waitUntilFirstUpdate:!0}),r("charData",{waitUntilFirstUpdate:!0}),r("charDataOldValue",{waitUntilFirstUpdate:!0}),r("childList",{waitUntilFirstUpdate:!0})],t.prototype,"handleChange",1),t=e([s("dsa-mutation-observer")],t);export{t as a};

package/cdn/chunks/{chunk.WWRGGVFZ.js → chunk.7NBAEATD.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./chunk.CIKTPEVX.js";import{c as i}from"./chunk.LBAIMDY3.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a,b as s,f as l}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends l{constructor(){super(...arguments);this.localize=new i(this);this.variant="base"}render(){return t`
+import{a as n}from"./chunk.GLMWJUWZ.js";import{c as i}from"./chunk.LBAIMDY3.js";import{d as o}from"./chunk.ZBHHLRFH.js";import{a,b as s,f as l}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{f as r}from"./chunk.IZ2HVRME.js";var e=class extends l{constructor(){super(...arguments);this.localize=new i(this);this.variant="base"}render(){return t`
       <svg
         part="base"
         class=${o({spinner:!0,"spinner--on-base":this.variant==="base","spinner--on-floating":this.variant==="floating","spinner--on-contrasted":this.variant==="contrasted"})}

package/cdn/chunks/chunk.7Y54WEHT.js

@@ -0,0 +1,85 @@
+import{a as C}from"./chunk.FEPCSTZT.js";import{a as N,b as T}from"./chunk.ZA2UO7BF.js";import{a as m}from"./chunk.76OQZSVD.js";import{a as U}from"./chunk.S47ZNKH7.js";import{d as o,e as v,f as L,g as S,h as z}from"./chunk.WDYFEO2Q.js";import{a as y}from"./chunk.DBXX64Q4.js";import{a as g}from"./chunk.EFB2SY45.js";import{a as E}from"./chunk.ZZBJJF7J.js";import{a as M}from"./chunk.LYLTFAFC.js";import{a as c}from"./chunk.NIRNX67K.js";import{b as w}from"./chunk.HJGLYEWV.js";import{c as F}from"./chunk.VZAYP3SG.js";import{a}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as p}from"./chunk.BWEPOOQP.js";import{a as _,b as h,c as l,d as b}from"./chunk.KBZ32KWP.js";import{a as u}from"./chunk.GP725TPQ.js";import{a as k,b as V,f as s}from"./chunk.IZ2HVRME.js";var $=m("+33"),i=class extends y{constructor(){super(...arguments);this.localize=new w(this);this.phonePattern=new RegExp($.pattern);this.placeholderLength=o($.placeholder).length;this.maskedNumber="";this.phoneConfig=$;this.placeholder=this.phoneConfig.placeholder;this.pattern=this.phoneConfig.pattern;this._isSyncing=!1;this.value="";this.phonePrefix="+33";this.phoneNumber="";this.inputPrefix="";this.placement="bottom-start"}get validity(){let e=this.phoneNumber.length>0?this.phonePattern.test(this.value):void 0;return S(this.input.validity,e)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setPhoneFromValue(this.value),this.syncMaskedNumber()}willUpdate(e){e.has("phonePrefix")&&!N.includes(this.phonePrefix)&&(this.phonePrefix=e.get("phonePrefix"))}syncMaskedNumber(){let e=v(this.phoneNumber,this.placeholder);this.maskedNumber!==e&&(this.maskedNumber=e),this.input&&this.input.value!==e&&(this.input.value=e)}handleInputValueChange(){let e=this.input,t=o(e.value),r=L(t,this.phoneConfig.mask),n=v(r,this.placeholder);this.phoneNumber===r&&this.maskedNumber===n&&e.value===n||(this.phoneNumber=r,this.maskedNumber=n,e.value!==n&&(e.value=n),this.updateValue(),this.formControlController.updateValidity(),this.emit("dsa-input"))}handlePhonePrefixSelectChange(e){e.stopPropagation();let{target:t}=e;t instanceof C&&(this.phonePrefix=t.value,this.updateValue(),this.emit("dsa-change"))}handleInputChange(e){let{target:t}=e;if(t instanceof HTMLInputElement){let r=o(t.value);this.phoneNumber=r,this.updateValue(),this.emit("dsa-change")}}handleClearIconClick(e){this.phonePrefix="+33",this.applyPhoneConfig(this.phonePrefix),this.phoneNumber="",this.maskedNumber="",this.value="",this.input.value!==""&&(this.input.value=""),this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change"),this.input.focus(),e.stopPropagation()}updateValue(){this._isSyncing||(this._isSyncing=!0,this.phoneNumber.length===0?this.value="":this.value=`${this.phonePrefix}${this.phoneNumber.substring(0,this.placeholderLength)}`,this._isSyncing=!1)}applyPhoneConfig(e){this.phoneConfig=m(e),this.placeholder=this.phoneConfig.placeholder,this.pattern=this.phoneConfig.pattern,this.placeholderLength=o(this.placeholder).length,this.phonePattern=new RegExp(this.pattern)}getPhonePrefixFromValue(e){for(let t of N)if(e.startsWith(t))return t;return"+33"}setPhoneFromValue(e){if(e===""){this.phonePrefix="+33",this.applyPhoneConfig(this.phonePrefix),this.phoneNumber="",this.value="";return}let t=this.getPhonePrefixFromValue(e),r=m(t),n=o(r.placeholder).length;this.phonePrefix=t,this.applyPhoneConfig(t),this.phoneNumber=e.replace(t,"").substring(0,n)}getDescriptionIds(){let e=["input-phone"];return this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}async handleValueChange(){this._isSyncing||(this._isSyncing=!0,this.setPhoneFromValue(this.value),this.syncMaskedNumber(),await this.updateComplete,this.formControlController.updateValidity(),this._isSyncing=!1)}handlePhonePrefixChange(){this.applyPhoneConfig(this.phonePrefix),this.phoneNumber.length>this.placeholderLength&&(this.phoneNumber=this.phoneNumber.substring(0,this.placeholderLength)),this.syncMaskedNumber(),this.updateValue()}handlePhoneNumberChange(){this.syncMaskedNumber(),this.updateValue()}checkValidity(){var t;let e=(t=this.input)==null?void 0:t.checkValidity();return this.phoneNumber.length===0?e!=null?e:!1:this.phonePattern.test(this.value)}reportValidity(){var t;let e=(t=this.input)==null?void 0:t.reportValidity();return this.phoneNumber.length===0?e!=null?e:!1:this.phonePattern.test(this.value)}renderInput(){var n,x,P;let e=this.hasSlotController.test("label"),t=this.label?!0:!!e,r=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.phoneNumber=="number"||((n=this.phoneNumber)==null?void 0:n.length)>0);return u`
+      <div part="base" class="input-phone__input form-control__field">
+        <dsa-select
+          id="prefix"
+          part="select"
+          class=${d({"input-phone__select":!0,"input-phone__select-error":this.error,"input-phone__select-success":this.success&&!this.error})}
+          .variant=${g(this.variant)}
+          .value=${this.phonePrefix}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          accessible-name=${this.localize.term("countryCallingCode")}
+          .placement=${this.placement}
+          hoist
+          .size=${this.size}
+          @dsa-change=${this.handlePhonePrefixSelectChange}
+          enterkeyhint="enter"
+          display-value
+          no-sync-width
+        >
+          ${T.map(f=>u`
+              <dsa-option value=${f.value} .size=${this.size}>
+                <dsa-icon
+                  slot="prefix"
+                  name="french_flag"
+                  library="system"
+                  class="input-phone__flag"
+                ></dsa-icon>
+                ${this.localize.term(f.label)} (${f.value})
+              </dsa-option>
+            `)}
+        </dsa-select>
+
+        <div
+          class=${d({"input-phone":!0,"input-phone--error":this.error,"input-phone--success":this.success&&!this.error,"input-phone--on-layer":this.variant==="layer","input-phone--on-base":this.variant==="base","input-phone--disabled":this.disabled,"input-phone--readonly":this.readonly,"input-phone--focused":this.hasFocus,"input-phone--empty":this.phoneNumber===""})}
+        >
+          <span>${this.inputPrefix}</span>
+
+          <div class="input-phone__mask">
+            ${z(this.maskedNumber,this.placeholder,"input-phone")}
+
+            <input
+              part="input"
+              id="input"
+              class=${d({"input-phone__control":!0})}
+              type="text"
+              title=${c(t?void 0:(x=this.accessibleName)!=null?x:this.title)}
+              name=${c(this.name)}
+              ?disabled=${this.disabled}
+              ?readonly=${this.readonly}
+              aria-disabled=${a(this.readonly?"true":void 0)}
+              ?required=${this.required}
+              minlength=${a(this.placeholder.length)}
+              maxlength=${a(this.placeholder.length)}
+              size=${a(this.placeholder.length)}
+              placeholder=${a(this.placeholder)}
+              .value=${g(this.maskedNumber)}
+              autocomplete="tel-national"
+              ?autofocus=${this.autofocus}
+              enterkeyhint=${a(this.enterkeyhint)}
+              inputmode="tel"
+              aria-label=${c(t?void 0:(P=this.accessibleName)!=null?P:this.title)}
+              aria-describedby=${this.getDescriptionIds()}
+              aria-invalid=${a(this.error?"true":void 0)}
+              @change=${this.handleInputChange}
+              @input=${this.handleInputValueChange}
+              @keydown=${this.handleKeyDown}
+              @focus=${this.handleFocus}
+              @blur=${this.handleBlur}
+              @invalid=${this.handleInvalid}
+            />
+          </div>
+          ${r?u`
+                <dsa-icon-button
+                  part="clear-button"
+                  class="input-phone__clear"
+                  label=${this.localize.term("clearEntry")}
+                  @click=${this.handleClearIconClick}
+                  name="close"
+                  library="system"
+                >
+                </dsa-icon-button>
+              `:""}
+        </div>
+      </div>
+    `}};i.styles=U,i.dependencies=V(k({},y.dependencies),{"dsa-icon":F,"dsa-icon-button":M,"dsa-option":E,"dsa-select":C}),s([b(".input-phone__control")],i.prototype,"input",2),s([b(".input-phone__select")],i.prototype,"phonePrefixEl",2),s([l()],i.prototype,"maskedNumber",2),s([l()],i.prototype,"phoneConfig",2),s([l()],i.prototype,"placeholder",2),s([l()],i.prototype,"pattern",2),s([h()],i.prototype,"value",2),s([h({attribute:!1})],i.prototype,"phonePrefix",2),s([h({attribute:!1})],i.prototype,"phoneNumber",2),s([h({attribute:"input-prefix"})],i.prototype,"inputPrefix",2),s([h({reflect:!0})],i.prototype,"placement",2),s([p("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([p("value")],i.prototype,"handleValueChange",1),s([p("phonePrefix",{waitUntilFirstUpdate:!0})],i.prototype,"handlePhonePrefixChange",1),s([p("phoneNumber",{waitUntilFirstUpdate:!0})],i.prototype,"handlePhoneNumberChange",1),i=s([_("dsa-input-phone")],i);export{i as a};

package/cdn/chunks/{chunk.6GC5ODVL.js → chunk.AIMBA5HQ.js}

@@ -64,11 +64,11 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as n}from"./chunk.UMC4I57R.js";
     color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
   }
 
-  .input--error.input--on-layer:not(.input--disabled):not(.input--readonly) {
+  .input--on-layer.input--error:not(.input--disabled):not(.input--readonly) {
     background-color: var(--dsa-wc-input-on-layer-background-color-error);
     border-color: var(--dsa-wc-input-on-layer-border-color-error);
   }
-  .input--error.input--on-layer:hover:not(.input--disabled):not(
+  .input--on-layer.input--error:hover:not(.input--disabled):not(
       .input--readonly
     ) {
     border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
@@ -107,11 +107,11 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as n}from"./chunk.UMC4I57R.js";
     border-color: var(--dsa-wc-input-on-base-read-only-border-color);
   }
 
-  .input--error.input--on-base:not(.input--disabled):not(.input--readonly) {
+  .input--on-base.input--error:not(.input--disabled):not(.input--readonly) {
     background-color: var(--dsa-wc-input-on-base-background-color-error);
     border-color: var(--dsa-wc-input-on-base-border-color-error);
   }
-  .input--error.input--on-base:hover:not(.input--disabled):not(
+  .input--on-base.input--error:hover:not(.input--disabled):not(
       .input--readonly
     ) {
     border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
@@ -151,13 +151,13 @@ import{a as r}from"./chunk.KHGWE5IX.js";import{a as n}from"./chunk.UMC4I57R.js";
     border-color: var(--dsa-wc-input-on-floating-read-only-border-color);
   }
 
-  .input--error.input--on-floating-menu:not(.input--disabled):not(
+  .input--on-floating-menu.input--error:not(.input--disabled):not(
       .input--readonly
     ) {
     background-color: var(--dsa-wc-input-on-floating-background-color-error);
     border-color: var(--dsa-wc-input-on-floating-border-color-error);
   }
-  .input--error.input--on-floating-menu:hover:not(.input--disabled):not(
+  .input--on-floating-menu.input--error:hover:not(.input--disabled):not(
       .input--readonly
     ) {
     border-color: var(--dsa-wc-input-on-floating-border-color-error-hover);

package/cdn/chunks/{chunk.F4EQPWW4.js → chunk.ALDKYE6L.js}

@@ -1,4 +1,4 @@
-import{a as m}from"./chunk.S4UDOENW.js";import{a as i}from"./chunk.ODH67RGS.js";import{a as c}from"./chunk.IMDJ7GD2.js";import{c as n}from"./chunk.LBAIMDY3.js";import{c as d}from"./chunk.KD3BHBHK.js";import{a as s,b as l,d as r,f as a}from"./chunk.KBZ32KWP.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends a{constructor(){super(...arguments);this.localize=new n(this);this.show=!1;this.deselectAllOnClose=!1}handleClose(){this.emit("dsa-table-actions-close"),this.show=!1}render(){return o`
+import{a as m}from"./chunk.S4UDOENW.js";import{a as i}from"./chunk.ODH67RGS.js";import{a as c}from"./chunk.EV7HZRUS.js";import{c as n}from"./chunk.LBAIMDY3.js";import{c as d}from"./chunk.VZAYP3SG.js";import{a as s,b as l,d as r,f as a}from"./chunk.KBZ32KWP.js";import{a as o}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends a{constructor(){super(...arguments);this.localize=new n(this);this.show=!1;this.deselectAllOnClose=!1}handleClose(){this.emit("dsa-table-actions-close"),this.show=!1}render(){return o`
       <slot class="label" name="label"></slot>
       <slot class="action"></slot>
       <dsa-divider vertical></dsa-divider>

package/cdn/chunks/{chunk.QXMNA43O.js → chunk.BBVHFT7Q.js}

@@ -1,4 +1,4 @@
-import{a as m}from"./chunk.4GV3WJET.js";import{c as n}from"./chunk.KD3BHBHK.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as r,b as i,f as l}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends l{constructor(){super(...arguments);this.variant="base";this.size="medium"}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return this.variant==="contrasted"&&console.warn("The `contrasted` variant is deprecated, and will be removed in the next major release."),s`
+import{a as m}from"./chunk.4GV3WJET.js";import{c as n}from"./chunk.VZAYP3SG.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as r,b as i,f as l}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends l{constructor(){super(...arguments);this.variant="base";this.size="medium"}handleFocus(){this.emit("dsa-focus")}handleBlur(){this.emit("dsa-blur")}render(){return this.variant==="contrasted"&&console.warn("The `contrasted` variant is deprecated, and will be removed in the next major release."),s`
       <a
         part="link"
         class=${a({link:!0,"link--on-layer":this.variant==="layer","link--on-contrasted":this.variant==="contrasted","link--floating-menu":this.variant==="floating","document-link--x-large":this.size==="xlarge","document-link--large":this.size==="large","document-link--medium":this.size==="medium","document-link--small":this.size==="small","document-link--x-small":this.size==="xsmall","document-link--2x-small":this.size==="2xsmall"})}

package/cdn/chunks/chunk.BKSG5KWK.js

@@ -0,0 +1,108 @@
+import{a as _}from"./chunk.WRMXCZIL.js";import{a as L}from"./chunk.VMXJHVRU.js";import{a as x}from"./chunk.U4TME7DS.js";import{a as F}from"./chunk.TFTJUTCH.js";import{a as T}from"./chunk.SWEIVB73.js";import{a as z}from"./chunk.ELL45QD3.js";import{b as $}from"./chunk.FWTZS7LK.js";import{a as E}from"./chunk.Q2GIRDX3.js";import{a as f}from"./chunk.B4KFHYLS.js";import{a as I}from"./chunk.NIRNX67K.js";import{c as C}from"./chunk.LBAIMDY3.js";import{c as y}from"./chunk.VZAYP3SG.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as m}from"./chunk.ZBHHLRFH.js";import{a as u}from"./chunk.BWEPOOQP.js";import{a as b,b as l,c as v,d as h,f as g}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var t=class extends g{constructor(){super(...arguments);this.formControlController=new $(this,{assumeInteractionOn:["dsa-blur","dsa-file-upload"],value:()=>[...this.fileUploadInput.files]});this.hasSlotController=new z(this,"help-text","label","button-label","description");this.localize=new C(this);this.storedFiles=[];this.acceptedTypesCache=[];this.internalError="";this.size="medium";this.label="";this.type="button";this.buttonLabel="";this.description="";this.helpText="";this.disabled=!1;this.required=!1;this.accept="";this.multiple=!1;this.appendFiles=!1;this.error=!1;this.directory=!1;this.name="";this.value="";this.defaultValue="";this.errorMessage=""}get validity(){return this.fileUploadInput.validity}get validationMessage(){return this.fileUploadInput.validationMessage}get files(){return this.fileUploadInput.files}checkValidity(){return this.fileUploadInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.fileUploadInput.reportValidity();return e||this.fileUploadButton.focus(),e}setCustomValidity(e){this.fileUploadInput.setCustomValidity(e),this.formControlController.updateValidity()}removeFile(e){this.storedFiles.splice(e,1),this.syncInputFilesFromStore(),this.value=this.fileUploadInput.value,this.emit("dsa-file-upload",{detail:{files:this.storedFiles}})}connectedCallback(){super.connectedCallback(),this.acceptedTypesCache=this.accept?this.accept.split(",").map(e=>e.trim()):[],this.updateFileItemsSize()}firstUpdated(){this.formControlController.updateValidity()}handleClick(e){e.stopPropagation(),this.fileUploadInput.click()}handleInvalid(e){this.internalError="",this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}getAllFileElements(){return[...this.querySelectorAll("dsa-file-upload-item")]}updateFileItemsSize(){this.getAllFileElements().forEach(e=>e.setAttribute("size",this.size))}syncInputFilesFromStore(){let e=new DataTransfer;this.storedFiles.forEach(r=>e.items.add(r)),this.fileUploadInput.files=e.files}handleDefaultSlotChange(){this.updateFileItemsSize()}handleBlur(){this.emit("dsa-blur")}handleFocus(){this.emit("dsa-focus")}addFiles(e){this.internalError="";let r=this.filterValidFiles(e);this.multiple?this.appendFiles?this.storedFiles=[...this.storedFiles,...r]:this.storedFiles=r:this.storedFiles=r,this.syncInputFilesFromStore(),this.value=this.fileUploadInput.value,this.formControlController.updateValidity(),this.emit("dsa-file-upload",{detail:{files:this.storedFiles}})}isAcceptedFileType(e){var a;if(!this.accept)return!0;let r=this.acceptedTypesCache,o=e.type,d=`.${(a=e.name.split(".").pop())!=null?a:""}`;return r.some(s=>{if(s.startsWith("."))return d===s;if(s.endsWith("/*")){let p=s.split("/")[0];return o.startsWith(p+"/")}else return o===s})}isAcceptedFileSize(e){return this.fileSizeLimit?e.size<=this.fileSizeLimit:!0}filterValidFiles(e){let r=[],o=[],d=e.filter(a=>{let s=this.isAcceptedFileType(a);s||r.push(a.name);let p=this.isAcceptedFileSize(a);return p||o.push(a.name),s&&p});if(r.length>0||o.length>0){let a=[];r.length>0&&a.push(n`${this.localize.term("fileTypeNotAccepted",r)}
+            <ul>
+              ${r.map(s=>n`<li>${s}</li>`)}
+            </ul>`),o.length>0&&a.push(n`${this.localize.term("fileSizeExceeded",o)}
+            <ul>
+              ${o.map(s=>n`<li>${s}</li>`)}
+            </ul>`),this.internalError=n`${a}`}return d}handleChange(){var r;let e=Array.from((r=this.fileUploadInput.files)!=null?r:[]);this.addFiles(e)}async handleDrop(e){e.preventDefault(),this.dropzone.classList.contains("dropzone--dragover")&&this.dropzone.classList.remove("dropzone--dragover");let r=e.dataTransfer;if(!r)return;let o=r.items,d=[...o].some(s=>{var p;return(p=s.webkitGetAsEntry())==null?void 0:p.isDirectory});if(!this.multiple)if(o.length>1||d){this.internalError=this.localize.term("onlySingleFileAllowed");return}else{let s=Array.from(r.files);this.addFiles(s);return}let a=await L(r);a.length&&this.addFiles(a)}handleDropzoneDragover(e){var o;e.preventDefault();let r=(o=e.dataTransfer)==null?void 0:o.items;r&&(this.multiple||r.length===1)&&!this.dropzone.classList.contains("dropzone--dragover")&&this.dropzone.classList.add("dropzone--dragover")}handleDropzoneDragleave(){this.dropzone.classList.contains("dropzone--dragover")&&this.dropzone.classList.remove("dropzone--dragover")}handleInternalErrorHide(){this.internalError=""}getDescriptionIds(){let e=[];return this.error&&(e=["error-text"]),e=[...e,"description","help-text","slot_files"],e.join(" ")}handleAcceptChange(){this.acceptedTypesCache=this.accept?this.accept.split(",").map(e=>e.trim()):[]}handleSizeChange(){this.updateFileItemsSize()}handleValueChange(){this.value===""&&this.fileUploadInput&&(this.fileUploadInput.value="")}focus(e){this.fileUploadButton.focus(e)}blur(){this.fileUploadButton.blur()}renderButtonAndInput(){let e=this.size;return this.type==="drop"&&this.size!=="small"&&(e=this.size==="medium"?"small":"medium"),n`
+      <button
+        part="file-upload-button"
+        id="button"
+        type="button"
+        class=${m({button:!0,"button--small":e==="small","button--medium":e==="medium","button--large":e==="large","button--disabled":this.disabled})}
+        ?disabled=${this.disabled}
+        aria-required=${c(this.required?"true":void 0)}
+        aria-invalid=${c(this.error?"true":void 0)}
+        aria-describedby=${this.getDescriptionIds()}
+        @click=${this.handleClick}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+      >
+        <slot name="button-label">
+          ${this.buttonLabel||this.localize.term("fileSelect",this.directory,this.multiple)}
+        </slot>
+      </button>
+      <input
+        part="input"
+        id="file"
+        type="file"
+        ?disabled=${this.disabled}
+        ?required=${this.required}
+        accept=${I(this.accept)}
+        tabindex="-1"
+        aria-hidden="true"
+        ?multiple=${this.multiple}
+        ?webkitdirectory=${c(this.directory)}
+        @change=${this.handleChange}
+        @invalid=${this.handleInvalid}
+      />
+    `}render(){let e=this.hasSlotController.test("label"),r=this.hasSlotController.test("help-text"),o=this.hasSlotController.test("description"),d=this.label||e,a=this.helpText||r,s=this.description||o;return d||f("<dsa-file-upload> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&f("<dsa-file-upload> requires an error-message attribute for accessibility when the error attribute is set"),n`
+      <fieldset
+        part="base"
+        class=${m({"file-upload":!0,"form-control":!0,"form-control--error":this.error&&!this.disabled,"form-control--disabled":this.disabled,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":d,"form-control--has-description":s,"form-control--has-help-text":a,"form-control--internal-error":this.internalError!==""})}
+      >
+        <legend
+          id="label"
+          part="file-upload-label"
+          class="form-control__label"
+          aria-hidden=${d?"false":"true"}
+        >
+          ${this.required?n`<span class="form-control__label-required">*</span>`:""}
+          <slot name="label">${this.label}</slot>
+        </legend>
+        <slot
+          part="file-upload-description"
+          id="description"
+          name="description"
+          class="form-control__description"
+          >${this.description}</slot
+        >
+        <div class="form-control__field">
+          ${this.type==="drop"?n` <div
+                class="dropzone "
+                @drop=${this.handleDrop}
+                @dragover=${this.handleDropzoneDragover}
+                @dragleave=${this.handleDropzoneDragleave}
+                @click=${this.handleClick}
+              >
+                <div class="dropzone__icon-container">
+                  <dsa-icon
+                    library="system"
+                    name="file_upload"
+                    class="dropzone__icon"
+                  ></dsa-icon>
+                </div>
+                <p class="dropzone__text">
+                  ${this.localize.term("fileDropHere",this.multiple)}
+                </p>
+                <div class="button-container">
+                  ${this.renderButtonAndInput()}
+                </div>
+              </div>`:n` <div class="button-container">
+                ${this.renderButtonAndInput()}
+              </div>`}
+        </div>
+
+        <slot
+          name="help-text"
+          id="help-text"
+          part="file-upload-help-text"
+          class="form-control__help-text"
+        >
+          ${this.helpText}
+        </slot>
+        ${this.error&&!this.disabled?T(this.errorMessage):""}
+        <dsa-alert
+          variant="danger"
+          ?open=${this.internalError!==""}
+          class="internal-error"
+          closable
+          size=${this.size==="large"?"medium":"small"}
+          @dsa-after-hide=${this.handleInternalErrorHide}
+          >${this.internalError}</dsa-alert
+        >
+        <ul id="slot_files" part="slot_files">
+          <slot @slotchange=${this.handleDefaultSlotChange}> </slot>
+        </ul>
+      </fieldset>
+    `}};t.styles=_,t.dependencies={"dsa-icon":y,"dsa-error-text":F,"dsa-alert":E},i([h("#file")],t.prototype,"fileUploadInput",2),i([h("#button")],t.prototype,"fileUploadButton",2),i([h(".dropzone")],t.prototype,"dropzone",2),i([v()],t.prototype,"internalError",2),i([l()],t.prototype,"size",2),i([l()],t.prototype,"label",2),i([l()],t.prototype,"type",2),i([l({attribute:"button-label"})],t.prototype,"buttonLabel",2),i([l({attribute:"description"})],t.prototype,"description",2),i([l({attribute:"help-text"})],t.prototype,"helpText",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([l()],t.prototype,"accept",2),i([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),i([l({type:Boolean,reflect:!0,attribute:"append-files"})],t.prototype,"appendFiles",2),i([l({type:Boolean})],t.prototype,"error",2),i([l({type:Boolean,reflect:!0})],t.prototype,"directory",2),i([l()],t.prototype,"name",2),i([l()],t.prototype,"value",2),i([x()],t.prototype,"defaultValue",2),i([l({attribute:"error-message",converter:{fromAttribute:e=>e?e.split("|"):"",toAttribute:e=>typeof e=="string"?e:e.join("|")}})],t.prototype,"errorMessage",2),i([l({type:Number,attribute:"file-size-limit"})],t.prototype,"fileSizeLimit",2),i([u("accept")],t.prototype,"handleAcceptChange",1),i([u("size")],t.prototype,"handleSizeChange",1),i([u("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=i([b("dsa-file-upload")],t);export{t as a};

package/cdn/chunks/{chunk.2EC2JS5U.js → chunk.BMNZ4YMI.js}

@@ -1,4 +1,4 @@
-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.LBAIMDY3.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`
+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.LBAIMDY3.js";import{c as L}from"./chunk.VZAYP3SG.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})}