ids-enterprise-wc 1.4.2 → 1.5.1

package/chunks/ids-chunk-NU3V4KXJ.js

@@ -0,0 +1,293 @@
+import{a as z}from"./ids-chunk-C6E7BXHS.js";import{a as G}from"./ids-chunk-X6EW65TK.js";import{a as H}from"./ids-chunk-ZIGY2P3N.js";import{a as V}from"./ids-chunk-T2TIUOXF.js";import{b as N}from"./ids-chunk-M4GREREJ.js";import{a as D}from"./ids-chunk-VEO6QETS.js";import{a as M}from"./ids-chunk-U4K5B3VN.js";import{a as $,b as k}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-W3LDHTW6.js";import{b as I,e as v,f as C,g as P}from"./ids-chunk-Y6KVKFJX.js";import{a as l}from"./ids-chunk-TFRXZ5TN.js";import{a as x,b as h,c as g,d as b,e as S,f as c}from"./ids-chunk-ZMMCFAAI.js";var R=`/* Ids Pie Chart Component */
+.chart-legend {
+  display: flex;
+  padding-inline-start: 8px;
+  flex-direction: row;
+  margin-top: -4px;
+  justify-content: flex-start;
+  width: inherit;
+}
+.chart-legend a {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  align-items: center;
+  border: 1px solid transparent;
+  display: flex;
+  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;
+  padding-inline-end: 8px;
+  padding-block-start: 2px;
+  padding-block-end: 2px;
+  text-decoration: none;
+}
+.chart-legend a:focus {
+  outline: none;
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
+}
+.chart-legend .swatch {
+  display: inline-flex;
+  margin-inline-end: 8px;
+  height: 12px;
+  width: 12px;
+}
+.chart-legend .swatch.color-1 {
+  background-color: var(--ids-chart-color-1);
+}
+.chart-legend .swatch.color-2 {
+  background-color: var(--ids-chart-color-2);
+}
+.chart-legend .swatch.color-3 {
+  background-color: var(--ids-chart-color-3);
+}
+.chart-legend .swatch.color-4 {
+  background-color: var(--ids-chart-color-4);
+}
+.chart-legend .swatch.color-5 {
+  background-color: var(--ids-chart-color-5);
+}
+.chart-legend .swatch.color-6 {
+  background-color: var(--ids-chart-color-6);
+}
+.chart-legend .swatch.color-7 {
+  background-color: var(--ids-chart-color-7);
+}
+.chart-legend .swatch.color-8 {
+  background-color: var(--ids-chart-color-8);
+}
+.chart-legend .swatch.color-9 {
+  background-color: var(--ids-chart-color-9);
+}
+.chart-legend .swatch.color-10 {
+  background-color: var(--ids-chart-color-10);
+}
+.chart-legend .swatch.color-11 {
+  background-color: var(--ids-chart-color-11);
+}
+.chart-legend .swatch.color-12 {
+  background-color: var(--ids-chart-color-12);
+}
+.chart-legend .swatch.color-13 {
+  background-color: var(--ids-chart-color-13);
+}
+.chart-legend .swatch.color-14 {
+  background-color: var(--ids-chart-color-14);
+}
+.chart-legend .swatch.color-15 {
+  background-color: var(--ids-chart-color-15);
+}
+.chart-legend .swatch.color-16 {
+  background-color: var(--ids-chart-color-16);
+}
+.chart-legend .swatch.color-17 {
+  background-color: var(--ids-chart-color-17);
+}
+.chart-legend .swatch.color-18 {
+  background-color: var(--ids-chart-color-18);
+}
+.chart-legend .swatch.color-19 {
+  background-color: var(--ids-chart-color-19);
+}
+.chart-legend .swatch.color-20 {
+  background-color: var(--ids-chart-color-20);
+}
+.chart-legend .swatch.color-21 {
+  background-color: var(--ids-chart-color-21);
+}
+
+.ids-chart-container {
+  display: flex;
+  flex-direction: column;
+}
+.ids-chart-container.legend-top {
+  margin-block-end: 8px;
+  flex-direction: column-reverse;
+}
+.ids-chart-container.legend-top .chart-legend {
+  margin-inline-start: 0;
+  justify-content: end;
+}
+.ids-chart-container.legend-right, .ids-chart-container.legend-left {
+  flex-direction: row;
+}
+.ids-chart-container.legend-right .chart-legend, .ids-chart-container.legend-left .chart-legend {
+  margin-inline-start: 0;
+  flex-direction: column;
+  justify-content: center;
+}
+.ids-chart-container.legend-right .chart-legend a, .ids-chart-container.legend-left .chart-legend a {
+  margin-block-end: 8px;
+  width: max-content;
+}
+.ids-chart-container.legend-left {
+  flex-direction: row-reverse;
+}
+
+.ids-chart-container {
+  height: 100%;
+  width: 100%;
+}
+.ids-chart-container.empty {
+  flex-direction: column;
+}
+.ids-chart-container .dot {
+  border-color: var(--ids-color-transparent);
+  border-style: solid;
+  border-radius: 50%;
+  display: inline-block;
+  border-width: var(--ids-pie-chart-tooltip-dot-size, 0);
+  position: absolute;
+  height: 0;
+  width: 0;
+}
+.ids-chart-container:not([class*=legend-]) .chart-legend, .ids-chart-container.legend-none .chart-legend {
+  display: none;
+}
+
+.ids-chart-svg-container {
+  min-width: 80px;
+}
+
+.ids-pie-chart {
+  margin-block-end: var(--ids-space-12);
+  height: 100%;
+  width: 100%;
+}
+.ids-pie-chart .slice.color-1:not([fill]) {
+  stroke: var(--ids-chart-color-1);
+}
+.ids-pie-chart .slice.color-2:not([fill]) {
+  stroke: var(--ids-chart-color-2);
+}
+.ids-pie-chart .slice.color-3:not([fill]) {
+  stroke: var(--ids-chart-color-3);
+}
+.ids-pie-chart .slice.color-4:not([fill]) {
+  stroke: var(--ids-chart-color-4);
+}
+.ids-pie-chart .slice.color-5:not([fill]) {
+  stroke: var(--ids-chart-color-5);
+}
+.ids-pie-chart .slice.color-6:not([fill]) {
+  stroke: var(--ids-chart-color-6);
+}
+.ids-pie-chart .slice.color-7:not([fill]) {
+  stroke: var(--ids-chart-color-7);
+}
+.ids-pie-chart .slice.color-8:not([fill]) {
+  stroke: var(--ids-chart-color-8);
+}
+.ids-pie-chart .slice.color-9:not([fill]) {
+  stroke: var(--ids-chart-color-9);
+}
+.ids-pie-chart .slice.color-10:not([fill]) {
+  stroke: var(--ids-chart-color-10);
+}
+.ids-pie-chart .slice.color-11:not([fill]) {
+  stroke: var(--ids-chart-color-11);
+}
+.ids-pie-chart .slice.color-12:not([fill]) {
+  stroke: var(--ids-chart-color-12);
+}
+.ids-pie-chart .slice.color-13:not([fill]) {
+  stroke: var(--ids-chart-color-13);
+}
+.ids-pie-chart .slice.color-14:not([fill]) {
+  stroke: var(--ids-chart-color-14);
+}
+.ids-pie-chart .slice.color-15:not([fill]) {
+  stroke: var(--ids-chart-color-15);
+}
+.ids-pie-chart .slice.color-16:not([fill]) {
+  stroke: var(--ids-chart-color-16);
+}
+.ids-pie-chart .slice.color-17:not([fill]) {
+  stroke: var(--ids-chart-color-17);
+}
+.ids-pie-chart .slice.color-18:not([fill]) {
+  stroke: var(--ids-chart-color-18);
+}
+.ids-pie-chart .slice.color-19:not([fill]) {
+  stroke: var(--ids-chart-color-19);
+}
+.ids-pie-chart .slice.color-20:not([fill]) {
+  stroke: var(--ids-chart-color-20);
+}
+.ids-pie-chart .slice.color-21:not([fill]) {
+  stroke: var(--ids-chart-color-21);
+}
+.ids-pie-chart.hidden {
+  display: none;
+}
+.ids-pie-chart.selectable .audible {
+  font-size: 1px;
+}
+.ids-pie-chart.selectable .slice {
+  cursor: pointer;
+}
+.ids-pie-chart.selectable .slice[selected] {
+  opacity: 1;
+}
+.ids-pie-chart.selectable .slice.not-selected {
+  opacity: 0.5;
+}
+
+.slice {
+  outline: none;
+  fill-opacity: 0;
+}
+
+.donut-text {
+  font-family: var(--ids-chart-pie-font-family);
+  font-size: var(--ids-chart-pie-font-size);
+  fill: var(--ids-chart-pie-color-text);
+  text-anchor: middle;
+}
+
+.donut-hole {
+  pointer-events: none;
+}
+
+.audible {
+  opacity: 0;
+  fill-opacity: 0;
+}
+
+.chart-legend {
+  justify-content: center;
+}`;var it=z(G(D(M(L)))),o,O,q,U,T,p,B,_,f,m,F,j,W,X,Q,Y,J,K,y=class extends it{constructor(){super();b(this,o);h(this,"initialized",!1);h(this,"svg");h(this,"svgContainer");h(this,"emptyMessage");h(this,"legend");h(this,"percents",[]);h(this,"totals",0);h(this,"datasource",new N);h(this,"vetoableEventTypes",["beforeselected","beforedeselected"]);h(this,"onLocaleChange",()=>{this.redraw();let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))});h(this,"onLanguageChange",()=>{let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))});b(this,p,[]);b(this,f,2);b(this,m,[]);this.state||(this.state={}),this.DEFAULT_SELECTABLE=!1}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(l.LEGEND_PLACEMENT)||this.setAttribute(l.LEGEND_PLACEMENT,"right"),this.svg=this.shadowRoot?.querySelector("svg"),this.svgContainer=this.shadowRoot?.querySelector(".ids-chart-svg-container"),this.emptyMessage=this.querySelector("ids-empty-message")||this.shadowRoot?.querySelector("ids-empty-message"),this.legend=this.shadowRoot?.querySelector('[name="legend"]'),this.redraw(),this.legendsClickable?.(this.selectable)}onSelectableChange(){this.legendsClickable?.(this.selectable)}redraw(){if(this.initialized){if(this.data&&this.data.length===0&&this.initialized){c(this,o,Y).call(this);return}c(this,o,O).call(this),c(this,o,B).call(this),c(this,o,q).call(this),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.svg&&(this.svg.innerHTML=this.chartTemplate()),c(this,o,j).call(this),c(this,o,K).call(this),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data}})}}static get attributes(){return[...super.attributes,l.ANIMATED,l.DATA,l.DONUT,l.DONUT_TEXT,l.HEIGHT,l.SUPPRESS_TOOLTIPS,l.TITLE,l.WIDTH]}template(){return`<div class="ids-chart-container" part="container">
+      <div class="ids-chart-svg-container">
+        <svg class="ids-pie-chart" part="chart"${this.width?` width="${this.width}"`:""}${this.height?` height="${this.height}"`:""} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${this.viewBoxSize} ${this.viewBoxSize}">
+        </svg>
+      </div>
+      <slot name="legend">
+      </slot>
+      <slot name="empty-message">
+        <ids-empty-message icon="empty-no-data" hidden>
+          <ids-text type="h2" font-size="20" label="true" slot="label">${this.localeAPI?.translate("NoData")||"No data available"}</ids-text>
+        </ids-empty-message>
+      </slot>
+      <slot name="tooltip">
+        <ids-tooltip id="tooltip"></ids-tooltip>
+      </slot>
+    </div>`}legendTemplate(){let t='<div class="chart-legend">';return this.data[0].data?.forEach((e,r)=>{let i=e.pattern?"":` color-${r+1}`,a=e.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="url(#${e.pattern})"></rect></svg>`:"",s=`${e.name} (${this.percents[r].rounded}${this.localeAPI?.numbers().percentSign||"%"})`;typeof this.legendFormatter=="function"&&(s=this.legendFormatter(e,this.percents[r],this)),t+=`<a href="#legend-${I(e.name||r)}" data-index="${r}" class="chart-legend-item">
+        <div class="swatch${i}">${a}</div>
+        ${s}
+        </a>`}),t+="</div>",t}set legendFormatter(t){this.state.legendFormatter=t,this.redraw()}get legendFormatter(){return this.state.legendFormatter}chartTemplate(){let t="",e=0,r=this.donut?40:25,i=this.donut?15:50,a=this.viewBoxSize/2,s=this.viewBoxSize/2;return this.percents.forEach((n,d)=>{let u=2*Math.PI*r,A=u-u*n.total/100,Z=e*360/100+-90,E=this.data[0].data,tt=E?.[d].pattern?"":` color-${d+1}`,et=E?.[d].pattern?`url(#${E?.[d].pattern})`:this.color(d);if(t+=`<g role="listitem">
+        <circle class="slice${tt}" part="circle" stroke="${et}" stroke-width="${i}" index="${d}" percent="${n.total}" r="${r}" cx="${a}" cy="${s}" stroke-dasharray="${u}" stroke-dashoffset="${this.animated?u:A}" transform="rotate(${Z} ${a} ${s})" pointer-events="stroke"></circle>
+        <text class="audible">${E?.[d].name}  ${n.rounded}%</text>
+        </g>`,e+=n.total,this.animated){let rt=380*n.total/100,st=380*e/100;requestAnimationFrame(()=>{this.container?.querySelector(`circle.slice[index="${d}"]`)?.style.setProperty("transition",`stroke-dashoffset ${rt}ms cubic-bezier(0.17, 0.04, 0.03, 0.94) ${st}ms`),requestAnimationFrame(()=>{this.container?.querySelector(`circle.slice[index="${d}"]`)?.setAttribute("stroke-dashoffset",String(A))})})}}),`<title></title>
+      <title>${this.title}</title>
+      <defs>
+        ${c(this,o,U).call(this)}
+      </defs>
+      <g role="list">
+        ${t}
+      </g>
+      <circle class="donut-hole" r="${r}" cx="${a}" cy="${s}" fill="transparent" stroke-width="0"></circle>
+      <text class="donut-text" x="50%" y="50%" dy=".3em">${this.donutText}</text>
+      `}get viewBoxSize(){return 100}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll(".slice")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll(".slice")??[]]}tooltipTemplate(){return"<b>${label}</b> ${value}"}tooltipData(t){let e=this.data[0].data[t];return{label:e.name,value:e.value||0,tooltip:e.tooltip,total:this.percents[t].total,rounded:this.percents[t].rounded}}getSelected(){let t=this.selectionElements.filter(i=>i.hasAttribute("selected"))[0];if(!t)return{};let e=t.getAttribute("index"),r=this.data[0].data?.[e];return{slice:t,index:e,data:r}}setSelected(t){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let e=C(t.index);Number.isNaN(e)||this.setSelection(e)}setSelection(t){let e=this.selectionElements?.[t];if(!e)return!1;let r,i=(s,n)=>(r=this.data[0].data?.[n],this.triggerVetoableEvent("beforedeselected",{slice:s,index:n,data:r})?(r&&delete r.selected,this.selectionElements.forEach(d=>d.classList.remove("not-selected")),s.removeAttribute("selected"),this.triggerEvent("deselected",this,{bubbles:!0,detail:{elem:this,slice:s,index:n,data:r}}),!0):!1),a=this.selectionElements.findIndex(s=>s.hasAttribute("selected"));if(a>-1){if(`${a}`==`${t}`)return i(e,a);if(!i(this.selectionElements[a],a))return!1}return r=this.data[0].data?.[t],this.triggerVetoableEvent("beforeselected",{slice:e,index:t,data:r})?(this.selectionElements.forEach(s=>{s===e?s.setAttribute("selected",""):s.classList.add("not-selected")}),r&&(r.selected=!0),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,slice:e,index:t,data:r}}),!0):!1}onTitleChange(t){let e=this.container?.querySelectorAll(l.TITLE);e&&e?.length>1&&(e[1].textContent=t)}set donut(t){this.setAttribute(l.DONUT,String(t)),this.redraw()}get donut(){return v(this.getAttribute(l.DONUT))||!1}set donutText(t){this.setAttribute(l.DONUT_TEXT,t);let e=this.container?.querySelector(".donut-text");e&&(e.innerHTML=t)}get donutText(){return this.getAttribute(l.DONUT_TEXT)||""}set height(t){this.setAttribute(l.HEIGHT,String(t)),this.svg?.setAttribute(l.HEIGHT,String(t)),this.redraw()}get height(){let t=this.getAttribute(l.HEIGHT);return t?parseFloat(t):""}set width(t){this.setAttribute(l.WIDTH,String(t)),this.svg?.setAttribute(l.WIDTH,String(t)),this.redraw()}get width(){let t=this.getAttribute(l.WIDTH);return t?parseFloat(t):""}set data(t){if(t){c(this,o,J).call(this),this.datasource.data=t,this.initialized=!0,this.redraw();return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}get colors(){return H}color(t){return`var(${this.data[0].data?.[t].color?`color-${t+1}`:this.colors[t]})`}set animated(t){this.setAttribute(l.ANIMATED,String(t)),this.redraw()}get animated(){return this.getAttribute(l.ANIMATED)===null?!0:v(this.getAttribute(l.ANIMATED))}set suppressTooltips(t){this.setAttribute(l.SUPPRESS_TOOLTIPS,String(t)),v(this.getAttribute(l.SUPPRESS_TOOLTIPS))&&c(this,o,W).call(this),this.redraw()}get suppressTooltips(){return this.getAttribute(l.SUPPRESS_TOOLTIPS)===null?!1:v(this.getAttribute(l.SUPPRESS_TOOLTIPS))}};o=new WeakSet,O=function(){this.totals=0,this.percents=[];let t=this.data[0].data;t?.forEach(e=>{this.totals+=e.value||0}),t?.forEach(e=>{let r=(e.value||0)/this.totals*100;this.percents.push({total:r,rounded:Math.round(r)})})},q=function(){let t="";if(!this.shadowRoot?.styleSheets)return;this.data[0].data?.forEach((i,a)=>{let s=i,n=s.patternColor;!n&&s.color&&s.color.substr(0,1)==="#"&&(n=s.color),!n&&s.color&&s.color.substr(0,1)!=="#"&&s.color.substr(0,11)!=="--ids-color"&&(n=`var(--ids-color-${s.color})`),!n&&s.color&&s.color.substr(0,1)!=="#"&&s.color.substr(0,11)==="--ids-color"&&(n=`var(${s.color})`),n||(n=`var(${this.colors[a]})`),t+=`--ids-chart-color-${a+1}: ${n} !important;`});let r=this.shadowRoot.styleSheets[0];r.cssRules&&r.cssRules[0].selectorText===":host"&&r.deleteRule(0),r.insertRule(`:host {
+      ${t}
+    }`)},U=function(){let t="";return this.data[0].data?.forEach((e,r)=>{let i=V[e.pattern];if(i){let a=`${this.color(r)}`;i=i.replace('fill="#000000"',`fill="${a}"`),t+=i}}),t},T=function(t){return t*(Math.PI/180)},p=new WeakMap,B=function(){S(this,p,[]);let t=this.totals,e=c(this,o,T).call(this,-90);this.data?.[0]?.data?.forEach(r=>{let i=r.value/t*Math.PI*2+e,a=(e+i)/2;g(this,p).push({startAngle:e,midAngle:a,endAngle:i}),e=i})},_=function(t,e=0){let r=this.svg?.clientWidth??NaN,i=this.svg?.clientHeight??NaN,a=Math.min(r,i)/2-(this.donut?8:0),{x:s,y:n}=this.svgContainer?.getBoundingClientRect()??{x:NaN,y:NaN},d=r/2+s-g(this,f),w=i/2+n-g(this,f),{midAngle:u}=g(this,p)[t];return{x:d+Math.cos(u)*(a+e),y:w+Math.sin(u)*(a+e),midAngle:u}},f=new WeakMap,m=new WeakMap,F=function(){if(S(this,m,[...this.svgContainer?.parentElement?.querySelectorAll("#dots .dot")??[]]),!g(this,m).length){let t=`<div id="dots">${g(this,p).map(()=>'<span class="dot"></span>').join("")}`;this.svgContainer?.parentElement?.insertAdjacentHTML("beforeend",t),S(this,m,[...this.svgContainer?.parentElement?.querySelectorAll("#dots .dot")??[]])}g(this,m).forEach((t,e)=>{let{x:r,y:i}=c(this,o,_).call(this,e);t.style.setProperty("--ids-pie-chart-tooltip-dot-size",`${g(this,f)}px`),t.style.setProperty("left",`${r}px`),t.style.setProperty("top",`${i}px`)})},j=function(){if(this.suppressTooltips)return;let t=this.svgContainer?.parentElement?.querySelector("ids-tooltip");this.tooltipElements().forEach((e,r)=>{this.onEvent("hoverend",e,async()=>{t&&(t.innerHTML=c(this,o,Q).call(this,e),t.target=e),c(this,o,X).call(this,t,r)})})},W=function(){this.tooltipElements().forEach(t=>{this.offEvent("hoverend",t)})},X=function(t,e){c(this,o,F).call(this),t.popup.alignTarget=g(this,m)[e];let{midAngle:r}=g(this,p)[e],i=r+c(this,o,T).call(this,90),a=Math.PI/4,s=null;i<=a&&i>=0||i>7*a?s="top":i<=3*a&&i>=a?s="right":i<=5*a&&i>=3*a?s="bottom":i<=7*a&&i>=5*a&&(s="left"),t.placement=s,t.visible=!0},Q=function(t){let e=Number(t.getAttribute("index")),r=this.tooltipData(e);return r.tooltip?r.tooltip.replace("${value}",r.value).replace("${label}",r.label).replace("${percent}",r.rounded):P(this.tooltipTemplate(),r)},Y=function(){this.svg?.classList.add("hidden"),this.svgContainer?.parentElement?.classList.add("empty"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")},J=function(){this.svg?.classList.remove("hidden"),this.svgContainer?.parentElement?.classList.remove("empty"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")},K=function(){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let t=this.data[0]?.data?.findIndex(e=>e.selected);if(typeof t=="number"&&t>-1){let e=this.selectionElements[t];if(!e)return;this.selectionElements.forEach(r=>{r===e?r.setAttribute("selected",""):r.classList.add("not-selected")})}},y=x([$("ids-pie-chart"),k(R)],y);export{y as a};

