ids-enterprise-wc 1.4.1 → 1.5.0

package/chunks/{ids-chunk-5EWBLNJR.js → ids-chunk-5LGACHI5.js}

@@ -1,4 +1,4 @@
-import{a as T}from"./ids-chunk-BAEFYSIO.js";import{a as z,b as B}from"./ids-chunk-XE4WFW5M.js";import{f as N}from"./ids-chunk-5Q3WPKMB.js";import{a as f}from"./ids-chunk-4O5N6MTO.js";import{a as V,d as y,g as b}from"./ids-chunk-Y32WUP63.js";var L=`/* Ids Line Chart Component */
+import{a as C}from"./ids-chunk-EXKXBDZF.js";import{a as $,b as G}from"./ids-chunk-XE4WFW5M.js";import{f as k}from"./ids-chunk-Y6KVKFJX.js";import{a as m}from"./ids-chunk-6P577POZ.js";import{a as w,d as S,f}from"./ids-chunk-ZMMCFAAI.js";var N=`/* Ids Line Chart Component */
 /* Ids Axis Chart Component */
 .chart-legend {
   display: flex;
@@ -14,7 +14,7 @@ import{a as T}from"./ids-chunk-BAEFYSIO.js";import{a as z,b as B}from"./ids-chun
   align-items: center;
   border: 1px solid transparent;
   display: flex;
-  font-family: var(--ids-font-family-default);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   font-size: var(--ids-chart-legend-font-size);
   color: var(--ids-chart-legend-color-text);
   padding-inline-start: 8px;
@@ -212,7 +212,7 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-space-xxs);
+  margin-block: var(--ids-space-2xs);
   text-align: center;
 }
 
