ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.13

package/README.md

@@ -9,7 +9,7 @@ Infor Design System Enterprise Web Components Library is a framework independent
 
 ## Key Features
 
-- Multiple themes, including a WCAG 2.0 AAA compatible high-contrast theme
+- Three themes, including a WCAG 2.0 AAA compatible high-contrast theme and ability to theme anything
 - Responsive components, patterns and layouts
 - Touch-friendly interactions
 - SVG-based iconography for high DPI screens and scaling
@@ -24,8 +24,9 @@ Infor Design System Enterprise Web Components Library is a framework independent
 - Fully Namespaced with an `ids-` namespace
 - We Follow the [Gold Standard For Making Web Components](https://github.com/webcomponents/gold-standard/wiki)
 - Includes types for typescript users
-- Every component has the CSS and DOM Encapsulated
-- 100+ Components convert
+- Every component has the CSS and DOM Encapsulation
+- 100+ Components
+- Includes Visual Code and [standard schemas](https://github.com/webcomponents/custom-elements-manifest)
 
 ## Browser Support
 
@@ -60,6 +61,26 @@ npm run start
 
 - For each component see the `.md` file in the relevant [component folder](https://github.com/infor-design/enterprise-wc/tree/main/src)
 - See the [Change Log](doc/CHANGELOG.md) for info on breaking changes as well more info in each individual component
+- See the [Examples in popular frameworks](https://github.com/infor-design/enterprise-wc-examples) for examples and notes on using these in several frameworks
+
+## Usage for Code Hinting
+
+The npm package ships with a file called `vscode.html-custom-data.json`. The file describes the custom elements and their settings for use in Visual Studio Code to provide “IntelliSense”. To enable it, you just need to tell VS Code where the file is.
+
+1. As per above, install with `npm install --save ids-enterprise-wc@latest`
+1. Create a folder called `.vscode` at the root of your project
+1. Create a file inside that folder called `settings.json`
+1. Add the following setting to the file.
+
+```json
+{
+  "html.customData": ["./node_modules/ids-enterprise-wc/vscode.html-custom-data.json"]
+}
+```
+
+You may need to restart VS Code for the changes to take affect.
+
+Most popular editors support custom code completion with different configurations. Please [submit a feature request and/or pull request](https://github.com/infor-design/enterprise-wc/issues/new/choose) if you want to add your editor.
 
 ## Contributing
 

package/chunks/{ids-chunk-IQBJWG7X.js → ids-chunk-26RFTKBH.js}

@@ -1,4 +1,4 @@
-import{a as S}from"./ids-chunk-SUVBHASO.js";import{a as A,b as k}from"./ids-chunk-XE4WFW5M.js";import{f as E}from"./ids-chunk-VGRUIA4C.js";import{a as b}from"./ids-chunk-2NN3ZJ6Q.js";import{a as v}from"./ids-chunk-U7OOVFXE.js";var $=`
+import{a as S}from"./ids-chunk-LCCMDCGB.js";import{a as A,b as k}from"./ids-chunk-XE4WFW5M.js";import{f as E}from"./ids-chunk-QPDOZZIG.js";import{a as u}from"./ids-chunk-EQJWBFQ2.js";import{a as v}from"./ids-chunk-U7OOVFXE.js";var $=`
 /* Ids Line Chart Component */ /* Ids Axis Chart Component */
 .chart-legend {
   display: flex;
@@ -14,9 +14,9 @@ import{a as S}from"./ids-chunk-SUVBHASO.js";import{a as A,b as k}from"./ids-chun
   align-items: center;
   border: 1px solid transparent;
   display: flex;
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-chart-legend-text-size);
-  color: var(--ids-chart-legend-text-color);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-chart-legend-font-size);
+  color: var(--ids-chart-legend-color-text);
   padding-inline-start: 8px;
   padding-inline-end: 8px;
   padding-block-start: 2px;
@@ -25,8 +25,8 @@ import{a as S}from"./ids-chunk-SUVBHASO.js";import{a as A,b as k}from"./ids-chun
 }
 .chart-legend a:focus {
   outline: none;
-  border-color: var(--ids-focus-border-color);
-  box-shadow: var(--ids-focus-box-shadow);
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
 }
 .chart-legend .swatch {
   display: inline-flex;
@@ -128,19 +128,18 @@ import{a as S}from"./ids-chunk-SUVBHASO.js";import{a as A,b as k}from"./ids-chun
 
 .ids-axis-chart {
   display: flex;
-  border-color: var(--ids-axis-chart-border-color);
 }
 .ids-axis-chart.hidden {
   display: none;
 }
 .ids-axis-chart .grid {
   shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
+  stroke: var(--ids-axis-chart-grid-color);
   stroke-width: 1;
   stroke-dasharray: 2 2;
 }
 .ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
+  stroke: var(--ids-axis-chart-last-line-color-border);
   stroke-dasharray: none;
 }
 .ids-axis-chart .grid.hidden {
@@ -151,20 +150,20 @@ import{a as S}from"./ids-chunk-SUVBHASO.js";import{a as A,b as k}from"./ids-chun
   stroke-dasharray: inherit;
 }
 .ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
+  stroke: var(--ids-axis-chart-first-line-color);
   stroke-dasharray: none;
 }
 .ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
+  outline: var(--ids-axis-chart-outline-focus);
 }
 .ids-axis-chart .labels {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
+  font-family: var(--ids-axis-chart-font-family);
+  font-size: var(--ids-axis-chart-font-size);
 }
 .ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
+  fill: var(--ids-axis-chart-color-text);
 }
 .ids-axis-chart .labels.x-labels {
   text-anchor: middle;
@@ -175,7 +174,7 @@ import{a as S}from"./ids-chunk-SUVBHASO.js";import{a as A,b as k}from"./ids-chun
 .ids-axis-chart .labels.axis-labels text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
+  font-weight: var(--ids-axis-chart-font-weight);
   text-anchor: middle;
 }
 .ids-axis-chart .audible {
@@ -199,23 +198,23 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-spacing-md);
+  margin-block: var(--ids-space-30);
   text-align: center;
 }
 
 .tooltip.chart-legend {
   flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
+  margin-block-end: var(--ids-space-40);
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
+  margin-inline: var(--ids-space-30);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
 }
 
 :host([dir=rtl]) .ids-axis-chart {
@@ -304,16 +303,16 @@ ids-empty-message:not([hidden])[hidden],
 }
 .ids-chart-container.selectable .ids-axis-chart .bars .bar.not-selected {
   opacity: 0.5;
-}`;var y=class extends S{constructor(){super(),this.DEFAULT_SELECTABLE=!1}static get attributes(){return[...super.attributes,b.BAR_PERCENTAGE,b.CATEGORY_PERCENTAGE]}connectedCallback(){super.connectedCallback()}afterConnectedCallback(){this.#r(),this.#e(),this.attachTooltipEvents()}afterCalculateCallback(){this.#s()}chartTemplate(){return`<g class="bars" role="list" aria-label="${`${this.stacked?"":this.data[0]?.name}`}">
+}`;var y=class extends S{constructor(){super(),this.DEFAULT_SELECTABLE=!1}static get attributes(){return[...super.attributes,u.BAR_PERCENTAGE,u.CATEGORY_PERCENTAGE]}connectedCallback(){super.connectedCallback()}afterConnectedCallback(){this.#r(),this.#e(),this.attachTooltipEvents()}afterCalculateCallback(){this.#s()}chartTemplate(){return`<g class="bars" role="list" aria-label="${`${this.stacked?"":this.data[0]?.name}`}">
       ${this.#a()}
-    </g>`}#e(){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")}))}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"),l=a.getAttribute("index"),u=this.data[h].data[l];return u&&i.push(u),{group:h,index:l}});return{bars:e,data:i,indexes:r}}setSelected(e){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let o=E(e.groupIndex),n=E(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(c=>t(c)),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(c=>c.getAttribute("index")===`${t}`),i.inverse=n(c=>c.getAttribute("index")!==`${t}`)}let r=!1,a=t=>{let c=t[0].getAttribute("group-index");if(r=!t.some(d=>d.getAttribute("group-index")!==c),r){let d=this.data[c];return{bars:t,data:d,groupIndex:c}}let s=[],g=t.map(d=>{let f=d.getAttribute("group-index"),p=d.getAttribute("index"),m=this.data[f].data[p];return m&&s.push(m),{group:f,index:p}});return{bars:t,data:s,indexes:g}},h=()=>{let t=a(i.selected);if(!this.triggerVetoableEvent("beforedeselected",t))return!1;let c=s=>{delete s.selected};return r?c(t.data):t.data.forEach(s=>c(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(c=>!c.hasAttribute("selected")))return h();if(!h())return!1}let l=a(i.target);if(!this.triggerVetoableEvent("beforeselected",l))return!1;let u=t=>{t.selected=!0};return r?u(l.data):l.data.forEach(t=>u(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,...l}}),!0}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll("rect.bar")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll("rect.bar")??[]]}#r(){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)}}#a(){if(this.horizontal)return this.#i();let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionWidth,a=this.categoryPercentage*r,h=1,l=i?(a-n*h)/n:a;return l*=this.barPercentage,this.markerData.points?.forEach((u,t)=>{u.forEach((c,s)=>{let g;i?(g=this.sectionWidths[s].left+(r-a)/2+(a-l*n)/2,g+=l*t+t*h):g=this.sectionWidths[s].left+(r-a)/2+(a-l)/2;let d=this.markerData.gridBottom,f=d-c.top,p=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",m=this.data[0]?.data[s]?.name,x=c.top;this.stacked&&(x=t>0?x-o[s]:x,o[s]=(o[s]||0)+f),e+=`<g role="listitem">
-          <text class="audible" x="${g}" y="${this.markerData.gridBottom}">${m} ${c.value}</text>
+    </g>`}#e(){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})})},c=this.data.findIndex(r=>r.selected);if(e(c)){o(),this.data[c].data?.forEach(r=>{r.selected=!0}),this.selectionElements.forEach(r=>{r.getAttribute("group-index")===`${c}`?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")}))}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"),l=a.getAttribute("index"),b=this.data[h].data[l];return b&&i.push(b),{group:h,index:l}});return{bars:e,data:i,indexes:r}}setSelected(e){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let o=E(e.groupIndex),c=E(e.index);if(!Number.isNaN(o))if(Number.isNaN(c))this.setSelection(o,!0);else{let i=this.selectionElements.findIndex(r=>r.getAttribute("group-index")===`${o}`&&r.getAttribute("index")===`${c}`);typeof i=="number"&&i>-1&&this.setSelection(i)}}setSelection(e,o){if(Number.isNaN(e)||!this.selectionElements?.[0])return!1;let c=t=>this.selectionElements.filter(n=>t(n)),i={selected:c(t=>t.hasAttribute("selected"))};if(o)i.target=c(t=>t.getAttribute("group-index")===`${e}`),i.inverse=c(t=>t.getAttribute("group-index")!==`${e}`);else{let t=this.selectionElements?.[e]?.getAttribute("index");i.target=c(n=>n.getAttribute("index")===`${t}`),i.inverse=c(n=>n.getAttribute("index")!==`${t}`)}let r=!1,a=t=>{let n=t[0].getAttribute("group-index");if(r=!t.some(d=>d.getAttribute("group-index")!==n),r){let d=this.data[n];return{bars:t,data:d,groupIndex:n}}let s=[],g=t.map(d=>{let f=d.getAttribute("group-index"),p=d.getAttribute("index"),m=this.data[f].data[p];return m&&s.push(m),{group:f,index:p}});return{bars:t,data:s,indexes:g}},h=()=>{let t=a(i.selected);if(!this.triggerVetoableEvent("beforedeselected",t))return!1;let n=s=>{delete s.selected};return r?n(t.data):t.data.forEach(s=>n(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(n=>!n.hasAttribute("selected")))return h();if(!h())return!1}let l=a(i.target);if(!this.triggerVetoableEvent("beforeselected",l))return!1;let b=t=>{t.selected=!0};return r?b(l.data):l.data.forEach(t=>b(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,...l}}),!0}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll("rect.bar")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll("rect.bar")??[]]}#r(){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 c=this.sectionWidths.at(-1)?.left,i=`<line x1="${c}" x2="${c}" y1="${o[0].getAttribute("y1")}" y2="${o[0].getAttribute("y2")}"/>`;e.insertAdjacentHTML("beforeend",i)}}#a(){if(this.horizontal)return this.#i();let e="",o=[],c=this.groupCount,i=this.isGrouped,r=this.sectionWidth,a=this.categoryPercentage*r,h=1,l=i?(a-c*h)/c:a;return l*=this.barPercentage,this.markerData.points?.forEach((b,t)=>{b.forEach((n,s)=>{let g;i?(g=this.sectionWidths[s].left+(r-a)/2+(a-l*c)/2,g+=l*t+t*h):g=this.sectionWidths[s].left+(r-a)/2+(a-l)/2;let d=this.markerData.gridBottom,f=d-n.top,p=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",m=this.data[0]?.data[s]?.name,x=n.top;this.stacked&&(x=t>0?x-o[s]:x,o[s]=(o[s]||0)+f),e+=`<g role="listitem">
+          <text class="audible" x="${g}" y="${this.markerData.gridBottom}">${m} ${n.value}</text>
           <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${l}" height="${f}" x="${g}" y="${x}"${p}>
             <animate attributeName="height" from="0" to="${f}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
             <animate attributeName="y" from="${d}" to="${x}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-          </rect></g>`})}),e}#i(){let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionHeight,a=this.categoryPercentage*r,h=1,l=i?(a-n*h)/n:a;return l*=this.barPercentage,this.markerData.points?.forEach((u,t)=>{u.forEach((c,s)=>{let g;i?(g=this.sectionHeights[s].top+(r-a)/2+(a-l*n)/2,g+=l*t+t*h):g=this.sectionHeights[s].top+(r-a)/2+(a-l)/2;let d=this.markerData.gridLeft-this.margins.leftInner-this.margins.rightInner,f=d,m=this.markerData.gridRight-c.left,x=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",G=this.data[0]?.data[s]?.name;this.stacked&&(d=t>0?o[s]:d,o[s]=(o[s]||d)+m),e+=`<g role="listitem">
-          <text class="audible" x="${d}" y="${this.markerData.gridBottom}">${G} ${c.value}</text>
+          </rect></g>`})}),e}#i(){let e="",o=[],c=this.groupCount,i=this.isGrouped,r=this.sectionHeight,a=this.categoryPercentage*r,h=1,l=i?(a-c*h)/c:a;return l*=this.barPercentage,this.markerData.points?.forEach((b,t)=>{b.forEach((n,s)=>{let g;i?(g=this.sectionHeights[s].top+(r-a)/2+(a-l*c)/2,g+=l*t+t*h):g=this.sectionHeights[s].top+(r-a)/2+(a-l)/2;let d=this.markerData.gridLeft-this.margins.leftInner-this.margins.rightInner,f=d,m=this.markerData.gridRight-n.left,x=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",G=this.data[0]?.data[s]?.name;this.stacked&&(d=t>0?o[s]:d,o[s]=(o[s]||d)+m),e+=`<g role="listitem">
+          <text class="audible" x="${d}" y="${this.markerData.gridBottom}">${G} ${n.value}</text>
           <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${m}" height="${l}" x="${d}" y="${g}"${x}>
             <animate attributeName="x" from="${f}" to="${d}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
             <animate attributeName="width" from="0" to="${m}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-          </rect></g>`})}),e}get groupCount(){return this.markerData?.groupCount||1}#s(){this.isGrouped=!this.stacked&&this.groupCount>1}#t(e){return!Number.isNaN(e)&&e>0&&e<=1}get alignXLabels(){return this.getAttribute(b.ALIGN_X_LABELS)||"middle"}set barPercentage(e){this.#t(Number(e))?this.setAttribute(b.BAR_PERCENTAGE,String(e)):this.removeAttribute(b.BAR_PERCENTAGE),this.redraw()}get barPercentage(){let e=Number(this.getAttribute(b.BAR_PERCENTAGE));return this.#t(e)?e:this.isGrouped?.7:.5}set categoryPercentage(e){this.#t(Number(e))?this.setAttribute(b.CATEGORY_PERCENTAGE,String(e)):this.removeAttribute(b.CATEGORY_PERCENTAGE),this.redraw()}get categoryPercentage(){let e=Number(this.getAttribute(b.CATEGORY_PERCENTAGE));return this.#t(e)?e:.9}};y=v([A("ids-bar-chart"),k($)],y);export{y as a};
