ids-enterprise-wc 1.0.0-beta.18 → 1.0.0-beta.19

package/chunks/ids-chunk-GECFXBQY.js

@@ -1,279 +0,0 @@
-import{a as y}from"./ids-chunk-DK5QOJMP.js";import{a as m,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-RCDMHHTV.js";import{e as k}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4NXTNKXV.js";import{a as u,b,d as g,g as i}from"./ids-chunk-Y32WUP63.js";var A=`/* Ids Step Chart Component */
-:host {
-  width: 100%;
-}
-
-:host([disabled]) .ids-step-chart .step-chart-container .step {
-  background-color: var(--ids-step-chart-step-disabled-color);
-}
-
-.ids-step-chart {
-  contain: content;
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  margin: var(--ids-step-chart-margin);
-}
-.ids-step-chart .step-label-container {
-  margin-block-end: var(--ids-step-chart-inner-margin);
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  flex: 1 1 auto;
-}
-.ids-step-chart .step-label-container .secondary-label {
-  display: flex;
-  flex-direction: row;
-}
-.ids-step-chart .step-label-container .secondary-label .completed-label {
-  margin-inline-end: var(--ids-step-chart-inner-margin);
-}
-.ids-step-chart .step-label-container .secondary-label .icon {
-  margin-inline-start: var(--ids-step-chart-inner-margin);
-}
-.ids-step-chart .step-chart-container {
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-}
-.ids-step-chart .step-chart-container .step {
-  margin: calc(var(--ids-step-chart-inner-margin) - 3px);
-  height: var(--ids-step-chart-height);
-  box-sizing: content-box;
-  border: 1px;
-  flex: 1 1 auto;
-}
-.ids-step-chart .step-chart-container .step[color=ruby01] {
-  background-color: var(--ids-color-ruby-10);
-}
-.ids-step-chart .step-chart-container .step[color=ruby02] {
-  background-color: var(--ids-color-ruby-20);
-}
-.ids-step-chart .step-chart-container .step[color=ruby03] {
-  background-color: var(--ids-color-ruby-30);
-}
-.ids-step-chart .step-chart-container .step[color=ruby04] {
-  background-color: var(--ids-color-ruby-40);
-}
-.ids-step-chart .step-chart-container .step[color=ruby05] {
-  background-color: var(--ids-color-ruby-50);
-}
-.ids-step-chart .step-chart-container .step[color=ruby06] {
-  background-color: var(--ids-color-ruby-60);
-}
-.ids-step-chart .step-chart-container .step[color=ruby07] {
-  background-color: var(--ids-color-ruby-70);
-}
-.ids-step-chart .step-chart-container .step[color=ruby08] {
-  background-color: var(--ids-color-ruby-80);
-}
-.ids-step-chart .step-chart-container .step[color=ruby09] {
-  background-color: var(--ids-color-ruby-90);
-}
-.ids-step-chart .step-chart-container .step[color=ruby10] {
-  background-color: var(--ids-color-ruby-100);
-}
-.ids-step-chart .step-chart-container .step[color=amber01] {
-  background-color: var(--ids-color-amber-10);
-}
-.ids-step-chart .step-chart-container .step[color=amber02] {
-  background-color: var(--ids-color-amber-20);
-}
-.ids-step-chart .step-chart-container .step[color=amber03] {
-  background-color: var(--ids-color-amber-30);
-}
-.ids-step-chart .step-chart-container .step[color=amber04] {
-  background-color: var(--ids-color-amber-40);
-}
-.ids-step-chart .step-chart-container .step[color=amber05] {
-  background-color: var(--ids-color-amber-50);
-}
-.ids-step-chart .step-chart-container .step[color=amber06] {
-  background-color: var(--ids-color-amber-60);
-}
-.ids-step-chart .step-chart-container .step[color=amber07] {
-  background-color: var(--ids-color-amber-70);
-}
-.ids-step-chart .step-chart-container .step[color=amber08] {
-  background-color: var(--ids-color-amber-80);
-}
-.ids-step-chart .step-chart-container .step[color=amber09] {
-  background-color: var(--ids-color-amber-90);
-}
-.ids-step-chart .step-chart-container .step[color=amber10] {
-  background-color: var(--ids-color-amber-100);
-}
-.ids-step-chart .step-chart-container .step[color=emerald01] {
-  background-color: var(--ids-color-emerald-10);
-}
-.ids-step-chart .step-chart-container .step[color=emerald02] {
-  background-color: var(--ids-color-emerald-20);
-}
-.ids-step-chart .step-chart-container .step[color=emerald03] {
-  background-color: var(--ids-color-emerald-30);
-}
-.ids-step-chart .step-chart-container .step[color=emerald04] {
-  background-color: var(--ids-color-emerald-40);
-}
-.ids-step-chart .step-chart-container .step[color=emerald05] {
-  background-color: var(--ids-color-emerald-50);
-}
-.ids-step-chart .step-chart-container .step[color=emerald06] {
-  background-color: var(--ids-color-emerald-60);
-}
-.ids-step-chart .step-chart-container .step[color=emerald07] {
-  background-color: var(--ids-color-emerald-70);
-}
-.ids-step-chart .step-chart-container .step[color=emerald08] {
-  background-color: var(--ids-color-emerald-80);
-}
-.ids-step-chart .step-chart-container .step[color=emerald09] {
-  background-color: var(--ids-color-emerald-90);
-}
-.ids-step-chart .step-chart-container .step[color=emerald10] {
-  background-color: var(--ids-color-emerald-100);
-}
-.ids-step-chart .step-chart-container .step[color=azure01] {
-  background-color: var(--ids-color-azure-10);
-}
-.ids-step-chart .step-chart-container .step[color=azure02] {
-  background-color: var(--ids-color-azure-20);
-}
-.ids-step-chart .step-chart-container .step[color=azure03] {
-  background-color: var(--ids-color-azure-30);
-}
-.ids-step-chart .step-chart-container .step[color=azure04] {
-  background-color: var(--ids-color-azure-40);
-}
-.ids-step-chart .step-chart-container .step[color=azure05] {
-  background-color: var(--ids-color-azure-50);
-}
-.ids-step-chart .step-chart-container .step[color=azure06] {
-  background-color: var(--ids-color-azure-60);
-}
-.ids-step-chart .step-chart-container .step[color=azure07] {
-  background-color: var(--ids-color-azure-70);
-}
-.ids-step-chart .step-chart-container .step[color=azure08] {
-  background-color: var(--ids-color-azure-80);
-}
-.ids-step-chart .step-chart-container .step[color=azure09] {
-  background-color: var(--ids-color-azure-90);
-}
-.ids-step-chart .step-chart-container .step[color=azure10] {
-  background-color: var(--ids-color-azure-100);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise01] {
-  background-color: var(--ids-color-turquoise-10);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise02] {
-  background-color: var(--ids-color-turquoise-20);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise03] {
-  background-color: var(--ids-color-turquoise-30);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise04] {
-  background-color: var(--ids-color-turquoise-40);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise05] {
-  background-color: var(--ids-color-turquoise-50);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise06] {
-  background-color: var(--ids-color-turquoise-60);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise07] {
-  background-color: var(--ids-color-turquoise-70);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise08] {
-  background-color: var(--ids-color-turquoise-80);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise09] {
-  background-color: var(--ids-color-turquoise-90);
-}
-.ids-step-chart .step-chart-container .step[color=turquoise10] {
-  background-color: var(--ids-color-turquoise-100);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst01] {
-  background-color: var(--ids-color-amethyst-10);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst02] {
-  background-color: var(--ids-color-amethyst-20);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst03] {
-  background-color: var(--ids-color-amethyst-30);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst04] {
-  background-color: var(--ids-color-amethyst-40);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst05] {
-  background-color: var(--ids-color-amethyst-50);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst06] {
-  background-color: var(--ids-color-amethyst-60);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst07] {
-  background-color: var(--ids-color-amethyst-70);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst08] {
-  background-color: var(--ids-color-amethyst-80);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst09] {
-  background-color: var(--ids-color-amethyst-90);
-}
-.ids-step-chart .step-chart-container .step[color=amethyst10] {
-  background-color: var(--ids-color-amethyst-100);
-}
-.ids-step-chart .step-chart-container .step[color=slate01] {
-  background-color: var(--ids-color-neutral-10);
-}
-.ids-step-chart .step-chart-container .step[color=slate02] {
-  background-color: var(--ids-color-neutral-20);
-}
-.ids-step-chart .step-chart-container .step[color=slate03] {
-  background-color: var(--ids-color-neutral-30);
-}
-.ids-step-chart .step-chart-container .step[color=slate04] {
-  background-color: var(--ids-color-neutral-40);
-}
-.ids-step-chart .step-chart-container .step[color=slate05] {
-  background-color: var(--ids-color-neutral-50);
-}
-.ids-step-chart .step-chart-container .step[color=slate06] {
-  background-color: var(--ids-color-neutral-60);
-}
-.ids-step-chart .step-chart-container .step[color=slate07] {
-  background-color: var(--ids-color-neutral-70);
-}
-.ids-step-chart .step-chart-container .step[color=slate08] {
-  background-color: var(--ids-color-neutral-80);
-}
-.ids-step-chart .step-chart-container .step[color=slate09] {
-  background-color: var(--ids-color-neutral-90);
-}
-.ids-step-chart .step-chart-container .step[color=slate10] {
-  background-color: var(--ids-color-neutral-100);
-}
-.ids-step-chart .step-chart-container .step[color=base] {
-  background-color: var(--ids-color-primary);
-}
-.ids-step-chart .step-chart-container .step[color=info] {
-  background-color: var(--ids-color-info);
-}
-.ids-step-chart .step-chart-container .step[color=caution] {
-  background-color: var(--ids-color-caution);
-}
-.ids-step-chart .step-chart-container .step[color=error] {
-  background-color: var(--ids-color-error);
-}
-.ids-step-chart .step-chart-container .step[color=success] {
-  background-color: var(--ids-color-success);
-}
-.ids-step-chart .step-chart-container .step[color=warning] {
-  background-color: var(--ids-color-warning);
-}
-.ids-step-chart .step-chart-container .step.untouched {
-  background-color: var(--ids-step-chart-color-background-default);
-}
-.ids-step-chart .step-chart-container .step.completed {
-  background-color: var(--ids-step-chart-color-background-complete);
-}`;var e,l,s=class extends y(f){constructor(){super();g(this,e);b(this,"internalStepsInProgress",[])}connectedCallback(){super.connectedCallback()}static get attributes(){return[...super.attributes,t.COLOR,t.COMPLETED_LABEL,t.DISABLED,t.LABEL,t.PROGRESS_COLOR,t.STEP_NUMBER,t.STEPS_IN_PROGRESS,t.VALUE]}get color(){return this.getAttribute(t.COLOR)}set color(r){r&&this.getAttribute(t.COLOR)!==r&&(this.setAttribute("color",r),this.container?.querySelectorAll(".complete").forEach(o=>{o.setAttribute("color",r)}))}get completedLabel(){return this.getAttribute(t.COMPLETED_LABEL)??""}set completedLabel(r){if(this.getAttribute(t.COMPLETED_LABEL)!==r){this.setAttribute("completed-label",r);let o=this.container?.querySelector(".completed-label");o&&(o.innerHTML=`${r}`)}}set disabled(r){k(r)?this.setAttribute(t.DISABLED,""):this.removeAttribute(t.DISABLED)}get disabled(){return this.hasAttribute(t.DISABLED)}get label(){return this.getAttribute(t.LABEL)??""}set label(r){if(this.getAttribute(t.LABEL)!==r){this.setAttribute("label",r);let o=this.container?.querySelector(".label");o&&(o.innerHTML=`${r}`)}}get progressColor(){return this.getAttribute(t.PROGRESS_COLOR)}set progressColor(r){this.getAttribute(t.PROGRESS_COLOR)!==r&&(this.setAttribute("progress-color",String(r)),this.container?.querySelectorAll(".in-progress").forEach(o=>{o.setAttribute("color",String(r))}))}get stepNumber(){return parseInt(this.getAttribute(t.STEP_NUMBER)??"")}set stepNumber(r){this.getAttribute(t.STEP_NUMBER)!==r&&(this.setAttribute("step-number",String(r)),this.container&&(this.container.innerHTML=this.template()),i(this,e,l).call(this))}get stepsInProgress(){return this.internalStepsInProgress}set stepsInProgress(r){typeof r=="string"&&(r=r.split(",")),this.internalStepsInProgress=r.map(Number),i(this,e,l).call(this)}get value(){return parseInt(this.getAttribute(t.VALUE)??"")}set value(r){this.setAttribute("value",String(r)),i(this,e,l).call(this)}template(){let r=`<ids-text class="label" id="chart-label" font-size="16">${this.label}</ids-text>`,o="",p="",d="",h="";for(let c=1;c<=this.stepNumber;c++){let a="step",n="";this.internalStepsInProgress&&this.internalStepsInProgress.length>0&&this.progressColor&&this.internalStepsInProgress.includes(c)?(a+=" in-progress",n=`${this.progressColor}`):c<=this.value?(n=`${this.color}`,a+=" complete"):a+=" untouched",d+=`<div class="${a}" color="${n}" part="step"></div>`}return p=`<div class="step-chart-container" part="step-chart"> ${d} </div>`,this.completedLabel?o+=`<ids-text class="completed-label" font-size="14">${this.completedLabel}</ids-text>`:o+='<ids-text class="completed-label" font-size="14"></ids-text>',o+='<slot name="icon"></slot>',r+=`<div class="secondary-label">${o}</div>`,h=`<div class="ids-step-chart"><div class="step-label-container">${r}</div>${p}</div>`,h}};e=new WeakSet,l=function(){this.container?.querySelectorAll(".step").forEach((r,o)=>{r.className="",this.internalStepsInProgress&&this.internalStepsInProgress.length>0&&this.progressColor&&this.internalStepsInProgress.includes(o+1)?(r.classList.add("step","in-progress"),r.setAttribute("color",`${this.progressColor}`)):o<=this.value-1?(r.setAttribute("color",`${this.color}`),r.classList.add("step","complete")):r.classList.add("step","untouched")})},s=u([m("ids-step-chart"),v(A)],s);export{s as a};

package/chunks/ids-chunk-GY2LQS3W.js

@@ -1 +0,0 @@
-import{a as C}from"./ids-chunk-XE4WFW5M.js";import{a as G}from"./ids-chunk-RCDMHHTV.js";import{a as y,b as o,d as c,g as h}from"./ids-chunk-Y32WUP63.js";var m,E,f,b,p,w,g,I,r=class extends G{constructor(){super({noShadowRoot:!0});c(this,m);c(this,f);c(this,p);c(this,g);o(this,"rootNode");o(this,"isInValid",!1);o(this,"originalValue");o(this,"previousInvalidState","");o(this,"editor");o(this,"isEditing")}connectedCallback(){super.connectedCallback()}get dataGrid(){return this.rootNode||(this.rootNode=this.getRootNode()),this.rootNode.host}updateData(i,t=!0){let e=this.rowIndex,s=this.dataGrid?.data[e],a=this.columnIndex,d=(this.dataGrid?.visibleColumns)[a];if(!d?.field)return;let l={...s,[d.field]:i};this.editor?.change?.(i),t?this.dataGrid?.updateDatasetAndRefresh?.(this.rowIndex,l,!1):this.dataGrid?.updateDataset?.(this.rowIndex,l,!1)}get column(){return this.dataGrid?.columns[this.columnIndex]}get columnIndex(){return Number(this.getAttribute?.("aria-colindex")??0)-1}get rowIndex(){return Number(this.parentElement?.getAttribute?.("row-index")??-1)}get row(){return this.rowIndex}get value(){if(this.editor&&this.contains(this.editor?.input??null))return this.editor?.value?.();let i=this.dataGrid?.columns?.[this.columnIndex];return this.dataGrid?.data?.[this.rowIndex]?.[i?.field??-1]??this.textContent??""}renderCell(){let i=this.column,t=Number(this.parentElement?.getAttribute("row-index")),e=this.dataGrid?.data[t],s=r.template(e,i,t,this.dataGrid);this.innerHTML=s,i.formatter&&this.classList.add(`formatter-${i.formatter.name}`)}activate(i){return this.dataGrid.activeCell?.node?.removeAttribute("tabindex"),this.dataGrid.activeCell.node=this,this.setAttribute("tabindex","0"),i||this.focus(),this.dataGrid.triggerEvent("activecellchanged",this.dataGrid,{detail:{elem:this,activeCell:this.dataGrid.activeCell}}),this.dataGrid.activeCell}startCellEdit(i){this.dataGrid.activeCellEditor instanceof r&&this.dataGrid.activeCellEditor!==this&&this.dataGrid.activeCellEditor.endCellEdit();let t=this.column;if(!t.editor)return;let e=this.dataGrid.editors.find(d=>d.type===t?.editor?.type);if(!e||!e.editor||this.isEditing)return;let s=!(this.classList.contains("is-readonly")||this.classList.contains("is-disabled"));if(!s)return;let a=d=>{s=!!d};if(this.dataGrid.triggerEvent("beforecelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:t,data:this.dataGrid.data[this.dataGrid.activeCell.row],response:a}}),!s)return;this.originalValue=this.value,this.editor=e.editor,this.editor.clickEvent=i;let n=this.editor.type;if(n==="dropdown"&&(this.originalValue=this.querySelector("[data-value]")?.getAttribute("data-value")),this.classList.add("is-editing"),this.editor.init(this),this.classList.contains("is-invalid")&&(this.classList.remove("is-invalid"),this.isInValid=!0),t.editor.inline&&this.classList.add("is-inline"),this.isEditing=!0,t.align){let d=t.align;d==="left"&&(d="start"),d==="right"&&(d="end"),this.editor?.input?.setAttribute("text-align",`${d}`)}["datepicker","timepicker","lookup"].includes(n)?this.editor.input?.onEvent("focusout",this.editor.input,()=>{this.editor?.popup?.visible||setTimeout(()=>{this.contains(this.dataGrid.shadowRoot.activeElement)||this.endCellEdit()})}):this.editor.input?.onEvent("focusout",this.editor.input,()=>{this.endCellEdit()}),this.dataGrid?.triggerEvent("celledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:t,data:this.dataGrid.data[this.row]}}),this.dataGrid.activeCellEditor=this}endCellEdit(){let i=this.column,t=this.editor?.input,e=this.editor?.type;t?.offEvent("focusout",t),["input","tree"].includes(e)&&t?.setDirtyTracker&&t?.setDirtyTracker(t?.value),["input","tree"].includes(e)&&t?.checkValidation&&t?.checkValidation(),e==="dropdown"&&t?.input?.checkValidation(),(e==="timepicker"||e==="datepicker")&&t?.checkValidation();let s=i.editor?.editorSettings?.dirtyTracker&&(t?.isDirty||t?.input.isDirty),a=i.editor?.editorSettings?.validate?t?.isValid:!0,n=this.editor?.save(this);h(this,m,E).call(this,n?.value),s&&h(this,f,b).call(this,n?.dirtyCheckValue??n?.value),a||h(this,p,w).call(this,t?.validationMessages),this.isInValid&&a&&h(this,g,I).call(this),this.editor?.destroy(this),this.renderCell(),this.isEditing=!1,this.classList.remove("is-editing"),this.dataGrid?.triggerEvent("endcelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:i,data:this.dataGrid.data[this.row]}}),this.dataGrid.activeCellEditor=void 0}cancelCellEdit(){let i=this.column,t=this.editor?.input;t?.offEvent("focusout",t),t?.setDirtyTracker(t?.value),this.dataGrid?.updateDataset(this.row,{[String(i?.field)]:this.originalValue}),this.editor?.destroy(this),this.renderCell(),this.isEditing=!1,this.classList.remove("is-editing"),this.dataGrid?.triggerEvent("cancelcelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:i,data:this.dataGrid.data[this.row],oldValue:this.originalValue}}),this.dataGrid.activeCellEditor=void 0}static template(i,t,e,s){let a=s.cacheHash,n=i.rowSelected?"select":"deselect",d=`${a}:${t.id}:${e}:${n}`;if(!r.cellCache[d]){let l=s.formatters,u="";if(!l[t?.formatter?.name||"text"]&&t?.formatter?u=t?.formatter(i,t,e,s):u=l[t?.formatter?.name||"text"](i,t,e,s),i.invalidCells){let v=i.invalidCells.find(x=>x.cell===s.columnIdxById(t.id));v&&(u+=`<ids-alert icon="error" tooltip="${v?.validationMessages[0]?.message}"></ids-alert>`)}r.cellCache[d]=u}return r.cellCache[d]}clearCache(){let i=this.dataGrid.cacheHash,t=Number(this.parentElement?.getAttribute("row-index")),s=this.dataGrid.data[t].rowSelected?"select":"deselect",a=`${i}:${this.column.id}:${t}:${s}`;delete r.cellCache[a]}refreshCell(){this.clearCache(),this.renderCell()}};m=new WeakSet,E=function(i){let t=this.column;this.dataGrid.resetCache(this.dataGrid?.activeCell.row),t.editor?.editorSettings?.mask==="date"&&(i=this.dataGrid.localeAPI.parseDate(i,t.formatOptions)),this.dataGrid?.updateDataset(this.row,{[String(t?.field)]:i})},f=new WeakSet,b=function(i){let t=this.dataGrid.data[this.row].dirtyCells;t===void 0&&(t=[]);let e=Number(this.getAttribute("aria-colindex"))-1,s=t.filter(a=>a.cell===e);if(s[0]&&i===s[0].originalValue){let a=t.findIndex(n=>n.cell===e);t.splice(a,1),this?.classList.remove("is-dirty"),this.dataGrid?.updateDataset(this.row,{dirtyCells:t});return}this?.classList.add("is-dirty"),s.length===0&&(t.push({cell:Number(this?.getAttribute("aria-colindex"))-1,columnId:this.column.id,originalValue:this?.editor?.input?.dirty?.original}),this.dataGrid?.updateDataset(this.row,{dirtyCells:t}))},p=new WeakSet,w=function(i){let t=this.dataGrid.data[this.row].invalidCells;t||(t=[]);let e=Number(this.getAttribute("aria-colindex"))-1,s=t.filter(a=>a.cell===e);this?.classList.add("is-invalid"),s.length===0&&(this.previousInvalidState=i.id,t.push({cell:Number(this?.getAttribute("aria-colindex"))-1,columnId:this.column.id,validationMessages:i}),this.dataGrid?.updateDataset(this.row,{invalidCells:t}))},g=new WeakSet,I=function(){this?.classList.remove("is-invalid"),this.dataGrid?.updateDataset(this.row,{invalidCells:void 0}),this.isInValid=!1},o(r,"cellCache",{}),r=y([C("ids-data-grid-cell")],r);export{r as a};