@@ -222,13 +222,13 @@ ids-empty-message:not([hidden])[hidden],
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-space-xxs);
+  margin-inline: var(--ids-space-2xs);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-space-xxxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-3xs);
+  padding-inline-end: var(--ids-space-2xs);
 }
 
 :host([dir=rtl]) .ids-axis-chart {
@@ -317,16 +317,16 @@ ids-empty-message:not([hidden])[hidden],
 }
 .ids-chart-container.selectable .ids-axis-chart .bars .bar.not-selected {
   opacity: 0.5;
-}`;var w,R,S,P,$,_,G,D,C,H,E,k,A=class extends T{constructor(){super();y(this,w);y(this,S);y(this,$);y(this,G);y(this,C);y(this,E);this.DEFAULT_SELECTABLE=!1}static get attributes(){return[...super.attributes,f.BAR_PERCENTAGE,f.CATEGORY_PERCENTAGE]}connectedCallback(){super.connectedCallback()}afterConnectedCallback(){b(this,S,P).call(this),b(this,w,R).call(this),this.attachTooltipEvents()}afterCalculateCallback(){b(this,C,H).call(this)}chartTemplate(){return`<g class="bars" role="list" aria-label="${`${this.stacked?"":this.data[0]?.name}`}">
-      ${b(this,$,_).call(this)}
-    </g>`}getSelected(){let e=this.selectionElements.filter(a=>a.hasAttribute("selected"));if(!e.length)return{};let o=e[0].getAttribute("group-index");if(!e.some(a=>a.getAttribute("group-index")!==o)){let a=this.data[o];return{bars:e,data:a,groupIndex:o}}let i=[],r=e.map(a=>{let h=a.getAttribute("group-index"),c=a.getAttribute("index"),m=this.data[h].data[c];return m&&i.push(m),{group:h,index:c}});return{bars:e,data:i,indexes:r}}setSelected(e){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let o=N(e.groupIndex),n=N(e.index);if(!Number.isNaN(o))if(Number.isNaN(n))this.setSelection(o,!0);else{let i=this.selectionElements.findIndex(r=>r.getAttribute("group-index")===`${o}`&&r.getAttribute("index")===`${n}`);typeof i=="number"&&i>-1&&this.setSelection(i)}}setSelection(e,o){if(Number.isNaN(e)||!this.selectionElements?.[0])return!1;let n=t=>this.selectionElements.filter(l=>t(l)),i={selected:n(t=>t.hasAttribute("selected"))};if(o)i.target=n(t=>t.getAttribute("group-index")===`${e}`),i.inverse=n(t=>t.getAttribute("group-index")!==`${e}`);else{let t=this.selectionElements?.[e]?.getAttribute("index");i.target=n(l=>l.getAttribute("index")===`${t}`),i.inverse=n(l=>l.getAttribute("index")!==`${t}`)}let r=!1,a=t=>{let l=t[0].getAttribute("group-index");if(r=!t.some(d=>d.getAttribute("group-index")!==l),r){let d=this.data[l];return{bars:t,data:d,groupIndex:l}}let s=[],g=t.map(d=>{let u=d.getAttribute("group-index"),v=d.getAttribute("index"),x=this.data[u].data[v];return x&&s.push(x),{group:u,index:v}});return{bars:t,data:s,indexes:g}},h=()=>{let t=a(i.selected);if(!this.triggerVetoableEvent("beforedeselected",t))return!1;let l=s=>{delete s.selected};return r?l(t.data):t.data.forEach(s=>l(s)),this.selectionElements.forEach(s=>s.classList.remove("not-selected")),i.selected.forEach(s=>s.removeAttribute("selected")),this.triggerEvent("deselected",this,{bubbles:!0,detail:{elem:this,...t}}),!0};if(i.selected.length){if(!i.target.some(l=>!l.hasAttribute("selected")))return h();if(!h())return!1}let c=a(i.target);if(!this.triggerVetoableEvent("beforeselected",c))return!1;let m=t=>{t.selected=!0};return r?m(c.data):c.data.forEach(t=>m(t)),i.target.forEach(t=>t.setAttribute("selected","")),i.inverse.forEach(t=>t.classList.add("not-selected")),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,...c}}),!0}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll("rect.bar")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll("rect.bar")??[]]}get groupCount(){return this.markerData?.groupCount||1}get alignXLabels(){return this.getAttribute(f.ALIGN_X_LABELS)||"middle"}set barPercentage(e){b(this,E,k).call(this,Number(e))?this.setAttribute(f.BAR_PERCENTAGE,String(e)):this.removeAttribute(f.BAR_PERCENTAGE),this.redraw()}get barPercentage(){let e=Number(this.getAttribute(f.BAR_PERCENTAGE));return b(this,E,k).call(this,e)?e:this.isGrouped?.7:.5}set categoryPercentage(e){b(this,E,k).call(this,Number(e))?this.setAttribute(f.CATEGORY_PERCENTAGE,String(e)):this.removeAttribute(f.CATEGORY_PERCENTAGE),this.redraw()}get categoryPercentage(){let e=Number(this.getAttribute(f.CATEGORY_PERCENTAGE));return b(this,E,k).call(this,e)?e:.9}};w=new WeakSet,R=function(){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let e=r=>typeof r=="number"&&r>-1,o=()=>{this.data.forEach(r=>{delete r.selected,r.data?.forEach(a=>{delete a?.selected})})},n=this.data.findIndex(r=>r.selected);if(e(n)){o(),this.data[n].data?.forEach(r=>{r.selected=!0}),this.selectionElements.forEach(r=>{r.getAttribute("group-index")===`${n}`?r.setAttribute("selected",""):r.classList.add("not-selected")});return}let i;for(let r=0,a=this.data.length;r<a&&(i=this.data[r].data?.findIndex(h=>h.selected),!e(i));r++);e(i)&&(o(),this.data.forEach(r=>{let a=r?.data?.[i];a&&(a.selected=!0)}),this.selectionElements.forEach(r=>{r.getAttribute("index")===`${i}`?r.setAttribute("selected",""):r.classList.add("not-selected")}))},S=new WeakSet,P=function(){if(this.horizontal)return;let e=this.shadowRoot?.querySelector(".vertical-lines");if(e){let o=e.querySelectorAll("line");o.forEach((r,a)=>{a!==0&&(r.setAttribute("x1",String(this.sectionWidths.at(a)?.left)),r.setAttribute("x2",String(this.sectionWidths.at(a)?.left)))});let n=this.sectionWidths.at(-1)?.left,i=`<line x1="${n}" x2="${n}" y1="${o[0].getAttribute("y1")}" y2="${o[0].getAttribute("y2")}"/>`;e.insertAdjacentHTML("beforeend",i)}},$=new WeakSet,_=function(){if(this.horizontal)return b(this,G,D).call(this);let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionWidth,a=this.categoryPercentage*r,h=1,c=i?(a-n*h)/n:a;return c*=this.barPercentage,this.markerData.points?.forEach((m,t)=>{m.forEach((l,s)=>{let g;i?(g=this.sectionWidths[s].left+(r-a)/2+(a-c*n)/2,g+=c*t+t*h):g=this.sectionWidths[s].left+(r-a)/2+(a-c)/2;let d=this.markerData.gridBottom,u=d-l.top,v=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",x=this.data[0]?.data[s]?.name,p=l.top;this.stacked&&(p=t>0?p-o[s]:p,o[s]=(o[s]||0)+u),u<0&&(u=0),c<0&&(c=0),e+=`<g role="listitem">
-          <text class="audible" x="${g}" y="${this.markerData.gridBottom}">${x} ${l.value}</text>
-          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${c}" height="${u}" x="${g}" y="${p}"${v}>
-            <animate attributeName="height" from="0" to="${u}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-            <animate attributeName="y" from="${d}" to="${p}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-          </rect></g>`})}),e},G=new WeakSet,D=function(){let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionHeight,a=this.categoryPercentage*r,h=1,c=i?(a-n*h)/n:a;return c*=this.barPercentage,this.markerData.points?.forEach((m,t)=>{m.forEach((l,s)=>{let g;i?(g=this.sectionHeights[s].top+(r-a)/2+(a-c*n)/2,g+=c*t+t*h):g=this.sectionHeights[s].top+(r-a)/2+(a-c)/2;let d=this.markerData.gridLeft-this.margins.leftInner-this.margins.rightInner,u=d,x=this.markerData.gridRight-l.left,p=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",W=this.data[0]?.data[s]?.name;this.stacked&&(d=t>0?o[s]:d,o[s]=(o[s]||d)+x),e+=`<g role="listitem">
-          <text class="audible" x="${d}" y="${this.markerData.gridBottom}">${W} ${l.value}</text>
-          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${x}" height="${c}" x="${d}" y="${g}"${p}>
-            <animate attributeName="x" from="${u}" to="${d}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-            <animate attributeName="width" from="0" to="${x}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-          </rect></g>`})}),e},C=new WeakSet,H=function(){this.isGrouped=!this.stacked&&this.groupCount>1},E=new WeakSet,k=function(e){return!Number.isNaN(e)&&e>0&&e<=1},A=V([z("ids-bar-chart"),B(L)],A);export{A as a};
+}`;var h,V,z,B,T,L,A,v=class extends C{constructor(){super();S(this,h);this.DEFAULT_SELECTABLE=!1}static get attributes(){return[...super.attributes,m.BAR_PERCENTAGE,m.CATEGORY_PERCENTAGE]}connectedCallback(){super.connectedCallback()}afterConnectedCallback(){f(this,h,z).call(this),f(this,h,V).call(this),this.attachTooltipEvents()}afterCalculateCallback(){f(this,h,L).call(this)}chartTemplate(){return`<g class="bars" role="list" aria-label="${`${this.stacked?"":this.data[0]?.name}`}">
+      ${f(this,h,B).call(this)}
+    </g>`}getSelected(){let e=this.selectionElements.filter(a=>a.hasAttribute("selected"));if(!e.length)return{};let o=e[0].getAttribute("group-index");if(!e.some(a=>a.getAttribute("group-index")!==o)){let a=this.data[o];return{bars:e,data:a,groupIndex:o}}let i=[],r=e.map(a=>{let g=a.getAttribute("group-index"),c=a.getAttribute("index"),x=this.data[g].data[c];return x&&i.push(x),{group:g,index:c}});return{bars:e,data:i,indexes:r}}setSelected(e){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let o=k(e.groupIndex),n=k(e.index);if(!Number.isNaN(o))if(Number.isNaN(n))this.setSelection(o,!0);else{let i=this.selectionElements.findIndex(r=>r.getAttribute("group-index")===`${o}`&&r.getAttribute("index")===`${n}`);typeof i=="number"&&i>-1&&this.setSelection(i)}}setSelection(e,o){if(Number.isNaN(e)||!this.selectionElements?.[0])return!1;let n=t=>this.selectionElements.filter(l=>t(l)),i={selected:n(t=>t.hasAttribute("selected"))};if(o)i.target=n(t=>t.getAttribute("group-index")===`${e}`),i.inverse=n(t=>t.getAttribute("group-index")!==`${e}`);else{let t=this.selectionElements?.[e]?.getAttribute("index");i.target=n(l=>l.getAttribute("index")===`${t}`),i.inverse=n(l=>l.getAttribute("index")!==`${t}`)}let r=!1,a=t=>{let l=t[0].getAttribute("group-index");if(r=!t.some(d=>d.getAttribute("group-index")!==l),r){let d=this.data[l];return{bars:t,data:d,groupIndex:l}}let s=[],u=t.map(d=>{let b=d.getAttribute("group-index"),E=d.getAttribute("index"),p=this.data[b].data[E];return p&&s.push(p),{group:b,index:E}});return{bars:t,data:s,indexes:u}},g=()=>{let t=a(i.selected);if(!this.triggerVetoableEvent("beforedeselected",t))return!1;let l=s=>{delete s.selected};return r?l(t.data):t.data.forEach(s=>l(s)),this.selectionElements.forEach(s=>s.classList.remove("not-selected")),i.selected.forEach(s=>s.removeAttribute("selected")),this.triggerEvent("deselected",this,{bubbles:!0,detail:{elem:this,...t}}),!0};if(i.selected.length){if(!i.target.some(l=>!l.hasAttribute("selected")))return g();if(!g())return!1}let c=a(i.target);if(!this.triggerVetoableEvent("beforeselected",c))return!1;let x=t=>{t.selected=!0};return r?x(c.data):c.data.forEach(t=>x(t)),i.target.forEach(t=>t.setAttribute("selected","")),i.inverse.forEach(t=>t.classList.add("not-selected")),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,...c}}),!0}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll("rect.bar")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll("rect.bar")??[]]}get groupCount(){return this.markerData?.groupCount||1}get alignXLabels(){return this.getAttribute(m.ALIGN_X_LABELS)||"middle"}set barPercentage(e){f(this,h,A).call(this,Number(e))?this.setAttribute(m.BAR_PERCENTAGE,String(e)):this.removeAttribute(m.BAR_PERCENTAGE),this.redraw()}get barPercentage(){let e=Number(this.getAttribute(m.BAR_PERCENTAGE));return f(this,h,A).call(this,e)?e:this.isGrouped?.7:.5}set categoryPercentage(e){f(this,h,A).call(this,Number(e))?this.setAttribute(m.CATEGORY_PERCENTAGE,String(e)):this.removeAttribute(m.CATEGORY_PERCENTAGE),this.redraw()}get categoryPercentage(){let e=Number(this.getAttribute(m.CATEGORY_PERCENTAGE));return f(this,h,A).call(this,e)?e:.9}};h=new WeakSet,V=function(){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let e=r=>typeof r=="number"&&r>-1,o=()=>{this.data.forEach(r=>{delete r.selected,r.data?.forEach(a=>{delete a?.selected})})},n=this.data.findIndex(r=>r.selected);if(e(n)){o(),this.data[n].data?.forEach(r=>{r.selected=!0}),this.selectionElements.forEach(r=>{r.getAttribute("group-index")===`${n}`?r.setAttribute("selected",""):r.classList.add("not-selected")});return}let i;for(let r=0,a=this.data.length;r<a&&(i=this.data[r].data?.findIndex(g=>g.selected),!e(i));r++);e(i)&&(o(),this.data.forEach(r=>{let a=r?.data?.[i];a&&(a.selected=!0)}),this.selectionElements.forEach(r=>{r.getAttribute("index")===`${i}`?r.setAttribute("selected",""):r.classList.add("not-selected")}))},z=function(){if(this.horizontal)return;let e=this.shadowRoot?.querySelector(".vertical-lines");if(e){let o=e.querySelectorAll("line");o.forEach((r,a)=>{a!==0&&(r.setAttribute("x1",String(this.sectionWidths.at(a)?.left)),r.setAttribute("x2",String(this.sectionWidths.at(a)?.left)))});let n=this.sectionWidths.at(-1)?.left,i=`<line x1="${n}" x2="${n}" y1="${o[0].getAttribute("y1")}" y2="${o[0].getAttribute("y2")}"/>`;e.insertAdjacentHTML("beforeend",i)}},B=function(){if(this.horizontal)return f(this,h,T).call(this);let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionWidth,a=this.categoryPercentage*r,g=1,c=i?(a-n*g)/n:a;return c*=this.barPercentage,this.markerData.points?.forEach((x,t)=>{x.forEach((l,s)=>{let u;i?(u=this.sectionWidths[s].left+(r-a)/2+(a-c*n)/2,u+=c*t+t*g):u=this.sectionWidths[s].left+(r-a)/2+(a-c)/2;let d=this.markerData.gridBottom,b=d-l.top,E=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",p=this.data[0]?.data[s]?.name,y=l.top;this.stacked&&(y=t>0?y-o[s]:y,o[s]=(o[s]||0)+b),b<0&&(b=0),c<0&&(c=0),e+=`<g role="listitem">
+          <text class="audible" x="${u}" y="${this.markerData.gridBottom}">${p} ${l.value}</text>
+          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${c}" height="${b}" x="${u}" y="${y}"${E}>
+            <animate attributeName="height" from="0" to="${b}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+            <animate attributeName="y" from="${d}" to="${y}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+          </rect></g>`})}),e},T=function(){let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionHeight,a=this.categoryPercentage*r,g=1,c=i?(a-n*g)/n:a;return c*=this.barPercentage,this.markerData.points?.forEach((x,t)=>{x.forEach((l,s)=>{let u;i?(u=this.sectionHeights[s].top+(r-a)/2+(a-c*n)/2,u+=c*t+t*g):u=this.sectionHeights[s].top+(r-a)/2+(a-c)/2;let d=this.markerData.gridLeft-this.margins.leftInner-this.margins.rightInner,b=d,p=this.markerData.gridRight-l.left,y=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",R=this.data[0]?.data[s]?.name;this.stacked&&(d=t>0?o[s]:d,o[s]=(o[s]||d)+p),e+=`<g role="listitem">
+          <text class="audible" x="${d}" y="${this.markerData.gridBottom}">${R} ${l.value}</text>
+          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${p}" height="${c}" x="${d}" y="${u}"${y}>
+            <animate attributeName="x" from="${b}" to="${d}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+            <animate attributeName="width" from="0" to="${p}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+          </rect></g>`})}),e},L=function(){this.isGrouped=!this.stacked&&this.groupCount>1},A=function(e){return!Number.isNaN(e)&&e>0&&e<=1},v=w([$("ids-bar-chart"),G(N)],v);export{v as a};

package/chunks/ids-chunk-5LKH7TMZ.js

@@ -0,0 +1,286 @@
+import{a as G}from"./ids-chunk-IPBQXCQF.js";import{a as q}from"./ids-chunk-26Q5NMHS.js";import{b as z}from"./ids-chunk-ESE2EOGL.js";import{a as _}from"./ids-chunk-36OFRHEY.js";import{a as R}from"./ids-chunk-EQH73QGE.js";import{b as P}from"./ids-chunk-YQZMMQTL.js";import{a as H}from"./ids-chunk-F2WK6TEG.js";import{a as M}from"./ids-chunk-MA2VZKRF.js";import{a as V}from"./ids-chunk-3V6MPTOX.js";import{a as C}from"./ids-chunk-L7EY3TMT.js";import{a as B}from"./ids-chunk-T6ZV4PDM.js";import{a as k}from"./ids-chunk-U4K5B3VN.js";import{a as N}from"./ids-chunk-JA2PT4KM.js";import{a as y,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as $}from"./ids-chunk-E2XG4A54.js";import{b as O,d as m,m as D,r as T}from"./ids-chunk-BVOD446S.js";import{e as p,j as w}from"./ids-chunk-Y6KVKFJX.js";import{a as e,b as v}from"./ids-chunk-6P577POZ.js";import{a as x,b as a,c as u,d as f,f as n}from"./ids-chunk-ZMMCFAAI.js";var U=`/* Ids Dropdown Component */
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-top: var(--ids-space-2xs);
+  max-width: var(--ids-input-width-full);
+}
+.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-2xs);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-yellow-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-orange-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-red-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-blue-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-green-30);
+}
+.validation-message[hidden] {
+  display: none;
+}
+
+: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: 0;
+}
+
+: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: -4px;
+  margin-block-start: -2px;
+}
+.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-borderless.field-height-xxs ids-trigger-field::part(input) {
+  padding-inline: 2px;
+  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: var(--ids-color-transparent);
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(trigger-button) {
+  background-color: var(--ids-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-space-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 it=q(R(G(M(_(P(N(V(H(C(B(k($)))))))))))),h,r,b,K,F,Y,L,A,X,E,I,j,W,Z,J,Q,g=class extends it{constructor(){super();f(this,r);a(this,"isFormComponent",!0);a(this,"hasIcons",!1);a(this,"dropdownList");a(this,"trigger");a(this,"listBox");a(this,"labelClicked");a(this,"labelEl");a(this,"openedByKeyboard",!1);a(this,"closedByKeyboard",!1);a(this,"optionsData",[]);f(this,h,this.nodeName==="IDS-MULTISELECT");a(this,"colorVariants",z);a(this,"onLanguageChange",()=>{n(this,r,b).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"),this.maxHeight&&this.listBox&&(this.listBox.maxHeight=this.maxHeight),n(i=n(t=n(this,r,b).call(this),r,F).call(t),r,Y).call(i),this.hasAttribute(e.VALUE)&&(this.value=this.getAttribute(e.VALUE)),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=p(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=p(this.getAttribute("readonly")))}disconnectedCallback(){super.disconnectedCallback(),this.dropdownList?.hide()}static get attributes(){return[...super.attributes,e.MAX_HEIGHT,e.VALIDATE]}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":"",d=this.noMargins?" no-margins":"",l=this.list?"":this.templateDropdownList(),c="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="${c}"
+        ${t}${i}${o}${d}${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>
+      ${l}
+    </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")??null}get popup(){return this.dropdownList?.popup}set value(t){t=(Array.isArray(t)?t[0]:t)||"";let i=this.labels,s=String(t);i.includes(s)&&(t=this.optionValues[i.indexOf(s)]),n(this,r,L).call(this,t)}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(p(t)){this.removeAttribute(e.DISABLED),this.input&&(this.input.disabled=!1,this.input.cursor="text",this.input.readonlyBackground=!1,this.input.readonly=!0),this.setAttribute(e.READONLY,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.readonlyBackground=!0,this.input.readonly=!1),this.removeAttribute(e.READONLY)}get readonly(){return p(this.getAttribute(e.READONLY))||!1}set disabled(t){if(p(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 p(this.getAttribute(e.DISABLED))||!1}get maxHeight(){return this.getAttribute(e.MAX_HEIGHT)}set maxHeight(t){let i=T(t);i?this.setAttribute(e.MAX_HEIGHT,i):this.removeAttribute(e.MAX_HEIGHT),this.popup&&(this.popup.maxHeight=t)}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)return;this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList?.popup&&(this.dropdownList.popup.onOutsideClick=this.onOutsideClick.bind(this)),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&&(this.dropdownList.popup.alignTarget=this.input?.fieldContainer||this.dropdownList||this);let s=this.localeAPI.isRTL();this.dropdownList.popup.align=`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`,this.dropdownList.popup.alignEdge="bottom",this.input&&(this.dropdownList.value=this.input.value),u(this,h)&&(this.dropdownList.isMultiSelect=!0)}onOutsideClick(t){this.dropdownList&&(t.composedPath()?.includes(this.dropdownList)||this.close(!0))}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();i&&(this.loadDataSet(i),this.typeahead&&(this.optionsData=i))}else this.setOptionsData();this.value&&(this.dropdownList.value=this.value),this.configurePopup(),this.dropdownList.setAttribute(v.ARIA_EXPANDED,"true"),this.dropdownList.removeAttribute(e.TABINDEX),this.dropdownList.show(),this.input&&(this.input.active=!0),this.typeahead&&(n(this,r,K).call(this),this.input?.removeAttribute(e.READONLY),this.input?.focus(),this.searchField?.input?.focus(),n(this,r,Q).call(this)),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");if(s&&(s.innerHTML=""),s||(s=document.createElement("ids-list-box"),this.dropdownList?.insertAdjacentElement("afterbegin",s),this.dropdownList?.configureListBox(),this.configureDropdownList()),t.forEach(o=>{i+=n(this,r,I).call(this,n(this,r,J).call(this,o))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank(),!u(this,h)){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}set data(t){Array.isArray(t)&&(this.optionsData=t,this.loadDataSet(t))}get data(){return this.optionsData}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(v.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||""),window.getSelection().removeAllRanges(),this.replaceTriggerIcon(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}let i=!!this.dropdownList?.popup?.visible;i||t.key==="Enter"&&!i||t.key===" "&&this.typeahead||(this.openedByKeyboard=!0,this.open(this.typeahead))})}attachClickEvent(){this.list||(this.offEvent("click.dropdown-input"),this.onEvent("click.dropdown-input",this.input,t=>{t instanceof MouseEvent&&this.dropdownList?.onTriggerClick?.(t)})),this.dropdownList&&(this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.onEvent("open.dropdown-list",this.dropdownList,async t=>{t.stopPropagation(),await this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.input?.fieldContainer&&(this.offEvent("selected.dropdown-list"),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.input),this.onEvent("change.list",this.input,()=>{this.dropdownList?.popup?.visible&&!this.typeahead&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||u(this,h))return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){u(this,h)||this.listen(["Enter"],this,t=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}this.selected||n(this,r,E).call(this);let i=this.selected?.getAttribute(e.VALUE)||"";t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.value=i,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}replaceTriggerIcon(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)}setOptionsData(){this.optionsData=[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()||t.querySelector("ids-checkbox")?.label||"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL),isCheckbox:!!t.querySelector("ids-checkbox"),selected:t.querySelector("ids-checkbox")?.checked}))}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=O(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.dropdownList&&this.value&&this.dropdownList.setAttribute(e.VALUE,this.value),this.onSizeChange(this.size),m(this,"ids-modal, ids-popup, ids-action-panel")&&this.dropdownList?.setAttribute(e.POSITION_STYLE,"fixed"),m(this,".modal")&&(this.dropdownList?.setAttribute(e.POSITION_STYLE,"fixed"),this.dropdownList?.popup?.setAttribute(e.OFFSET_CONTAINER,".modal")),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(p(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 p(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=p(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),this.container?.classList.add("typeahead"),this.setOptionsData()):(this.setAttribute(e.TYPEAHEAD,"false"),this.input?.setAttribute(e.READONLY,"true"),this.container?.classList.remove("typeahead"))}get typeahead(){return this.hasAttribute(e.TYPEAHEAD)?p(this.getAttribute(e.TYPEAHEAD)):!0}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=p(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 p(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&&(this.replaceTriggerIcon(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:D(this.input?.input)||!1:!1}get searchField(){return this.popup?.querySelector("ids-search-field")||null}};h=new WeakMap,r=new WeakSet,b=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-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},K=function(){this.onEvent("input.dropdown",this.input?.input,t=>{this.typeahead?n(this,r,A).call(this,t.target?.value):n(this,r,X).call(this,t.target?.value)})},F=function(){this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,i=>{i.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,r,b).call(this)});let t=this.container?.querySelector("slot");return this.offEvent("slotchange.dropdown",t),this.onEvent("slotchange.dropdown",t,()=>{this.configureDropdownList(),this.value&&n(this,r,L).call(this,this.value)}),this.attachKeyboardOpenEvent(),this},Y=function(){return this.onEvent("keydown.dropdown-typeahead",this,t=>{let i=t.key||"Space";if(!["Backspace","Delete","Enter","Escape","Shift","Tab"].includes(i)&&!this.dropdownList?.popup?.visible){if(["Alt","Backspace","CapsLock","Control","Delete","Enter","Escape","Meta","Shift","Tab"].includes(i))return;this.open(!0)}}),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){u(this,h)||(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,r,E).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=u(this,h)?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this},L=function(t){let i=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(i='ids-list-box-option[value=""]:not([group-label]), ids-list-box-option:not([value]):not([group-label])');let s=[...this.dropdownList?.listBox?.querySelectorAll(i)??[]].at(0);if(!s){t&&this.setAttribute(e.VALUE,String(t));return}if(this.setAttribute(e.VALUE,String(t)),this.clearSelected(),this.selectOption(s),this.selectIcon(s),this.selectTooltip(s),this.input?.input){let o=s.textContent?.trim()??"";this.input.value=o,this.input.input.value=o}this.state.selectedIndex=[...s?.parentElement?.children||[]].indexOf(s)},A=function(t){let s=n(this,r,Z).call(this,t).map(o=>{let d=new RegExp(t,"gi"),l=o.groupLabel?o.label:o.label?.replace(d,c=>c?`<span class="highlight">${c}</span>`:"");return n(this,r,I).call(this,{...o,label:l})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(s?this.dropdownList.listBox.innerHTML=s:this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),this.replaceTriggerIcon("search"),this.input?.querySelector(".trigger-icon")?.remove()},X=function(t){let i=w(t)?.trim();if(!i)return;let s=this.options.filter(d=>!d.hasAttribute(e.GROUP_LABEL)).find(d=>{let l=new RegExp(`^(${i})`,"i");return(u(this,h)?d.querySelector("ids-checkbox")?.label:d.textContent?.trim())?.match(l)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(u(this,h)){let d=this.value.filter(l=>l!==o);this.value=[...d,o]}else this.value=o},E=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)}},I=function(t){return`<ids-list-box-option
+      ${u(this,h)?'class="multiselect-option multiselect-loaded"':""}
+      ${!u(this,h)&&t.icon?'class="icon-option"':""}
+      ${t.id?`id=${t.id}`:""}
+      ${t.value?`value="${t.value}"`:""}
+      ${t.tooltip?`tooltip="${t.tooltip}"`:""}
+      ${t.groupLabel?"group-label":""}>${t.icon?`
+        <ids-icon icon="${t.icon}"></ids-icon>
+      `:""}${t.isCheckbox?`
+        <ids-checkbox no-margin no-animation class="justify-center multiselect-checkbox multiselect-loaded"${t.selected?" checked":""}></ids-checkbox><ids-text>${t.label||""}</ids-text>
+      `:`<ids-text>${t.label||""}</ids-text>`}</ids-list-box-option>`},j=function(t,i){return t.reduce((s,o,d)=>o<i&&(t[d+1]>i||!t[d+1])?o:s,-1)},W=function(t){let i=this.optionsData.reduce((o,d,l)=>d?.groupLabel?[...o,l]:o,[]),s=n(this,r,j).call(this,i,t);return this.optionsData[s]},Z=function(t){return this.optionsData.reduce((i,s,o)=>{let d=new RegExp(`(${w(t)})`,"gi");if(s.label?.match(d)&&!s.groupLabel){let l=n(this,r,W).call(this,o),c=i.some(tt=>tt.label===l?.label);return l&&!c?[...i,l,s]:[...i,s]}return i},[])},J=function(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label),tooltip:this.xssSanitize(t.tooltip??"")}},Q=function(){this.searchField&&(this.searchField.onSearch=t=>{n(this,r,A).call(this,t)})},g=x([y("ids-dropdown"),S(U)],g);export{g as a};

package/chunks/ids-chunk-5QMGR4I6.js

@@ -0,0 +1,86 @@
+import{a as L}from"./ids-chunk-5WPEQGII.js";import{a as O}from"./ids-chunk-H7QKB536.js";import{o as N}from"./ids-chunk-ZB7XS5Q2.js";import{a as H}from"./ids-chunk-7KKODLNV.js";import{a as x}from"./ids-chunk-L7EY3TMT.js";import{c as P}from"./ids-chunk-ZUHWNQKP.js";import{a as T,b as I}from"./ids-chunk-XE4WFW5M.js";import{d as g,e as y,p as S,r as M}from"./ids-chunk-BVOD446S.js";import{e as w}from"./ids-chunk-Y6KVKFJX.js";import{a as n,b as l}from"./ids-chunk-6P577POZ.js";import{a as v,b as m,c as u,d as c,e as f,f as a}from"./ids-chunk-ZMMCFAAI.js";var C=`.hide {
+  display: none;
+}
+
+@media all and (max-width: 1440px) {
+  .hide-xxl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1440px) {
+  .hide-xxl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1280px) {
+  .hide-xl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1280px) {
+  .hide-xl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1024px) {
+  .hide-lg-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1024px) {
+  .hide-lg-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 840px) {
+  .hide-md-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 840px) {
+  .hide-md-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  .hide-sm-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 600px) {
+  .hide-sm-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 360px) {
+  .hide-xs-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 360px) {
+  .hide-xs-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  :host(.hide-sm-down) {
+    display: none;
+  }
+}
+
+.ids-popup-menu:not([hidden]) {
+  display: block;
+  z-index: var(--ids-z-index-60);
+}`;var k=O(x(H(L))),o,b,h,A,F,R,D,_,E,d=class extends k{constructor(){super();c(this,o);m(this,"container",null);m(this,"vetoableEventTypes",["beforeshow"]);c(this,h)}static get attributes(){return[...super.attributes,n.ALIGN,n.ARROW,n.MAX_HEIGHT,n.POSITION_STYLE,n.OFFSET_CONTAINER,n.WIDTH,n.X,n.Y]}template(){let t=super.template(),e=this.align?` align="${this.align}"`:"",i=this.maxHeight?` max-height="${this.maxHeight}"`:"";return`<ids-popup class="ids-popup-menu" type="menu"${e}${i}>${t}</ids-popup>`}connectedCallback(){super.connectedCallback(),this.hasAttribute(n.HIDDEN)||this.setAttribute(n.HIDDEN,""),this.hasAttribute(n.WIDTH)&&a(this,o,E).call(this,this.getAttribute(n.WIDTH)),requestAnimationFrame(()=>{a(this,o,b).call(this)})}disconnectedCallback(){super.disconnectedCallback?.(),this.popup?.hasOpenEvents&&this.hide(),a(this,o,A).call(this)}renderFromData(){super.renderFromData(),this.attachEventHandlers(),this.attachKeyboardListeners()}setInitialFocus(){let t=this.focusTarget;t&&(t.highlight(),t.focus())}attachEventHandlers(){super.attachEventHandlers(),this.offEvent("pick"),this.onEvent("pick",this,t=>{this.visible&&(t.detail.elem?.group?.keepOpen||this.hideAndFocus())}),this.offEvent("show",this.popup),this.onEvent("show",this.popup,t=>{this.hideOtherMenus(),this.parentMenuItem||this.triggerEvent("show",this,{bubbles:!0,detail:t.detail}),this.setInitialFocus()}),this.offEvent("hide",this.popup),this.onEvent("hide",this.popup,t=>{this.parentMenuItem||this.triggerEvent("hide",this,{bubbles:!0,detail:t.detail}),u(this,h)?.disconnect()}),this.refreshTriggerEvents()}hideOtherMenus(){document.querySelector(".popupmenu.is-open")?.classList.remove("is-open"),document.querySelector("[data-popupmenu].is-open")?.classList.remove("is-open"),f(this,h,new MutationObserver(s=>{s.forEach(r=>{r.target?.className==="is-open"&&this.hide()})})),document.querySelector("body")&&u(this,h).observe(document.querySelector("body"),{attributes:!0,subtree:!0})}attachKeyboardListeners(){super.attachKeyboardListeners();let t=this.keyboardEventTarget||this,e=()=>{this.parentMenu&&this.hideAndFocus(!0)},i=s=>{let r=s.target.closest("ids-menu-item");r.hasSubmenu&&r.showSubmenu()};this.unlisten("ArrowRight"),this.listen(["ArrowRight"],t,s=>{s.stopPropagation(),s.preventDefault(),this.localeAPI.isRTL()?e():i(s)}),this.unlisten("ArrowLeft"),this.listen(["ArrowLeft"],t,s=>{s.stopPropagation(),s.preventDefault(),this.localeAPI.isRTL()?i(s):e()}),this.unlisten("Escape"),this.parentMenu||this.listen(["Escape"],t,s=>{this.hidden||(s.preventDefault(),s.stopPropagation(),this.hideAndFocus())})}get parentMenu(){return this.parentElement?.closest("ids-popup-menu")}set align(t){typeof t=="string"&&this.popup&&(this.popup.align=t)}get align(){return this.popup?.align||`top, ${this.popup?.localeAPI?.isRTL()?"right":"left"}`}get visible(){return!!this.popup?.visible}hide(){this.popup?.visible&&(this.hidden=!0,a(this,o,_).call(this),this.lastHovered=void 0,this.popup.visible=!1,this.hideSubmenus(),this.popup?.removeOpenEvents(),a(this,o,A).call(this))}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}async show(){if(this.popup?.visible||!this.triggerVetoableEvent("beforeshow"))return;await a(this,o,F).call(this),this.configureSubmenuAlignment(),this.refreshIconAlignment(),this.hidden=!1,a(this,o,D).call(this),this.hideSubmenus(),this.parentMenu?.offsetContainer&&this.setAttribute(n.OFFSET_CONTAINER,this.parentMenu.offsetContainer);let t=g(this,"ids-modal"),e=g(this,"ids-action-panel");t&&this.setAttribute(n.OFFSET_CONTAINER,"ids-modal"),e&&this.setAttribute(n.OFFSET_CONTAINER,"ids-action-panel"),this.popup.positionStyle=this.positionStyle,this.popup?.setAttribute("visible","true"),this.triggerEvent("aftershow",this,{bubbles:!0,detail:{elem:this}}),this.popup?.addOpenEvents()}showIfAble(){this.target?!this.target?.disabled&&!this.target?.hidden&&this.show():this.show()}hideSubmenus(t=void 0){let e=this.submenus,i;t?.hasSubmenu&&(i=t.submenu),e.forEach(s=>{let r=i&&i.isEqualNode(s);!s.hidden&&!r&&!s.contains(i)&&s.hide()})}hideAndFocus(t){this.hide(),(this.parentMenu&&t?this.parentMenuItem:this.target)?.focus()}set maxHeight(t){let e=M(t);e?(this.setAttribute(n.MAX_HEIGHT,e),this.popup?.setAttribute(n.MAX_HEIGHT,e)):(this.removeAttribute(n.MAX_HEIGHT),this.popup?.removeAttribute(n.MAX_HEIGHT))}get maxHeight(){return this.getAttribute(n.MAX_HEIGHT)}set positionStyle(t){t?(this.setAttribute(n.POSITION_STYLE,t),this.popup?.setAttribute(n.POSITION_STYLE,t)):(this.removeAttribute(n.POSITION_STYLE),this.popup?.removeAttribute(n.POSITION_STYLE))}get positionStyle(){return this.getAttribute(n.POSITION_STYLE)||"fixed"}set width(t){let e=this.width,i=typeof t=="string"?P(t):"";e!==i&&(i.length?this.setAttribute(n.WIDTH,`${i}`):this.removeAttribute(n.WIDTH)),a(this,o,E).call(this,i)}get width(){let t=this.container?.style.width;return t?.length?t:null}set y(t){this.popup&&(this.popup.y=t)}get y(){return this.popup?.y||0}set x(t){this.popup&&(this.popup.x=t)}get x(){return this.popup?.x||0}set arrow(t){this.popup&&(this.popup.arrow=t)}get arrow(){return this.popup?.arrow||"none"}onOutsideClick(){this.hide()}onTriggerClick(t){return t.currentTarget!==window&&t.preventDefault(),t.button!==0||this.hidden&&(this.showIfAble(),this.setInitialFocus()),!0}onContextMenu(t){t.preventDefault(),t.stopPropagation(),this.hide(),this.state.pageX=t.pageX,this.state.pageY=t.pageY,this.popup?.setPosition(t.pageX,t.pageY),this.showIfAble(),this.setInitialFocus()}onTriggerImmediate(){window.requestAnimationFrame(()=>{this.showIfAble()})}onTriggerHover(){this?.target&&!this.target?.disabled&&!this.target?.hidden&&(this.parentMenuItem&&this.parentMenuItem?.menu?.hideSubmenus(this.target),this.showIfAble())}onCancelTriggerHover(t){let e=t.detail.mouseLeaveNode,i=S();i&&(!i.isEqualNode(e)||!this.contains(e))&&(this.hide(),e?.tagName==="IDS-MENU-ITEM"&&(e.highlight(),e.menu?.hideSubmenus?.(e)))}onTriggerHoverClick(t){return t.preventDefault(),this.onTriggerClick(t)}set offsetContainer(t){t?(this.setAttribute(n.OFFSET_CONTAINER,t),this.popup?.setAttribute(n.OFFSET_CONTAINER,t)):(this.removeAttribute(n.OFFSET_CONTAINER),this.popup?.removeAttribute(n.OFFSET_CONTAINER))}get offsetContainer(){return this.getAttribute(n.OFFSET_CONTAINER)}setOnPlace(t){this.popup&&(t?(this.popup.scrollParentElem=this.parentMenu?.popup?.wrapper,this.popup.onPlace=e=>{let i=this.parentMenu&&this.parentMenu.popup;if(this.container&&i&&this.container&&this.container.scrollParentElem){this.container.removeAttribute("style");let s=10;this.container||(this.container=this.shadowRoot?.querySelector("ids-popup"));let r=(i.offsetLeft||0)-this.container.scrollParentElem.scrollLeft,p=(i.offsetTop||0)-this.container.scrollParentElem.scrollTop+s;this.positionStyle==="fixed"&&(r=this.container.scrollParentElem.scrollLeft>0?r:0,p=this.container.scrollParentElem.scrollTop>0?p-20:0),e.x-=r,e.y-=p}return e}):this.popup.onPlace??=N)}focus(){this.hidden||this.focusTarget?.focus()}configureSubmenuAlignment(){let t=this.popup?.localeAPI?.isRTL()||!1,e=w(this.parentMenuItem?.getAttribute("disabled"));this.parentMenuItem&&!e&&(this.popupDelay=200,this.target=this.parentMenuItem,this.triggerType="hover",this.align=`${t?"left":"right"}, top`)}};o=new WeakSet,b=function(){this.container||(this.container=this.shadowRoot?.querySelector("ids-popup")),this.configureSubmenuAlignment(),this.setOnPlace(!!this.parentMenuItem),this.popup&&(this.popup.onOutsideClick=this.onOutsideClick.bind(this))},h=new WeakMap,A=function(){u(this,h)&&(u(this,h).disconnect(),f(this,h,void 0))},F=async function(){let t=this.getAttribute("slot")==="submenu",e;if(t){let i=y(this,"ids-popup-menu");e=i[i.length-1],this.state.beforeShow=e?.state.beforeShow}if(this.state.beforeShow){let i=await this.state.beforeShow({popop:this.popup,data:this.data,isSubmenu:this.getAttribute("slot")==="submenu",contextElement:this});if(!i)return;if(!t){let s=this.popup.alignTarget,r=this.popup.arrowTarget,p=this.popup.arrow;this.data=i,a(this,o,b).call(this),this.triggerType==="click"&&(this.popup.alignTarget=s,this.popup.arrowTarget=r,this.popup.arrow=p)}if(t&&e){let s=a(this,o,R).call(this,e.data[0].items,"id",this.id);s.contents=[i],this.data=s,this.setOnPlace(!!this.parentMenuItem)}!t&&this.triggerType==="contextmenu"&&this.popup?.setPosition(this.state.pageX,this.state.pageY),!t&&this.triggerType==="click"&&this.setOnPlace(!!this.parentMenuItem)}},R=function(t,e,i){for(let s=0;s<t.length;s++){if(t[s][e]===i)return t[s];if(t[s].submenu&&t[s].submenu[e]===i)return t[s].submenu}},D=function(){this.popup?.querySelector("nav")?.setAttribute(l.ROLE,"menu");let t=[...this.querySelectorAll("ids-menu-item")];t.forEach((e,i)=>{e.a.setAttribute(l.ARIA_POSINSET,i+1),e.a.setAttribute(l.ARIA_SETSIZE,t.length)})},_=function(){this.popup?.querySelector("nav")?.removeAttribute(l.ROLE)},E=function(t){t===null&&(t=""),this.container&&(this.container.style.width=t)},d=v([T("ids-popup-menu"),I(C)],d);export{d as a};

package/chunks/ids-chunk-5WPEQGII.js

@@ -0,0 +1,15 @@
+import{d as g,e as b}from"./ids-chunk-UYU4EEPG.js";import{b as x}from"./ids-chunk-M4GREREJ.js";import{a as L}from"./ids-chunk-T6ZV4PDM.js";import{a as $}from"./ids-chunk-U4K5B3VN.js";import{a as S,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-E2XG4A54.js";import{b as D}from"./ids-chunk-BVOD446S.js";import{e as H}from"./ids-chunk-Y6KVKFJX.js";import{a as u}from"./ids-chunk-6P577POZ.js";import{a as A,b as h,d as N,f as p}from"./ids-chunk-ZMMCFAAI.js";var w=`/* Ids Menu Component */
+/**
+ * Base Styles/Mixins for Ids Menu Component and all subcomponents.
+ */
+:host {
+  display: block;
+  contain: content;
+}
+
+.ids-menu {
+  display: block;
+}`;var U=L($(k)),c,C,P,f=class extends U{constructor(){super();N(this,c);h(this,"datasource",new x);h(this,"keyboardEventTarget",null);h(this,"lastHovered");h(this,"lastNavigated");h(this,"hasIcons");this.state={},this.lastHovered=void 0,this.lastNavigated=void 0,this.hasIcons=!1}static get attributes(){return[...super.attributes,u.DISABLED]}get childElements(){let t=[...this.children];return this.children[0]?.tagName==="SLOT"&&(t=this.children[0].assignedElements()),t}attachEventHandlers(){this.offEvent("click"),this.onEvent("click",this,e=>{let s=e.target.closest("ids-menu-item");this.highlightItem(s),this.selectItem(s),this.lastNavigated=s,e.stopPropagation()}),this.offEvent("mouseover"),this.onEvent("mouseover",this,e=>{let s=e.target;if(s&&s.tagName==="IDS-MENU-ITEM"){e.stopPropagation();let i=s;this.highlightItem(i),i.hasAttribute(u.DISABLED)||(this.lastHovered=i)}}),this.offEvent("mouseout"),this.onEvent("mouseout",this,e=>{let s=e.target;if(s){if(s.tagName==="IDS-ICON"){e.stopPropagation();return}if(s.tagName==="IDS-MENU-ITEM"){e.stopPropagation();let i=s;(!i.hasSubmenu||i.submenu?.hidden)&&i!==this.lastHovered&&i.unhighlight();return}["IDS-POPUP-MENU","IDS-MENU","IDS-MENU-GROUP"].includes(s.tagName)&&this.lastHovered?.unhighlight()}}),this.container||(this.container=this.shadowRoot?.querySelector("ids-popup"));let t=this.container.querySelector("slot");this.offEvent("slotchange",t),this.onEvent("slotchange",t,()=>{this.detectIcons()})}attachKeyboardListeners(){let t=this.keyboardEventTarget||this;this.unlisten("ArrowUp"),this.listen(["ArrowUp"],t,e=>{e.preventDefault(),e.stopPropagation(),this.navigate(-1,!0)}),this.unlisten("ArrowDown"),this.listen(["ArrowDown"],t,e=>{e.preventDefault(),e.stopPropagation(),this.navigate(1,!0)}),this.unlisten("Enter"),this.unlisten("Spacebar"),this.unlisten(" "),this.listen(["Enter","Spacebar"," "],t,e=>{let s=e.target.closest("ids-menu-item");this.selectItem(s),this.lastNavigated=s,e.preventDefault(),e.stopPropagation()})}connectedCallback(){super.connectedCallback(),this.attachEventHandlers(),this.attachKeyboardListeners(),this.data&&this.renderFromData(),this.refreshIconAlignment(),requestAnimationFrame(()=>{this.makeTabbable(this.detectTabbable())})}disconnectedCallback(){super.disconnectedCallback(),this.lastHovered=void 0,this.lastNavigated=void 0}template(){let t;this.id&&(t=` id="${this.id}-menu"`);let e="";this.disabled&&(e=" disabled");let s="";return this.tagName.toLowerCase()==="ids-popup-menu"&&(s=' slot="content"'),`<nav class="ids-menu${e}"${t}${s} part="menu" role="none"><slot></slot></nav>`}menuContentTemplate(t){let e=()=>"<ids-separator></ids-separator>",s=n=>typeof n.text!="string"?"":`<ids-menu-header>${n.text}</ids-menu-header>`,i=n=>{let a="";return n.forEach(r=>{switch(r.type){case"header":a+=s(r);break;case"separator":a+=e();break;case"group":default:a+=d(r);break}}),a},l=n=>{if(!Array.isArray(n?.contents)||!n.contents.length)return"";let a="";n.id&&(a=` id="${n.id}"`);let r=i(n.contents);return`<ids-popup-menu slot="submenu"${a}>${r}</ids-popup-menu>`},o=n=>{if(typeof n.text!="string")return"";let a=`${n.text}`,r="";typeof n.id=="string"&&(r=` id="${n.id}"`);let m="";n.disabled&&(m=' disabled="true"');let y="";typeof n.icon=="string"&&(y=` icon="${n.icon}"`);let I="";n.selected&&(I=' selected="true"');let E="";typeof n.shortcutKeys=="string"&&(E=` shortcut-keys="${n.shortcutKeys}"`);let v="";typeof n.value<"u"&&n.value!==null&&n.value!==""&&(v=` value="${n.value}"`);let M="";return n.submenu&&(M=l(n.submenu)),`<ids-menu-item${r}${m}${y}${I}${E}${v}>
+        ${a}
+        ${M}
+      </ids-menu-item>`},d=n=>{if(!Array.isArray(n?.items)||!n.items.length)return"";let a="";n.id&&(a=` id="${n.id}"`);let r="";return n.items?.forEach(m=>{m?.type==="separator"?r+=e():r+=o(m)}),`<ids-menu-group${a}>${r}</ids-menu-group>`};return i(t)}renderFromData(){if(this.data?.length===0||!this.shadowRoot)return;this.lastHovered=void 0,this.lastNavigated=void 0;let t=document.createElement("template"),e=this.template();this.shadowRoot.innerHTML="",t.innerHTML=e,this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.innerHTML="",this.insertAdjacentHTML("beforeend",this.menuContentTemplate(this.data))}set data(t){if(Array.isArray(t)){this.datasource.data=t,this.renderFromData();return}if(t&&typeof t=="object"){let e=t;Array.isArray(e.contents)&&(this.datasource.data=e.contents,e.id&&(this.id=e.id),this.renderFromData());return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}get groups(){return this.childElements?.filter(t=>t.matches("ids-menu-group"))}get headers(){return this.childElements?.filter(t=>t.matches("ids-menu-header"))}get items(){let t=[];return this.groups.forEach(e=>{t=t.concat([...e.children].filter(s=>s.matches("ids-menu-item")))}),t}get focused(){return this.items.find(t=>D(this)?.activeElement?.isEqualNode(t))}get focusTarget(){if(this.lastHovered)return this.lastHovered;if(this.lastNavigated)return this.lastNavigated;let t=this.items.filter(s=>s.highlighted);if(t.length)return t[t.length-1];let e=this.getSelectedItems();return e.length?e[0]:this.getFirstAvailableItem()}get highlighted(){return this.items.filter(t=>t.highlighted)}get parentMenu(){return this.parentElement?.closest("ids-menu")}get parentMenuItem(){return this.parentElement?.closest("ids-menu-item")}get submenus(){let t=[];return this.items.forEach(e=>{let s=e.submenu;s&&t.push(s)}),t}set disabled(t){H(t)?(this.setAttribute(u.DISABLED,""),p(this,c,C).call(this)):(this.removeAttribute(u.DISABLED),p(this,c,P).call(this))}get disabled(){return this.hasAttribute(u.DISABLED)}highlightItem(t){b(t,this)&&(this.items.forEach(e=>{t.isEqualNode(e)||e.unhighlight()}),t.highlight())}navigate(t=0,e=!1){let s=this.items,i=this.focusTarget;if(typeof t!="number")return i;let l=t<0,o=Math.abs(t),d=s.indexOf(i);for(;o>0;)i=s[d+(l?-1:1)],d=s.indexOf(i),d<0&&(d=l?s.length-1:0,i=s[d]),!i.disabled&&!i.hidden&&(this.makeTabbable(i),o-=1);return this.lastNavigated=i,this.lastHovered&&(this.lastHovered=void 0),!i.disabled&&!i.hidden&&e&&(i.focus(),this.highlightItem(i)),i}detectTabbable(){let t;for(let e=0;!t&&e<this.items.length;e++)this.items[e].tabIndex>-1&&(t=this.items[e]);return t}makeTabbable(t=this.items[0]){this.items.forEach(e=>{let s=t.isEqualNode(e)?0:-1;e.tabIndex=s})}getFirstAvailableItem(){let t=this.items,e=t.length,s,i=0;for(;!s&&i<e;)!t[i].disabled&&!t[i].hidden&&(s=t[i]),i+=1;return s}getSelectedItems(t){let e=g(t,this);return this.items.filter(s=>e?s.selected&&s.group.isEqualNode(e):s.selected)}getSelectedValues(t){return this.getSelectedItems(t).map(e=>e.value)}setSelectedValues(t,e){if(!t?.length)return;let s=g(e,this);if(!s&&e!==void 0)return;let i=s?s.items:this.items,l=Array.isArray(t)?t:[t];i.forEach(o=>{if(l.indexOf(o.value)===-1){o.deselect();return}o.selected||this.selectItem(o)})}selectItem(t){if(!b(t,this))return;if(t.hasSubmenu){t.showSubmenu();return}t.group.select==="multiple"||t.toggleable?t[t.selected?"deselect":"select"]():t.select()}clearSelectedItems(t){let e=g(t,this);this.items.forEach(s=>{let i;e?i=s.selected&&s.group.isEqualNode(e):i=s.selected,i&&s.deselect()})}detectIcons(){this.hasIcons=!1;for(let t=0,e;t<this.items.length&&!this.hasIcons;t++)e=this.items[t],!e.hidden&&e.icon&&e.icon.length&&(this.hasIcons=!0);return this.hasIcons}refreshIconAlignment(){this.detectIcons(),[...this.items,...this.headers].forEach(t=>{typeof t.decorateForIcon=="function"&&t.decorateForIcon(this.hasIcons)})}focus(){this.focusTarget?.focus()}};c=new WeakSet,C=function(){this.container?.classList.add("disabled"),this.items.forEach(t=>{t.disabled=!0})},P=function(){this.container?.classList.remove("disabled"),this.items.forEach(t=>{t.disabled=!1})},f=A([S("ids-menu"),T(w)],f);export{f as a};