+          </rect></g>`})}),e}get groupCount(){return this.markerData?.groupCount||1}#s(){this.isGrouped=!this.stacked&&this.groupCount>1}#t(e){return!Number.isNaN(e)&&e>0&&e<=1}get alignXLabels(){return this.getAttribute(u.ALIGN_X_LABELS)||"middle"}set barPercentage(e){this.#t(Number(e))?this.setAttribute(u.BAR_PERCENTAGE,String(e)):this.removeAttribute(u.BAR_PERCENTAGE),this.redraw()}get barPercentage(){let e=Number(this.getAttribute(u.BAR_PERCENTAGE));return this.#t(e)?e:this.isGrouped?.7:.5}set categoryPercentage(e){this.#t(Number(e))?this.setAttribute(u.CATEGORY_PERCENTAGE,String(e)):this.removeAttribute(u.CATEGORY_PERCENTAGE),this.redraw()}get categoryPercentage(){let e=Number(this.getAttribute(u.CATEGORY_PERCENTAGE));return this.#t(e)?e:.9}};y=v([A("ids-bar-chart"),k($)],y);export{y as a};

package/chunks/{ids-chunk-6WR4WVTO.js → ids-chunk-2HJWXBLG.js}

@@ -34,7 +34,7 @@ var i=`
 }
 
 .ids-tabs-container:not(.orientation-vertical):not([class*=color-variant-]) {
-  border-bottom: 1px solid var(--ids-color-neutral-30);
+  border-bottom: 1px solid var(--ids-tab-color-border-bottom);
 }
 
 .ids-tabs-container.color-variant-module {

package/chunks/{ids-chunk-YU2I4MHS.js → ids-chunk-2WNWFTXI.js}

@@ -1,4 +1,4 @@
-import{a as E}from"./ids-chunk-NOZIDPCE.js";import{a as A}from"./ids-chunk-Q6YDMB2A.js";import{a as f}from"./ids-chunk-ZHYOU3QW.js";import{a as g}from"./ids-chunk-J6DDVFGW.js";import{o as b}from"./ids-chunk-VKONCQ6O.js";import{o as m,q as c}from"./ids-chunk-ODGLGMPF.js";import{a as l}from"./ids-chunk-X5HHVE4J.js";import{c as v}from"./ids-chunk-LCUXCSNZ.js";import{a as p,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as s,b as r}from"./ids-chunk-2NN3ZJ6Q.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var y=`
+import{a as E}from"./ids-chunk-JS5OI342.js";import{a as A}from"./ids-chunk-DHQCPTJO.js";import{a as f}from"./ids-chunk-UV7FAVD2.js";import{a as g}from"./ids-chunk-J6DDVFGW.js";import{o as b}from"./ids-chunk-4TL64355.js";import{o as m,q as c}from"./ids-chunk-ODGLGMPF.js";import{a as l}from"./ids-chunk-N7RNTKMO.js";import{c as v}from"./ids-chunk-LCUXCSNZ.js";import{a as d,b as p}from"./ids-chunk-XE4WFW5M.js";import{a as s,b as r}from"./ids-chunk-EQJWBFQ2.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var y=`
 .hide {
   display: none;
 }
@@ -83,5 +83,5 @@ import{a as E}from"./ids-chunk-NOZIDPCE.js";import{a as A}from"./ids-chunk-Q6YDM
 
 .ids-popup-menu:not([hidden]) {
   display: block;
-  z-index: var(--ids-z-index-popup);
-}`;var w=g(f(l(A(E)))),a=class extends w{container=null;constructor(){super()}static get attributes(){return[...super.attributes,s.ALIGN,s.MAX_HEIGHT,s.WIDTH]}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(s.HIDDEN)||this.setAttribute(s.HIDDEN,""),this.hasAttribute(s.WIDTH)&&this.#i(this.getAttribute(s.WIDTH)),this.parentMenuItem&&(this.popupDelay=200,this.target=this.parentMenuItem,this.triggerType="hover",this.align="right, top"),this.setOnPlace(!!this.parentMenuItem)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasOpenEvents&&this.hide(),this.#e()}renderFromData(){super.renderFromData(),this.attachEventHandlers(),this.attachKeyboardListeners()}vetoableEventTypes=["beforeshow"];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.onEvent("show",this.container,t=>{this.hideOtherMenus(),this.parentMenuItem||this.triggerEvent("show",this,t),this.setInitialFocus()}),this.offEvent("hide"),this.onEvent("hide",this.container,t=>{this.parentMenuItem||this.triggerEvent("hide",this,t),this.#t?.disconnect()}),this.refreshTriggerEvents()}hideOtherMenus(){document.querySelector(".popupmenu.is-open")?.classList.remove("is-open"),document.querySelector("[data-popupmenu].is-open")?.classList.remove("is-open"),this.#t=new MutationObserver(n=>{n.forEach(o=>{o.target?.className==="is-open"&&this.hide()})}),document.querySelector("body")&&this.#t.observe(document.querySelector("body"),{attributes:!0,subtree:!0})}#t=void 0;attachKeyboardListeners(){super.attachKeyboardListeners(),this.unlisten("ArrowRight"),this.listen(["ArrowRight"],this,t=>{t.stopPropagation(),t.preventDefault();let e=t.target.closest("ids-menu-item");e.hasSubmenu&&e.showSubmenu()}),this.unlisten("ArrowLeft"),this.listen(["ArrowLeft"],this,t=>{t.stopPropagation(),t.preventDefault(),this.parentMenu&&this.hideAndFocus(!0)}),this.unlisten("Escape"),this.parentMenu||this.listen(["Escape"],this,t=>{this.hidden||(t.preventDefault(),t.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, left"}get visible(){return!!this.popup?.visible}hide(){this.popup?.visible&&(this.hidden=!0,this.#n(),this.lastHovered=void 0,this.popup.visible=!1,this.hideSubmenus(),this.removeOpenEvents(),this.#e())}#e(){this.#t&&(this.#t.disconnect(),this.#t=void 0)}show(){this.popup?.visible||this.triggerVetoableEvent("beforeshow")&&(this.refreshIconAlignment(),this.hidden=!1,this.#s(),this.hideSubmenus(),this.popup?.setAttribute("visible","true"),this.addOpenEvents())}#s(){this.popup?.querySelector("nav")?.setAttribute(r.ROLE,"menu");let t=[...this.querySelectorAll("ids-menu-item")];t.forEach((e,i)=>{e.a.setAttribute(r.ARIA_POSINSET,i+1),e.a.setAttribute(r.ARIA_SETSIZE,t.length)})}#n(){this.popup?.querySelector("nav")?.removeAttribute(r.ROLE)}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(n=>{let o=i&&i.isEqualNode(n);!n.hidden&&!o&&!n.contains(i)&&n.hide()})}hideAndFocus(t){this.hide(),(this.parentMenu&&t?this.parentMenuItem:this.target)?.focus()}get maxHeight(){return this.getAttribute(s.MAX_HEIGHT)}set maxHeight(t){let e=c(t);e?(this.setAttribute(s.MAX_HEIGHT,e),this.popup?.setAttribute(s.MAX_HEIGHT,e)):(this.removeAttribute(s.MAX_HEIGHT),this.popup?.removeAttribute(s.MAX_HEIGHT))}set width(t){let e=this.width,i=typeof t=="string"?v(t):"";e!==i&&(i.length?this.setAttribute(s.WIDTH,`${i}`):this.removeAttribute(s.WIDTH)),this.#i(i)}get width(){let t=this.container?.style.width;return t?.length?t:null}#i(t){t===null&&(t=""),this.container&&(this.container.style.width=t)}onOutsideClick(){this.hide()}onTriggerClick(t){return t.currentTarget!==window&&t.preventDefault(),t.button!==0||this.hidden&&this.showIfAble(),!0}onContextMenu(t){t.preventDefault(),t.stopPropagation(),this.hide(),this.popup?.setPosition(t.pageX,t.pageY),this.showIfAble(),this.setInitialFocus()}onTriggerImmediate(){window.requestAnimationFrame(()=>{this.showIfAble()})}onTriggerHover(){!this.target.disabled&&!this.target.hidden&&(this.parentMenuItem&&this.parentMenuItem?.menu?.hideSubmenus(this.target),this.showIfAble())}onCancelTriggerHover(t){let e=t.detail.mouseLeaveNode,i=m();i&&(!i.isEqualNode(e)||!this.contains(e))&&(this.hide(),e?.tagName==="IDS-MENU-ITEM"&&(e.highlight(),e.menu&&e.menu.hideSubmenus(e)))}onTriggerHoverClick(t){return t.preventDefault(),this.onTriggerClick(t)}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.removeAttribute("style");let n=10,o=(i.offsetLeft||0)-this.container.scrollParentElem.scrollLeft,h=(i.offsetTop||0)-this.container.scrollParentElem.scrollTop+n;e.x-=o,e.y-=h}return e}):this.popup.onPlace=b)}};a=u([p("ids-popup-menu"),d(y)],a);export{a};
+  z-index: var(--ids-z-index-60);
+}`;var w=g(f(l(A(E)))),a=class extends w{container=null;constructor(){super()}static get attributes(){return[...super.attributes,s.ALIGN,s.MAX_HEIGHT,s.WIDTH]}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(s.HIDDEN)||this.setAttribute(s.HIDDEN,""),this.hasAttribute(s.WIDTH)&&this.#i(this.getAttribute(s.WIDTH)),this.parentMenuItem&&(this.popupDelay=200,this.target=this.parentMenuItem,this.triggerType="hover",this.align="right, top"),this.setOnPlace(!!this.parentMenuItem)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasOpenEvents&&this.hide(),this.#e()}renderFromData(){super.renderFromData(),this.attachEventHandlers(),this.attachKeyboardListeners()}vetoableEventTypes=["beforeshow"];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.onEvent("show",this.container,t=>{this.hideOtherMenus(),this.parentMenuItem||this.triggerEvent("show",this,t),this.setInitialFocus()}),this.offEvent("hide"),this.onEvent("hide",this.container,t=>{this.parentMenuItem||this.triggerEvent("hide",this,t),this.#t?.disconnect()}),this.refreshTriggerEvents()}hideOtherMenus(){document.querySelector(".popupmenu.is-open")?.classList.remove("is-open"),document.querySelector("[data-popupmenu].is-open")?.classList.remove("is-open"),this.#t=new MutationObserver(n=>{n.forEach(o=>{o.target?.className==="is-open"&&this.hide()})}),document.querySelector("body")&&this.#t.observe(document.querySelector("body"),{attributes:!0,subtree:!0})}#t=void 0;attachKeyboardListeners(){super.attachKeyboardListeners(),this.unlisten("ArrowRight"),this.listen(["ArrowRight"],this,t=>{t.stopPropagation(),t.preventDefault();let e=t.target.closest("ids-menu-item");e.hasSubmenu&&e.showSubmenu()}),this.unlisten("ArrowLeft"),this.listen(["ArrowLeft"],this,t=>{t.stopPropagation(),t.preventDefault(),this.parentMenu&&this.hideAndFocus(!0)}),this.unlisten("Escape"),this.parentMenu||this.listen(["Escape"],this,t=>{this.hidden||(t.preventDefault(),t.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, left"}get visible(){return!!this.popup?.visible}hide(){this.popup?.visible&&(this.hidden=!0,this.#n(),this.lastHovered=void 0,this.popup.visible=!1,this.hideSubmenus(),this.removeOpenEvents(),this.#e())}#e(){this.#t&&(this.#t.disconnect(),this.#t=void 0)}show(){this.popup?.visible||this.triggerVetoableEvent("beforeshow")&&(this.refreshIconAlignment(),this.hidden=!1,this.#s(),this.hideSubmenus(),this.popup?.setAttribute("visible","true"),this.addOpenEvents())}#s(){this.popup?.querySelector("nav")?.setAttribute(r.ROLE,"menu");let t=[...this.querySelectorAll("ids-menu-item")];t.forEach((e,i)=>{e.a.setAttribute(r.ARIA_POSINSET,i+1),e.a.setAttribute(r.ARIA_SETSIZE,t.length)})}#n(){this.popup?.querySelector("nav")?.removeAttribute(r.ROLE)}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(n=>{let o=i&&i.isEqualNode(n);!n.hidden&&!o&&!n.contains(i)&&n.hide()})}hideAndFocus(t){this.hide(),(this.parentMenu&&t?this.parentMenuItem:this.target)?.focus()}get maxHeight(){return this.getAttribute(s.MAX_HEIGHT)}set maxHeight(t){let e=c(t);e?(this.setAttribute(s.MAX_HEIGHT,e),this.popup?.setAttribute(s.MAX_HEIGHT,e)):(this.removeAttribute(s.MAX_HEIGHT),this.popup?.removeAttribute(s.MAX_HEIGHT))}set width(t){let e=this.width,i=typeof t=="string"?v(t):"";e!==i&&(i.length?this.setAttribute(s.WIDTH,`${i}`):this.removeAttribute(s.WIDTH)),this.#i(i)}get width(){let t=this.container?.style.width;return t?.length?t:null}#i(t){t===null&&(t=""),this.container&&(this.container.style.width=t)}onOutsideClick(){this.hide()}onTriggerClick(t){return t.currentTarget!==window&&t.preventDefault(),t.button!==0||this.hidden&&this.showIfAble(),!0}onContextMenu(t){t.preventDefault(),t.stopPropagation(),this.hide(),this.popup?.setPosition(t.pageX,t.pageY),this.showIfAble(),this.setInitialFocus()}onTriggerImmediate(){window.requestAnimationFrame(()=>{this.showIfAble()})}onTriggerHover(){!this.target.disabled&&!this.target.hidden&&(this.parentMenuItem&&this.parentMenuItem?.menu?.hideSubmenus(this.target),this.showIfAble())}onCancelTriggerHover(t){let e=t.detail.mouseLeaveNode,i=m();i&&(!i.isEqualNode(e)||!this.contains(e))&&(this.hide(),e?.tagName==="IDS-MENU-ITEM"&&(e.highlight(),e.menu&&e.menu.hideSubmenus(e)))}onTriggerHoverClick(t){return t.preventDefault(),this.onTriggerClick(t)}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.removeAttribute("style");let n=10,o=(i.offsetLeft||0)-this.container.scrollParentElem.scrollLeft,h=(i.offsetTop||0)-this.container.scrollParentElem.scrollTop+n;e.x-=o,e.y-=h}return e}):this.popup.onPlace=b)}};a=u([d("ids-popup-menu"),p(y)],a);export{a};

package/chunks/{ids-chunk-HT4HOREV.js → ids-chunk-34TUNV43.js}

@@ -1,3 +1,3 @@
-import{a as n}from"./ids-chunk-EVCI4WMT.js";import{a as h}from"./ids-chunk-Q6YDMB2A.js";import{a as r}from"./ids-chunk-ZHYOU3QW.js";import{a as p}from"./ids-chunk-J6DDVFGW.js";import{a as o}from"./ids-chunk-YS37TBDI.js";import{a as s}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-GTV4PSEA.js";import{a as e}from"./ids-chunk-U7OOVFXE.js";var d=n(p(r(o(h(l))))),t=class extends d{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback?.()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" y="12" animated>
+import{a as n}from"./ids-chunk-D5QL7Z2W.js";import{a as h}from"./ids-chunk-DHQCPTJO.js";import{a as r}from"./ids-chunk-UV7FAVD2.js";import{a as p}from"./ids-chunk-J6DDVFGW.js";import{a as o}from"./ids-chunk-AKCO43TX.js";import{a as s}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-GFV2Z7F5.js";import{a as e}from"./ids-chunk-U7OOVFXE.js";var d=n(p(r(o(h(l))))),t=class extends d{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback?.()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" y="12" animated>
       <slot slot="content"></slot>
     </ids-popup>`}vetoableEventTypes=["beforeshow"];get visible(){return this.popup?.visible||!1}async hide(i){this.popup?.visible&&(this.removeOpenEvents(),this.popup.visible=!1,await this.popup.hide(),typeof this.onHide=="function"&&this.onHide(),this.triggerEvent("hide",this,{bubbles:!0,detail:{doFocus:i,elem:this}}),this.hidden=!0)}show(){!this.popup||this.popup.visible||this.triggerVetoableEvent("beforeshow")&&(this.hidden=!1,this.popup.visible=!0,this.popup.show(),typeof this.onShow=="function"&&this.onShow(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}),this.addOpenEvents())}toggleVisibility(){this.popup&&(this.popup.visible?this.hide():this.show())}onOutsideClick(i){let a=i.target;this.contains(a)||this.hide()}onTriggerClick(i){this.toggleVisibility()}onTriggerImmediate(){this.show()}};t=e([s("ids-picker-popup")],t);var E=t;export{E as a};

package/chunks/{ids-chunk-4Y4BRYZL.js → ids-chunk-3BGYNGOR.js}

@@ -1,8 +1,8 @@
-import{h as i}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-2NN3ZJ6Q.js";var o=({progress:r,type:t="circular"})=>`<div class="progress-percentage ${t}" part="percentage-text">
+import{h as i}from"./ids-chunk-QPDOZZIG.js";import{a as e}from"./ids-chunk-EQJWBFQ2.js";var o=({progress:r,type:t="circular"})=>`<div class="progress-percentage ${t}" part="percentage-text">
     <ids-text font-size="14" font-weight="semi-bold" color="unset" label>${r}</ids-text>
-  </div>`,p=({progress:r,type:t,percentageVisible:a,inline:s})=>{let c=!Number.isNaN(parseInt(r));switch(t){case e.STICKY:case e.LINEAR:{let n=`y="${t==="sticky"?"0":"12.5"}%"`;return`<svg
+  </div>`,p=({progress:r,type:t,percentageVisible:c,inline:s})=>{let a=!Number.isNaN(parseInt(r));switch(t){case e.STICKY:case e.LINEAR:{let n=`y="${t==="sticky"?"0":"12.5"}%"`;return`<svg
         xmlns="http://www.w3.org/2000/svg"
-        ${i("linear-indicator",t==="sticky"&&"sticky",`${c?"":"in"}determinate`)}
+        ${i("linear-indicator",t==="sticky"&&"sticky",`${a?"":"in"}determinate`)}
         part="container"
         class="ids-loading-indicator"
       >
@@ -10,8 +10,8 @@ import{h as i}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-2NN3Z
           width="100%"
           height="75%"
           ${n}
-          class="overall"
-          part="overall"
+          class="circle"
+          part="circle"
         />
         <rect
           width="100%"
@@ -20,14 +20,14 @@ import{h as i}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-2NN3Z
           part="progress"
         />
       </svg>
-      ${a&&t!=="sticky"?o({progress:r,type:t}):""}`}default:return`<svg
+      ${c&&t!=="sticky"?o({progress:r,type:t}):""}`}default:return`<svg
         viewbox="0 0 100 100"
         xmlns="http://www.w3.org/2000/svg"
-        ${i("circular-indicator",`${c?"":"in"}determinate`,s&&"inline")}
+        ${i("circular-indicator",`${a?"":"in"}determinate`,s&&"inline")}
         part="container"
         class="ids-loading-indicator"
       >
-        <circle cx="50" cy="50" r="45" stroke-width="${s?8:4}" class="overall" part="overall" />
+        <circle cx="50" cy="50" r="45" stroke-width="${s?8:4}" class="circle" part="circle" />
         <circle cx="50" cy="50" r="45" stroke-width="${s?18:7}" class="progress" part="progress" />
       </svg>
-      ${a?o({progress:r}):""}`}};export{o as a,p as b};
+      ${c?o({progress:r}):""}`}};export{o as a,p as b};

package/chunks/ids-chunk-3PGV47W6.js

@@ -0,0 +1,88 @@
+import{a as s}from"./ids-chunk-N7RNTKMO.js";import{a as c}from"./ids-chunk-RRSHSZ55.js";import{a as d}from"./ids-chunk-AKCO43TX.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-GFV2Z7F5.js";import{e}from"./ids-chunk-QPDOZZIG.js";import{a as t}from"./ids-chunk-EQJWBFQ2.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var m=`
+/* Ids Container Component */
+:host {
+  display: block;
+  contain: content;
+  height: 100vh;
+  width: 100vw;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+:host(:not([hidden])) {
+  display: block;
+}
+
+:host([animated][hidden]) {
+  animation: fadeOut var(--ids-motion-duration) var(--ids-motion-ease) forwards;
+}
+
+:host([animated]:not([hidden])) {
+  display: block;
+  animation: fadeIn var(--ids-motion-duration) var(--ids-motion-ease) forwards;
+}
+
+.ids-container {
+  background-color: var(--ids-color-background-default);
+  box-sizing: border-box;
+  color: var(--ids-color-text);
+  height: 100%;
+  outline: none;
+  overflow: auto;
+  padding: var(--ids-space-none);
+  scroll-behavior: smooth;
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+  width: 100%;
+}
+.ids-container.color-variant-alternate {
+  background-color: var(--ids-color-text-default);
+  color: var(--ids-color-text-inverse);
+}
+.ids-container[scrollable=false] {
+  overflow: hidden;
+}
+
+@media (min-width: 840px) {
+  :host(.app-menu)::part(container) {
+    margin-bottom: var(--ids-space-none);
+    transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
+  }
+}
+
+@media (min-width: 840px) {
+  :host(.app-menu-is-open)::part(container) {
+    margin-inline-start: 300px;
+    width: calc(100% - 300px);
+    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    display: none;
+    opacity: 0;
+  }
+  1% {
+    display: block;
+  }
+  100% {
+    display: block;
+    opacity: 1;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    display: block;
+    opacity: 1;
+  }
+  99% {
+    display: block;
+  }
+  100% {
+    display: none;
+    opacity: 0;
+  }
+}`;var u=s(c(d(l))),o=class extends u{constructor(){super()}connectedCallback(){super.connectedCallback(),this.reset&&this.#t(),this.onEvent("load.container",window,()=>{this.removeAttribute("hidden"),this.offEvent("load.container",window)}),document.readyState==="complete"&&this.removeAttribute("hidden"),this.container?.style.setProperty("padding",`${this.padding}px`)}disconnectedCallback(){this.localeAPI.removeLangAttribute(),super.disconnectedCallback()}static get attributes(){return[...super.attributes,t.LANGUAGE,t.LOCALE,t.PADDING,t.RESET,t.SCROLLABLE]}template(){return`<div class="ids-container" part="container"${this.scrollable==="true"?' tabindex="0"':""}><slot></slot></div>`}colorVariants=["alternate"];set padding(i){this.container&&(this.container.style.padding=`${i}px`),this.setAttribute(t.PADDING,i.toString())}get padding(){return this.getAttribute(t.PADDING)}set scrollable(i){if(e(i)){this.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute("tabindex","0");return}this.setAttribute(t.SCROLLABLE,"false"),this.container?.setAttribute(t.SCROLLABLE,"false"),this.container?.removeAttribute("tabindex")}get scrollable(){return this.getAttribute(t.SCROLLABLE)||"true"}#t(){document.querySelector("body")?.style.setProperty("margin","0")}set reset(i){if(e(i)){this.#t();return}this.removeAttribute(t.RESET),document.querySelector("body")?.style.setProperty("margin","")}get reset(){return this.getAttribute(t.RESET)||"true"}};o=r([n("ids-container"),a(m)],o);export{o as a};

package/chunks/{ids-chunk-4UDMP6KJ.js → ids-chunk-447AM6DR.js}

@@ -1,74 +1,74 @@
-import{a as c}from"./ids-chunk-HT4HOREV.js";import{a as g}from"./ids-chunk-USQXUCDZ.js";import{b as u}from"./ids-chunk-UXOESE2B.js";import{a as p}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-T6ZV4PDM.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-VGRUIA4C.js";import{a as i}from"./ids-chunk-2NN3ZJ6Q.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var v=`
+import{a as c}from"./ids-chunk-34TUNV43.js";import{a as v}from"./ids-chunk-7FCCB57Y.js";import{b as h}from"./ids-chunk-NZGHOKVC.js";import{a as p}from"./ids-chunk-N7RNTKMO.js";import{a as u}from"./ids-chunk-T6ZV4PDM.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as n}from"./ids-chunk-QPDOZZIG.js";import{a as i}from"./ids-chunk-EQJWBFQ2.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var b=`
 /* Ids Dropdown Component */
 .validation-message {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family);
-  margin-top: var(--ids-spacing-md);
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
 }
 .validation-message.has-custom-icon {
-  color: var(--ids-icon-color);
+  color: var(--ids-icon-color-default);
 }
 .validation-message.disabled {
-  color: var(--ids-input-disabled-text-color);
+  color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-spacing-md);
+  margin-inline-end: var(--ids-space-30);
 }
 .validation-message.alert {
-  color: var(--ids-color-caution);
+  color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
   color: var(--ids-color-caution-30);
 }
 .validation-message.warning {
-  color: var(--ids-color-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);
+  color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
   color: var(--ids-color-error-30);
 }
 .validation-message.info {
-  color: var(--ids-color-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);
+  color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
 }
 
 :host ids-popup {
-  max-width: var(--ids-input-width-md);
+  max-width: var(--ids-input-width-40);
 }
 
 :host([size=xs]) ids-popup {
-  max-width: var(--ids-input-width-xs);
+  max-width: var(--ids-input-width-10);
 }
 
 :host([size=sm]) ids-popup {
-  max-width: var(--ids-input-width-sm);
+  max-width: var(--ids-input-width-20);
 }
 
 :host([size=mm]) ids-popup {
-  max-width: var(--ids-input-width-mm);
+  max-width: var(--ids-input-width-30);
 }
 
 :host([size=md]) ids-popup {
-  max-width: var(--ids-input-width-md);
+  max-width: var(--ids-input-width-40);
 }
 
 :host([size=lg]) ids-popup {
-  max-width: var(--ids-input-width-lg);
+  max-width: var(--ids-input-width-50);
 }
 
 :host([size=full]) ids-popup {
@@ -78,6 +78,6 @@ import{a as c}from"./ids-chunk-HT4HOREV.js";import{a as g}from"./ids-chunk-USQXU
 :host ids-popup,
 :host([size=full]) {
   width: 100%;
-}`;var m=g(p(u(h(c)))),l=class extends m{isMultiSelect;listBox;constructor(){super()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-dropdown-list" type="menu" part="dropdown-list" y="-1">
+}`;var g=v(p(h(u(c)))),l=class extends g{isMultiSelect;listBox;constructor(){super()}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-dropdown-list" type="menu" part="dropdown-list" y="-1">
       <slot slot="content"></slot>
-    </ids-popup>`}connectedCallback(){super.connectedCallback(),this.configurePopup(),this.attachEventHandlers()}disconnectedCallback(){super.disconnectedCallback(),this.listBox=null}onHide(){this.setAriaOnMenuClose()}onShow(){this.configurePopup(),this.setAriaOnMenuOpen(),this.value&&this.selectOption(this.value)}onTargetChange(){let t=this.getAttribute(i.ID);t&&this.target?.setAttribute(i.LIST,`#${t}`)}attachEventHandlers(){this.offEvent("click.dropdown-list-box"),this.onEvent("click.dropdown-list-box",this,t=>{let e=t.target;if(e&&e.nodeName!=="IDS-LIST-BOX-OPTION"&&(e=e.closest("ids-list-box-option")),e){if(e.hasAttribute(i.GROUP_LABEL))return;this.value=e.getAttribute(i.VALUE)||"",this.triggerSelectedEvent()}})}addOpenEvents(){super.addOpenEvents(),this.listen(["ArrowDown","ArrowUp"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.selected,s=e?.nextElementSibling,o=e?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){this.isMultiSelect||(this.value=e?.getAttribute(i.VALUE)||""),this.triggerCloseEvent(!0);return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(i.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(e),this.selectOption(s.hasAttribute(i.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowUp"&&o){if(o.hasAttribute(i.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(e),this.selectOption(o.hasAttribute(i.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.triggerCloseEvent(!0)}),this.isMultiSelect||this.listen([" ","Enter"],this,t=>{if(t.stopPropagation(),t.key===" "&&this.typeahead)return;if(!this.popup?.visible){this.triggerOpenEvent();return}let e=this.selected?.getAttribute(i.VALUE)||"";this.value=e,this.triggerSelectedEvent()})}removeOpenEvents(){super.removeOpenEvents(),this.unlisten(" "),this.unlisten("Enter")}triggerSelectedEvent(t){let e;if(t?e=t:e={bubbles:!0,detail:{elem:this,label:this.selected?.textContent,value:this.value}},this.target){let s=new CustomEvent("selected",e);this.target.dispatchEvent(s)}}triggerOpenEvent(){this.triggerEvent("open.dropdown-list",this,{bubbles:!0,detail:{elem:this}})}triggerCloseEvent(t){this.triggerEvent("close.dropdown-list",this,{bubbles:!0,detail:{elem:this,operation:t?"cancel":"default"}})}configurePopup(){if(this.listBox=this.querySelector("ids-list-box"),this.listBox||this.children[0]?.tagName==="SLOT"&&(this.listBox=this.children[0].assignedElements()?.[0]),this.listBox&&this.compact&&!this.listBox?.hasAttribute(i.COMPACT)&&this.listBox.setAttribute(i.COMPACT,"true"),this.size==="full"&&this.target&&!this.parentElement?.classList.contains("ids-dropdown")){let t=`${this.target.clientWidth}px`;this.style.width=t,this.popup&&(this.popup.style.maxWidth=t,this.popup.style.width=t)}this.popup&&(this.popup.type="dropdown",this.popup.align="bottom, left",this.popup.arrow="none",this.popup.visible?this.popup.visible&&this.popup.setPosition(0,-1,!1,!0):(this.popup.y=-1,this.popup.x=0,this.setAriaOnMenuClose()))}setAriaOnMenuOpen(){this.setAttribute("aria-expanded","true");let t=this.selectedOption||this.querySelector("ids-list-box-option:not([group-label])");this.listBox?.setAttribute("tabindex","0"),t&&this.value&&this.selectOption(t)}setAriaOnMenuClose(){this.setAttribute("aria-expanded","false"),this.listBox?.removeAttribute("tabindex");let t=this.selected;t&&this.deselectOption(t)}get options(){return this.querySelectorAll("ids-list-box-option")}get selectedOption(){return this.querySelector(`ids-list-box-option[value="${this.value}"]`)}get selected(){return this.children[0]?.tagName==="SLOT"?this.listBox?.querySelector("ids-list-box-option.is-selected")||null:this.querySelector("ids-list-box-option.is-selected")||null}set typeahead(t){let e=n(t);e?this.setAttribute(i.TYPEAHEAD,String(e)):this.removeAttribute(i.TYPEAHEAD),this.container?.classList.toggle("typeahead",e)}get typeahead(){return n(this.getAttribute(i.TYPEAHEAD))}set value(t){let e=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(e="ids-list-box-option:not([value])");let s=this.listBox?.querySelector(e);s&&(this.clearSelected(),this.selectOption(s),this.setAttribute(i.VALUE,String(t)))}get value(){return this.getAttribute(i.VALUE)}clearSelected(){let t=this.listBox?.querySelector("ids-list-box-option[aria-selected]");this.deselectOption(t)}getOption(t){return this.listBox?.querySelector(`ids-list-box-option[value="${t}"]`)}selectOption(t){if(!this?.popup?.visible)return;let e;typeof t=="string"?e=this.getOption(t):e=t,e&&(e.setAttribute("aria-selected","true"),e.classList.add("is-selected"),e.setAttribute("tabindex","0"),e.focus(),e.id&&this.listBox?.setAttribute("aria-activedescendant",e.id),typeof e.scrollIntoView=="function"&&e.scrollIntoView({block:"center"}))}deselectOption(t){t?.removeAttribute("aria-selected"),t?.classList.remove("is-selected"),t?.setAttribute("tabindex","-1")}onAllowBlankChange(t){t?this.insertBlank():this.removeBlank()}onClearableTextChange(){this.allowBlank&&this.insertBlank()}insertBlank(){let t=this.listBox,e=`<ids-list-box-option value="blank" aria-label="Blank">${this.clearableText??"&nbsp;"}</ids-list-box-option>`;this.removeBlank(),t?.insertAdjacentHTML("afterbegin",e)}removeBlank(){this.getOption("blank")?.remove()}configureBlank(){this.allowBlank?this.insertBlank():this.removeBlank()}onFieldHeightChange(t){let e=t===i.COMPACT?{name:i.COMPACT,val:""}:{name:i.FIELD_HEIGHT,val:t};t?this.listBox?.setAttribute(e.name,e.val):(this.listBox?.removeAttribute(i.COMPACT),this.listBox?.removeAttribute(i.FIELD_HEIGHT))}onSizeChange(t){t?this.listBox?.setAttribute(i.SIZE,t):this.listBox?.removeAttribute(i.SIZE)}};l=r([a("ids-dropdown-list"),d(v)],l);export{l as a};
+    </ids-popup>`}connectedCallback(){super.connectedCallback(),this.configurePopup(),this.attachEventHandlers()}disconnectedCallback(){super.disconnectedCallback(),this.listBox=null}onHide(){this.setAriaOnMenuClose()}onShow(){this.configurePopup(),this.setAriaOnMenuOpen(),this.value&&this.selectOption(this.value)}onTargetChange(){let t=this.getAttribute(i.ID);t&&this.target?.setAttribute(i.LIST,`#${t}`)}attachEventHandlers(){this.offEvent("click.dropdown-list-box"),this.onEvent("click.dropdown-list-box",this,t=>{let e=t.target;if(e&&e.nodeName!=="IDS-LIST-BOX-OPTION"&&(e=e.closest("ids-list-box-option")),e){if(e.hasAttribute(i.GROUP_LABEL))return;this.value=e.getAttribute(i.VALUE)||"",this.triggerSelectedEvent()}})}addOpenEvents(){super.addOpenEvents(),this.listen(["ArrowDown","ArrowUp"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.selected,s=e?.nextElementSibling,o=e?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){this.isMultiSelect||(this.value=e?.getAttribute(i.VALUE)||""),this.triggerCloseEvent(!0);return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(i.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(e),this.selectOption(s.hasAttribute(i.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowUp"&&o){if(o.hasAttribute(i.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(e),this.selectOption(o.hasAttribute(i.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.triggerCloseEvent(!0)}),this.isMultiSelect||this.listen([" ","Enter"],this,t=>{if(t.stopPropagation(),t.key===" "&&this.typeahead)return;if(!this.popup?.visible){this.triggerOpenEvent();return}let e=this.selected?.getAttribute(i.VALUE)||"";this.value=e,this.triggerSelectedEvent()})}removeOpenEvents(){super.removeOpenEvents(),this.unlisten(" "),this.unlisten("Enter")}triggerSelectedEvent(t){let e;if(t?e=t:e={bubbles:!0,detail:{elem:this,label:this.selected?.textContent,value:this.value}},this.target){let s=new CustomEvent("selected",e);this.target.dispatchEvent(s)}}triggerOpenEvent(){this.triggerEvent("open.dropdown-list",this,{bubbles:!0,detail:{elem:this}})}triggerCloseEvent(t){this.triggerEvent("close.dropdown-list",this,{bubbles:!0,detail:{elem:this,operation:t?"cancel":"default"}})}configurePopup(){if(this.listBox=this.querySelector("ids-list-box"),this.listBox||this.children[0]?.tagName==="SLOT"&&(this.listBox=this.children[0].assignedElements()?.[0]),this.listBox&&this.compact&&!this.listBox?.hasAttribute(i.COMPACT)&&this.listBox.setAttribute(i.COMPACT,"true"),this.size==="full"&&this.target&&!this.parentElement?.classList.contains("ids-dropdown")){let t=`${this.target.clientWidth}px`;this.style.width=t,this.popup&&(this.popup.style.maxWidth=t,this.popup.style.width=t)}this.popup&&(this.popup.type="dropdown",this.popup.align="bottom, left",this.popup.arrow="none",this.popup.visible?this.popup.visible&&this.popup.setPosition(0,-1,!1,!0):(this.popup.y=-1,this.popup.x=0,this.setAriaOnMenuClose()))}setAriaOnMenuOpen(){this.setAttribute("aria-expanded","true");let t=this.selectedOption||this.querySelector("ids-list-box-option:not([group-label])");this.listBox?.setAttribute("tabindex","0"),t&&this.value&&this.selectOption(t)}setAriaOnMenuClose(){this.setAttribute("aria-expanded","false"),this.listBox?.removeAttribute("tabindex");let t=this.selected;t&&this.deselectOption(t)}get options(){return this.querySelectorAll("ids-list-box-option")}get selectedOption(){return this.querySelector(`ids-list-box-option[value="${this.value}"]`)}get selected(){return this.children[0]?.tagName==="SLOT"?this.listBox?.querySelector("ids-list-box-option.is-selected")||null:this.querySelector("ids-list-box-option.is-selected")||null}set typeahead(t){let e=n(t);e?this.setAttribute(i.TYPEAHEAD,String(e)):this.removeAttribute(i.TYPEAHEAD),this.container?.classList.toggle("typeahead",e)}get typeahead(){return n(this.getAttribute(i.TYPEAHEAD))}set value(t){let e=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(e="ids-list-box-option:not([value])");let s=this.listBox?.querySelector(e);s&&(this.clearSelected(),this.selectOption(s),this.setAttribute(i.VALUE,String(t)))}get value(){return this.getAttribute(i.VALUE)}clearSelected(){let t=this.listBox?.querySelector("ids-list-box-option[aria-selected]");this.deselectOption(t)}getOption(t){return this.listBox?.querySelector(`ids-list-box-option[value="${t}"]`)}selectOption(t){if(!this?.popup?.visible)return;let e;typeof t=="string"?e=this.getOption(t):e=t,e&&(e.setAttribute("aria-selected","true"),e.classList.add("is-selected"),e.setAttribute("tabindex","0"),e.focus(),e.id&&this.listBox?.setAttribute("aria-activedescendant",e.id),typeof e.scrollIntoView=="function"&&e.scrollIntoView({block:"center"}))}deselectOption(t){t?.removeAttribute("aria-selected"),t?.classList.remove("is-selected"),t?.setAttribute("tabindex","-1")}onAllowBlankChange(t){t?this.insertBlank():this.removeBlank()}onClearableTextChange(){this.allowBlank&&this.insertBlank()}insertBlank(){let t=this.listBox,e=`<ids-list-box-option value="blank" aria-label="Blank">${this.clearableText??"&nbsp;"}</ids-list-box-option>`;this.removeBlank(),t?.insertAdjacentHTML("afterbegin",e)}removeBlank(){this.getOption("blank")?.remove()}configureBlank(){this.allowBlank?this.insertBlank():this.removeBlank()}onFieldHeightChange(t){let e=t===i.COMPACT?{name:i.COMPACT,val:""}:{name:i.FIELD_HEIGHT,val:t};t?this.listBox?.setAttribute(e.name,e.val):(this.listBox?.removeAttribute(i.COMPACT),this.listBox?.removeAttribute(i.FIELD_HEIGHT))}onSizeChange(t){t?this.listBox?.setAttribute(i.SIZE,t):this.listBox?.removeAttribute(i.SIZE)}};l=r([a("ids-dropdown-list"),d(b)],l);export{l as a};

package/chunks/{ids-chunk-WAX2G2B2.js → ids-chunk-44CLLQBZ.js}

@@ -1 +1 @@
-import{a as e}from"./ids-chunk-2NN3ZJ6Q.js";var i=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,e.SELECTED,e.SELECTION,e.PRE_SELECTED]}connectedCallback(){super.connectedCallback?.()}set selection(t){this.setAttribute(e.SELECTION,String(t)),t==="multiple"||t==="single"||t==="mixed"?this.container?.classList.add("is-selectable"):this.container?.classList.remove("is-selectable")}get selection(){return this.getAttribute(e.SELECTION)}set selected(t){this.setAttribute(e.SELECTED,String(t)),(this.selection==="multiple"||this.selection==="single"||this.selection==="mixed")&&this.container?.classList[t==="true"?"add":"remove"]("is-selected")}get selected(){return this.getAttribute(e.SELECTED)}set preselected(t){this.setAttribute(e.PRE_SELECTED,String(t)),this.selection==="mixed"&&this.container?.classList[t==="true"?"add":"remove"]("pre-selected")}get preselected(){return this.getAttribute(e.PRE_SELECTED)}},n=i;export{n as a};
+import{a as e}from"./ids-chunk-EQJWBFQ2.js";var i=s=>class extends s{constructor(...t){super(...t)}static get attributes(){return[...s.attributes,e.SELECTED,e.SELECTION,e.PRE_SELECTED]}connectedCallback(){super.connectedCallback?.()}set selection(t){this.setAttribute(e.SELECTION,String(t)),t==="multiple"||t==="single"||t==="mixed"?this.container?.classList.add("is-selectable"):this.container?.classList.remove("is-selectable")}get selection(){return this.getAttribute(e.SELECTION)}set selected(t){this.setAttribute(e.SELECTED,String(t)),(this.selection==="multiple"||this.selection==="single"||this.selection==="mixed")&&this.container?.classList[t==="true"?"add":"remove"]("is-selected")}get selected(){return this.getAttribute(e.SELECTED)}set preselected(t){this.setAttribute(e.PRE_SELECTED,String(t)),this.selection==="mixed"&&this.container?.classList[t==="true"?"add":"remove"]("pre-selected")}get preselected(){return this.getAttribute(e.PRE_SELECTED)}},n=i;export{n as a};

package/chunks/{ids-chunk-RLKHPYT2.js → ids-chunk-4BWOGG6Q.js}

@@ -1 +1 @@
-import{a as c}from"./ids-chunk-MZUE6M7Z.js";var d=class{constructor(t){this.root=t}root;#t(){try{if(typeof localStorage?.getItem=="function")return!0}catch{return!1}return!1}#e(){return this.root.savePosition&&this.#t()}savePosition(){if(this.#e()){let t={sizes:[...this.root.sizes()]};["align","axis","disabled"].forEach(e=>{t[e]=this.root[e]}),localStorage.setItem(this.idTobeUse(this.root.uniqueId),JSON.stringify(t)),this.root.triggerEvent("save-position",this.root,{detail:{elem:this.root,uniqueId:this.root.uniqueId,value:t}})}}restorePosition(){if(!this.#e())return null;let t={},e=localStorage.getItem(this.idTobeUse(this.root.uniqueId));if(typeof e=="string"&&e!==""){t={...JSON.parse(e),canRestore:!1};let s=t?.sizes?.length,o=[...this.root.childNodes].filter(i=>i instanceof c);s&&s===o?.length&&(t.canRestore=!0,["align","axis","disabled"].forEach(i=>{t[i]!==this.root[i]&&(t.canRestore=!1)}))}return t?.canRestore?t:null}clearPosition(t){let e=[];if(this.#t()){let s=t||this.root.uniqueId,o=this.idTobeUse(s);Object.keys(localStorage).some(n=>n===o)&&(localStorage.removeItem(o),e.push(s))}this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:e}})}clearPositionAll(){let t=[];this.#t()&&Object.keys(localStorage).forEach(s=>{let o="{idstempclearstorage}",i=this.idTobeUse(o);if(new RegExp(`^${i.replace(o,"(.+)")}$`,"g").test(s)){let r=i.split(o),a=new RegExp(`^${r.join("|")}$`,"g"),l=s.replace(a,"");localStorage.removeItem(s),t.push(l)}}),this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:t}})}idTobeUse(t,e,s){let o={uniqueId:"",prefix:"ids-splitter",suffix:"usersettings-position"},i=[t,e,s].some(r=>r!=null),n=o.prefix;if(i){let r=(a,l)=>l??o[a];n=`${r("prefix",s)}-${r("uniqueId",t)}-${r("suffix",e)}`}return n}};export{d as a};
+import{a as c}from"./ids-chunk-D4JC6QF5.js";var d=class{constructor(t){this.root=t}root;#t(){try{if(typeof localStorage?.getItem=="function")return!0}catch{return!1}return!1}#e(){return this.root.savePosition&&this.#t()}savePosition(){if(this.#e()){let t={sizes:[...this.root.sizes()]};["align","axis","disabled"].forEach(e=>{t[e]=this.root[e]}),localStorage.setItem(this.idTobeUse(this.root.uniqueId),JSON.stringify(t)),this.root.triggerEvent("save-position",this.root,{detail:{elem:this.root,uniqueId:this.root.uniqueId,value:t}})}}restorePosition(){if(!this.#e())return null;let t={},e=localStorage.getItem(this.idTobeUse(this.root.uniqueId));if(typeof e=="string"&&e!==""){t={...JSON.parse(e),canRestore:!1};let s=t?.sizes?.length,o=[...this.root.childNodes].filter(i=>i instanceof c);s&&s===o?.length&&(t.canRestore=!0,["align","axis","disabled"].forEach(i=>{t[i]!==this.root[i]&&(t.canRestore=!1)}))}return t?.canRestore?t:null}clearPosition(t){let e=[];if(this.#t()){let s=t||this.root.uniqueId,o=this.idTobeUse(s);Object.keys(localStorage).some(n=>n===o)&&(localStorage.removeItem(o),e.push(s))}this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:e}})}clearPositionAll(){let t=[];this.#t()&&Object.keys(localStorage).forEach(s=>{let o="{idstempclearstorage}",i=this.idTobeUse(o);if(new RegExp(`^${i.replace(o,"(.+)")}$`,"g").test(s)){let r=i.split(o),a=new RegExp(`^${r.join("|")}$`,"g"),l=s.replace(a,"");localStorage.removeItem(s),t.push(l)}}),this.root.triggerEvent("clear-position",this.root,{detail:{elem:this.root,clearIds:t}})}idTobeUse(t,e,s){let o={uniqueId:"",prefix:"ids-splitter",suffix:"usersettings-position"},i=[t,e,s].some(r=>r!=null),n=o.prefix;if(i){let r=(a,l)=>l??o[a];n=`${r("prefix",s)}-${r("uniqueId",t)}-${r("suffix",e)}`}return n}};export{d as a};

package/chunks/{ids-chunk-A76DDHWI.js → ids-chunk-4GM3LG4T.js}

@@ -1 +1 @@
-import{a as _}from"./ids-chunk-2NN3ZJ6Q.js";var n="ids-layout-grid",L=[_.ALIGN_CONTENT,_.ALIGN_ITEMS,_.AUTO_FIT,_.AUTO_FILL,_.COLS,_.COLS_XS,_.COLS_SM,_.COLS_MD,_.COLS_LG,_.COLS_XL,_.COLS_XXL,_.FLOW,_.GAP,_.JUSTIFY_CONTENT,_.MARGIN,_.MARGIN_Y,_.MAX_COL_WIDTH,_.MIN_COL_WIDTH,_.MAX_ROW_HEIGHT,_.MIN_ROW_HEIGHT,_.PADDING,_.PADDING_X,_.PADDING_Y,_.ROW_HEIGHT,_.ROWS,_.ROWS_XS,_.ROWS_SM,_.ROWS_MD,_.ROWS_LG,_.ROWS_XL,_.ROWS_XXL],S=[_.ALIGN_CONTENT,_.COL_END,_.COL_END_XS,_.COL_END_SM,_.COL_END_MD,_.COL_END_LG,_.COL_END_XL,_.COL_END_XXL,_.COL_SPAN,_.COL_SPAN_XS,_.COL_SPAN_SM,_.COL_SPAN_MD,_.COL_SPAN_LG,_.COL_SPAN_XL,_.COL_SPAN_XXL,_.COL_START,_.COL_START_XS,_.COL_START_SM,_.COL_START_MD,_.COL_START_LG,_.COL_START_XL,_.COL_START_XXL,_.EDITABLE,_.FILL,_.HEIGHT,_.JUSTIFY_CONTENT,_.MIN_HEIGHT,_.PADDING,_.ORDER,_.ORDER_XS,_.ORDER_SM,_.ORDER_MD,_.ORDER_LG,_.ORDER_XL,_.ORDER_XXL,_.ROW_SPAN,_.ROW_SPAN_XS,_.ROW_SPAN_SM,_.ROW_SPAN_MD,_.ROW_SPAN_LG,_.ROW_SPAN_XL,_.ROW_SPAN_XXL,_.STICKY,_.STICKY_POSITION],O=[void 0,"none","sm","md","lg","xl"],d=["start","end","center","stretch"],s=[void 0,"space-around","space-between","center","end","space-evenly","start"],t=[void 0,"row","column","dense","row-dense","column-dense"],r=[void 0,"xs","sm","md","lg","xl"],I=[void 0,"xs","sm","md","lg","xl"];export{n as a,L as b,S as c,O as d,d as e,s as f,t as g,r as h,I as i};
+import{a as _}from"./ids-chunk-EQJWBFQ2.js";var n="ids-layout-grid",L=[_.ALIGN_CONTENT,_.ALIGN_ITEMS,_.AUTO_FIT,_.AUTO_FILL,_.COLS,_.COLS_XS,_.COLS_SM,_.COLS_MD,_.COLS_LG,_.COLS_XL,_.COLS_XXL,_.FLOW,_.GAP,_.JUSTIFY_CONTENT,_.MARGIN,_.MARGIN_Y,_.MAX_COL_WIDTH,_.MIN_COL_WIDTH,_.MAX_ROW_HEIGHT,_.MIN_ROW_HEIGHT,_.PADDING,_.PADDING_X,_.PADDING_Y,_.ROW_HEIGHT,_.ROWS,_.ROWS_XS,_.ROWS_SM,_.ROWS_MD,_.ROWS_LG,_.ROWS_XL,_.ROWS_XXL],S=[_.ALIGN_CONTENT,_.COL_END,_.COL_END_XS,_.COL_END_SM,_.COL_END_MD,_.COL_END_LG,_.COL_END_XL,_.COL_END_XXL,_.COL_SPAN,_.COL_SPAN_XS,_.COL_SPAN_SM,_.COL_SPAN_MD,_.COL_SPAN_LG,_.COL_SPAN_XL,_.COL_SPAN_XXL,_.COL_START,_.COL_START_XS,_.COL_START_SM,_.COL_START_MD,_.COL_START_LG,_.COL_START_XL,_.COL_START_XXL,_.EDITABLE,_.FILL,_.HEIGHT,_.JUSTIFY_CONTENT,_.MIN_HEIGHT,_.PADDING,_.ORDER,_.ORDER_XS,_.ORDER_SM,_.ORDER_MD,_.ORDER_LG,_.ORDER_XL,_.ORDER_XXL,_.ROW_SPAN,_.ROW_SPAN_XS,_.ROW_SPAN_SM,_.ROW_SPAN_MD,_.ROW_SPAN_LG,_.ROW_SPAN_XL,_.ROW_SPAN_XXL,_.STICKY,_.STICKY_POSITION],O=[void 0,"none","sm","md","lg","xl"],d=["start","end","center","stretch"],s=[void 0,"space-around","space-between","center","end","space-evenly","start"],t=[void 0,"row","column","dense","row-dense","column-dense"],r=[void 0,"xs","sm","md","lg","xl"],I=[void 0,"xxs","xs","sm","md","lg","xl"];export{n as a,L as b,S as c,O as d,d as e,s as f,t as g,r as h,I as i};