package/chunks/ids-chunk-O6TXPMFX.js

@@ -0,0 +1,192 @@
+import{a as M}from"./ids-chunk-3NZ7H7BT.js";import{a as D}from"./ids-chunk-FD5DZOPD.js";import{a as _}from"./ids-chunk-FPH2X7CF.js";import{b as V}from"./ids-chunk-M4GREREJ.js";import{a as k}from"./ids-chunk-VEO6QETS.js";import{a as $}from"./ids-chunk-T6ZV4PDM.js";import{a as O}from"./ids-chunk-U4K5B3VN.js";import{a as C,b as H}from"./ids-chunk-XE4WFW5M.js";import{a as F}from"./ids-chunk-W3LDHTW6.js";import{e as d,f as E,g as L}from"./ids-chunk-Y6KVKFJX.js";import{a as i}from"./ids-chunk-TFRXZ5TN.js";import{a as x,b as u,c as f,d as g,e as S,f as a}from"./ids-chunk-ZMMCFAAI.js";var P=`:host {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+:host slot {
+  display: block;
+}
+
+:host([no-margins]) .ids-list-view .ids-list-view-body li:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ids-list-view-item:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ::slotted(li):first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ::slotted(ids-list-view-item):first-child {
+  margin-block-start: var(--ids-space-none);
+}
+
+:host([searchable]) .ids-list-view-body:first-child,
+.has-searchfield .ids-list-view-body:first-child {
+  margin-block-start: 8px;
+}
+
+.ids-list-view {
+  height: var(--ids-list-view-height);
+  overflow: auto;
+  position: relative;
+}
+.ids-list-view .ids-list-view-body {
+  margin: 0;
+  padding: 0;
+}
+.ids-list-view .ids-list-view-body:focus {
+  border-color: var(--ids-list-view-color-border-focus);
+}
+.ids-list-view .ids-list-view-body li {
+  padding: var(--ids-list-view-item-padding);
+  background-color: var(--ids-list-view-item-color-background-default);
+  border: var(--ids-list-view-item-border);
+  border-top-color: var(--ids-list-view-item-color-border-top);
+  contain: content;
+  list-style-type: none;
+}
+.ids-list-view.selectable-multiple .list-item-area, .ids-list-view.selectable-mixed .list-item-area {
+  display: flex;
+  align-items: center;
+}
+.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox, .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox {
+  padding-inline-end: var(--ids-space-20);
+  flex-grow: 0;
+  flex-shrink: 0;
+  max-height: var(--ids-space-sm);
+  max-width: var(--ids-space-sm);
+}
+.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox[disabled]::part(checkmark), .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox[disabled]::part(checkmark) {
+  background-color: var(--ids-color-transparent);
+}
+.ids-list-view.is-scrolling {
+  box-shadow: var(--ids-scroll-shadow);
+  border-top: var(--ids-scroll-color-border-top);
+}
+
+ids-swappable-item {
+  border-bottom-color: var(--ids-color-neutral-20);
+  border: none;
+}
+ids-swappable-item ids-list-view-item[selected], ids-swappable-item:hover::before {
+  color: var(--ids-color-text-default);
+}
+
+ids-swappable-item[over] {
+  border: 1px dashed var(--ids-color-neutral-80);
+}
+
+::slotted(ids-search-field) {
+  margin-bottom: 8px;
+}
+
+.sortable .ids-list-view li:hover,
+.sortable .ids-list-view li:focus,
+.sortable .ids-list-view li:focus-visible,
+.sortable .ids-list-view li:focus-within,
+.sortable .ids-list-view ids-list-view-item:hover,
+.sortable .ids-list-view ids-list-view-item:focus,
+.sortable .ids-list-view ids-list-view-item:focus-visible,
+.sortable .ids-list-view ids-list-view-item:focus-within,
+.sortable .ids-list-view ::slotted(li:hover),
+.sortable .ids-list-view ::slotted(li:focus),
+.sortable .ids-list-view ::slotted(li:focus-visible),
+.sortable .ids-list-view ::slotted(li:focus-within),
+.sortable .ids-list-view ::slotted(ids-list-view-item:hover),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus-visible),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus-within),
+[sortable] .ids-list-view li:hover,
+[sortable] .ids-list-view li:focus,
+[sortable] .ids-list-view li:focus-visible,
+[sortable] .ids-list-view li:focus-within,
+[sortable] .ids-list-view ids-list-view-item:hover,
+[sortable] .ids-list-view ids-list-view-item:focus,
+[sortable] .ids-list-view ids-list-view-item:focus-visible,
+[sortable] .ids-list-view ids-list-view-item:focus-within,
+[sortable] .ids-list-view ::slotted(li:hover),
+[sortable] .ids-list-view ::slotted(li:focus),
+[sortable] .ids-list-view ::slotted(li:focus-visible),
+[sortable] .ids-list-view ::slotted(li:focus-within),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:hover),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus-visible),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus-within),
+:host(.sortable) li:hover,
+:host(.sortable) li:focus,
+:host(.sortable) li:focus-visible,
+:host(.sortable) li:focus-within,
+:host(.sortable) ids-list-view-item:hover,
+:host(.sortable) ids-list-view-item:focus,
+:host(.sortable) ids-list-view-item:focus-visible,
+:host(.sortable) ids-list-view-item:focus-within,
+:host(.sortable) ::slotted(li:hover),
+:host(.sortable) ::slotted(li:focus),
+:host(.sortable) ::slotted(li:focus-visible),
+:host(.sortable) ::slotted(li:focus-within),
+:host(.sortable) ::slotted(ids-list-view-item:hover),
+:host(.sortable) ::slotted(ids-list-view-item:focus),
+:host(.sortable) ::slotted(ids-list-view-item:focus-visible),
+:host(.sortable) ::slotted(ids-list-view-item:focus-within),
+:host([sortable]) li:hover,
+:host([sortable]) li:focus,
+:host([sortable]) li:focus-visible,
+:host([sortable]) li:focus-within,
+:host([sortable]) ids-list-view-item:hover,
+:host([sortable]) ids-list-view-item:focus,
+:host([sortable]) ids-list-view-item:focus-visible,
+:host([sortable]) ids-list-view-item:focus-within,
+:host([sortable]) ::slotted(li:hover),
+:host([sortable]) ::slotted(li:focus),
+:host([sortable]) ::slotted(li:focus-visible),
+:host([sortable]) ::slotted(li:focus-within),
+:host([sortable]) ::slotted(ids-list-view-item:hover),
+:host([sortable]) ::slotted(ids-list-view-item:focus),
+:host([sortable]) ::slotted(ids-list-view-item:focus-visible),
+:host([sortable]) ::slotted(ids-list-view-item:focus-within) {
+  cursor: default;
+}
+.sortable .ids-list-view ::slotted(ids-list-view-item[selected]),
+[sortable] .ids-list-view ::slotted(ids-list-view-item[selected]),
+:host(.sortable) ::slotted(ids-list-view-item[selected]),
+:host([sortable]) ::slotted(ids-list-view-item[selected]) {
+  color: var(--ids-color-text-default);
+}`;var J=k(_(M(D($(O(F)))))),b="search-mismatch",m={hideCheckboxes:!1,height:"100%",label:"Ids list view",selectableOptions:["single","multiple","mixed"],sortable:!1,suppressDeactivation:!1,suppressDeselection:!0,virtualScroll:!1},n,r,R,A,N,B,y,W,q,p,U,z,w,v=class extends J{constructor(){super();g(this,r);u(this,"initialized",!1);g(this,n,0);u(this,"datasource",new V);u(this,"defaultTemplate","");u(this,"vetoableEventTypes",["beforeactivated","beforedeactivated","beforeselected","beforedeselected"]);g(this,p,0)}connectedCallback(){super.connectedCallback(),this.defaultTemplate=`${this.querySelector("template")?.innerHTML||""}`,this.dataKeys=a(this,r,R).call(this,this.defaultTemplate),a(this,r,y).call(this),a(this,r,W).call(this)}static get attributes(){return[...super.attributes,i.LOADED,i.HEIGHT,i.HIDE_CHECKBOXES,i.ITEM_HEIGHT,i.LABEL,i.SELECTABLE,i.SORTABLE,i.SUPPRESS_DEACTIVATION,i.SUPPRESS_DESELECTION,i.VIRTUAL_SCROLL,i.MAX_WIDTH,i.OVERFLOW,i.TOOLTIP,i.TOOLTIP_PLAIN_TEXT]}itemsSelector(t){return[...this.querySelectorAll(t),...this.shadowRoot?.querySelectorAll(t)??[]]}get itemCount(){return this.data?.length||this.items?.length||0}itemByIndex(t){return this.itemsSelector(`ids-list-view-item[row-index="${t}"]`)[0]??void 0}get itemFocused(){let t=this.body?.getAttribute("aria-activedescendant");if(!t)return null;let e=this.body?.querySelector(`#${t}`)||this.querySelector(`#${t}`),s=Number(e?.rowIndex??-1);return this.itemByIndex(s)}get items(){return this.itemsSelector("ids-list-view-item")}get itemsActivated(){return this.itemsSelector("ids-list-view-item[activated]")}get itemsDisabled(){return this.itemsSelector("ids-list-view-item[disabled]")}get itemsFiltered(){return this.itemsSelector(`ids-list-view-item:not(.${b}), ids-list-view-group-header`)}get itemsChecked(){return this.itemsSelector("ids-list-view-item[checked]")}get itemsSelected(){return this.itemsSelector("ids-list-view-item[selected]")}get itemsSlotted(){return[...this.querySelectorAll("ids-list-view-item")]}get itemsSwappable(){return this.itemsSelector("ids-swappable-item")}get itemsTabbable(){return this.itemsSelector('ids-list-view-item[tabindex="0"]')}dataIndex(t){let e=E(t);return Number.isNaN(e)?null:e>=0&&e<f(this,n)?e+(this.pageNumber-1)*f(this,n):null}resetSearch(){let t=this.itemsSlotted;t?.length&&(this.datasource.filtered=!0,t.forEach(e=>{e.classList.remove(b),e.removeAttribute("slot")})),super.resetSearch()}generateListItemFromCustomHTML(t){let e=t,s=this.pagination;if(s&&s!=="none"){let Z=this.pageNumber||0,T=this.pageSize||0;e=Z*T-(T-e)}let l=this.data[t]??{};if(l?.isGroupHeader)return`<ids-list-view-group-header>${l?.title}</ids-list-view-group-header>`;let o=l.itemActivated?" activated":"",h=l.disabled?" disabled":"",c=l.itemSelected?" selected":"",I=this.sortable?' class="sortable"':"",j=this.maxWidth?` max-width="${this.maxWidth}"`:"",G=this.hasAttribute(i.TOOLTIP_PLAIN_TEXT)?" tooltip-plain-text":"",K=this.tooltip?` tooltip="${this.tooltip}"${G}`:"",X=this.overflow?` overflow="${this.overflow}"`:"";return this.templateListItemWrapper(`<ids-list-view-item row-index="${e}" ${o}${h}${c}${I}${j}${K}${X}>
+        ${this.templateCustomHTML(l)}
+      </ids-list-view-item>`,t)}generateListItemSlot(t){let e=this.itemsFiltered.at(t);if(!e)return"";let s=`slot-child-${t}`;return e.setAttribute("slot",s),e.rowIndex=t,this.templateListItemWrapper(`<slot name="${s}"></slot>`,t)}template(){return`
+      ${this.searchTemplate?.()}
+      ${this.virtualScroll?this.templateVirtualScroll():this.templateStatic()}
+    `}templateListItemWrapper(t,e=-1){let s=this.itemByIndex(e),o=(this.data[e]??s?.rowData??{}).disabled?" disabled":"",h=this.sortable?' class="sortable"':"",c=`<div ${o}${h}>${t}</div>`;return h?`
+      <ids-swappable-item
+          role="listitem"
+          tabindex="-1"
+          tabbable="${e===0?"true":"false"}"
+          index="${e}"
+          id="id_item_${e+1}"
+          aria-posinset="${e+1}"
+          id = "id-${e+1}"
+          aria-setsize="${this.data?.length||this.itemsFiltered.length}"
+          ${o}
+        >
+        ${c}
+      </ids-swappable-item>
+    `:c}templateCustomHTML(t){return L(this.defaultTemplate,this.searchHighlight?.(t)??t)}templateListItems(){return this.data?.length?this.data.map((t,e)=>this.generateListItemFromCustomHTML(e)).join(""):this.itemsFiltered.map((t,e)=>this.generateListItemSlot(e)).join("")}templateStatic(){return`
+      <div class="ids-list-view${this.selectable?` ${this.selectableClass()}`:""}" part="list-view">
+        <div class="ids-list-view-body" role="listbox" aria-label="${this.label}" part="contents">
+          ${this.sortable?`<ids-swappable selection=${this.selectable}>`:""}
+            ${this.templateListItems()}
+          ${this.sortable?"</ids-swappable>":""}
+          <slot></slot>
+        </div>
+      </div>
+    `}templateVirtualScroll(){return`
+      <div class="ids-list-view${this.selectable?` ${this.selectableClass()}`:""}">
+        <ids-virtual-scroll
+          height="${this.height}"
+          item-height="${this.itemHeight}">
+          <div class="ids-list-view-body" role="listbox" aria-label="${this.label}" part="contents"></div>
+        </ids-virtual-scroll>
+      </div>
+    `}itemTemplate(t){return t?.matches?.("ids-list-view-item")?`<slot name="${t?.getAttribute?.("slot")}"></slot>`:L(this.defaultTemplate,this.searchHighlight?.(t)??t)}pagerTemplate(){return`
+      <ids-pager-button label="Previous page" previous></ids-pager-button>
+      <ids-pager-number-list label="Page {num} of {total}"></ids-pager-number-list>
+      <ids-pager-button label="Next page" next></ids-pager-button>
+    `}redrawLazy(){cancelAnimationFrame(f(this,p)),S(this,p,requestAnimationFrame(()=>this.redraw()))}redraw(){if((!this.data||!this.loaded)&&!this.items.length){this.data?.length||this.items?.forEach(o=>o?.remove());return}S(this,n,this.pagination==="none"?this.pageTotal:this.pageSize);let t=this.container?.getAttribute("dir"),e=this.template();this.container?.parentElement?this.container?.parentElement.remove():this.container?.remove(),this.searchContainer?.remove();let s=this.shadowRoot?.querySelector("style");if(s)s.insertAdjacentHTML("afterend",e);else{let o=document.createElement("template");o.innerHTML=e,this.shadowRoot?.appendChild(o.content.cloneNode(!0))}if(this.container=this.shadowRoot?.querySelector(".ids-list-view"),this.data?.length>0){if(this.virtualScroll){let o=this.itemHeight||a(this,r,U).call(this,`
+          <div part="list-item" tabindex="-1" id="height-tester">
+            ${this.itemTemplate(this.datasource.data[0])}
+          </div>
+        `);this.virtualScrollContainer&&(this.virtualScrollContainer.itemHeight=o,this.virtualScrollContainer.itemTemplate=(h,c,I)=>this.generateListItemFromCustomHTML(I),this.virtualScrollContainer.data=this.data)}a(this,r,y).call(this)}this.setSearchable?.(),this.pager?.sync?.apply(this),this.adjustHeight(),t&&this.container?.setAttribute("dir",t),this.scrollArea=this.shadowRoot?.querySelector(".ids-list-view"),this.attachScrollEvents();let l=this.body?.querySelector("ids-list-view-item:not([disabled]")||this.querySelector("ids-list-view-item:not([disabled]");l?.setAttribute("tabindex","0"),this.body?.setAttribute("aria-activedescendant",String(l?.id))}get virtualScrollContainer(){return this.container?.querySelector("ids-virtual-scroll")}get body(){return this.container?.querySelector(".ids-list-view-body")}adjustHeight(){if(!this.container)return;(this.virtualScroll?this.virtualScrollContainer:this.container)?.style.setProperty("height",`${this.height}`)}get ds(){return this.datasource?.allData||this.data}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),e!==s&&(t===i.LOADED&&this.redraw(),t===i.SELECTABLE&&a(this,r,z).call(this),t===i.VIRTUAL_SCROLL&&this.redraw(),t===i.PAGE_NUMBER&&this.redraw(),t===i.PAGE_SIZE&&this.redraw(),t===i.PAGE_TOTAL&&this.redraw(),t===i.MAX_WIDTH&&this.redraw(),t===i.OVERFLOW&&this.redraw(),t===i.TOOLTIP&&this.redraw(),t===i.TOOLTIP_PLAIN_TEXT&&this.redraw())}set data(t){let e=this.initialized;t?(this.initialized=!0,this.datasource.data=t,this.loaded=!0,e&&this.redraw()):(this.datasource.data=[],this.loaded=!1)}get data(){return this?.datasource?.data||""}appendToBottom(t){let e=this.datasource.data.length;if(this.datasource.data=[...this.datasource.data,...t],t){let s=t.map((l,o)=>this.generateListItemFromCustomHTML(o+e)).join("");this.body?.insertAdjacentHTML("beforeend",s)}}set loaded(t){this.setAttribute(i.LOADED,String(!!t))}get loaded(){return d(i.LOADED)}set dataKeys(t){this.datasource&&(this.datasource.dataKeys=t||[])}get dataKeys(){return this.datasource.dataKeys||[]}set virtualScroll(t){/boolean|string/g.test(typeof t)?this.setAttribute(i.VIRTUAL_SCROLL,String(t)):this.removeAttribute(i.VIRTUAL_SCROLL)}get virtualScroll(){return d(this.getAttribute(i.VIRTUAL_SCROLL))}set height(t){t?this.setAttribute(i.HEIGHT,String(t)):this.setAttribute(i.HEIGHT,m.height)}get height(){return this.getAttribute(i.HEIGHT)||m.height}set itemHeight(t){t?this.setAttribute(i.ITEM_HEIGHT,String(t)):this.removeAttribute(i.ITEM_HEIGHT)}get itemHeight(){return parseInt(this.getAttribute(i.ITEM_HEIGHT)??"")}set selectable(t){this.container?.classList.remove(...this.selectableClass(!0)),m.selectableOptions.includes(String(t))?(this.setAttribute(i.SELECTABLE,String(t)),this.container?.classList.add(this.selectableClass())):this.removeAttribute(i.SELECTABLE)}get selectable(){return this.getAttribute(i.SELECTABLE)}selectableClass(t){let e=l=>`selectable-${l}`,s="";return t&&(s=m.selectableOptions.map(l=>e(l))),this.selectable!==null&&(s=e(this.selectable)),s}set sortable(t){this.toggleAttribute(i.SORTABLE,d(t))}get sortable(){return d(this.getAttribute(i.SORTABLE))}set suppressDeactivation(t){this.toggleAttribute(i.SUPPRESS_DEACTIVATION,d(t))}get suppressDeactivation(){return this.selectable==="mixed"&&d(this.getAttribute(i.SUPPRESS_DEACTIVATION))}set suppressDeselection(t){this.toggleAttribute(i.SUPPRESS_DESELECTION,d(t))}get suppressDeselection(){return this.selectable==="single"&&d(this.getAttribute(i.SUPPRESS_DESELECTION))}set hideCheckboxes(t){this.toggleAttribute(i.HIDE_CHECKBOXES,d(t)),this.items.forEach(e=>{e.checkbox?.toggleAttribute("hide",d(t))})}get hideCheckboxes(){return d(this.getAttribute(i.HIDE_CHECKBOXES))}set label(t){t?this.setAttribute(i.LABEL,t):this.removeAttribute(i.LABEL),this.body?.setAttribute("aria-label",this.label)}get label(){return this.getAttribute(i.LABEL)||m.label}set maxWidth(t){t?(this.setAttribute(i.MAX_WIDTH,t),this?.style.setProperty("max-width",`${parseInt(t)}px`,"important")):(this.removeAttribute(i.MAX_WIDTH),this?.style.removeProperty("max-width"))}get maxWidth(){return this.getAttribute(i.MAX_WIDTH)}set tooltip(t){t?this.setAttribute(i.TOOLTIP,t):this.removeAttribute(i.TOOLTIP)}get tooltip(){return this.getAttribute(i.TOOLTIP)}set overflow(t){t?this.setAttribute(i.OVERFLOW,t):this.removeAttribute(i.OVERFLOW)}get overflow(){return this.getAttribute(i.OVERFLOW)}selectAll(){let t=this.selectable;if(!t)return;let e=this.items,s=this.items[0];t==="single"&&s?s.selected=!0:["multiple","mixed"].includes(t)&&e.forEach(l=>{l.selected=!0,l.checkbox&&(l.checkbox.checked=!0)}),a(this,r,w).call(this,"selectionchanged",{selected:this.itemsSelected})}deselectAll(){this.selectable&&this.itemsSelected.forEach(t=>{t.selected=!1,t.checkbox&&(t.checkbox.checked=!1)}),a(this,r,w).call(this,"selectionchanged",{selected:this.itemsSelected})}};n=new WeakMap,r=new WeakSet,R=function(t){return Array.from(t?.matchAll(/\${(.*)}/g),([,e])=>e)},A=function(t){let e=t?.getAttribute("role")==="option"?t:t?.closest('[role="option"]'),s=E(e?.getAttribute("index"));return Number.isNaN(s)?null:{item:e,index:s,data:this.data[s]}},N=function(t){switch(t.code||"Space"){case"ArrowUp":if(t.preventDefault(),!this.itemFocused?.prevEnabled)return;this.itemFocused?.setAttribute("tabindex","-1"),this.itemFocused?.prevEnabled?.setAttribute("tabindex","0"),this.itemFocused?.prevEnabled?.focus(),this.body?.setAttribute("aria-activedescendant",String(this.itemFocused?.prevEnabled?.id));break;case"ArrowDown":if(t.preventDefault(),!this.itemFocused?.nextEnabled)return;this.itemFocused?.setAttribute("tabindex","-1"),this.itemFocused?.nextEnabled?.setAttribute("tabindex","0"),this.itemFocused?.nextEnabled?.focus(),this.body?.setAttribute("aria-activedescendant",String(this.itemFocused?.nextEnabled?.id));break;case"Enter":this.itemFocused&&(this.itemFocused.activated=!0),this.itemFocused&&(this.selectable==="single"||this.selectable==="multiple")&&(this.itemFocused.selected=this.selectable==="multiple"?!this.itemFocused.selected:!0,this.itemFocused.activated=this.selectable==="multiple"?this.itemFocused.selected:!0);break;case"Space":if(t.preventDefault(),this.itemFocused&&this.selectable==="mixed"){let s=!this.itemFocused.selected;this.itemFocused.selected=s,this.itemFocused.checked=s}this.itemFocused&&this.selectable&&this.selectable!=="mixed"&&(this.itemFocused.activated=!0),this.itemFocused&&(this.selectable==="single"||this.selectable==="multiple")&&(this.itemFocused.activated=!0,this.itemFocused.selected=this.selectable==="multiple"?!this.itemFocused.selected:!0);break;default:break}},B=function(t){let{startIndex:e,endIndex:s}=t.detail||{};a(this,r,q).call(this,e);for(let l=e;l<s;l++){if(this.data?.[l]?.itemSelected){let o=this.itemByIndex(l);o&&(o.selected=!0)}if(this.data?.[l]?.itemActivated){let o=this.itemByIndex(l);o&&(o.activated=!0)}}},y=function(){let t=this.container?.querySelector("slot:not([name])")??void 0;this.offEvent("slotchange.listview",t),this.onEvent("slotchange.listview",t,()=>{this.itemsSlotted.length&&this.redrawLazy()}),this.offEvent("click.listview",this.container),this.onEvent("click.listview",this.container,e=>{e.stopPropagation();let s=a(this,r,A).call(this,e.target);s&&a(this,r,w).call(this,"click",{...s,originalEvent:e})}),this.offEvent("dblclick.listview",this.container),this.onEvent("dblclick.listview",this.container,e=>{let s=a(this,r,A).call(this,e.target);s&&a(this,r,w).call(this,"dblclick",{...s,originalEvent:e})}),this.offEvent("keydown.listview-selection",this),this.onEvent("keydown.listview-selection",this,e=>a(this,r,N).call(this,e)),this.virtualScroll&&!this.sortable&&(this.offEvent("aftervirtualscroll.listview",this.virtualScrollContainer),this.onEvent("aftervirtualscroll.listview",this.virtualScrollContainer,e=>a(this,r,B).call(this,e)))},W=function(){this.itemsSlotted?.length&&(this.searchFilterCallback=t=>(this.itemsSlotted?.forEach(e=>{let s=String(e?.textContent??"").toLowerCase(),l=String(t).toLowerCase();!t||s.includes(l)?e.classList.remove(b):(e.classList.add(b),e.setAttribute("slot",b))}),()=>!1))},q=function(t){let e=this.items;t===0&&e?.at(0)?.setAttribute("tabindex","0"),e?.forEach((s,l)=>{s?.setAttribute("index",l+t),s?.setAttribute("aria-posinset",l+1),s.id||s?.setAttribute("id",`id-${l+1}`),s?.setAttribute("aria-setsize",e?.length)})},p=new WeakMap,U=function(t){this.container?.insertAdjacentHTML("beforeend",t);let e=this.shadowRoot?.querySelector("#height-tester"),s=e?.offsetHeight;return e?.remove(),s??NaN},z=function(){this.redraw(),this.itemsSlotted.forEach(t=>t.checkbox?.toggleAttribute("hide",!!t?.checkboxHidden))},w=function(t,e={}){this.triggerEvent(t,this,{bubbles:!0,detail:{elem:this,...e}})},v=x([C("ids-list-view"),H(P)],v);export{v as a};

