@ds-autonomie/web-components 2.19.0 → 2.21.0

package/cdn/chunks/chunk.QZ7M6OGO.js

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

package/cdn/chunks/{chunk.RCGUDUP2.js → chunk.R2SAERUV.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";var t=r`
+import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";var d=r`
   ${e}
 
   :host {
@@ -53,36 +53,35 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
     outline: none;
   }
 
-  .drawer--top .drawer__panel {
+  .drawer--top .drawer__panel,
+  .drawer--start .drawer__panel {
     top: 0;
     inset-inline: 0 auto;
     bottom: auto;
+  }
+
+  .drawer--top .drawer__panel,
+  .drawer--bottom .drawer__panel {
     width: 100%;
     height: var(--size);
   }
 
+  .drawer--end .drawer__panel,
+  .drawer--start .drawer__panel {
+    width: var(--size);
+    height: 100%;
+  }
+
   .drawer--end .drawer__panel {
     top: 0;
     inset-inline: auto 0;
     bottom: auto;
-    width: var(--size);
-    height: 100%;
   }
 
   .drawer--bottom .drawer__panel {
     top: auto;
     inset-inline: 0 auto;
     bottom: 0;
-    width: 100%;
-    height: var(--size);
-  }
-
-  .drawer--start .drawer__panel {
-    top: 0;
-    inset-inline: 0 auto;
-    bottom: auto;
-    width: var(--size);
-    height: 100%;
   }
 
   .drawer__header {
@@ -158,4 +157,4 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
       border: solid 1px var(--dsa-color-background-base);
     }
   }
-`;export{t as a};
+`;export{d as a};

package/cdn/chunks/{chunk.EZQSKUPG.js → chunk.RKAXCU2K.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.AQOO2T52.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.4A2SP2JA.js → chunk.RMHUEO6M.js}

@@ -1,4 +1,4 @@
-import{a as M}from"./chunk.II4JQ433.js";import{a as V}from"./chunk.PIG773U2.js";import{a as x}from"./chunk.NJBAMERR.js";import{a as E}from"./chunk.SWEIVB73.js";import{a as y}from"./chunk.ELL45QD3.js";import{b as g,c as C,d as v,e as k}from"./chunk.FWTZS7LK.js";import{a as u}from"./chunk.B4KFHYLS.js";import{d as p}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as f,b as i,c as d,d as c,f as b}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var s=class extends b{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new y(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let e=this.required&&this.value.length===0;return this.customValidityMessage!==""?k:e?v:C}get validationMessage(){let e=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:e?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(e){if(e.target.tagName.toLowerCase()==="a")return;let t=e.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(e.preventDefault(),e.stopPropagation(),!t||t.disabled||t.readonly||this.disabled||this.readonly)return;this.value.includes(t.value)?this.value=this.value.filter(n=>n!==t.value):this.value=[...this.value,t.value],this.getAllCheckboxes().forEach(n=>{let m=this.value.includes(n.value);n.checked!==m&&(n.checked=m)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(e){if(e.target.tagName.toLowerCase()==="a")return;let t=e.target;if(e.key===" "){if(e.preventDefault(),this.disabled||this.readonly||t.disabled||t.readonly)return;t.checked=!t.checked;let a=this.getAllCheckboxes().filter(o=>o.checked);this.value=a.map(o=>o.value),this.emit("dsa-input"),this.emit("dsa-change")}e.key==="Enter"&&(this.disabled||this.readonly||t.disabled||t.readonly)&&e.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let e=this.getAllCheckboxes();e.forEach(t=>{let a=this.value.includes(t.value);t.checked!==a&&(t.checked=a),t.parentDisabled!==this.disabled&&(t.parentDisabled=this.disabled),t.parentReadonly!==this.readonly&&(t.parentReadonly=this.readonly)}),this.hasCheckboxButtons=e.some(t=>t.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=e.some(t=>t.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let e=[];return this.error&&(e=["error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(e=>{let t=this.value.includes(e.value);e.checked!==t&&(e.checked=t)}),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(e=>{e.parentDisabled!==this.disabled&&(e.parentDisabled=this.disabled)})}handleReadonlyChange(){this.getAllCheckboxes().forEach(e=>{e.parentReadonly!==this.readonly&&(e.parentReadonly=this.readonly)})}checkValidity(){let e=this.required&&this.value.length===0,t=this.customValidityMessage!=="";return e||t?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.validity.valid;return this.formControlController.setValidity(e),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),e||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),e}setCustomValidity(e=""){this.customValidityMessage=e,this.validationInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){let t=this.getAllCheckboxes().filter(o=>!o.disabled&&!o.readonly),a=t.find(o=>o.checked)||t[0];a&&a.focus(e)}render(){let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("help-text"),a=this.label?!0:!!e,o=this.helpText?!0:!!t;return a||u("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&u("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
+import{a as V}from"./chunk.PIG773U2.js";import{a as x}from"./chunk.WFPILKOS.js";import{a as E}from"./chunk.SWEIVB73.js";import{a as M}from"./chunk.YDZDEOUX.js";import{a as y}from"./chunk.ELL45QD3.js";import{b as g,c as C,d as v,e as k}from"./chunk.FWTZS7LK.js";import{a as u}from"./chunk.B4KFHYLS.js";import{d as p}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as f,b as i,c as d,d as c,f as b}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var s=class extends b{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new y(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let e=this.required&&this.value.length===0;return this.customValidityMessage!==""?k:e?v:C}get validationMessage(){let e=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:e?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(e){if(e.target.tagName.toLowerCase()==="a")return;let t=e.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(e.preventDefault(),e.stopPropagation(),!t||t.disabled||t.readonly||this.disabled||this.readonly)return;this.value.includes(t.value)?this.value=this.value.filter(n=>n!==t.value):this.value=[...this.value,t.value],this.getAllCheckboxes().forEach(n=>{let m=this.value.includes(n.value);n.checked!==m&&(n.checked=m)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(e){if(e.target.tagName.toLowerCase()==="a")return;let t=e.target;if(e.key===" "){if(e.preventDefault(),this.disabled||this.readonly||t.disabled||t.readonly)return;t.checked=!t.checked;let a=this.getAllCheckboxes().filter(o=>o.checked);this.value=a.map(o=>o.value),this.emit("dsa-input"),this.emit("dsa-change")}e.key==="Enter"&&(this.disabled||this.readonly||t.disabled||t.readonly)&&e.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let e=this.getAllCheckboxes();e.forEach(t=>{let a=this.value.includes(t.value);t.checked!==a&&(t.checked=a),t.parentDisabled!==this.disabled&&(t.parentDisabled=this.disabled),t.parentReadonly!==this.readonly&&(t.parentReadonly=this.readonly)}),this.hasCheckboxButtons=e.some(t=>t.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=e.some(t=>t.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let e=[];return this.error&&(e=["error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(e=>{let t=this.value.includes(e.value);e.checked!==t&&(e.checked=t)}),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(e=>{e.parentDisabled!==this.disabled&&(e.parentDisabled=this.disabled)})}handleReadonlyChange(){this.getAllCheckboxes().forEach(e=>{e.parentReadonly!==this.readonly&&(e.parentReadonly=this.readonly)})}checkValidity(){let e=this.required&&this.value.length===0,t=this.customValidityMessage!=="";return e||t?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let e=this.validity.valid;return this.formControlController.setValidity(e),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),e||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),e}setCustomValidity(e=""){this.customValidityMessage=e,this.validationInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){let t=this.getAllCheckboxes().filter(o=>!o.disabled&&!o.readonly),a=t.find(o=>o.checked)||t[0];a&&a.focus(e)}render(){let e=this.hasSlotController.test("label"),t=this.hasSlotController.test("help-text"),a=this.label?!0:!!e,o=this.helpText?!0:!!t;return a||u("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&u("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
       <fieldset
         part="form-control"
         class=${p({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":a,"form-control--has-help-text":o,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}

package/cdn/chunks/{chunk.LLP7EPAY.js → chunk.RUMRXWLX.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./chunk.6D7W2ERA.js";import{a as g}from"./chunk.ELL45QD3.js";import{a as u}from"./chunk.B4KFHYLS.js";import{a as n,b as a}from"./chunk.FDMPUSVV.js";import{a as o}from"./chunk.NIRNX67K.js";import{c as f}from"./chunk.KD3BHBHK.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as c,b as i,f as h}from"./chunk.KBZ32KWP.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends h{constructor(){super(...arguments);this.hasSlotController=new g(this,"media","tags","title-icon","title","subtitle","footer");this.href="";this.rel="noreferrer noopener";this.variant="outlined";this.layout="vertical";this.size="large";this.contrastedBorders=!1}isLink(){return!!this.href}updateTagsSizes(){this.querySelectorAll("dsa-tag").forEach(r=>r.setAttribute("size",this.size==="large"?"medium":"small"))}handleTagsSlotChange(){this.updateTagsSizes()}handleSizeChange(){this.updateTagsSizes()}render(){let e=this.isLink(),r=e?n`a`:n`div`,_=e&&!this.hasSlotController.test("footer")&&this.layout==="left-align",v=e&&!this.hasSlotController.test("footer")&&this.layout!=="left-align";return e&&!this.hasSlotController.test("title")&&u("<dsa-card-content> requires a title slot for accessibility when used as a link"),a`
+import{a as p}from"./chunk.6D7W2ERA.js";import{a as g}from"./chunk.ELL45QD3.js";import{a as u}from"./chunk.B4KFHYLS.js";import{a as n,b as a}from"./chunk.FDMPUSVV.js";import{a as o}from"./chunk.NIRNX67K.js";import{c as f}from"./chunk.AM2ZR2Y2.js";import{a as l}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as c,b as i,f as h}from"./chunk.KBZ32KWP.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends h{constructor(){super(...arguments);this.hasSlotController=new g(this,"media","tags","title-icon","title","subtitle","footer");this.href="";this.rel="noreferrer noopener";this.variant="outlined";this.layout="vertical";this.size="large";this.contrastedBorders=!1}isLink(){return!!this.href}updateTagsSizes(){this.querySelectorAll("dsa-tag").forEach(r=>r.setAttribute("size",this.size==="large"?"medium":"small"))}handleTagsSlotChange(){this.updateTagsSizes()}handleSizeChange(){this.updateTagsSizes()}render(){let e=this.isLink(),r=e?n`a`:n`div`,_=e&&!this.hasSlotController.test("footer")&&this.layout==="left-align",v=e&&!this.hasSlotController.test("footer")&&this.layout!=="left-align";return e&&!this.hasSlotController.test("title")&&u("<dsa-card-content> requires a title slot for accessibility when used as a link"),a`
       <article
         part="base"
         class=${d({"card-content":!0,"card-content--link":e,"card-content--small":this.size==="small","card-content--medium":this.size==="medium","card-content--large":this.size==="large","card-content--left-align":this.layout==="left-align","card-content--right-align":this.layout==="right-align","card-content--filled":this.variant==="filled","card-content--contrasted-borders":this.contrastedBorders})}

package/cdn/chunks/{chunk.BARZKNDN.js → chunk.RXX4NY67.js}

@@ -7,7 +7,7 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
 
   .progress-bar {
     position: relative;
-    background-color: var(--dsa-wc-progress-bar-track-color);
+    background: var(--dsa-wc-progress-bar-track-color);
     height: var(--dsa-wc-progress-bar-height);
     border-radius: var(--dsa-wc-progress-bar-border-radius);
     box-shadow: inset var(--dsa-wc-shadow-small);
@@ -17,15 +17,13 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   .progress-bar__indicator {
     height: 100%;
     font: var(--dsa-wc-progress-bar-font);
-    background-color: var(--dsa-wc-progress-bar-indicator-color);
+    background: var(--dsa-wc-progress-bar-indicator-color);
     color: var(--dsa-wc-progress-bar-indicator-label-color);
     text-align: center;
     line-height: var(--dsa-wc-progress-bar-height);
     white-space: nowrap;
     overflow: hidden;
-    transition:
-      400ms width,
-      400ms background-color;
+    transition: width 400ms;
     user-select: none;
   }
 
@@ -35,7 +33,6 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
     animation: indeterminate 2.5s var(--dsa-wc-no-animations-duration, infinite)
       cubic-bezier(0.37, 0, 0.63, 1);
   }
-
   .progress-bar--indeterminate.progress-bar--rtl .progress-bar__indicator {
     animation-name: indeterminate-rtl;
   }
@@ -43,12 +40,11 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
   @media (forced-colors: active) {
     .progress-bar {
       outline: solid 1px SelectedItem;
-      background-color: var(--dsa-wc-progress-bar-indicator-label-color);
+      background: var(--dsa-wc-progress-bar-indicator-label-color);
     }
-
     .progress-bar__indicator {
       outline: solid 1px SelectedItem;
-      background-color: SelectedItem;
+      background: SelectedItem;
     }
   }
 
@@ -63,7 +59,6 @@ import{a as e}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.6G2FNLAV.js";
       width: 50%;
     }
   }
-
   @keyframes indeterminate-rtl {
     0% {
       right: -50%;

package/cdn/chunks/{chunk.NJOCDP2A.js → chunk.SARJ4UB5.js}

@@ -1 +1 @@
-import{b as c}from"./chunk.LBRHB47I.js";import{a as i}from"./chunk.D3S7D52C.js";var e=[i,c],o=[];function y(r){o.push(r)}function I(r){o=o.filter(t=>t!==r)}function m(r){return e.find(t=>t.name===r)}function u(r,t){a(r),e.push({name:r,resolver:t.resolver,mutator:t.mutator,spriteSheet:t.spriteSheet}),o.forEach(n=>{n.library===r&&n.setIcon()})}function a(r){e=e.filter(t=>t.name!==r)}export{y as a,I as b,m as c,u as d,a as e};
+import{a as i}from"./chunk.D3S7D52C.js";import{b as c}from"./chunk.LBRHB47I.js";var e=[i,c],o=[];function y(r){o.push(r)}function I(r){o=o.filter(t=>t!==r)}function m(r){return e.find(t=>t.name===r)}function u(r,t){a(r),e.push({name:r,resolver:t.resolver,mutator:t.mutator,spriteSheet:t.spriteSheet}),o.forEach(n=>{n.library===r&&n.setIcon()})}function a(r){e=e.filter(t=>t.name!==r)}export{y as a,I as b,m as c,u as d,a as e};

package/cdn/chunks/chunk.SCA6KI3Y.js

@@ -0,0 +1,108 @@
+import{a as L}from"./chunk.VMXJHVRU.js";import{a as _}from"./chunk.HJIBYZA7.js";import{a as x}from"./chunk.U4TME7DS.js";import{a as F}from"./chunk.WFPILKOS.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.VSTKTCJY.js";import{a as f}from"./chunk.B4KFHYLS.js";import{a as I}from"./chunk.NIRNX67K.js";import{c as C}from"./chunk.Q54GPNUS.js";import{c as y}from"./chunk.AM2ZR2Y2.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.2MY5TX6M.js → chunk.SK27PJHT.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./chunk.6GC5ODVL.js";import{a as i}from"./chunk.6G2FNLAV.js";var o=i`
+import{a as e}from"./chunk.UVI76N5N.js";import{a as i}from"./chunk.6G2FNLAV.js";var o=i`
   ${e}
 
   .input--time {
@@ -68,7 +68,6 @@ import{a as e}from"./chunk.6GC5ODVL.js";import{a as i}from"./chunk.6G2FNLAV.js";
 
   .time-anchor {
     display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: space-between;
   }

package/cdn/chunks/{chunk.DR6FOTG4.js → chunk.TBAF2O5H.js}

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