@ds-autonomie/web-components 2.17.0 → 2.19.0

package/cdn/chunks/chunk.IYKXS5B3.js

@@ -1,66 +0,0 @@
-import{a as I}from"./chunk.JPOWE7L2.js";import{a as M}from"./chunk.S2RTEOQU.js";import{a as B}from"./chunk.PIG773U2.js";import{a as x}from"./chunk.NJBAMERR.js";import{a as k}from"./chunk.SWEIVB73.js";import{a as g}from"./chunk.ELL45QD3.js";import{b as C,c as R,d as V,e as E}from"./chunk.FWTZS7LK.js";import{a as p}from"./chunk.B4KFHYLS.js";import{d as y}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as b,b as l,c,d as f,f as v}from"./chunk.KBZ32KWP.js";import{a as u}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var a=class extends v{constructor(){super(...arguments);this.formControlController=new C(this);this.hasSlotController=new g(this,"help-text","label");this.customValidityMessage="";this.customValidityError="";this.hasRadioButtons=!1;this.hasRadioCards=!1;this.readonlyRadioButtonValue=new Map;this.defaultValue="";this.label="";this.helpText="";this.description="";this.name="option";this.value="";this.deselectable=!1;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 t=this.required&&!this.value;return this.customValidityMessage!==""?E:t?V:R}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){let t=[...this.querySelectorAll("dsa-radio, dsa-radio-button, dsa-radio-card")];return this.hasRadioButtons=t.some(e=>e.tagName.toLowerCase()==="dsa-radio-button"),this.hasRadioCards=t.some(e=>e.tagName.toLowerCase()==="dsa-radio-card"),t}handleRadioClick(t){let e=t.target.closest("dsa-radio, dsa-radio-button, dsa-radio-card");if(!e||e.disabled||e.readonly||this.disabled||this.readonly)return;let o=this.getAllRadios(),s=this.value;e.value!==s?(this.value=e.value,this.updateCheckedRadio()):this.deselectable&&(this.value="",o.forEach(d=>{d.checked=!1})),this.value!==s&&this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(t){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key)||this.disabled||this.readonly)return;let e=this.getAllRadios().filter(n=>!this.disabled&&!n.disabled&&(!n.readonly||n.checked)),o=e.length,s=e.findIndex(n=>n.matches(":focus")),d=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,h=this.value,r=s+d;if(r=M(r,o),this.getAllRadios().forEach(n=>{n.checked=!1,this.hasRadioButtons||this.hasRadioCards?n.button.tabIndex=-1:n.tabIndex=-1}),d===0?(e[r].checked=this.deselectable?e[r].value!==h:!0,this.value=e[r].checked?e[r].value:""):(this.value=e[r].readonly||e[s].readonly&&e[s].checked?this.value:e[r].value,e[r].checked=this.value===e[r].value),!this.hasRadioButtons&&!this.hasRadioCards)e[r].tabIndex=0,e[r].focus();else{let n=e[r];n.button.tabIndex=0,n.button.focus()}this.value!==h&&(this.emit("dsa-change"),this.emit("dsa-input")),t.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-radio")||customElements.get("dsa-radio-button")||customElements.get("dsa-radio-card")){let t=this.getAllRadios(),e=!1;t.forEach(o=>{o.error=this.error,this.required?o.setAttribute("aria-required","true"):o.removeAttribute("aria-required"),(this.hasRadioButtons||this.hasRadioCards)&&o.readonly&&this.readonlyRadioButtonValue.set(o.value,!0),e=o.checked||e,o.parentDisabled=this.disabled,o.parentReadonly=this.readonly}),this.updateCheckedRadio()}else customElements.whenDefined("dsa-radio").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-radio-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-radio-card").then(()=>this.handleSlotChange())}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),setTimeout(()=>{this.focus()},0)}updateCheckedRadio(){this.getAllRadios().forEach(e=>{var o;if(e.checked=e.value===this.value,!this.value&&this.required?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid"),this.hasRadioButtons||this.hasRadioCards){let s=e;s.readonly=(o=this.readonlyRadioButtonValue.get(this.value))!=null?o:s.readonly}}),this.updateTabIndexes(),this.formControlController.setValidity(this.validity.valid)}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text","description"],t.join(" ")}updateTabIndexes(){let t=this.getAllRadios(),e=t.findIndex(s=>!s.disabled&&(!s.readonly||s.checked)),o=this.value!==""&&t.some(s=>s.value===this.value);t.forEach((s,d)=>{if(this.disabled){s.tabIndex=-1;return}let h=s.checked&&!s.disabled||!o&&d===e&&!this.readonly;if(this.hasRadioButtons||this.hasRadioCards){let r=s;customElements.whenDefined(this.hasRadioButtons?"dsa-radio-button":"dsa-radio-card").then(()=>{r.button.tabIndex=h?0:-1})}else s.tabIndex=h?0:-1})}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}handleErrorChange(){this.getAllRadios().forEach(t=>t.error=this.error)}handleDisabledChange(){this.getAllRadios().forEach(t=>t.parentDisabled=this.disabled)}handleReadonlyChange(){this.getAllRadios().forEach(t=>t.parentReadonly=this.readonly),this.updateTabIndexes()}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.error=!1,this.customValidityError=this.customValidityMessage!==""?this.customValidityMessage:t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllRadios(),o=e.find(h=>h.checked),s=e.find(h=>!h.disabled),d=o||s;d&&d.focus(t)}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,s=this.helpText?!0:!!e;return o||p("<dsa-radio-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&p("<dsa-radio-group> requires an error-message attribute for accessibility when the error attribute is set"),u`
-      <fieldset
-        part="form-control"
-        class=${y({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":o,"form-control--has-help-text":s,"form-control--has-buttons":this.hasRadioButtons,"form-control--has-cards":this.hasRadioCards,"form-control--options-horizontal":!!this.horizontal})}
-        role="radiogroup"
-        aria-labelledby="label ${this.getDescriptionIds()}"
-        aria-invalid=${this.error}
-      >
-        ${this.hideLabel?u`<dsa-visually-hidden id="label"
-              ><slot name="label">${this.label}</slot></dsa-visually-hidden
-            >`:u`
-              <span
-                part="form-control-label"
-                id="label"
-                class="form-control__label"
-                aria-hidden=${o?"false":"true"}
-                @click=${this.handleLabelClick}
-              >
-                ${this.required?u`<span class="form-control__label-required">*</span>`:""}
-                <slot name="label">${this.label}</slot>
-              </span>
-            `}
-
-        <slot name="tooltip" class="form-control__tooltip"></slot>
-
-        <div
-          part="form-control-input"
-          class="form-control-input form-control__field"
-        >
-          <dsa-visually-hidden>
-            <label class="radio-group__validation">
-              <input
-                type="text"
-                class="radio-group__validation-input"
-                ?required=${this.required}
-                tabindex="-1"
-                hidden
-                @invalid=${this.handleInvalid}
-              />
-            </label>
-          </dsa-visually-hidden>
-
-          <slot
-            @click=${this.handleRadioClick}
-            @keydown=${this.handleKeyDown}
-            @slotchange=${this.handleSlotChange}
-            class="form-control__options"
-          ></slot>
-        </div>
-        <slot
-          name="help-text"
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-        >
-          ${this.helpText}
-        </slot>
-
-        ${this.error?k(this.customValidityError!==""?this.customValidityError:this.errorMessage):""}
-        ${this.description!==""?u`
-              <p id="description" class="form-control__description">
-                ${this.description}
-              </p>
-            `:""}
-      </fieldset>
-    `}};a.styles=I,a.dependencies={"dsa-error-text":x,"dsa-visually-hidden":B},i([f("slot:not([name])")],a.prototype,"defaultSlot",2),i([f(".radio-group__validation-input")],a.prototype,"validationInput",2),i([c()],a.prototype,"hasRadioButtons",2),i([c()],a.prototype,"hasRadioCards",2),i([c()],a.prototype,"readonlyRadioButtonValue",2),i([c()],a.prototype,"defaultValue",2),i([l()],a.prototype,"label",2),i([l({attribute:"help-text"})],a.prototype,"helpText",2),i([l({attribute:"description"})],a.prototype,"description",2),i([l()],a.prototype,"name",2),i([l({reflect:!0})],a.prototype,"value",2),i([l({type:Boolean,reflect:!0})],a.prototype,"deselectable",2),i([l({reflect:!0})],a.prototype,"form",2),i([l({type:Boolean,reflect:!0})],a.prototype,"required",2),i([l({type:Boolean,reflect:!0})],a.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],a.prototype,"readonly",2),i([l({type:Boolean})],a.prototype,"horizontal",2),i([l({type:Boolean})],a.prototype,"error",2),i([l({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],a.prototype,"errorMessage",2),i([l({type:Boolean,attribute:"hide-label"})],a.prototype,"hideLabel",2),i([m("value")],a.prototype,"handleValueChange",1),i([m("error")],a.prototype,"handleErrorChange",1),i([m("disabled")],a.prototype,"handleDisabledChange",1),i([m("readonly")],a.prototype,"handleReadonlyChange",1),a=i([b("dsa-radio-group")],a);export{a};

package/cdn/chunks/chunk.JNOQLPCE.js

@@ -1,8 +0,0 @@
-import{a as d}from"./chunk.YQPLXJOH.js";import{d as h}from"./chunk.ZBHHLRFH.js";import{a as r}from"./chunk.BWEPOOQP.js";import{a as c,b as i,f as p}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var o="dsa-step",e=class extends p{constructor(){super(...arguments);this.hideLabel=!1;this.vertical=!1}connectedCallback(){super.connectedCallback()}getAllSteps(){return[...this.querySelectorAll(o)]}handleDefaultSlotChange(){let a=this.getAllSteps();customElements.get(o)?a.forEach((t,s)=>{t.index=this.hideLabel?void 0:s,t.vertical=this.vertical}):customElements.whenDefined(o).then(()=>this.handleDefaultSlotChange())}handleHideLabelChange(){this.getAllSteps().forEach((t,s)=>{t.index=this.hideLabel?void 0:s})}handleVerticalChange(){this.getAllSteps().forEach(t=>{t.vertical=this.vertical})}render(){return n`
-      <div
-        role="list"
-        class=${h({stepper:!0,stepper__vertical:this.vertical})}
-      >
-        <slot @slotchange=${this.handleDefaultSlotChange}> </slot>
-      </div>
-    `}};e.styles=d,l([i({type:Boolean,attribute:"hide-label"})],e.prototype,"hideLabel",2),l([i({type:Boolean})],e.prototype,"vertical",2),l([r("hideLabel",{waitUntilFirstUpdate:!0})],e.prototype,"handleHideLabelChange",1),l([r("vertical",{waitUntilFirstUpdate:!0})],e.prototype,"handleVerticalChange",1),e=l([c("dsa-stepper")],e);export{e as a};

package/cdn/chunks/chunk.JZMIS7DF.js

@@ -1,7 +0,0 @@
-import{a as o}from"./chunk.M2JVAL5G.js";import{a as l,f as s}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends s{render(){return r`
-      <slot part="filters" name="filters"></slot>
-      <div class="table-toolbar__right">
-        <slot part="columns-filter" name="columns-filter"></slot>
-        <slot part="search" name="search"></slot>
-      </div>
-    `}};t.styles=o,t=e([l("dsa-table-toolbar")],t);export{t as a};

package/cdn/chunks/chunk.K6YUVAOE.js

@@ -1,6 +0,0 @@
-import{a as p}from"./chunk.27TNQFPN.js";import{d as s}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as i,b as r,f as l}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var c=0,t=class extends l{constructor(){super(...arguments);this.attrId=++c;this.componentId=`dsa-tab-panel-${this.attrId}`;this.name="";this.tabindex=0;this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return a`
-      <slot
-        part="base"
-        class=${s({"tab-panel":!0,"tab-panel--active":this.active})}
-      ></slot>
-    `}};t.styles=p,e([r({reflect:!0})],t.prototype,"name",2),e([r({reflect:!0})],t.prototype,"tabindex",2),e([r({type:Boolean,reflect:!0})],t.prototype,"active",2),e([o("active")],t.prototype,"handleActiveChange",1),t=e([i("dsa-tab-panel")],t);export{t as a};

package/cdn/chunks/chunk.LIYDVH7Q.js

@@ -1,48 +0,0 @@
-import{a}from"./chunk.UMC4I57R.js";import{a as e}from"./chunk.6G2FNLAV.js";var o=e`
-  ${a}
-
-  :host {
-    display: table-row;
-    outline: none;
-    font: var(--dsa-wc-table-header-row-font);
-    background: var(--dsa-wc-table-header-row-background);
-    color: var(--dsa-wc-table-header-row-color);
-  }
-
-  /* Sizes */
-  :host([size='small']) {
-    block-size: var(--dsa-wc-table-row-small-height);
-  }
-
-  :host([size='medium']) {
-    block-size: var(--dsa-wc-table-row-medium-height);
-  }
-
-  :host([size='large']) {
-    block-size: var(--dsa-wc-table-row-large-height);
-  }
-
-  [part~='column-checkbox'] {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    min-width: var(--dsa-wc-table-row-selectable-cell-width);
-  }
-
-  .column-checkbox--content {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  :host(:not([loading])) [part~='column-checkbox']:hover {
-    background: var(--dsa-wc-table-header-cell-background-hover);
-  }
-
-  .column-expand-button {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    min-width: var(--dsa-wc-table-row-expandable-cell-width);
-  }
-`;export{o as a};

package/cdn/chunks/chunk.MQFH5TMZ.js

@@ -1 +0,0 @@
-import{a as R}from"./chunk.V75PDQVT.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as w,b as n,f as b}from"./chunk.KBZ32KWP.js";import{a as h}from"./chunk.GP725TPQ.js";import{f as s}from"./chunk.IZ2HVRME.js";var t=class extends b{constructor(){super(...arguments);this.role="table";this.size="medium";this.alignment="left"}connectedCallback(){super.connectedCallback(),this.handleRowSelect=this.handleRowSelect.bind(this),this.handleAllRowsSelect=this.handleAllRowsSelect.bind(this)}async firstUpdated(){if(!this.selectable)return;let e=this.querySelector(this.selectorHeaderRow);if(e){await e.updateComplete;let l=[...this.querySelectorAll(this.selectorAllRows)];if(e!=null&&e.selected)l.forEach(a=>a.selected=e.selected);else{let o=l.filter(c=>c.selected).length,r=o===l.length;e.checkbox.checked=o>0&&r,e.checkbox.indeterminate=o>0&&!r}}}addRowSelectionListeners(){this.addEventListener("dsa-table-row-change-selection",this.handleRowSelect),this.addEventListener("dsa-table-row-all-change-selection",this.handleAllRowsSelect)}removeRowSelectionListeners(){this.removeEventListener("dsa-table-row-change-selection",this.handleRowSelect),this.removeEventListener("dsa-table-row-all-change-selection",this.handleAllRowsSelect)}handleAllRowsSelect(){let e=this.querySelector(this.selectorHeaderRow);if(e===null)return;let l=[...this.querySelectorAll(this.selectorAllRows)];l.forEach(o=>o.selected=e.selected);let a=l.filter(o=>o.selected);this.emit("dsa-table-row-all-selected",{detail:{selectedRows:a}})}handleRowSelect(e){let{target:l}=e,a=[...this.querySelectorAll(this.selectorAllRows)],o=a.filter(p=>p.selected),r=o.length,c=this.querySelector(this.selectorHeaderRow),d=r===a.length;c!==null&&(c.checkbox.checked=r>0&&d,c.checkbox.indeterminate=r>0&&!d),this.emit("dsa-table-row-selected",{detail:{selectedRow:l,selectedRows:o}})}handleRowExpandable(){[...this.querySelectorAll(this.selectorAllRows)].forEach(l=>{this.expandable?l.setAttribute("expandable","true"):l.removeAttribute("expandable")})}handleHeaderRowExpandable(){let e=this.querySelector(this.selectorHeaderRow);e!==null&&(this.expandable?e.setAttribute("expandable","true"):e.removeAttribute("expandable"))}handleRowSelectable(){[...this.querySelectorAll(this.selectorAllRows)].forEach((l,a)=>{this.selectable===!0&&l.getAttribute("selection-name")===""?l.setAttribute("selection-name",`row-${a}`):this.selectable||l.setAttribute("selection-name","")})}handleHeaderRowSelectable(){let e=this.querySelector(this.selectorHeaderRow);e&&e.setAttribute("selection-name",this.selectable?"header":"")}handleSizeChange(){[...this.querySelectorAll(this.selectorAllRows),...this.querySelectorAll(this.selectorHeaderRow)].forEach(l=>{l.setAttribute("size",this.size)})}handleExpandableChange(){this.handleRowExpandable(),this.handleHeaderRowExpandable()}handleHeaderCellsCount(){let l=[...this.querySelectorAll(this.selectorHeaderCell)].length+ +!!this.expandable+ +!!this.selectable;[...this.querySelectorAll(this.selectorAllExpandedRows)].forEach(r=>{r.setAttribute("colspan",String(l))}),[...this.querySelectorAll(this.selectorAllSingleCellRows)].forEach(r=>{r.setAttribute("colspan",String(l))})}handleSortableChange(){this.querySelectorAll(this.selectorHeaderCell).forEach(l=>{this.sortable?l.setAttribute("sortable","true"):l.removeAttribute("sortable")})}handleSelectableChange(){this.selectable?this.addRowSelectionListeners():this.removeRowSelectionListeners(),this.handleRowSelectable(),this.handleHeaderRowSelectable()}handleAlignmentChange(){this.querySelectorAll(this.selectorHeaderCell).forEach(l=>{l.setAttribute("alignment",this.alignment)})}render(){return h` <slot></slot> `}get selectorHeaderCell(){return"dsa-table-header-cell"}get selectorHeaderRow(){return"dsa-table-header-row"}get selectorAllRows(){return"dsa-table-row"}get selectorAllExpandedRows(){return"dsa-table-expanded-row"}get selectorAllSingleCellRows(){return"dsa-table-single-cell-row"}};t.styles=R,s([n({reflect:!0})],t.prototype,"role",2),s([n({reflect:!0})],t.prototype,"size",2),s([n({type:Boolean,reflect:!0})],t.prototype,"sortable",2),s([n({type:Boolean,reflect:!0})],t.prototype,"selectable",2),s([n({type:Boolean,reflect:!0})],t.prototype,"expandable",2),s([n()],t.prototype,"alignment",2),s([i("size")],t.prototype,"handleSizeChange",1),s([i("expandable")],t.prototype,"handleExpandableChange",1),s([i(["expandable","selectable"])],t.prototype,"handleHeaderCellsCount",1),s([i("sortable")],t.prototype,"handleSortableChange",1),s([i("selectable")],t.prototype,"handleSelectableChange",1),s([i("alignment")],t.prototype,"handleAlignmentChange",1),t=s([w("dsa-table")],t);export{t as a};

package/cdn/chunks/chunk.N4VN25E6.js

@@ -1,44 +0,0 @@
-import{a as p}from"./chunk.2S76L6WY.js";import{a as m}from"./chunk.PIG773U2.js";import{c as u}from"./chunk.GM4KTNXL.js";import{c as d}from"./chunk.KD3BHBHK.js";import{d as c}from"./chunk.ZBHHLRFH.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as o,b as a,c as r,d as n,f as h}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.localize=new u(this);this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1;this.size="medium";this.error=!1;this.role="option";this.multiple=!1}connectedCallback(){super.connectedCallback(),this.role==="option"?this.setAttribute("aria-selected","false"):(this.setAttribute("aria-checked","false"),this.removeAttribute("aria-selected"))}handleDefaultSlotChange(){let l=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=l;return}l!==this.cachedTextLabel&&(this.cachedTextLabel=l,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute(this.role==="option"?"aria-selected":"aria-checked",this.selected?"true":"false")}handleErrorChange(){this.setAttribute("aria-invalid",this.error?"true":"false")}handleValueChange(){typeof this.value!="string"&&(this.value=String(this.value)),this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var l;return((l=this.textContent)!=null?l:"").trim()}render(){return s`
-      <div
-        part="base"
-        class=${c({option:!0,"option--small":this.size==="small","option--medium":this.size==="medium","option--large":this.size==="large","option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover,"option--error":this.error,"option--multiple":this.multiple})}
-        @mouseenter=${this.handleMouseEnter}
-        @mouseleave=${this.handleMouseLeave}
-      >
-        ${this.multiple?s`
-              <span class="checkbox__control">
-                ${this.selected?s`
-                      <dsa-icon
-                        name="done"
-                        class="checkbox__checked-icon"
-                        library="system"
-                      ></dsa-icon>
-                    `:""}
-              </span>
-            `:s`
-              <dsa-icon
-                part="checked-icon"
-                class="option__check"
-                name="check"
-                aria-hidden="true"
-                library="system"
-              ></dsa-icon>
-            `}
-        ${this.error?s`<dsa-icon
-              class="option__error-icon"
-              name="error"
-              library="system"
-            ></dsa-icon>`:""}
-        <slot part="prefix" name="prefix" class="option__prefix"></slot>
-        <slot
-          part="label"
-          class="option__label"
-          @slotchange=${this.handleDefaultSlotChange}
-        ></slot>
-        ${this.amount?s`
-              <dsa-visually-hidden>:</dsa-visually-hidden>
-              <span class="option__amount">${this.amount}</span>
-            `:""}
-        <slot part="suffix" name="suffix" class="option__suffix"></slot>
-      </div>
-    `}};e.styles=p,e.dependencies={"dsa-icon":d,"dsa-visually-hidden":m},t([n(".option__label")],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([a({reflect:!0})],e.prototype,"value",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a()],e.prototype,"size",2),t([a({type:Boolean})],e.prototype,"error",2),t([a()],e.prototype,"amount",2),t([a({reflect:!0})],e.prototype,"role",2),t([a({type:Boolean})],e.prototype,"multiple",2),t([i("disabled")],e.prototype,"handleDisabledChange",1),t([i("selected")],e.prototype,"handleSelectedChange",1),t([i("error")],e.prototype,"handleErrorChange",1),t([i("value")],e.prototype,"handleValueChange",1),e=t([o("dsa-option")],e);export{e as a};

package/cdn/chunks/chunk.QNAPY67H.js

@@ -1,73 +0,0 @@
-import{a as L}from"./chunk.ZPQE4HH4.js";import{a as z}from"./chunk.WJLFKSRJ.js";import{a as E}from"./chunk.FX5UP23Z.js";import{a as w}from"./chunk.OTNGFYHL.js";import{a as p,c as m,d as f}from"./chunk.HHVNQNCC.js";import{a as u,c as b}from"./chunk.TV2TMO2H.js";import{c as v}from"./chunk.GM4KTNXL.js";import{c as C}from"./chunk.KD3BHBHK.js";import{d as c}from"./chunk.ZBHHLRFH.js";import{a as s}from"./chunk.BWEPOOQP.js";import{a as g,b as d,c as r,d as n,f as x}from"./chunk.KBZ32KWP.js";import{a as l}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";function o(h,y,t){return h?y(h):t==null?void 0:t(h)}var e=class extends x{constructor(){super(...arguments);this.localize=new v(this);this.indeterminate=!1;this.isLeaf=!1;this.loading=!1;this.selectable=!1;this.expanded=!1;this.selected=!1;this.disabled=!1;this.lazy=!1}static isTreeItem(t){return t instanceof Element&&t.getAttribute("role")==="treeitem"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","treeitem"),this.setAttribute("tabindex","-1"),this.isNestedItem()&&(this.slot="children")}firstUpdated(){this.childrenContainer.hidden=!this.expanded,this.childrenContainer.style.height=this.expanded?"auto":"0",this.isLeaf=!this.lazy&&this.getChildrenItems().length===0,this.handleExpandedChange()}async animateCollapse(){this.emit("dsa-collapse"),await m(this.childrenContainer);let{keyframes:t,options:a}=b(this,"tree-item.collapse",{dir:this.localize.dir()});await p(this.childrenContainer,f(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.hidden=!0,this.emit("dsa-after-collapse")}isNestedItem(){let t=this.parentElement;return!!t&&e.isTreeItem(t)}handleChildrenSlotChange(){this.loading=!1,this.isLeaf=!this.lazy&&this.getChildrenItems().length===0}willUpdate(t){t.has("selected")&&!t.has("indeterminate")&&(this.indeterminate=!1)}async animateExpand(){this.emit("dsa-expand"),await m(this.childrenContainer),this.childrenContainer.hidden=!1;let{keyframes:t,options:a}=b(this,"tree-item.expand",{dir:this.localize.dir()});await p(this.childrenContainer,f(t,this.childrenContainer.scrollHeight),a),this.childrenContainer.style.height="auto",this.emit("dsa-after-expand")}handleLoadingChange(){this.setAttribute("aria-busy",this.loading?"true":"false"),this.loading||this.animateExpand()}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleExpandedChange(){this.isLeaf?this.removeAttribute("aria-expanded"):this.setAttribute("aria-expanded",this.expanded?"true":"false")}handleExpandAnimation(){this.expanded?this.lazy?(this.loading=!0,this.emit("dsa-lazy-load")):this.animateExpand():this.animateCollapse()}handleLazyChange(){this.emit("dsa-lazy-change")}getChildrenItems({includeDisabled:t=!0}={}){return this.childrenSlot?[...this.childrenSlot.assignedElements({flatten:!0})].filter(a=>e.isTreeItem(a)&&(t||!a.disabled)):[]}render(){let t=this.localize.dir()==="rtl",a=!this.loading&&(!this.isLeaf||this.lazy);return l`
-      <div
-        part="base"
-        class="${c({"tree-item":!0,"tree-item--expanded":this.expanded,"tree-item--selected":this.selected,"tree-item--disabled":this.disabled,"tree-item--leaf":this.isLeaf,"tree-item--has-expand-button":a,"tree-item--rtl":this.localize.dir()==="rtl"})}"
-      >
-        <div
-          class="tree-item__item"
-          part="
-            item
-            ${this.disabled?"item--disabled":""}
-            ${this.expanded?"item--expanded":""}
-            ${this.indeterminate?"item--indeterminate":""}
-            ${this.selected?"item--selected":""}
-          "
-        >
-          <div class="tree-item__indentation" part="indentation"></div>
-
-          <div
-            part="expand-button"
-            class=${c({"tree-item__expand-button":!0,"tree-item__expand-button--visible":a})}
-            aria-hidden="true"
-          >
-            ${o(this.loading,()=>l` <dsa-spinner></dsa-spinner> `)}
-            <dsa-icon
-              class="tree-item__expand-icon"
-              name=${t?"chevron_left":"chevron_right"}
-              library="system"
-            ></dsa-icon>
-
-            <dsa-icon
-              class="tree-item__collapse-icon"
-              name=${t?"chevron_left":"chevron_right"}
-              library="system"
-            ></dsa-icon>
-          </div>
-
-          ${o(this.selectable,()=>l`
-              <dsa-checkbox
-                tabindex="-1"
-                class="tree-item__checkbox"
-                ?disabled="${this.disabled}"
-                ?checked="${E(this.selected)}"
-                ?indeterminate="${this.indeterminate}"
-              ></dsa-checkbox>
-            `)}
-
-          <slot class="tree-item__label" part="label"></slot>
-
-          ${o(!this.selectable&&this.selected,()=>l` <dsa-icon
-                class="tree-item__selected-icon"
-                name="check"
-                library="system"
-              ></dsa-icon>`)}
-        </div>
-
-        <div class="tree-item__children" role="group">
-          <slot
-            name="children"
-            part="children"
-            @slotchange="${this.handleChildrenSlotChange}"
-          ></slot>
-        </div>
-      </div>
-    `}};e.styles=L,e.dependencies={"dsa-icon":C,"dsa-checkbox":z,"dsa-spinner":w},i([r()],e.prototype,"indeterminate",2),i([r()],e.prototype,"isLeaf",2),i([r()],e.prototype,"loading",2),i([r()],e.prototype,"selectable",2),i([d({type:Boolean,reflect:!0})],e.prototype,"expanded",2),i([d({type:Boolean,reflect:!0})],e.prototype,"selected",2),i([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([d({type:Boolean,reflect:!0})],e.prototype,"lazy",2),i([n("slot:not([name])")],e.prototype,"defaultSlot",2),i([n("slot[name=children]")],e.prototype,"childrenSlot",2),i([n(".tree-item__item")],e.prototype,"itemElement",2),i([n(".tree-item__children")],e.prototype,"childrenContainer",2),i([n(".tree-item__expand-button slot")],e.prototype,"expandButtonSlot",2),i([s("loading",{waitUntilFirstUpdate:!0})],e.prototype,"handleLoadingChange",1),i([s("disabled")],e.prototype,"handleDisabledChange",1),i([s("selected")],e.prototype,"handleSelectedChange",1),i([s("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandedChange",1),i([s("expanded",{waitUntilFirstUpdate:!0})],e.prototype,"handleExpandAnimation",1),i([s("lazy",{waitUntilFirstUpdate:!0})],e.prototype,"handleLazyChange",1),e=i([g("dsa-tree-item")],e);u("tree-item.expand",{keyframes:[{height:"0",opacity:"0",overflow:"hidden"},{height:"auto",opacity:"1",overflow:"hidden"}],options:{duration:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});u("tree-item.collapse",{keyframes:[{height:"auto",opacity:"1",overflow:"hidden"},{height:"0",opacity:"0",overflow:"hidden"}],options:{duration:200,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)"}});export{e as a};
-/*! Bundled license information:
-
-lit-html/directives/when.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn/chunks/chunk.QO3O2UNB.js

@@ -1,68 +0,0 @@
-import{a as E}from"./chunk.II4JQ433.js";import{a as x}from"./chunk.PIG773U2.js";import{a as C}from"./chunk.NJBAMERR.js";import{a as k}from"./chunk.SWEIVB73.js";import{a as p}from"./chunk.ELL45QD3.js";import{b,c as g,d as y,e as v}from"./chunk.FWTZS7LK.js";import{a as c}from"./chunk.B4KFHYLS.js";import{d as m}from"./chunk.ZBHHLRFH.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as u,b as i,c as n,d as h,f}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var o=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new p(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 t=this.required&&this.value.length===0;return this.customValidityMessage!==""?v:t?y:g}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?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(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(t.preventDefault(),t.stopPropagation(),!e||e.disabled||e.readonly||this.disabled||this.readonly)return;this.value.includes(e.value)?this.value=this.value.filter(s=>s!==e.value):this.value=[...this.value,e.value],this.getAllCheckboxes().forEach(s=>{s.checked=this.value.includes(s.value)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target;if(t.key===" "){if(t.preventDefault(),this.disabled||this.readonly||e.disabled||e.readonly)return;e.checked=!e.checked;let a=this.getAllCheckboxes().filter(s=>s.checked);this.value=a.map(s=>s.value),this.emit("dsa-input"),this.emit("dsa-change")}t.key==="Enter"&&(this.disabled||this.readonly||e.disabled||e.readonly)&&t.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let t=this.getAllCheckboxes();t.forEach(e=>{e.checked=this.value.includes(e.value),e.parentDisabled=this.disabled,e.parentReadonly=this.readonly}),this.hasCheckboxButtons=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=t.some(e=>e.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(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text","description"],t.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(t=>t.checked=this.value.includes(t.value)),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(t=>t.parentDisabled=this.disabled)}handleReadonlyChange(){this.getAllCheckboxes().forEach(t=>t.parentReadonly=this.readonly)}checkValidity(){let t=this.required&&this.value.length===0,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllCheckboxes().filter(s=>!s.disabled&&!s.readonly),a=e.find(s=>s.checked)||e[0];a&&a.focus(t)}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),a=this.label?!0:!!t,s=this.helpText?!0:!!e;return a||c("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&c("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
-      <fieldset
-        part="form-control"
-        class=${m({"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":s,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}
-        role="group"
-        aria-labelledby="label ${this.getDescriptionIds()}"
-      >
-        ${this.hideLabel?r`<dsa-visually-hidden id="label"
-              ><slot name="label">${this.label}</slot></dsa-visually-hidden
-            >`:r`
-              <span
-                part="form-control-label"
-                id="label"
-                class="form-control__label"
-                aria-hidden=${a?"false":"true"}
-                @click=${this.handleLabelClick}
-              >
-                ${this.required?r`<span class="form-control__label-required">*</span>`:""}
-                <slot name="label">${this.label}</slot>
-              </span>
-            `}
-
-        <slot name="tooltip" class="form-control__tooltip"></slot>
-
-        <div
-          part="form-control-input"
-          class="form-control-input form-control__field"
-        >
-          <dsa-visually-hidden>
-            <label class="checkbox-group__validation">
-              <input
-                class="checkbox-group__validation-input"
-                type="text"
-                ?required=${this.required}
-                tabindex="-1"
-                hidden
-                @invalid=${this.handleInvalid}
-              />
-            </label>
-          </dsa-visually-hidden>
-
-          <div
-            role="list"
-            class="form-control__options"
-            @click=${this.handleCheckboxClick}
-            @keydown=${this.handleKeyDown}
-          >
-            <slot @slotchange=${this.handleSlotChange}></slot>
-          </div>
-        </div>
-        <div
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${s?"false":"true"}
-        >
-          <slot name="help-text" part="form-control-help-text">
-            ${this.helpText}
-          </slot>
-        </div>
-
-        ${this.error?k(this.errorMessage):""}
-        ${this.description?r`
-              <p id="description" class="form-control__description">
-                ${this.description}
-              </p>
-            `:""}
-      </fieldset>
-    `}};o.styles=E,o.dependencies={"dsa-error-text":C,"dsa-visually-hidden":x},l([h("slot:not([name])")],o.prototype,"defaultSlot",2),l([h(".checkbox-group__validation-input")],o.prototype,"validationInput",2),l([n()],o.prototype,"hasCheckboxButtons",2),l([n()],o.prototype,"hasCheckboxCards",2),l([n()],o.prototype,"defaultValue",2),l([i()],o.prototype,"label",2),l([i({attribute:"help-text"})],o.prototype,"helpText",2),l([i({attribute:"description"})],o.prototype,"description",2),l([i()],o.prototype,"name",2),l([i({converter:{fromAttribute:t=>t.split(","),toAttribute:t=>typeof t=="string"?t:t.join(",")}})],o.prototype,"value",2),l([i({reflect:!0})],o.prototype,"form",2),l([i({type:Boolean,reflect:!0})],o.prototype,"required",2),l([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],o.prototype,"readonly",2),l([i({type:Boolean})],o.prototype,"horizontal",2),l([i({type:Boolean})],o.prototype,"error",2),l([i({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],o.prototype,"errorMessage",2),l([i({type:Boolean,attribute:"hide-label"})],o.prototype,"hideLabel",2),l([d("value",{waitUntilFirstUpdate:!0})],o.prototype,"handleValueChange",1),l([d("disabled")],o.prototype,"handleDisabledChange",1),l([d("readonly")],o.prototype,"handleReadonlyChange",1),o=l([u("dsa-checkbox-group")],o);export{o as a};

package/cdn/chunks/chunk.QVF2D4NC.js

@@ -1 +0,0 @@
-import{a as o}from"./chunk.FEXCFMDC.js";import{a}from"./chunk.QO3O2UNB.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback();let s=this.parentElement;!this.hasAttribute("role")&&s instanceof a&&this.setAttribute("role","listitem")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!this.checked)}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([i("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-button")],t);export{t as a};

package/cdn/chunks/chunk.RVQUT7ZY.js

@@ -1,26 +0,0 @@
-import{a}from"./chunk.GGGLGLGP.js";import{a as h}from"./chunk.AAEIE3M2.js";import{a as n}from"./chunk.LIYDVH7Q.js";import{a as d}from"./chunk.PIG773U2.js";import{a as i,d as o}from"./chunk.KBZ32KWP.js";import{a as t}from"./chunk.GP725TPQ.js";import{a as s,b as c,f as l}from"./chunk.IZ2HVRME.js";var e=class extends a{handleCheckboxChange(){this.selected=this.checkbox.checked,this.emit("dsa-table-row-all-change-selection")}renderFirstCell(){return this.selectionName?t`
-      <dsa-table-header-cell part="column-checkbox" aria-hidden=${this.loading}>
-        <div class="column-checkbox--content">
-          <dsa-checkbox
-            class="checkbox"
-            size="small"
-            name=${this.selectionName}
-            accessible-name=${this.selectionLabel!==""?this.selectionLabel:this.localize.term("selectAllTableRows")}
-            value=${this.selectionValue}
-            ?checked=${this.selected}
-            @click=${r=>r.stopPropagation()}
-            @dsa-change=${this.handleCheckboxChange}
-            ?disabled=${this.loading}
-          ></dsa-checkbox>
-        </div>
-      </dsa-table-header-cell>
-    `:t``}renderExpandButton(){return t`
-      <dsa-table-header-cell
-        class="column-expand-button"
-        aria-hidden=${this.loading}
-      >
-        <dsa-visually-hidden>
-          ${this.localize.term("showExpandedTableRowHeader")}
-        </dsa-visually-hidden>
-      </dsa-table-header-cell>
-    `}};e.styles=n,e.dependencies=c(s({},a.dependencies),{"dsa-table-header-cell":h,"dsa-visually-hidden":d}),l([o(".checkbox")],e.prototype,"selectAllCheckbox",2),e=l([i("dsa-table-header-row")],e);export{e as a};

package/cdn/chunks/chunk.SIT3GCR7.js

@@ -1,173 +0,0 @@
-import{a as z}from"./chunk.QSJXNN7N.js";import{a as L}from"./chunk.2PN56GC6.js";import{a as x}from"./chunk.N4VN25E6.js";import{a as P}from"./chunk.VL5LPHV3.js";import{a as K}from"./chunk.CUYQOZPJ.js";import{a as V}from"./chunk.U4TME7DS.js";import{a as F}from"./chunk.NJBAMERR.js";import{a as A}from"./chunk.4HSGYXFW.js";import{a as T}from"./chunk.OTNGFYHL.js";import{b as k}from"./chunk.FWTZS7LK.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as v,c as g}from"./chunk.HHVNQNCC.js";import{a as w,c as $}from"./chunk.TV2TMO2H.js";import{a as d}from"./chunk.NIRNX67K.js";import{c as D}from"./chunk.GM4KTNXL.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as y}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as _,b as o,c as r,d as p}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var f="dsa-option",s=class extends P{constructor(){super(...arguments);this.formControlController=new k(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new D(this);this.hasVisualFocus=!1;this.displayLabel="";this.selectedOptions=[];this.allOptions=[];this.filteredOptions=[];this.displayedOptionsCount=0;this.debounceTimerId=null;this.open=!1;this.value="";this.defaultValue="";this.hoist=!1;this.placement="bottom";this.clearable=!1;this.noSyncWidth=!1;this.items=void 0;this.multiple=!1;this.maxOptionsVisible=3;this.visibleListLength=void 0;this.debounceTimeout=300;this.fetchingState="idle";this.overrideDefaultFiltering=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.allOptions=this.getAllOptions(),this.filteredOptions=[...this.allOptions],this.resetDisplayedOptionsCount()}handleBlur(){this.hasVisualFocus=!1,this.emit("dsa-blur")}handleFocus(){this.hasVisualFocus=!0,this.emit("dsa-focus")}handleComboboxMouseDown(e){let i=e.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="dsa-tag");this.readonly||this.disabled||i||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.filterOptions(this.displayLabel),this.open?this.hide():this.show())}handleComboboxKeyDown(e){this.filterOptions(this.displayLabel),this.handleDefaultKeyDown(e)}handleClearMouseKeyDown(e){switch(e.stopPropagation(),e.key){case"Enter":case"Escape":this.clearSelection(),this.displayInput.focus({preventScroll:!0});break}}handleChange(){var e;this.displayLabel=this.displayInput.value,this.emit("dsa-change"),this.multiple||this.displayLabel!==((e=this.selectedOptions[0])==null?void 0:e.getTextLabel())&&this.clearSelectedOptions()}handleInput(){this.displayLabel=this.displayInput.value,this.show(),!this.multiple&&this.displayLabel===""&&this.clearSelection(),this.debounceTimerId!==null&&clearTimeout(this.debounceTimerId),this.debounceTimerId=setTimeout(()=>this.emit("dsa-input"),this.debounceTimeout)}handleClearClick(e){e.stopPropagation(),this.value!==""&&(this.displayInput.focus({preventScroll:!0}),this.clearSelection())}clearSelection(){this.clearSelectedOptions(),this.value="",this.syncOnSelection(),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")})}filterOptions(e){this.overrideDefaultFiltering?this.filteredOptions=this.allOptions:this.filteredOptions=this.allOptions.filter(t=>L(t.innerText).includes(L(e)))}resetDisplayedOptionsCount(){this.displayedOptionsCount=this.visibleListLength?Math.min(this.visibleListLength,this.filteredOptions.length):this.filteredOptions.length}toggleOptionSelection(e,t){e.selected=t||!e.selected,this.selectedOptions=this.allOptions.filter(i=>i.selected),this.syncOnSelection()}handleOptionClick(e){let i=e.target.closest(f);if(this.setCurrentOption(void 0),i!==this.seeMoreOption&&i!==null&&!i.disabled){let l=this.value;this.multiple?this.toggleOptionSelection(i):(this.setSelectedOptions(i),this.syncOnSelection(),this.filterOptions(this.displayLabel)),this.updateComplete.then(()=>{this.value!==l&&(this.emit("dsa-input"),this.emit("dsa-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0)}}handleDefaultSlotChange(){if(customElements.get(f)){this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection()}else customElements.whenDefined(f).then(()=>this.handleDefaultSlotChange());this.resetDisplayedOptionsCount()}handleTagRemove(e,t){e.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(t),this.toggleOptionSelection(t,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(e){let t=this.selectedOptions.findIndex(l=>l===e),i=this.selectedOptions[t+1];i?i.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){if(this.items!==void 0)return this.items;let e=this.querySelectorAll(f),t=[];return e.forEach(i=>{let l=i.cloneNode(!0);l.multiple=this.multiple,l.id=l.value,t.push(l)}),t}clearSelectedOptions(){this.selectedOptions=[],this.allOptions.forEach(e=>{e.selected=!1})}setCurrentOption(e){this.allOptions.forEach(t=>{t.current=!1}),e!==void 0?(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus()):this.currentOption=void 0}setSelectedOptions(e){let t=Array.isArray(e)?e:[e];this.clearSelectedOptions(),t.forEach(i=>{i.selected=!0}),this.selectedOptions=this.allOptions.filter(i=>i.selected)}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}syncOnSelection(){var e,t,i,l;this.multiple?this.value=this.selectedOptions.map(m=>m.value):(this.value=(t=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?t:this.value,this.displayLabel=(l=(i=this.selectedOptions[0])==null?void 0:i.getTextLabel())!=null?l:""),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.filterOptions(this.displayLabel)})}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}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.hide()}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDefaultKeyDown(e){switch(e.key){case"Escape":case"Tab":this.handleEscapeAndTabKeys(e);break;case"Enter":e.stopPropagation(),this.handleEnterKey(e);break;case" ":this.handleSpaceKey(e);break;case"ArrowLeft":case"ArrowRight":e.stopPropagation(),this.handleArrowKeys();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.stopPropagation(),this.handleNavigationKeys(e);break;default:e.stopPropagation(),this.focus();break}}handleEscapeAndTabKeys(e){if(this.open){e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0;return}e.key==="Escape"&&(this.multiple&&this.displayLabel!==""&&(e.stopPropagation(),this.displayLabel=""),!this.multiple&&this.selectedOptions.length>0&&(e.stopPropagation(),this.clearSelection()))}handleEnterKey(e){var l;let i=e.target.closest("dsa-tag")!==null;if((l=this.seeMoreOption)!=null&&l.current){this.handleSeeMoreClick();return}i||(e.preventDefault(),e.stopImmediatePropagation(),this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")})))}handleSpaceKey(e){this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(e.preventDefault(),e.stopImmediatePropagation(),this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}handleArrowKeys(){this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0}),this.setCurrentOption(void 0)}handleNavigationKeys(e){var i,l;let t=this.currentOption!==void 0?this.filteredOptions.indexOf(this.currentOption):-1;switch(e.preventDefault(),this.open||this.show(),e.key){case"ArrowDown":if((i=this.seeMoreOption)!=null&&i.current)break;t<this.displayedOptionsCount-1?this.setCurrentOption(this.filteredOptions[t+1]):this.filteredOptions.length>this.displayedOptionsCount&&(this.seeMoreOption?this.setCurrentOption(this.seeMoreOption):this.setCurrentOption(void 0));break;case"ArrowUp":(l=this.seeMoreOption)!=null&&l.current?(this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption.current=!1):t===0?(this.setCurrentOption(void 0),this.focus()):t>0&&this.setCurrentOption(this.filteredOptions[t-1]);break;case"Home":this.setCurrentOption(this.filteredOptions[0]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break;case"End":this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break}this.hasVisualFocus=!1}handleSeeMoreClick(){var e;this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount]),this.displayedOptionsCount=Math.min(this.displayedOptionsCount+((e=this.visibleListLength)!=null?e:0),this.filteredOptions.length),this.seeMoreOption&&(this.seeMoreOption.current=!1)}getDescriptionIds(){let e=[];if(this.multiple&&this.maxOptionsVisible>0){let t=this.selectedOptions.slice(0,this.maxOptionsVisible).map(i=>`tag-${i.value}`).join(" ");e=[...e,t]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(e=[...e,"tag-remaining"]),this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleItemsChange(){var t;(t=this.items)==null||t.forEach(i=>{i.id=i.id&&i.id!==""?i.id:i.value,i.multiple=this.multiple}),this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(i=>e.includes(i.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection(),this.resetDisplayedOptionsCount()}handleValueChange(){let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),this.multiple||this.syncOnSelection()}async handleOpenChange(){var e,t;if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,this.displayInput.focus({preventScroll:!0}),requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:i,options:l}=$(this,"select.show",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),this.multiple||(this.displayLabel=(t=(e=this.selectedOptions[0])==null?void 0:e.getTextLabel())!=null?t:""),await g(this);let{keyframes:i,options:l}=$(this,"select.hide",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.listbox.hidden=!0,this.popup.active=!1,this.emit("dsa-after-hide")}}handleDisplayLabelChange(){this.filterOptions(this.displayLabel),this.resetDisplayedOptionsCount()}handleMultipleChange(){this.allOptions.forEach(e=>{e.multiple=this.multiple})}async show(){if(!(this.open||this.disabled||this.readonly||this.allOptions.length===0&&this.fetchingState==="idle"))return this.open=!0,await b(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,this.currentOption=void 0,await b(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){this.hasVisualFocus=!0,this.displayInput.focus(e)}blur(){this.hasVisualFocus=!1,this.displayInput.blur()}renderInput(){var S,E,I,C;let e=this.value.length>0,t=this.hasSlotController.test("label"),i=this.label?!0:!!t,l=this.clearable&&!this.disabled&&!this.readonly&&e,m=this.placeholder&&this.value.length===0,N=this.value?e?this.value.length:1:void 0,H=this.disabled||this.readonly,R=this.filteredOptions.slice(0,this.displayedOptionsCount);return a`
-      <dsa-popup
-        class=${y({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasVisualFocus,"select--placeholder-visible":m,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
-        part="popup"
-        placement=${this.placement}
-        strategy=${this.hoist?"fixed":"absolute"}
-        flip
-        shift
-        sync=${this.noSyncWidth?void 0:"width"}
-        auto-size="vertical"
-        auto-size-padding="10"
-      >
-        <div
-          part="combobox"
-          class="select__combobox"
-          slot="anchor"
-          @click=${this.handleComboboxMouseDown}
-          @keydown=${this.handleComboboxKeyDown}
-        >
-          <slot part="prefix" name="prefix" class="select__prefix"></slot>
-          <div
-            class=${y({"input-container":!0})}
-          >
-            <input
-              id="input"
-              part="display-input"
-              class="select__display-input"
-              type="text"
-              .value=${this.displayLabel}
-              placeholder=${d(this.placeholder)}
-              .disabled=${this.disabled}
-              size=${N}
-              autocomplete="off"
-              spellcheck="false"
-              autocapitalize="off"
-              ?readonly=${this.readonly}
-              title=${d((S=this.accessibleName)!=null?S:this.title)}
-              aria-controls="listbox"
-              aria-autocomplete="list"
-              aria-expanded=${this.open?"true":"false"}
-              aria-haspopup="listbox"
-              aria-labelledby=${d(i?"label":void 0)}
-              aria-label=${d(i?void 0:(E=this.accessibleName)!=null?E:this.title)}
-              aria-disabled=${c(this.readonly?"true":void 0)}
-              aria-describedby=${this.getDescriptionIds()}
-              aria-activedescendant=${(C=(I=this.currentOption)==null?void 0:I.id)!=null?C:""}
-              aria-invalid=${c(this.error?"true":void 0)}
-              aria-required=${c(this.required?"true":void 0)}
-              role="combobox"
-              @change=${this.handleChange}
-              @input=${this.handleInput}
-              @focus=${this.handleFocus}
-              @blur=${this.handleBlur}
-              @invalid=${this.handleInvalid}
-            />
-
-            ${this.multiple&&this.value.length>0?a`
-                  <div part="tags" class="select__tags">
-                    ${this.selectedOptions.map((u,O)=>O<this.maxOptionsVisible||this.maxOptionsVisible<=0?a`
-                          <dsa-tag
-                            part="tag"
-                            exportparts="
-                                base:tag__base,
-                                content:tag__content,
-                                remove-button:tag__remove-button,
-                                remove-button__base:tag__remove-button__base
-                              "
-                            size=${this.size}
-                            removable
-                            ?disable-removable-focus=${this.disabled||this.readonly}
-                            @dsa-remove=${U=>this.handleTagRemove(U,u)}
-                            label=${u.getTextLabel()}
-                          >
-                          </dsa-tag>
-                          <span
-                            id=${`tag-${u.value}`}
-                            class="hidden-tag-label"
-                            >${u.getTextLabel()},</span
-                          >
-                        `:O===this.maxOptionsVisible?a`
-                          <dsa-tag
-                            id="tag-remaining"
-                            size=${this.size}
-                            label="+${this.selectedOptions.length-O}"
-                          >
-                          </dsa-tag>
-                        `:null)}
-                  </div>
-                `:""}
-          </div>
-
-          <input
-            class="select__value-input"
-            type="text"
-            ?disabled=${H}
-            ?required=${this.required}
-            .value=${this.value}
-            tabindex="-1"
-            aria-hidden="true"
-            @focus=${()=>this.focus()}
-            @invalid=${this.handleInvalid}
-          />
-
-          ${l?a`
-                <button
-                  part="clear-button"
-                  class="select__clear"
-                  type="button"
-                  aria-label=${this.localize.term("clearEntry")}
-                  @mousedown=${this.handleClearMouseDown}
-                  @keydown=${this.handleClearMouseKeyDown}
-                  @click=${this.handleClearClick}
-                >
-                  <dsa-icon name="close" library="system"></dsa-icon>
-                </button>
-              `:""}
-          ${this.allOptions.length>0||this.fetchingState!=="idle"?a`
-                <dsa-icon
-                  class="select__expand-icon"
-                  name="expand_more"
-                  library="system"
-                ></dsa-icon>
-              `:""}
-        </div>
-        <ul
-          id="listbox"
-          role="listbox"
-          aria-expanded=${this.open?"true":"false"}
-          aria-multiselectable="false"
-          aria-labelledby="label"
-          part="listbox"
-          class="select__panel"
-          tabindex="-1"
-          @keydown=${this.handleDefaultKeyDown}
-          @mouseup=${this.handleOptionClick}
-        >
-          ${this.fetchingState==="loading"?a`
-                <div class="select__loading_text">
-                  <dsa-spinner></dsa-spinner>
-                  <p>${this.localize.term("optionsLoading")}</p>
-                </div>
-              `:a``}
-          ${this.fetchingState==="error"?a`
-                <div class="select__loading_text">
-                  <p>${this.localize.term("optionsError")}</p>
-                </div>
-              `:a``}
-          ${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length>0?R:a``}
-          ${this.visibleListLength&&this.visibleListLength>0&&this.filteredOptions.length>this.displayedOptionsCount?a`
-                <dsa-option
-                  class="select__panel-see-more-option"
-                  id="dsa-seemore-option"
-                  @click=${this.handleSeeMoreClick}
-                  ><span class="see-more-option-text"
-                    >${this.localize.term("seeMore")}</span
-                  ></dsa-option
-                >
-              `:""}
-          ${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length===0?a`
-                <div class="select__empty_text">
-                  <p>${this.localize.term("noMatchFound")}</p>
-                </div>
-              `:a``}
-        </ul>
-
-        <slot
-          class="slot_options"
-          tabindex="-1"
-          @slotchange=${this.handleDefaultSlotChange}
-        >
-        </slot>
-      </dsa-popup>
-    `}};s.styles=A,s.dependencies={"dsa-icon":M,"dsa-popup":K,"dsa-tag":z,"dsa-error-text":F,"dsa-spinner":T,"dsa-option":x},n([p(".select")],s.prototype,"popup",2),n([p(".select__combobox")],s.prototype,"combobox",2),n([p(".select__display-input")],s.prototype,"displayInput",2),n([p(".select__value-input")],s.prototype,"valueInput",2),n([p(".select__panel")],s.prototype,"listbox",2),n([p(".select__panel-see-more-option")],s.prototype,"seeMoreOption",2),n([r()],s.prototype,"hasVisualFocus",2),n([r()],s.prototype,"displayLabel",2),n([r()],s.prototype,"currentOption",2),n([r()],s.prototype,"selectedOptions",2),n([r()],s.prototype,"allOptions",2),n([r()],s.prototype,"filteredOptions",2),n([r()],s.prototype,"displayedOptionsCount",2),n([r()],s.prototype,"debounceTimerId",2),n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([o({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>typeof e=="string"?e:e.join(" ")}})],s.prototype,"value",2),n([V()],s.prototype,"defaultValue",2),n([o({type:Boolean})],s.prototype,"hoist",2),n([o({reflect:!0})],s.prototype,"placement",2),n([o({type:Boolean})],s.prototype,"clearable",2),n([o({attribute:"no-sync-width",type:Boolean})],s.prototype,"noSyncWidth",2),n([o({type:Array,attribute:!1})],s.prototype,"items",2),n([o({type:Boolean})],s.prototype,"multiple",2),n([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),n([o({attribute:"visible-list-length",type:Number||void 0})],s.prototype,"visibleListLength",2),n([o({type:Number,attribute:"debounce-timeout"})],s.prototype,"debounceTimeout",2),n([o({attribute:"fetching-state"})],s.prototype,"fetchingState",2),n([o({type:Boolean,attribute:"override-default-filtering"})],s.prototype,"overrideDefaultFiltering",2),n([h("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),n([h("readonly",{waitUntilFirstUpdate:!0})],s.prototype,"handleReadonlyChange",1),n([h("items")],s.prototype,"handleItemsChange",1),n([h("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),n([h("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),n([h("displayLabel")],s.prototype,"handleDisplayLabelChange",1),n([h("multiple")],s.prototype,"handleMultipleChange",1),s=n([_("dsa-combobox")],s);w("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});w("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};