package/chunks/{ids-chunk-LVDVIMZX.js → ids-chunk-O7IB5PBW.js}

@@ -1,4 +1,4 @@
-import{a as f}from"./ids-chunk-3DA43NO3.js";import{a as g,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as y}from"./ids-chunk-KBS65QZP.js";import{a as i}from"./ids-chunk-H4WFYJQQ.js";import{a as b,d as o,g as e}from"./ids-chunk-Y32WUP63.js";var x=`@media (min-width: 360px) {
+import{a as b}from"./ids-chunk-U4K5B3VN.js";import{a as u,b as m}from"./ids-chunk-XE4WFW5M.js";import{a as g}from"./ids-chunk-W3LDHTW6.js";import{a as r}from"./ids-chunk-TFRXZ5TN.js";import{a as p,d as h,f as i}from"./ids-chunk-ZMMCFAAI.js";var v=`@media (min-width: 360px) {
   :host(.last) {
     flex: 0;
   }
@@ -56,7 +56,7 @@ import{a as f}from"./ids-chunk-3DA43NO3.js";import{a as g,b as v}from"./ids-chun
 }
 .ids-process-indicator-step ids-text.label {
   margin: var(--ids-process-indicator-margin);
-  margin-bottom: 16px;
+  margin-bottom: var(--ids-space-sm);
   white-space: nowrap;
 }
 .ids-process-indicator-step .line {
@@ -97,7 +97,7 @@ import{a as f}from"./ids-chunk-3DA43NO3.js";import{a as g,b as v}from"./ids-chun
 :host([status=started]) .step {
   border: var(--ids-process-indicator-border-started);
   background-color: var(--ids-process-indicator-color-background);
-}`;var E=["cancelled","started","done"],h="empty label",T=f(y),n,u,l,A,p,L,c,m,a=class extends T{constructor(){super();o(this,n);o(this,l);o(this,p);o(this,c)}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{let t=this.parentElement;if(t.tagName==="IDS-PROCESS-INDICATOR"){let s=t.querySelectorAll("ids-process-indicator-step"),r=s.length,d=this.container?.querySelector(".line");s[r-1]===this?(this.classList.add("last"),d?.setAttribute("hidden","")):(this.status==="started"||this.status==="done")&&d?.style.setProperty("background-color","var(--ids-process-indicator-color-primary)")}e(this,c,m).call(this)})}static get attributes(){return[...super.attributes,i.LABEL,i.STATUS]}template(){return`
+}`;var f=["cancelled","started","done"],c="empty label",E=b(g),e,d,y,x,l,a=class extends E{constructor(){super();h(this,e)}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{let t=this.parentElement;if(t.tagName==="IDS-PROCESS-INDICATOR"){let s=t.querySelectorAll("ids-process-indicator-step"),o=s.length,n=this.container?.querySelector(".line");s[o-1]===this?(this.classList.add("last"),n?.setAttribute("hidden","")):(this.status==="started"||this.status==="done")&&n?.style.setProperty("background-color","var(--ids-process-indicator-color-primary)")}i(this,e,l).call(this)})}static get attributes(){return[...super.attributes,r.LABEL,r.STATUS]}template(){return`
       <div class="ids-process-indicator-step">
         <div class="line"></div>
         <ids-text part="label" hidden class="label">