package/chunks/ids-chunk-H5RVSCLY.js

@@ -1,27 +0,0 @@
-import{a as p}from"./ids-chunk-DK5QOJMP.js";import{e as g}from"./ids-chunk-CK6SA7FU.js";import{a as d,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as v}from"./ids-chunk-RCDMHHTV.js";import{i as m}from"./ids-chunk-U4XVR5SW.js";import{e as b}from"./ids-chunk-5Q3WPKMB.js";import{a as r}from"./ids-chunk-4NXTNKXV.js";import{a as c,d as l,g as e}from"./ids-chunk-Y32WUP63.js";var y=`/* Ids Overlay Component */
-:host {
-  display: block;
-  pointer-events: none;
-}
-
-:host([background-color=page]) {
-  z-index: -1;
-}
-
-.ids-overlay {
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  display: none;
-  outline: 0;
-  position: fixed;
-  pointer-events: none;
-  background-color: rgba(var(--ids-overlay-background-color)/0);
-  transition: background-color 0.2s;
-}
-.ids-overlay.visible {
-  display: block;
-  background-color: rgba(var(--ids-overlay-background-color)/0.3);
-  pointer-events: auto;
-}`;var i,a,n,h,s=class extends p(v){constructor(){super();l(this,i);l(this,n);this.state={opacity:.5,backgroundColor:"",visible:!1}}static get attributes(){return[...super.attributes,r.BACKGROUND_COLOR,r.COLOR,r.OPACITY,r.VISIBLE]}template(){return`<div class="ids-overlay${this.visible?" visible":""}" part="overlay"><slot></slot></div>`}get visible(){return this.state.visible}set visible(o){let t=b(o);this.state.visible=t,e(this,n,h).call(this,t),document.querySelector("ids-module-nav-bar")?.style.setProperty("--ids-module-nav-bar-z-index",t?"0":"")}get backgroundColor(){return this.state.backgroundColor}set backgroundColor(o){this.state.backgroundColor=o}get zIndex(){return this.state.zIndex}set zIndex(o){this.state.zIndex=o}get opacity(){return this.state.opacity}set opacity(o){let t=Number(o);Number.isNaN(t)||(t<0&&(t=0),t>1&&(t=1),this.state.opacity=t,e(this,i,a).call(this,t))}};i=new WeakSet,a=async function(o){return m(this.container,"background-color",`rgba(${this.backgroundColor==="page"?"var(--ids-overlay-page-background-color)":"var(--ids-overlay-background-color)"} / ${o})`)},n=new WeakSet,h=async function(o){let t=this.container?.classList;o&&!t?.contains("visible")?(t?.add("visible"),await g(2),e(this,i,a).call(this,this.opacity)):!o&&t?.contains("visible")&&(await e(this,i,a).call(this,0),t?.remove("visible"))},s=c([d("ids-overlay"),u(y)],s);export{s as a};