@@ -110,4 +110,4 @@ import{a as f}from"./ids-chunk-3DA43NO3.js";import{a as g,b as v}from"./ids-chun
           <slot name="detail"></slot>
         </div>
       </div>
-    `}labelElement(){return this.container?.querySelector(".label")}statusIcon(t){return t==="cancelled"?'<ids-icon icon="close" size="small"></ids-icon>':""}set label(t){let s=t||h,r=this.labelElement();e(this,n,u).call(this,i.LABEL,s),r&&(r.innerHTML=s),e(this,c,m).call(this)}get label(){return this.getAttribute(i.LABEL)||(h??"")}set status(t){let s=t.toLowerCase();E.includes(s)&&(e(this,n,u).call(this,i.STATUS,s),this.container?.querySelectorAll("ids-icon")?.forEach(d=>d.remove()),this.statusIcon(s)&&this.container?.querySelector(".step")?.insertAdjacentHTML("beforeend",'<ids-icon icon="close" size="small"></ids-icon>'))}get status(){let t=this.getAttribute(i.STATUS);return t&&E.includes(t)?t:""}};n=new WeakSet,u=function(t,s){s&&this.setAttribute(t,s)},l=new WeakSet,A=function(t){t.style.setProperty("visibility","hidden")},p=new WeakSet,L=function(t){t.style.removeProperty("visibility")},c=new WeakSet,m=function(){let t=this.labelElement();t&&(this.label===h?e(this,l,A).call(this,t):e(this,p,L).call(this,t))},a=b([g("ids-process-indicator-step"),v(x)],a);export{a};
+    `}labelElement(){return this.container?.querySelector(".label")}statusIcon(t){return t==="cancelled"?'<ids-icon icon="close" size="small"></ids-icon>':""}set label(t){let s=t||c,o=this.labelElement();i(this,e,d).call(this,r.LABEL,s),o&&(o.innerHTML=s),i(this,e,l).call(this)}get label(){return this.getAttribute(r.LABEL)||(c??"")}set status(t){let s=t.toLowerCase();f.includes(s)&&(i(this,e,d).call(this,r.STATUS,s),this.container?.querySelectorAll("ids-icon")?.forEach(n=>n.remove()),this.statusIcon(s)&&this.container?.querySelector(".step")?.insertAdjacentHTML("beforeend",'<ids-icon icon="close" size="small"></ids-icon>'))}get status(){let t=this.getAttribute(r.STATUS);return t&&f.includes(t)?t:""}};e=new WeakSet,d=function(t,s){s&&this.setAttribute(t,s)},y=function(t){t.style.setProperty("visibility","hidden")},x=function(t){t.style.removeProperty("visibility")},l=function(){let t=this.labelElement();t&&(this.label===c?i(this,e,y).call(this,t):i(this,e,x).call(this,t))},a=p([u("ids-process-indicator-step"),m(v)],a);export{a};

package/chunks/{ids-chunk-IPUU6MGW.js → ids-chunk-OFA5BVGD.js}

@@ -1,4 +1,4 @@
-import{a as i,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as s}from"./ids-chunk-KBS65QZP.js";import{a as e}from"./ids-chunk-H4WFYJQQ.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var l=`.ids-list-view-group-header {
+import{a as i,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as s}from"./ids-chunk-W3LDHTW6.js";import{a as e}from"./ids-chunk-TFRXZ5TN.js";import{a as r}from"./ids-chunk-ZMMCFAAI.js";var l=`.ids-list-view-group-header {
   background-color: var(--ids-list-view-group-header-color-background);
   border-bottom: 1px solid var(--ids-list-view-group-header-color-border);
   border-top: 1px solid var(--ids-list-view-group-header-color-border);
@@ -6,7 +6,7 @@ import{a as i,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as s}from"./ids-chun
   display: inline-flex;
   align-items: center;
   flex-direction: row;
-  font-family: var(--ids-font-family-default);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   font-size: var(--ids-list-view-group-header-font-size);
   padding: 0 var(--ids-list-view-group-header-padding);
   width: 100%;

package/chunks/{ids-chunk-27V3UUNP.js → ids-chunk-OGHHTH6V.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-H4WFYJQQ.js";var e=["default","primary","secondary","tertiary","primary-destructive","tertiary-destructive","swipe-action-left","swipe-action-right","primary-generative-ai","tertiary-generative-ai"],n=["default","start","end"],i=["button","submit","reset","menu"],a={contentAlign:n[0],cssClass:[],disabled:!1,hidden:!1,tabIndex:0,iconAlign:void 0,appearance:e[0]},o=[t.APPEARANCE,t.CONTENT_ALIGN,t.CSS_CLASS,t.DISABLED,t.HIDDEN,t.ICON,t.ICON_ALIGN,t.ID,t.NO_ANIMATION,t.NO_PADDING,t.NO_MARGINS,t.SQUARE,t.TEXT,t.TYPE,t.TABINDEX,t.WIDTH,t.BADGE_COLOR,t.BADGE_POSITION],s=["align-icon-start","align-icon-end"],p=["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"];export{e as a,n as b,i as c,a as d,o as e,s as f,p as g};
+import{a as t}from"./ids-chunk-TFRXZ5TN.js";var e=["default","primary","secondary","tertiary","primary-destructive","tertiary-destructive","swipe-action-left","swipe-action-right","primary-generative-ai","tertiary-generative-ai"],n=["default","start","end"],i=["button","submit","reset","menu"],a={contentAlign:n[0],cssClass:[],disabled:!1,hidden:!1,tabIndex:0,iconAlign:void 0,appearance:e[0]},o=[t.APPEARANCE,t.CONTENT_ALIGN,t.CSS_CLASS,t.DISABLED,t.HIDDEN,t.ICON,t.ICON_ALIGN,t.ID,t.NO_ANIMATION,t.NO_PADDING,t.NO_MARGINS,t.SQUARE,t.TEXT,t.TYPE,t.TABINDEX,t.WIDTH,t.BADGE_COLOR,t.BADGE_POSITION],s=["align-icon-start","align-icon-end"],p=["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"];export{e as a,n as b,i as c,a as d,o as e,s as f,p as g};