package/chunks/ids-chunk-HVUNLBY6.js

@@ -1 +0,0 @@
-import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as t}from"./ids-chunk-RCDMHHTV.js";import{a as e}from"./ids-chunk-Y32WUP63.js";var m=class extends t{};m=e([o("ids-wizard-step")],m);export{m as a};

package/chunks/ids-chunk-HXA5LW64.js

@@ -1 +0,0 @@
-import{d as n}from"./ids-chunk-U4XVR5SW.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";var l=i=>class extends i{constructor(...t){super(...t)}static get attributes(){return[...i.attributes,e.TOOLTIP]}connectedCallback(){super.connectedCallback?.(),this.handleTooltipEvents()}handleTooltipEvents(){this.offEvent("hoverend.tooltipmixin"),this.tooltip&&this.onEvent("hoverend.tooltipmixin",this,t=>{t.stopPropagation(),this.showTooltip()},{delay:500,bubbles:!0})}get tooltipEl(){return this.getTooltipContainer()?.querySelector("#mixin-tooltip")}get toolTipTarget(){let t=this;return typeof this.onTooltipTargetDetection=="function"&&(t=this.onTooltipTargetDetection(this.tooltipEl)),t}getTooltipContainer(){let t=document.querySelector("ids-container");return t||(t=document.body),t}showTooltip(){if(typeof this.canTooltipShow=="function"&&!this.canTooltipShow(this.tooltipEl,this.tooltip))return;let t=this.getTooltipContainer(),o=t.querySelector("#mixin-tooltip");o||(o=document.createElement("ids-tooltip"),o.id="mixin-tooltip",t?.appendChild(o)),o.state||(o.state={}),o.target=this.toolTipTarget,o.state.noAria=!0,o.textContent=this.tooltip==="true"?this.textContent:this.tooltip,o.visible=!0,o.popup?.place(),n(this,"ids-container")?.getAttribute("dir")==="rtl"&&o.popup?.setAttribute("dir","rtl"),this.beforeTooltipShow&&this.beforeTooltipShow(o),o.onEvent("hide.tooltipmixin",o,()=>{document.querySelector("#mixin-tooltip")?.remove()})}beforeTooltipShow(t){}set tooltip(t){t&&(this.setAttribute("tooltip",t),this.container?.setAttribute("tooltip",t),this.handleTooltipEvents())}get tooltip(){return this.getAttribute("tooltip")}},a=l;export{a};

package/chunks/ids-chunk-JBUWUXJX.js

@@ -1 +0,0 @@
-function l(t,n){let r;return/^#([A-Fa-f0-9]{3}){1,2}$/.test(t)?(r=t.substring(1).split(""),r.length===3&&(r=[r[0],r[0],r[1],r[1],r[2],r[2]]),r=`0x${r.join("")}`,n?`rgba(${[r>>16&255,r>>8&255,r&255].join(" ")} / ${n})`:`rgb(${[r>>16&255,r>>8&255,r&255].join(" ")})`):""}function u(t,n=!1){return t=t.replace(" / ",",").replaceAll(" ",","),`#${t.replace(/^rgba?\(|\s+|\)$/g,"").split(",").filter((r,e)=>!n||e!==3).map(r=>parseFloat(r)).map((r,e)=>e===3?Math.round(r*255):r).map(r=>r.toString(16)).map(r=>r.length===1?`0${r}`:r).join("")}`}function f(t,n,r){let e=t.charAt(0)==="#"?t.substring(1,7):t,s=parseInt(e.substring(0,2),16),i=parseInt(e.substring(2,4),16),o=parseInt(e.substring(4,6),16);return s*.299+i*.587+o*.114>186?r:n}function c(t,n){let r=document.createElement("div");r.style.color=t,document.body.appendChild(r);let s=window.getComputedStyle(r).getPropertyValue("color");return document.body.removeChild(r),s=s.replace(/,/g,""),n&&s.indexOf("a")===-1?s.replace("rgb","rgba").replace(")",` / ${n})`):s}function p(t,n){return t.substring(0,1)==="#"?l(t,n):c(t,n)}function g(t,n){t=t.replace("#","");let r=parseInt(t,16),e=(r>>16)+n;e>255&&(e=255),e<0&&(e=0);let s=(r&255)+n;s>255&&(s=255),s<0&&(s=0);let i=(r>>8&255)+n;i>255&&(i=255),i<0&&(i=0);let o=(s|i<<8|e<<16).toString(16);return o.length===5&&(o=`0${o}`),(o.length===4||o.length===1)&&(o=`00${o}`),`#${o}`}function a(t,n){let r=l(t,n);return u(r)}function b(t,n){return n<0?g(t,n*100):a(t,n)}function d(t){let n;return["base","error","warning","caution","success"].includes(t)&&(n=`var(--ids-color-${t})`),n||t}export{l as a,u as b,f as c,c as d,p as e,b as f,d as g};

package/chunks/ids-chunk-LYCR2TW5.js

@@ -1 +0,0 @@
-var e=0,t=11,n=7,r=35,a=3;export{e as a,t as b,n as c,r as d,a as e};

package/chunks/ids-chunk-NYCN6QCO.js

@@ -1,270 +0,0 @@
-import{a as Q}from"./ids-chunk-PRFN5Z6E.js";import{a as it}from"./ids-chunk-BC36ACAA.js";import{b as tt}from"./ids-chunk-4T5ZTEPV.js";import{a as J}from"./ids-chunk-2LX24WJH.js";import{a as X}from"./ids-chunk-FYNCTTLY.js";import{b as Z}from"./ids-chunk-7AX677DF.js";import{a as U}from"./ids-chunk-KD5SE6T2.js";import{a as j}from"./ids-chunk-M2HWRJ3J.js";import{a as W}from"./ids-chunk-HXA5LW64.js";import{a as z}from"./ids-chunk-OPOTJ7IF.js";import{a as K}from"./ids-chunk-T6ZV4PDM.js";import{a as q}from"./ids-chunk-DK5QOJMP.js";import{a as F}from"./ids-chunk-IFNEWXJJ.js";import{a as H,b as P}from"./ids-chunk-XE4WFW5M.js";import{a as Y}from"./ids-chunk-RCDMHHTV.js";import{b as _,m as G}from"./ids-chunk-U4XVR5SW.js";import{e as a,j as R}from"./ids-chunk-5Q3WPKMB.js";import{a as e,b as $}from"./ids-chunk-4NXTNKXV.js";import{a as M,b as p,c as h,d as l,e as B,g as n}from"./ids-chunk-Y32WUP63.js";var et=`/* Ids Dropdown Component */
-.validation-message {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: flex;
-  font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-30);
-}
-.validation-message.has-custom-icon {
-  color: var(--ids-icon-color-default);
-}
-.validation-message.disabled {
-  color: var(--ids-input-color-text-disabled);
-}
-.validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-30);
-}
-.validation-message.alert {
-  color: var(--ids-color-caution-default);
-}
-.validation-message.alert.disabled {
-  color: var(--ids-color-caution-30);
-}
-.validation-message.warning {
-  color: var(--ids-color-warning-default);
-}
-.validation-message.warning.disabled {
-  color: var(--ids-color-warning-30);
-}
-.validation-message.error {
-  color: var(--ids-color-error-default);
-}
-.validation-message.error.disabled {
-  color: var(--ids-color-error-30);
-}
-.validation-message.info {
-  color: var(--ids-color-info-default);
-}
-.validation-message.info.disabled {
-  color: var(--ids-color-info-30);
-}
-.validation-message.success {
-  color: var(--ids-color-success-default);
-}
-.validation-message.success.disabled {
-  color: var(--ids-color-success-30);
-}
-
-:host {
-  display: block;
-}
-:host .ids-dropdown {
-  display: inline-block;
-  max-width: 100%;
-}
-
-ids-trigger-field[readonly-background]:not([disabled])::part(input) {
-  cursor: var(--ids-cursor-pointer);
-}
-
-.ids-dropdown {
-  display: block;
-  position: relative;
-}
-.ids-dropdown ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-dropdown.full {
-  display: block;
-}
-.ids-dropdown.full ids-trigger-field,
-.ids-dropdown.full .ids-trigger-field {
-  display: block;
-}
-
-.trigger-icon {
-  color: var(--ids-dropdown-color-icon);
-  margin: 0 0 0 var(--ids-dropdown-space-text);
-  position: relative;
-  top: 2px;
-}
-
-:host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
-  background-color: var(--ids-dropdown-typeahead-color-background);
-}
-
-:host([dir=rtl]) .trigger-icon {
-  margin: 0 var(--ids-dropdown-space-text) 0 0;
-}
-
-::slotted(.sub-group) {
-  border-top: 1px solid var(--ids-dropdown-separator-color-border);
-  padding-top: var(--ids-dropdown-separator-padding);
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(field-container) {
-  margin: 0;
-  border-radius: 0;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(label),
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(label) {
-  display: none;
-}
-
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(container) {
-  margin: -1px;
-}
-.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
-  box-shadow: none !important;
-}
-.ids-dropdown.color-variant-borderless .ids-trigger-field-slot-trigger-end,
-.ids-dropdown.color-variant-borderless ::slotted(*[slot=trigger-end]:last-of-type:not([inline]):not([compact]):not([field-height=xs])) {
-  margin-inline-end: 0;
-}
-.ids-dropdown.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 16px;
-  height: 50px;
-}
-.ids-dropdown.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 12px;
-  height: 40px;
-}
-.ids-dropdown.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 8px;
-  height: 35px;
-}
-.ids-dropdown.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 4px;
-  height: 30px;
-}
-
-.ids-dropdown.color-variant-in-cell ids-trigger-field::part(container) {
-  margin: 1px 0;
-}
-
-.ids-dropdown.color-variant-module-nav {
-  color: var(--ids-module-nav-search-input-text-color);
-  display: block;
-  margin-block-end: 0;
-}
-.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box) {
-  color: var(--ids-module-nav-search-input-text-color);
-}
-.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box-option) {
-  color: inherit;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(field-container) {
-  background-color: var(--ids-module-nav-input-bg-color);
-  border-radius: var(--ids-module-nav-common-border-radius);
-  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
-  box-shadow: none;
-  color: inherit;
-  overflow: hidden;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field:hover::part(field-container) {
-  background-color: var(--ids-module-nav-input-hover-bg-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field:active::part(field-container) {
-  background-color: var(--ids-module-nav-item-selected-bg-color);
-  border-color: var(--ids-module-nav-item-selected-text-color);
-  color: var(--ids-module-nav-item-selected-text-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field:focus-within::part(field-container) {
-  background-color: var(--ids-module-nav-input-focus-bg-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input) {
-  background-color: transparent;
-  color: inherit;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(trigger-button) {
-  background-color: transparent;
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input::placeholder) {
-  color: var(--ids-module-nav-search-input-placeholder-text-color);
-}
-.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input:active) {
-  color: var(--ids-module-nav-search-input-text-color);
-}
-.ids-dropdown.color-variant-module-nav ids-dropdown-list::part(dropdown-list) {
-  max-width: var(--ids-module-nav-expanded-size);
-  width: calc(var(--ids-module-nav-switcher-dropdown-width) + var(--ids-module-nav-switcher-button-gutter-size) + var(--ids-module-nav-switcher-button-size));
-}
-.ids-dropdown.color-variant-module-nav ids-list-box-option {
-  min-height: var(--ids-module-nav-item-height);
-}
-.ids-dropdown.color-variant-module-nav .fieldset {
-  display: contents;
-}
-.ids-dropdown.color-variant-module-nav .ids-input-field {
-  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
-}
-
-:host ids-dropdown-list {
-  max-width: var(--ids-input-width-40);
-}
-
-:host([size=xs]) ids-dropdown-list {
-  max-width: var(--ids-input-width-10);
-}
-
-:host([size=sm]) ids-dropdown-list {
-  max-width: var(--ids-input-width-20);
-}
-
-:host([size=mm]) ids-dropdown-list {
-  max-width: var(--ids-input-width-30);
-}
-
-:host([size=md]) ids-dropdown-list {
-  max-width: var(--ids-input-width-40);
-}
-
-:host([size=lg]) ids-dropdown-list {
-  max-width: var(--ids-input-width-50);
-}
-
-:host([size=full]) ids-dropdown-list {
-  max-width: var(--ids-input-width-full);
-}
-
-:host ids-dropdown-list,
-:host([size=full]) {
-  width: var(--ids-input-width-full);
-}
-
-:host([list]:not([disabled])) {
-  cursor: var(--ids-cursor-pointer);
-}`;var ut=it(X(Q(j(J(Z(F(W(U(z(K(q(Y)))))))))))),c,u,b,L,E,st,I,ot,x,rt,y,nt,f,A,w,N,m,V,O,dt,S,lt,D,at,T,pt,C,ht,v=class extends ut{constructor(){super();l(this,b);l(this,E);l(this,I);l(this,x);l(this,y);l(this,f);l(this,w);l(this,m);l(this,O);l(this,S);l(this,D);l(this,T);l(this,C);p(this,"isFormComponent",!0);p(this,"hasIcons",!1);p(this,"dropdownList");p(this,"trigger");p(this,"listBox");p(this,"labelClicked");p(this,"labelEl");p(this,"openedByKeyboard",!1);p(this,"closedByKeyboard",!1);l(this,c,[]);l(this,u,this.nodeName==="IDS-MULTISELECT");p(this,"colorVariants",tt);p(this,"onLanguageChange",()=>{n(this,b,L).call(this)});this.state={selectedIndex:0},this.labelClicked=!1}connectedCallback(){var t,i;super.connectedCallback(),this.trigger=this.container?.querySelector("ids-trigger-button"),this.labelEl=this.input?.labelEl,this.configureDropdownList(),this.listBox=this.dropdownList?.querySelector("ids-list-box"),n(i=n(t=n(this,b,L).call(this),E,st).call(t),I,ot).call(i),this.value=this.getAttribute("value"),this.resetDirtyTracker(),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=a(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=a(this.getAttribute("readonly")))}static get attributes(){return[...super.attributes]}onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant),this.dropdownList&&(this.dropdownList.colorVariant=this.colorVariant,this.dropdownList.popup&&(this.dropdownList.popup.type=this.colorVariant!==null?this.colorVariant:"dropdown"))}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}onFieldHeightChange(t){if(t){let i=t===e.COMPACT?{name:e.COMPACT,val:""}:{name:e.FIELD_HEIGHT,val:t};this.input?.setAttribute(i.name,i.val),this.dropdownList?.setAttribute(i.name,i.val)}else this.input?.removeAttribute(e.COMPACT),this.input?.removeAttribute(e.FIELD_HEIGHT),this.dropdownList?.removeAttribute(e.COMPACT),this.dropdownList?.removeAttribute(e.FIELD_HEIGHT)}template(){let t=this.colorVariant?` color-variant="${this.colorVariant}"`:"",i=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",s=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",r=this.noMargins?" no-margins":"",d=this.list?"":this.templateDropdownList(),g="container: triggerfield-container, field-container: triggerfield-field-container, content-area: triggerfield-content-area, input: triggerfield-input, popup: triggerfield-popup";return this.hasIcons=this.querySelector("ids-list-box-option ids-icon")!==null,`
-    <div class="ids-dropdown" part="container">
-      <ids-trigger-field
-        id="triggerField-${this.id?this.id:""}"
-        ${!this.typeahead&&!this.disabled?' readonly="true"':""}
-        ${this.disabled?' disabled="true"':""}
-        ${this.readonly?"":" readonly-background"}
-        ${!this.readonly&&!this.disabled?"":' cursor="pointer"'}
-        size="${this.size}"
-        label="${this.label}"
-        placeholder="${this.placeholder}"
-        part="trigger-field"
-        exportparts="${g}"
-        ${t}${i}${o}${r}${s}
-        ${this.validate?` validate="${this.validate}"`:""}
-        ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}
-      >
-        <ids-trigger-button
-          class="ids-trigger-field-slot-trigger-end"
-          id="triggerBtn-${this.id?this.id:""}"
-          slot="trigger-end"
-          part="trigger-button"
-          tabbable="false"
-          disabled="${this.disabled}"
-        >
-          <ids-text audible="true" translate-text="true">DropdownTriggerButton</ids-text>
-          <ids-icon icon="dropdown" part="icon"></ids-icon>
-        </ids-trigger-button>
-      </ids-trigger-field>
-      ${d}
-    </div>`}templateDropdownList(){let t=this.fieldHeight&&this.fieldHeight!=="compact"?` field-height="${this.fieldHeight}"`:"",i=this.compact||this.fieldHeight==="compact"?" compact":"",s=this.size?` size="${this.size}"`:"",o=this.value?` value="${this.value}"`:"";return`<ids-dropdown-list
-      id="dropdownList-${this.id?this.id:""}"
-      ${t}
-      ${i}
-      ${s}
-      ${o}
-      tabindex="-1">
-      <slot></slot>
-    </ids-dropdown-list>`}get input(){return this.container?.querySelector("ids-trigger-field")}get popup(){return this.dropdownList?.popup}set value(t){let i=this.labels,s=String(t);i.includes(s)&&(t=this.optionValues[i.indexOf(s)]);let o=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(o='ids-list-box-option[value=""], ids-list-box-option:not([value])');let r=[...this.dropdownList?.listBox?.querySelectorAll(o)??[]].at(0);r&&(this.setAttribute(e.VALUE,String(t)),this.clearSelected(),this.selectOption(r),this.selectIcon(r),this.selectTooltip(r),this.input&&(this.input.value=r.textContent?.trim()),this.state.selectedIndex=[...r?.parentElement?.children||[]].indexOf(r))}get value(){return this.getAttribute(e.VALUE)}get optionValues(){return this.options.map(t=>t.value??"")}get labels(){return this.options.map(t=>t.innerText??t.textContent??"")}get selectedOption(){return this.dropdownList?.listBox?.querySelector(`ids-list-box-option[value="${this.value}"]`)||null}get selected(){return this.dropdownList?.selected||null}set selectedIndex(t){if(Number.isInteger(t)&&this.options[t]){let i=this.options[t];this.value=i.getAttribute(e.VALUE),this.state.selectedIndex=t}}get selectedIndex(){return this.state.selectedIndex}get options(){return[...this.dropdownList?.listBox?.querySelectorAll("ids-list-box-option")??[]]}set readonly(t){if(a(t)){this.removeAttribute(e.DISABLED),this.input&&(this.input.disabled=!1,this.input.cursor="text",this.input.readonlyBackground=!1),this.setAttribute(e.READONLY,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.readonlyBackground=!0),this.removeAttribute(e.READONLY)}get readonly(){return a(this.getAttribute(e.READONLY))||!1}set disabled(t){if(a(t)){this.removeAttribute(e.READONLY),this.input&&(this.input.disabled=!0,this.input.readonly=!1,this.input.cursor="initial",this.input.bgTransparent=!1),this.setAttribute(e.DISABLED,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.bgTransparent=!0),this.removeAttribute(e.DISABLED)}get disabled(){return a(this.getAttribute(e.DISABLED))||!1}onAllowBlankChange(t){this.dropdownList&&(this.dropdownList.allowBlank=t),!t&&this.value==="blank"&&this.removeAttribute(e.VALUE)}selectOption(t){this.dropdownList&&this.dropdownList.selectOption(t)}deselectOption(t){this.dropdownList?.deselectOption(t)}get dropdownIconEl(){return this.input?this.input.querySelector('ids-icon[slot="trigger-start"]'):null}selectIcon(t){let i=this.dropdownIconEl;if(!i&&!t)return;if(!this.hasIcons&&!this.showListItemIcon){i&&i.remove();return}let s=t?.querySelector("ids-icon");s&&(i?i.icon=s?.icon:this.showListItemIcon&&this.generateIcon(s.icon))}generateIcon(t){this.input&&this.input.insertAdjacentHTML("beforeend",`<ids-icon slot="trigger-start" class="trigger-icon" icon="${t}"></ids-icon>`)}selectTooltip(t){if(!t)return;let i=t?.getAttribute("tooltip");i?this.tooltip=i:this.tooltip=t.textContent?.trim()||"",this.tooltipEl&&(this.tooltipEl.target=t)}clearSelected(){this.dropdownList?.clearSelected()}configurePopup(){if(this.dropdownList?.popup&&this.trigger){this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList.popupOpenEventsTarget=this.list?this:this.container,this.dropdownList.onOutsideClick=o=>{this.dropdownList&&(o.composedPath()?.includes(this.dropdownList)||this.close(!0))},this.dropdownList.onTriggerClick=()=>{if(this.labelClicked){this.labelClicked=!1;return}!this.disabled&&!this.readonly&&this.toggle(this.typeahead)};let t=(this.list?this:this.input?.input)?.getAttribute("id"),i=(this.list?this:this.trigger)?.getAttribute("id");this.dropdownList.setAttribute(e.TARGET,`#${t}`),this.dropdownList.setAttribute(e.TRIGGER_ELEM,`#${i}`),this.dropdownList.popup.alignTarget=this.input?.fieldContainer||null,this.dropdownList.popupOpenEventsTarget=document.body;let s=this.localeAPI.isRTL();this.locale&&s&&this.dropdownList.popup?.setAttribute(e.ALIGN,`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`),this.input&&(this.dropdownList.value=this.input.value),h(this,u)&&(this.dropdownList.isMultiSelect=!0)}}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();this.loadDataSet(i),this.typeahead&&B(this,c,i)}this.value&&(this.dropdownList.value=this.value),this.dropdownList.setAttribute($.ARIA_EXPANDED,"true"),this.dropdownList.removeAttribute(e.TABINDEX),this.dropdownList.show(),this.input&&(this.input.active=!0),this.typeahead&&(this.input?.removeAttribute(e.READONLY),this.input?.focus()),t&&this.input?.input?.select(),this.container?.classList.add("is-open"),this.attachOpenEvents(),this.triggerOpenEvent()}}loadDataSet(t){let i="",s=this.dropdownList?.querySelector("ids-list-box")||this.querySelector("ids-list-box");s&&(s.innerHTML=""),t.forEach(r=>{i+=n(this,m,V).call(this,n(this,C,ht).call(this,r))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank();let o=this.getAttribute(e.VALUE);this.value!==o&&(this.value=o)}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}close(t){if(this.removeOpenEvents(),this.dropdownList&&(this.dropdownList?.popup?.visible&&this.dropdownList.hide(!t),this.input&&(this.input.active=!1),this.dropdownList.setAttribute(e.TABINDEX,"-1"),this.dropdownList.removeAttribute($.ARIA_EXPANDED)),t||this.input?.focus(),this.typeahead){this.input?.setAttribute(e.READONLY,"true");let i=this.selectedOption?.textContent?.trim();this.input&&(this.input.value=i||""),this.loadDataSet(h(this,c)),window.getSelection().removeAllRanges(),n(this,f,A).call(this,this.dropdownIcon||"dropdown")}this.container?.classList.remove("is-open"),this.selectTooltip(this.selectedOption),this.triggerCloseEvent(t)}toggle(t=!1){this.dropdownList&&(this.dropdownList.popup?.visible?this.close():this.open(t))}attachKeyboardOpenEvent(){this.listen([" ","Enter"],this,t=>{if(this.closedByKeyboard){this.closedByKeyboard=!1;return}this.openedByKeyboard=!0,!this.dropdownList?.popup?.visible&&(t.key===" "&&this.typeahead||this.open(this.typeahead))})}attachClickEvent(){this.offEvent("click.dropdown-input"),this.list||this.onEvent("click.dropdown-input",this.input,t=>{this.dropdownList?.visible||this.dropdownList?.onTriggerClick?.(t)}),this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.dropdownList&&(this.onEvent("open.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.offEvent("selected.dropdown-list"),this.input?.fieldContainer&&this.onEvent("selected.dropdown-list",this.input.fieldContainer,t=>{t.stopPropagation(),this.value=t.detail.value,this.dropdownList?.popup?.visible&&this.close(),this.triggerSelectedEvent(t)}),this.offEvent("change.list"),this.onEvent("change.list",this,()=>{this.dropdownList?.popup?.visible&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||h(this,u))return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){h(this,u)||this.listen([" ","Enter"],this,()=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}let t=this.selected?.getAttribute(e.VALUE)||"";this.value=t,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.input&&this.input.setAttribute(e.VALIDATE,t.toString())):(this.removeAttribute(e.VALIDATE),this.input&&this.input.removeAttribute(e.VALIDATE))}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.input&&this.input.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.input&&this.input.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change"}configureDropdownList(){let t=this.container?.querySelector("ids-dropdown-list");this.hasAttribute(e.LIST)&&(this.dropdownList&&this.container?.contains(this.dropdownList)&&(this.dropdownList.remove(),this.dropdownList=null),t=_(this).querySelector(`${this.getAttribute(e.LIST)}`),t||(this.removeAttribute(e.LIST),this.container?.insertAdjacentHTML("beforeend",this.templateDropdownList()),t=this.container?.querySelector("ids-dropdown-list"))),this.dropdownList=t,this.configurePopup(),this.attachClickEvent()}set list(t){t&&typeof t=="string"?this.setAttribute(e.LIST,t):this.removeAttribute(e.LIST),this.configureDropdownList()}get list(){return this.getAttribute(e.LIST)}set noMargins(t){if(a(t)){this.setAttribute(e.NO_MARGINS,""),this.input&&this.input.setAttribute(e.NO_MARGINS,"");return}this.removeAttribute(e.NO_MARGINS),this.input&&this.input.removeAttribute(e.NO_MARGINS)}get noMargins(){return a(this.getAttribute(e.NO_MARGINS))}onSizeChange(t){t?this.dropdownList?.setAttribute(e.SIZE,t):this.dropdownList?.removeAttribute(e.SIZE),this.input?.setAttribute(e.SIZE,t||"md")}set typeahead(t){let i=a(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),n(this,T,pt).call(this)):this.removeAttribute(e.TYPEAHEAD),this.container?.classList.toggle("typeahead",i)}get typeahead(){return a(this.getAttribute(e.TYPEAHEAD))}onClearableTextChange(t){this.dropdownList&&(this.dropdownList.clearableText=t)}set placeholder(t){t?(this.setAttribute(e.PLACEHOLDER,t),this.input?.setAttribute(e.PLACEHOLDER,t)):(this.removeAttribute(e.PLACEHOLDER),this.input?.removeAttribute(e.PLACEHOLDER))}get placeholder(){return this.getAttribute(e.PLACEHOLDER)??""}focus(){this.input?.focus()}set showLoadingIndicator(t){let i=a(t);i?(this.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.input?.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.close(!0)):(this.removeAttribute(e.SHOW_LOADING_INDICATOR),this.input?.removeAttribute(e.SHOW_LOADING_INDICATOR))}get showLoadingIndicator(){return a(this.getAttribute(e.SHOW_LOADING_INDICATOR))}triggerSelectedEvent(t){let i;t?i=t:i={bubbles:!0,detail:{elem:this,label:this.selected?.textContent,value:this.value}},this.dispatchEvent(new CustomEvent("selected",i))}triggerOpenEvent(){this.triggerEvent("open",this,{bubbles:!0,detail:{elem:this}})}triggerCloseEvent(t){this.triggerEvent("close",this,{bubbles:!0,detail:{elem:this,operation:t?"cancel":"default"}})}onDropdownIconChange(t){typeof t=="string"&&t.length&&(n(this,f,A).call(this,this.dropdownIcon||"dropdown"),this.dropdownList&&(this.dropdownList.dropdownIcon=this.dropdownIcon))}onShowListItemIcon(t){t||this.dropdownIconEl?.remove()}onTooltipTargetDetection(){return this.dropdownList?.visible?this.dropdownList?.lastHovered||this:this.input?.fieldContainer||this}canTooltipShow(t,i){return this.dropdownList?.visible?this.dropdownList?.canTooltipShow(t,i):i?i!==this.input?.value?.trim()?!0:G(this.input?.input)||!1:!1}};c=new WeakMap,u=new WeakMap,b=new WeakSet,L=function(){let t=this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`,i={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-description":this.localeAPI?.translate("PressDown"),"aria-controls":t};return this.dropdownList?.listBox?.setAttribute("id",t),this.dropdownList?.listBox?.setAttribute("aria-label","Listbox"),Object.keys(i).forEach(s=>this.setAttribute(s,i[s])),this},E=new WeakSet,st=function(){return this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,t=>{t.preventDefault(),this.labelClicked=!0,this.input?.focus()}),this.offEvent("hide.dropdown-list"),this.onEvent("hide.dropdown-list",this.container,()=>{this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("focus.dropdown-input"),this.onEvent("focus.dropdown-input",this.input,()=>{window.getSelection().removeAllRanges()}),this.offEvent("languagechange.dropdown-container"),this.onEvent("languagechange.dropdown-container",this.closest("ids-container"),()=>{n(this,b,L).call(this)}),this.attachKeyboardOpenEvent(),this},I=new WeakSet,ot=function(){return this.offEvent("keydownend.dropdown-typeahead"),this.onEvent("keydownend.dropdown-typeahead",this,t=>{this.typeahead?n(this,x,rt).call(this,t.detail.keys):n(this,y,nt).call(this,t.detail.keys)}),this.listen(["ArrowDown","ArrowUp"],this,t=>{if(t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),!this.dropdownList?.popup?.visible){this.open(this.typeahead);return}let i=this.selected,s=i?.nextElementSibling,o=i?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){h(this,u)||(this.value=i?.getAttribute(e.VALUE)||""),this.close();return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(e.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(i),this.selectOption(s.hasAttribute(e.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowDown"&&!i&&n(this,w,N).call(this),t.key==="ArrowUp"&&o){if(o.hasAttribute(e.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(i),this.selectOption(o.hasAttribute(e.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.close()}),this.listen(["Backspace","Delete"],this,()=>{!this.clearable||this.clearable&&this.typeahead&&this.dropdownList?.popup?.visible||(this.allowBlank?this.value="blank":(this.value=h(this,u)?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this},x=new WeakSet,rt=function(t){let i=["Backspace","Delete"];if(!this.dropdownList?.popup?.visible)if(!i.some(d=>t?.includes(d)))this.input&&(this.input.value=t),this.open(!1);else return;let s=this.input?.value??"",r=n(this,D,at).call(this,s).map(d=>{let g=new RegExp(s,"gi"),k=d.groupLabel?d.label:d.label?.replace(g,`<span class="highlight">${s?.toLowerCase()}</span>`);return n(this,m,V).call(this,{...d,label:k})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(r?(this.dropdownList.listBox.innerHTML=r,n(this,w,N).call(this)):this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),n(this,f,A).call(this,"search"),this.input?.querySelector(".trigger-icon")?.remove()},y=new WeakSet,nt=function(t){let i=R(t)?.trim();if(!i)return;let s=this.options.filter(r=>!r.hasAttribute(e.GROUP_LABEL)).find(r=>{let d=new RegExp(`^(${i})`,"i");return(h(this,u)?r.querySelector("ids-checkbox")?.label:r.textContent?.trim())?.match(d)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(h(this,u)){let r=this.value.filter(d=>d!==o);this.value=[...r,o]}else this.value=o},f=new WeakSet,A=function(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)},w=new WeakSet,N=function(){if(this.clearSelected(),this.options.length>0){let t=[...this.options].filter(i=>{let s=i.getAttribute(e.VALUE),o=i.hasAttribute(e.GROUP_LABEL);return s&&s!=="blank"&&!o})[0];this.selectOption(t)}},m=new WeakSet,V=function(t){return`<ids-list-box-option
-      ${t.id?`id=${t.id}`:""}
-      ${t.value?`value="${t.value}"`:""}
-      ${t.groupLabel?"group-label":""}>${t.icon?`<ids-icon icon="${t.icon}"></ids-icon>`:""}${t.label||""}</ids-list-box-option>`},O=new WeakSet,dt=function(t,i){return t.reduce((s,o,r)=>o<i&&(t[r+1]>i||!t[r+1])?o:s,-1)},S=new WeakSet,lt=function(t){let i=h(this,c).reduce((o,r,d)=>r?.groupLabel?[...o,d]:o,[]),s=n(this,O,dt).call(this,i,t);return h(this,c)[s]},D=new WeakSet,at=function(t){return h(this,c).reduce((i,s,o)=>{let r=new RegExp(`(${R(t)})`,"gi");if(s.label?.match(r)&&!s.groupLabel){let d=n(this,S,lt).call(this,o),g=i.some(k=>k.label===d?.label);return d&&!g?[...i,d,s]:[...i,s]}return i},[])},T=new WeakSet,pt=function(){B(this,c,[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()??"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL)})))},C=new WeakSet,ht=function(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label)}},v=M([H("ids-dropdown"),P(et)],v);export{v as a};