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

package/chunks/{ids-chunk-MTQNGZCM.js → ids-chunk-YUQBDMWW.js}

@@ -1,4 +1,4 @@
-import{a as k}from"./ids-chunk-GD7I4Q2L.js";import{a as I}from"./ids-chunk-3PABHGXP.js";import{a as A}from"./ids-chunk-JMCJ3SGL.js";import{a as $}from"./ids-chunk-T2TIUOXF.js";import{a as T}from"./ids-chunk-F3RQ5V7T.js";import{a as S}from"./ids-chunk-X5HHVE4J.js";import{a as w}from"./ids-chunk-YS37TBDI.js";import{a as f,b}from"./ids-chunk-XE4WFW5M.js";import{a as x}from"./ids-chunk-GTV4PSEA.js";import{b as v,e as d,f as y,g as E}from"./ids-chunk-VGRUIA4C.js";import{a}from"./ids-chunk-2NN3ZJ6Q.js";import{a as m}from"./ids-chunk-U7OOVFXE.js";var C=`
+import{a as k}from"./ids-chunk-VSDBW2YP.js";import{a as I}from"./ids-chunk-4LOG7J7O.js";import{a as A}from"./ids-chunk-ZIGY2P3N.js";import{a as $}from"./ids-chunk-T2TIUOXF.js";import{a as x}from"./ids-chunk-OIS6KGMU.js";import{a as S}from"./ids-chunk-N7RNTKMO.js";import{a as w}from"./ids-chunk-AKCO43TX.js";import{a as f,b}from"./ids-chunk-XE4WFW5M.js";import{a as T}from"./ids-chunk-GFV2Z7F5.js";import{b as v,e as d,f as y,g as E}from"./ids-chunk-QPDOZZIG.js";import{a}from"./ids-chunk-EQJWBFQ2.js";import{a as m}from"./ids-chunk-U7OOVFXE.js";var C=`
 /* Ids Pie Chart Component */
 .chart-legend {
   display: flex;
@@ -14,9 +14,9 @@ import{a as k}from"./ids-chunk-GD7I4Q2L.js";import{a as I}from"./ids-chunk-3PABH
   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 k}from"./ids-chunk-GD7I4Q2L.js";import{a as I}from"./ids-chunk-3PABH
 }
 .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;
@@ -145,7 +145,7 @@ import{a as k}from"./ids-chunk-GD7I4Q2L.js";import{a as I}from"./ids-chunk-3PABH
 }
 
 .ids-pie-chart {
-  margin-block-end: var(--ids-spacing-xl);
+  margin-block-end: var(--ids-space-50);
   height: 100%;
   width: 100%;
 }
@@ -234,9 +234,9 @@ import{a as k}from"./ids-chunk-GD7I4Q2L.js";import{a as I}from"./ids-chunk-3PABH
 }
 
 .donut-text {
-  font-family: var(--ids-pie-chart-text-font-family);
-  font-size: var(--ids-pie-chart-text-font-size);
-  fill: var(--ids-pie-chart-text-fill);
+  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;
 }
 
@@ -251,7 +251,7 @@ import{a as k}from"./ids-chunk-GD7I4Q2L.js";import{a as I}from"./ids-chunk-3PABH
 
 .chart-legend {
   justify-content: center;
-}`;var H=k(I(S(w(x)))),h=class extends H{initialized=!1;constructor(){super(),this.state||(this.state={}),this.DEFAULT_SELECTABLE=!1}svg;svgContainer;emptyMessage;legend;percents=[];totals=0;datasource=new T;vetoableEventTypes=["beforeselected","beforedeselected"];connectedCallback(){super.connectedCallback?.(),this.legendPlacement="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){this.#p();return}this.#i(),this.#l(),this.#o(),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.svg&&(this.svg.innerHTML=this.chartTemplate()),this.#d(),this.#f(),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data}})}}static get attributes(){return[...super.attributes,a.ANIMATED,a.DATA,a.DONUT,a.DONUT_TEXT,a.HEIGHT,a.SUPPRESS_TOOLTIPS,a.TITLE,a.WIDTH]}template(){return`<div class="ids-chart-container" part="container">
+}`;var H=k(I(S(w(T)))),h=class extends H{initialized=!1;constructor(){super(),this.state||(this.state={}),this.DEFAULT_SELECTABLE=!1}svg;svgContainer;emptyMessage;legend;percents=[];totals=0;datasource=new x;vetoableEventTypes=["beforeselected","beforedeselected"];connectedCallback(){super.connectedCallback?.(),this.legendPlacement="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){this.#p();return}this.#i(),this.#l(),this.#o(),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.svg&&(this.svg.innerHTML=this.chartTemplate()),this.#d(),this.#f(),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data}})}}static get attributes(){return[...super.attributes,a.ANIMATED,a.DATA,a.DONUT,a.DONUT_TEXT,a.HEIGHT,a.SUPPRESS_TOOLTIPS,a.TITLE,a.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>

package/chunks/{ids-chunk-ORBJOUUM.js → ids-chunk-YXHOBTS7.js}

@@ -1,4 +1,4 @@
-import{e as i}from"./ids-chunk-VGRUIA4C.js";import{a as n}from"./ids-chunk-2NN3ZJ6Q.js";var o=s=>class extends s{#e=[];#t=[];constructor(...e){super(...e)}static get attributes(){return[...s.attributes,n.VIEW_PICKER,n.HIDDEN]}set eventsData(e){this.#e=this.sortEventsByDate(e),this.renderEventsData?.(!0),this.onEventsChange?.(this.#e)}get eventsData(){return this.#e}set eventTypesData(e){this.#t=e,this.renderEventsData?.(!0),this.onEventTypesChange?.(e)}get eventTypesData(){return this.#t}set beforeEventsRender(e){this.state.beforeEventsRender=e,this.renderEventsData?.()}set viewPicker(e){let t=i(e);t?this.setAttribute(n.VIEW_PICKER,""):this.removeAttribute(n.VIEW_PICKER),typeof this.onViewPickerChange=="function"&&this.onViewPickerChange(t)}get viewPicker(){return this.hasAttribute(n.VIEW_PICKER)}onHiddenChange(e){i(e)?this.container?.classList.add(n.HIDDEN):this.container?.classList.remove(n.HIDDEN)}sortEventsByDate(e){return e.slice().sort((t,a)=>{let r=new Date(t.starts),d=new Date(a.starts);return r.getTime()-d.getTime()})}generateDateKey(e){let t=e.getFullYear(),a=e.getMonth().toString(),r=e.getDate().toString();return parseInt(`${t}${a.padStart(2,"0")}${r.padStart(2,"0")}`)}removeAllEvents(){this.container?.querySelectorAll("ids-calendar-event")?.forEach(t=>t.remove())}createViewPickerTemplate(e){let t=e[0].toUpperCase()+e.slice(1).toLowerCase();return`
+import{e as i}from"./ids-chunk-QPDOZZIG.js";import{a as n}from"./ids-chunk-EQJWBFQ2.js";var o=s=>class extends s{#e=[];#t=[];constructor(...e){super(...e)}static get attributes(){return[...s.attributes,n.VIEW_PICKER,n.HIDDEN]}set eventsData(e){this.#e=this.sortEventsByDate(e),this.renderEventsData?.(!0),this.onEventsChange?.(this.#e)}get eventsData(){return this.#e}set eventTypesData(e){this.#t=e,this.renderEventsData?.(!0),this.onEventTypesChange?.(e)}get eventTypesData(){return this.#t}set beforeEventsRender(e){this.state.beforeEventsRender=e,this.renderEventsData?.()}set viewPicker(e){let t=i(e);t?this.setAttribute(n.VIEW_PICKER,""):this.removeAttribute(n.VIEW_PICKER),typeof this.onViewPickerChange=="function"&&this.onViewPickerChange(t)}get viewPicker(){return this.hasAttribute(n.VIEW_PICKER)}onHiddenChange(e){i(e)?this.container?.classList.add(n.HIDDEN):this.container?.classList.remove(n.HIDDEN)}sortEventsByDate(e){return e.slice().sort((t,a)=>{let r=new Date(t.starts),d=new Date(a.starts);return r.getTime()-d.getTime()})}generateDateKey(e){let t=e.getFullYear(),a=e.getMonth().toString(),r=e.getDate().toString();return parseInt(`${t}${a.padStart(2,"0")}${r.padStart(2,"0")}`)}removeAllEvents(){this.container?.querySelectorAll("ids-calendar-event")?.forEach(t=>t.remove())}createViewPickerTemplate(e){let t=e[0].toUpperCase()+e.slice(1).toLowerCase();return`
       <ids-menu-button id="view-picker-btn" menu="view-picker" value="${e}" dropdown-icon display-selected-text>
         <span><ids-text translate-text="true">${t}</ids-text></span>
       </ids-menu-button>

package/chunks/{ids-chunk-OJLVOWNJ.js → ids-chunk-YZO37FF2.js}

@@ -1,11 +1,11 @@
-import{a as d}from"./ids-chunk-YS37TBDI.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-GTV4PSEA.js";import{a}from"./ids-chunk-U7OOVFXE.js";var c=`
+import{a as d}from"./ids-chunk-AKCO43TX.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-GFV2Z7F5.js";import{a}from"./ids-chunk-U7OOVFXE.js";var c=`
 @media (min-width: 360px) {
   :host .xs-header {
     display: flex;
     position: absolute;
   }
   :host .xs-header .label {
-    margin-left: var(--ids-spacing-md);
+    margin-left: var(--ids-space-30);
   }
 }
 @media (min-width: 840px) {

package/chunks/{ids-chunk-VSXEX4EM.js → ids-chunk-Z4LLT2TE.js}

@@ -1 +1 @@
-import{a as l,e as u}from"./ids-chunk-VGRUIA4C.js";var c={closeButtonLabel:"Close",message:"(Content)",title:"(Title)",allowLink:!1,audible:!1,destroyOnComplete:!0,draggable:!1,position:"top-end",progressBar:!0,savePosition:!1,timeout:6e3,uniqueId:null},g=100,m="message-id",T="destroy-on-complete",E={start:"effect-scale",end:"effect-scale-hide"},S=["bottom-end","bottom-start","top-end","top-start"],x={addMessage:"add-message",removeMessage:"remove-message",savePosition:"save-position",clearPosition:"clear-position",removeContainer:"remove-container"};function p(e,t,n){let r={uniqueId:"",prefix:"ids-toast-container",suffix:"usersettings-position"},i=[e,t,n].some(s=>s!=null),o=r.prefix;if(i){let s=(d,a)=>a??r[d];o=`${s("prefix",n)}-${s("uniqueId",e)}-${s("suffix",t)}`,o=o.replace(/--/g,"-").replace(/-$/g,"")}return o}function y(e,t){return`${p(e,"message")}-${t}`}function I(e,t){let n=c,r=o=>o?.assignedNodes()[0]?.innerHTML,i=e?.querySelector(`slot[name="${t}"]`);return r(i)||n[l(t)]}function A(e,t){let n=e?.getAttribute(t);return n!==null?u(n):c[l(t)]}function O(e){return e===!0||e==="true"||e===!1||e==="false"}export{c as a,g as b,m as c,T as d,E as e,S as f,x as g,p as h,y as i,I as j,A as k,O as l};
+import{a as l,e as u}from"./ids-chunk-QPDOZZIG.js";var c={closeButtonLabel:"Close",message:"(Content)",title:"(Title)",allowLink:!1,audible:!1,destroyOnComplete:!0,draggable:!1,position:"top-end",progressBar:!0,savePosition:!1,timeout:6e3,uniqueId:null},g=100,m="message-id",T="destroy-on-complete",E={start:"effect-scale",end:"effect-scale-hide"},S=["bottom-end","bottom-start","top-end","top-start"],x={addMessage:"add-message",removeMessage:"remove-message",savePosition:"save-position",clearPosition:"clear-position",removeContainer:"remove-container"};function p(e,t,n){let r={uniqueId:"",prefix:"ids-toast-container",suffix:"usersettings-position"},i=[e,t,n].some(s=>s!=null),o=r.prefix;if(i){let s=(d,a)=>a??r[d];o=`${s("prefix",n)}-${s("uniqueId",e)}-${s("suffix",t)}`,o=o.replace(/--/g,"-").replace(/-$/g,"")}return o}function y(e,t){return`${p(e,"message")}-${t}`}function I(e,t){let n=c,r=o=>o?.assignedNodes()[0]?.innerHTML,i=e?.querySelector(`slot[name="${t}"]`);return r(i)||n[l(t)]}function A(e,t){let n=e?.getAttribute(t);return n!==null?u(n):c[l(t)]}function O(e){return e===!0||e==="true"||e===!1||e==="false"}export{c as a,g as b,m as c,T as d,E as e,S as f,x as g,p as h,y as i,I as j,A as k,O as l};

package/chunks/{ids-chunk-WEQ4YYN2.js → ids-chunk-ZAP2PW36.js}

@@ -1 +1 @@
-import{a as o}from"./ids-chunk-2NN3ZJ6Q.js";var r=[o.ALLOW_BLANK,o.CLEARABLE,o.CLEARABLE_TEXT,o.DISABLED,o.GROUP,o.GROUP_LABEL,o.LIST,o.NO_MARGINS,o.PLACEHOLDER,o.READONLY,o.SHOW_LOADING_INDICATOR,o.SIZE,o.TYPEAHEAD,o.VALUE];export{r as a};
+import{a as o}from"./ids-chunk-EQJWBFQ2.js";var r=[o.ALLOW_BLANK,o.CLEARABLE,o.CLEARABLE_TEXT,o.DISABLED,o.GROUP,o.GROUP_LABEL,o.LIST,o.NO_MARGINS,o.PLACEHOLDER,o.READONLY,o.SHOW_LOADING_INDICATOR,o.SIZE,o.TYPEAHEAD,o.VALUE];export{r as a};

package/chunks/{ids-chunk-VSNQ2QMS.js → ids-chunk-ZDZH37C6.js}

@@ -1,4 +1,4 @@
-import{a as S}from"./ids-chunk-WGYBEZ5R.js";import{a as E}from"./ids-chunk-43NIX57R.js";import{a as A}from"./ids-chunk-F3RQ5V7T.js";import{a as g}from"./ids-chunk-X5HHVE4J.js";import{a as y}from"./ids-chunk-T6ZV4PDM.js";import{a as p}from"./ids-chunk-YS37TBDI.js";import{a as m,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as w}from"./ids-chunk-GTV4PSEA.js";import{e as b,f as c,g as f}from"./ids-chunk-VGRUIA4C.js";import{a as r}from"./ids-chunk-2NN3ZJ6Q.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var I=`
+import{a as S}from"./ids-chunk-P6WNOQZC.js";import{a as E}from"./ids-chunk-LMOUEXCV.js";import{a as A}from"./ids-chunk-OIS6KGMU.js";import{a as g}from"./ids-chunk-N7RNTKMO.js";import{a as y}from"./ids-chunk-T6ZV4PDM.js";import{a as p}from"./ids-chunk-AKCO43TX.js";import{a as m,b as v}from"./ids-chunk-XE4WFW5M.js";import{a as w}from"./ids-chunk-GFV2Z7F5.js";import{e as b,f as c,g as f}from"./ids-chunk-QPDOZZIG.js";import{a as r}from"./ids-chunk-EQJWBFQ2.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var I=`
 :host([selectable]) .ids-list-view .ids-list-view-body div[part=list-item],
 :host([selectable]) .ids-list-view .ids-list-view-body li {
   cursor: var(--ids-cursor-pointer);
@@ -6,7 +6,7 @@ import{a as S}from"./ids-chunk-WGYBEZ5R.js";import{a as E}from"./ids-chunk-43NIX
 
 :host([no-margins]) .ids-list-view .ids-list-view-body div[part=list-item]:first-child,
 :host([no-margins]) .ids-list-view .ids-list-view-body li:first-child {
-  margin-block-start: var(--ids-spacing-none);
+  margin-block-start: var(--ids-space-none);
 }
 
 .ids-list-view {
@@ -20,26 +20,26 @@ import{a as S}from"./ids-chunk-WGYBEZ5R.js";import{a as E}from"./ids-chunk-43NIX
   padding: 0;
 }
 .ids-list-view .ids-list-view-body:focus {
-  border-color: var(--ids-list-view-focus-border-color);
+  border-color: var(--ids-list-view-color-border-focus);
 }
 .ids-list-view .ids-list-view-body div[part=list-item],
 .ids-list-view .ids-list-view-body li {
-  background-color: var(--ids-list-view-item-background-color);
+  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-border-top-color);
+  border-top-color: var(--ids-list-view-item-color-border-top);
   contain: content;
   list-style-type: none;
   padding: var(--ids-list-view-item-padding);
 }
 .ids-list-view .ids-list-view-body div[part=list-item]:first-child,
 .ids-list-view .ids-list-view-body li:first-child {
-  margin-block-start: var(--ids-spacing-sm);
+  margin-block-start: var(--ids-space-20);
 }
 .ids-list-view .ids-list-view-body div[part=list-item]:focus,
 .ids-list-view .ids-list-view-body li:focus {
-  border-color: var(--ids-list-view-item-focus-border-color);
-  box-shadow: var(--ids-list-view-item-focus-box-shadow);
-  outline: var(--ids-list-view-item-focus-outline);
+  border-color: var(--ids-list-view-item-color-border-focus);
+  box-shadow: var(--ids-list-view-item-shadow-focus);
+  outline: var(--ids-list-view-item-outline-focus);
 }
 .ids-list-view .ids-list-view-body div[part=list-item]:focus + div[part=list-item],
 .ids-list-view .ids-list-view-body li:focus + div[part=list-item] {
@@ -53,38 +53,38 @@ import{a as S}from"./ids-chunk-WGYBEZ5R.js";import{a as E}from"./ids-chunk-43NIX
 }
 .ids-list-view .ids-list-view-body div[part=list-item].sortable:first-child,
 .ids-list-view .ids-list-view-body li.sortable:first-child {
-  margin-block-start: var(--ids-spacing-none);
+  margin-block-start: var(--ids-space-none);
 }
 .ids-list-view .ids-list-view-body div[part=list-item][disabled],
 .ids-list-view .ids-list-view-body li[disabled] {
-  color: var(--ids-list-view-item-disabled-text-color);
+  color: var(--ids-list-view-item-color-text-disabled);
   cursor: var(--ids-cursor-default);
   pointer-events: none;
   user-select: none;
 }
 .ids-list-view .ids-list-view-body div[part=list-item][disabled]:focus,
 .ids-list-view .ids-list-view-body li[disabled]:focus {
-  border-color: var(--ids-list-view-item-disabled-focus-border-color);
-  border-top-color: var(--ids-list-view-item-disabled-focus-border-top-color);
-  box-shadow: var(--ids-list-view-item-disabled-focus-box-shadow);
+  border-color: var(--ids-list-view-item-color-border-disabled-focus);
+  border-top-color: var(--ids-list-view-item-top-color-border-disabled-focus);
+  box-shadow: var(--ids-list-view-item-shadow-disabled-focus);
 }
 .ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-badge::part(badge),
 .ids-list-view .ids-list-view-body li[disabled] ids-badge::part(badge) {
-  background-color: var(--ids-list-view-item-disabled-badge-background-color);
-  border-color: var(--ids-list-view-item-disabled-badge-border-color);
-  color: var(--ids-list-view-item-disabled-badge-text-color);
+  background-color: var(--ids-list-view-item-color-background-disabled);
+  border-color: var(--ids-list-view-item-color-border-disabled);
+  color: var(--ids-list-view-item-badge-color-text-disabled);
 }
 .ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-hyperlink::part(link),
 .ids-list-view .ids-list-view-body li[disabled] ids-hyperlink::part(link) {
-  color: var(--ids-list-view-item-disabled-link-text-color);
+  color: var(--ids-list-view-item-color-text-link-disabled);
 }
 .ids-list-view .ids-list-view-body div[part=list-item][disabled] ids-image,
 .ids-list-view .ids-list-view-body li[disabled] ids-image {
-  opacity: var(--ids-list-view-item-disabled-image-opacity);
+  opacity: var(--ids-list-view-item-opacity-disabled);
 }
 .ids-list-view.has-searchfield .ids-list-view-body div[part=list-item]:first-child,
 .ids-list-view.has-searchfield .ids-list-view-body li:first-child {
-  margin-block-start: var(--ids-spacing-none);
+  margin-block-start: var(--ids-space-none);
 }
 .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable):hover, .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[activated], .ids-list-view.selectable-single .ids-list-view-body div[part=list-item]:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]),
 .ids-list-view.selectable-single .ids-list-view-body li:not([disabled]):not(.sortable):hover,
@@ -96,18 +96,18 @@ import{a as S}from"./ids-chunk-WGYBEZ5R.js";import{a as E}from"./ids-chunk-43NIX
 .ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable):hover,
 .ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable)[activated],
 .ids-list-view.selectable-mixed .ids-list-view-body li:not([disabled]):not(.sortable)[selected]:not([hide-selected-color]) {
-  background-color: var(--ids-list-view-selectable-item-selected-background-color);
+  background-color: var(--ids-list-view-color-background-selected);
 }
 .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-spacing-3xl);
+  padding-inline-end: var(--ids-space-70);
   flex-grow: 0;
   flex-shrink: 0;
-  max-height: var(--ids-spacing-xxl);
-  max-width: var(--ids-spacing-xxl);
+  max-height: var(--ids-space-60);
+  max-width: var(--ids-space-60);
 }
 .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: transparent;
@@ -120,7 +120,7 @@ ids-swappable-item {
 
 ids-swappable-item[over] {
   border: 1px dashed var(--ids-color-neutral-80);
-}`;var L=g(E(S(y(p(w))))),d={hideCheckboxes:!1,height:"100%",label:"Ids list view",selectableOptions:["single","multiple","mixed"],sortable:!1,suppressDeactivation:!1,suppressDeselection:!0,virtualScroll:!1},h=class extends L{constructor(){super()}initialized=!1;#c=0;#i=-1;#l=!1;#e=!1;#s=0;datasource=new A;defaultTemplate="";vetoableEventTypes=["beforeitemactivated","beforeitemdeactivated","beforeselected","beforedeselected"];connectedCallback(){super.connectedCallback(),this.defaultTemplate=`${this.querySelector("template")?.innerHTML||""}`,this.dataKeys=this.#v(this.defaultTemplate),this.#h()}static get attributes(){return[...super.attributes,r.LOADED,r.HEIGHT,r.HIDE_CHECKBOXES,r.ITEM_HEIGHT,r.LABEL,r.SELECTABLE,r.SORTABLE,r.SUPPRESS_DEACTIVATION,r.SUPPRESS_DESELECTION,r.VIRTUAL_SCROLL]}#v(e){let t=e.split("${");return t.shift(),t.map(s=>s.split("}")[0])}getAllLi(){return this.container?.querySelectorAll('div[part="list-item"]')}getAllSwappableItems(){return this.container?.querySelectorAll("ids-swappable-item")}#f(){this.getAllLi()?.forEach(e=>{e.classList.add("sortable")})}#d(e){let t=e?.getAttribute("role")==="option"?e:e?.closest('[role="option"]'),i=c(t?.getAttribute("index"));return Number.isNaN(i)?null:{item:t,index:i,data:this.data[i]}}#r(e){return Number.isNaN(e)||!this.container?null:this.container.querySelector(`div[part="list-item"][index="${e}"]`)}dataIndex(e){let t=c(e);return Number.isNaN(t)?null:t>=0&&t<this.#s?t+(this.pageNumber-1)*this.#s:null}pageIndex(e){let t=c(e);return Number.isNaN(t)?null:(t-=(this.pageNumber-1)*this.#s,t>=0&&t<this.#s?t:null)}isInPage(e){let t=c(e);if(Number.isNaN(t))return!1;let i=this.pageNumber*this.#s,s=i-this.#s;return this.virtualScroll&&(i=this.virtualScrollContainer?.lastEnd,s=this.virtualScrollContainer?.lastStart),e>=s&&e<i}#g(e){let t=this.#d(e.target);t&&(this.#l=e.target?.classList.contains("list-item-checkbox"),this.#l&&e.preventDefault(),this.#b(t))}#p(e){switch(e.code){case"ArrowUp":e.preventDefault(),this.focusLi(this.getPreviousLi(this.getFocusedLi()));break;case"ArrowDown":e.preventDefault(),this.focusLi(this.getNextLi(this.getFocusedLi()));break;case"Space":e.preventDefault();break;default:break}}#y(e){if(/^(Space|Enter)$/g.test(e.code)){e.preventDefault(),e.stopPropagation();let t=this.getFocusedLi();if(this.selectable==="mixed"){let i=t?.querySelector(".list-item-checkbox");i&&(i.checked=!i.checked),this.#l=!0}this.#b(this.#d(t))}}#w(e){let{startIndex:t,endIndex:i}=e.detail||{};this.#A(t);for(let s=t;s<i;s++){if(this.data?.[s]?.itemSelected){let l=this.#r(s),a=l?.querySelector(".list-item-checkbox");a&&(a.checked=!0),l?.setAttribute("selected",""),l?.setAttribute("aria-selected","true"),this.selectable==="mixed"&&l?.setAttribute("hide-selected-color","")}this.data?.[s]?.itemActivated&&this.#r(s)?.setAttribute("activated","")}}#h(){this.offEvent("click.listview",this.container),this.onEvent("click.listview",this.container,e=>{let t=this.#d(e.target);t&&this.#t("click",{...t,originalEvent:e})}),this.offEvent("dblclick.listview",this.container),this.onEvent("dblclick.listview",this.container,e=>{let t=this.#d(e.target);t&&this.#t("dblclick",{...t,originalEvent:e})}),this.sortable?this.#f():(this.offEvent("click.listview-selection",this.container),this.onEvent("click.listview-selection",this.container,e=>this.#g(e)),this.offEvent("keydown.listview-selection",this.container),this.onEvent("keydown.listview-selection",this.container,e=>this.#p(e)),this.offEvent("keyup.listview-selection",this.container),this.onEvent("keyup.listview-selection",this.container,e=>this.#y(e)),this.offEvent("aftervirtualscroll.listview",this.virtualScrollContainer),this.onEvent("aftervirtualscroll.listview",this.virtualScrollContainer,e=>this.#w(e)))}#b(e){if(!e)return;let{item:t,index:i}=e,s=this.dataIndex(i),l=!0;if(this.selectable){let a=this.selected;this.selectable==="single"&&(l=this.#o(i)),this.selectable==="multiple"&&(a.some(n=>n.index===s)?l=this.#n(i):l=this.#o(i)),this.selectable==="mixed"&&(this.#l?a.some(n=>n.index===s)?l=this.#n(i):l=this.#o(i):this.#m(i))}l&&this.focusLi(t)}focusLi(e){if(e){let t=this.getFocusedLi();e!==t&&(t?.setAttribute("tabindex","-1"),this.#c=e.getAttribute("index")),this.container?.querySelector(".ids-list-view-body")?.setAttribute("aria-activedescendant",String(e.getAttribute("id"))),e.setAttribute("tabindex","0"),e.focus()}}getFocusedLi(){return this.container?.querySelector(`div[part="list-item"][index="${this.#c}"]`)??this.container?.querySelector('div[part="list-item"][tabindex="0"]')}getPreviousLi(e){let t=e&&typeof e.getAttribute=="function"?e.getAttribute("index"):null;if(t=c(t),Number.isNaN(t))return;let i=[...this.getAllLi()??[]].slice(0,t+1),s=a=>this.sortable?a.parentElement.previousElementSibling?.firstElementChildwrapper:a.previousElementSibling,l=e;return i.reverse().some(a=>(l=s(a),!l?.hasAttribute("disabled"))),l}getNextLi(e){let t=e&&typeof e.getAttribute=="function"?e.getAttribute("index"):null;if(t=c(t),Number.isNaN(t))return;let i=[...this.getAllLi()??[]].slice(t),s=a=>this.sortable?a.parentElement.nextElementSibling?.firstElementChild:a.nextElementSibling,l=e;return i.some(a=>(l=s(a),!l?.hasAttribute("disabled"))),l}listItemTemplateFunc(){let e=(i,s)=>{if(this.selectable==="multiple"||this.selectable==="mixed"){let l=i.itemSelected?" checked":"",a=i.disabled?" disabled":"",n=`<ids-checkbox class="list-item-checkbox" label="cb-item-${s}" label-state="hidden"${l}${a}></ids-checkbox>`;return this.selectable==="multiple"&&this.hideCheckboxes&&(n=""),`
+}`;var L=g(E(S(y(p(w))))),d={hideCheckboxes:!1,height:"100%",label:"Ids list view",selectableOptions:["single","multiple","mixed"],sortable:!1,suppressDeactivation:!1,suppressDeselection:!0,virtualScroll:!1},h=class extends L{constructor(){super()}initialized=!1;#c=0;#i=-1;#l=!1;#e=!1;#s=0;datasource=new A;defaultTemplate="";vetoableEventTypes=["beforeitemactivated","beforeitemdeactivated","beforeselected","beforedeselected"];connectedCallback(){super.connectedCallback(),this.defaultTemplate=`${this.querySelector("template")?.innerHTML||""}`,this.dataKeys=this.#v(this.defaultTemplate),this.#h()}static get attributes(){return[...super.attributes,r.LOADED,r.HEIGHT,r.HIDE_CHECKBOXES,r.ITEM_HEIGHT,r.LABEL,r.SELECTABLE,r.SORTABLE,r.SUPPRESS_DEACTIVATION,r.SUPPRESS_DESELECTION,r.VIRTUAL_SCROLL]}#v(e){let t=e.split("${");return t.shift(),t.map(s=>s.split("}")[0])}getAllLi(){return this.container?.querySelectorAll('div[part="list-item"]')}getAllSwappableItems(){return this.container?.querySelectorAll("ids-swappable-item")}#f(){this.getAllLi()?.forEach(e=>{e.classList.add("sortable")})}#d(e){let t=e?.getAttribute("role")==="option"?e:e?.closest('[role="option"]'),i=c(t?.getAttribute("index"));return Number.isNaN(i)?null:{item:t,index:i,data:this.data[i]}}#r(e){return Number.isNaN(e)||!this.container?null:this.container.querySelector(`div[part="list-item"][index="${e}"]`)}dataIndex(e){let t=c(e);return Number.isNaN(t)?null:t>=0&&t<this.#s?t+(this.pageNumber-1)*this.#s:null}pageIndex(e){let t=c(e);return Number.isNaN(t)?null:(t-=(this.pageNumber-1)*this.#s,t>=0&&t<this.#s?t:null)}isInPage(e){let t=c(e);if(Number.isNaN(t))return!1;let i=this.pageNumber*this.#s,s=i-this.#s;return this.virtualScroll&&(i=this.virtualScrollContainer?.lastEnd,s=this.virtualScrollContainer?.lastStart),e>=s&&e<i}#g(e){let t=this.#d(e.target);t&&(this.#l=e.target?.classList.contains("list-item-checkbox"),this.#l&&e.preventDefault(),this.#b(t))}#p(e){switch(e.code){case"ArrowUp":e.preventDefault(),this.focusLi(this.getPreviousLi(this.getFocusedLi()));break;case"ArrowDown":e.preventDefault(),this.focusLi(this.getNextLi(this.getFocusedLi()));break;case"Space":e.preventDefault();break;default:break}}#y(e){if(/^(Space|Enter)$/g.test(e.code)){e.preventDefault(),e.stopPropagation();let t=this.getFocusedLi();if(this.selectable==="mixed"){let i=t?.querySelector(".list-item-checkbox");i&&(i.checked=!i.checked),this.#l=!0}this.#b(this.#d(t))}}#w(e){let{startIndex:t,endIndex:i}=e.detail||{};this.#A(t);for(let s=t;s<i;s++){if(this.data?.[s]?.itemSelected){let l=this.#r(s),a=l?.querySelector(".list-item-checkbox");a&&(a.checked=!0),l?.setAttribute("selected",""),l?.setAttribute("aria-selected","true"),this.selectable==="mixed"&&l?.setAttribute("hide-selected-color","")}this.data?.[s]?.itemActivated&&this.#r(s)?.setAttribute("activated","")}}#h(){this.offEvent("click.listview",this.container),this.onEvent("click.listview",this.container,e=>{let t=this.#d(e.target);t&&this.#t("click",{...t,originalEvent:e})}),this.offEvent("dblclick.listview",this.container),this.onEvent("dblclick.listview",this.container,e=>{let t=this.#d(e.target);t&&this.#t("dblclick",{...t,originalEvent:e})}),this.sortable?this.#f():(this.offEvent("click.listview-selection",this.container),this.onEvent("click.listview-selection",this.container,e=>this.#g(e)),this.offEvent("keydown.listview-selection",this.container),this.onEvent("keydown.listview-selection",this.container,e=>this.#p(e)),this.offEvent("keyup.listview-selection",this.container),this.onEvent("keyup.listview-selection",this.container,e=>this.#y(e)),this.offEvent("aftervirtualscroll.listview",this.virtualScrollContainer),this.onEvent("aftervirtualscroll.listview",this.virtualScrollContainer,e=>this.#w(e)))}#b(e){if(!e)return;let{item:t,index:i}=e,s=this.dataIndex(i),l=!0;if(this.selectable){let a=this.selected;this.selectable==="single"&&(l=this.#o(i)),this.selectable==="multiple"&&(a.some(n=>n.index===s)?l=this.#n(i):l=this.#o(i)),this.selectable==="mixed"&&(this.#l?a.some(n=>n.index===s)?l=this.#n(i):l=this.#o(i):this.#m(i))}l&&this.focusLi(t)}focusLi(e,t=!1){if(e){let i=this.getFocusedLi();e!==i&&(i?.setAttribute("tabindex","-1"),this.#c=e.getAttribute("index")),this.container?.querySelector(".ids-list-view-body")?.setAttribute("aria-activedescendant",String(e.getAttribute("id"))),e.setAttribute("tabindex","0"),t||e.focus()}}getFocusedLi(){return this.container?.querySelector(`div[part="list-item"][index="${this.#c}"]`)??this.container?.querySelector('div[part="list-item"][tabindex="0"]')}getPreviousLi(e){let t=e&&typeof e.getAttribute=="function"?e.getAttribute("index"):null;if(t=c(t),Number.isNaN(t))return;let i=[...this.getAllLi()??[]].slice(0,t+1),s=a=>this.sortable?a.parentElement.previousElementSibling?.firstElementChildwrapper:a.previousElementSibling,l=e;return i.reverse().some(a=>(l=s(a),!l?.hasAttribute("disabled"))),l}getNextLi(e){let t=e&&typeof e.getAttribute=="function"?e.getAttribute("index"):null;if(t=c(t),Number.isNaN(t))return;let i=[...this.getAllLi()??[]].slice(t),s=a=>this.sortable?a.parentElement.nextElementSibling?.firstElementChild:a.nextElementSibling,l=e;return i.some(a=>(l=s(a),!l?.hasAttribute("disabled"))),l}listItemTemplateFunc(){let e=(i,s)=>{if(this.selectable==="multiple"||this.selectable==="mixed"){let l=i.itemSelected?" checked":"",a=i.disabled?" disabled":"",n=`<ids-checkbox class="list-item-checkbox" label="cb-item-${s}" label-state="hidden"${l}${a}></ids-checkbox>`;return this.selectable==="multiple"&&this.hideCheckboxes&&(n=""),`
           <div class="list-item-area">
             ${n}
             <div class="list-item-content">
@@ -181,4 +181,4 @@ ids-swappable-item[over] {
           <div part="list-item" tabindex="-1" id="height-tester">
             ${this.itemTemplate(this.datasource.data[0])}
           </div>
-        `);this.virtualScrollContainer&&(this.virtualScrollContainer.itemHeight=s,this.virtualScrollContainer.itemTemplate=this.listItemTemplateFunc(),this.virtualScrollContainer.data=this.data)}this.#h()}this.setSearchable?.(),this.pager?.sync?.apply(this),this.adjustHeight(),e&&this.container?.setAttribute("dir",e)}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}`)}#S(e){this.container?.insertAdjacentHTML("beforeend",e);let t=this.shadowRoot?.querySelector("#height-tester"),i=t?.offsetHeight;return t?.remove(),i??NaN}boolVal(e,t){return this.hasAttribute(e)?b(this.getAttribute(e)):t}get ds(){return this.datasource?.allData||this.data}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t===i)return;[r.LOADED,r.SELECTABLE,r.VIRTUAL_SCROLL,r.PAGE_NUMBER,r.PAGE_SIZE,r.PAGE_TOTAL].includes(e)&&this.redraw()}set data(e){let t=this.initialized;e?(this.initialized=!0,this.datasource.data=e,this.loaded=!0,t&&this.redraw()):(this.datasource.data=[],this.loaded=!1)}get data(){return this?.datasource?.data||""}set loaded(e){this.setAttribute(r.LOADED,String(!!e))}get loaded(){return b(r.LOADED)}set dataKeys(e){this.datasource&&(this.datasource.dataKeys=e||[])}get dataKeys(){return this.datasource.dataKeys||[]}set virtualScroll(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.VIRTUAL_SCROLL,String(e)):this.removeAttribute(r.VIRTUAL_SCROLL)}get virtualScroll(){return this.boolVal(r.VIRTUAL_SCROLL,d.virtualScroll)}set height(e){e?this.setAttribute(r.HEIGHT,String(e)):this.setAttribute(r.HEIGHT,d.height)}get height(){return this.getAttribute(r.HEIGHT)||d.height}set itemHeight(e){e?this.setAttribute(r.ITEM_HEIGHT,String(e)):this.removeAttribute(r.ITEM_HEIGHT)}get itemHeight(){return parseInt(this.getAttribute(r.ITEM_HEIGHT)??"")}set selectable(e){this.container?.classList.remove(...this.selectableClass(!0)),d.selectableOptions.includes(String(e))?(this.setAttribute(r.SELECTABLE,String(e)),this.container?.classList.add(this.selectableClass())):this.removeAttribute(r.SELECTABLE)}get selectable(){return this.getAttribute(r.SELECTABLE)}selectableClass(e){let t=s=>`selectable-${s}`,i="";return e&&(i=d.selectableOptions.map(s=>t(s))),this.selectable!==null&&(i=t(this.selectable)),i}get activatedItem(){return!this.ds||this.selectable!=="mixed"?null:(t=>t>-1?{index:t,data:this.ds[t]}:null)(this.ds.findIndex(t=>t.itemActivated))}get selected(){if(!this.ds||!this.selectable)return null;let e=t=>t>-1?{index:t,data:this.ds[t]}:null;return this.selectable==="single"?e(this.ds.findIndex(t=>t.itemSelected)):this.ds.map((t,i)=>({index:i,data:t})).filter(t=>t.data.itemSelected)}set sortable(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.SORTABLE,String(e)):this.removeAttribute(r.SORTABLE)}get sortable(){return this.boolVal(r.SORTABLE,d.sortable)}set suppressDeactivation(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.SUPPRESS_DEACTIVATION,String(e)):this.removeAttribute(r.SUPPRESS_DEACTIVATION)}get suppressDeactivation(){return this.boolVal(r.SUPPRESS_DEACTIVATION,d.suppressDeactivation)}set suppressDeselection(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.SUPPRESS_DESELECTION,String(e)):this.removeAttribute(r.SUPPRESS_DESELECTION)}get suppressDeselection(){return this.boolVal(r.SUPPRESS_DESELECTION,d.suppressDeselection)}set hideCheckboxes(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.HIDE_CHECKBOXES,String(e)):this.removeAttribute(r.HIDE_CHECKBOXES),this.#E()}get hideCheckboxes(){return this.boolVal(r.HIDE_CHECKBOXES,d.hideCheckboxes)}set label(e){e?this.setAttribute(r.LABEL,e):this.removeAttribute(r.LABEL),this.body?.setAttribute("aria-label",this.label)}get label(){return this.getAttribute(r.LABEL)||d.label}#u(e,t=!1){let i=e?.querySelector(".list-item-checkbox");i&&(i.checked=t)}#t(e,t={}){this.triggerEvent(e,this,{bubbles:!0,detail:{elem:this,...t}})}#m(e){if(this.data?.[e]?.disabled)return!0;let t=this.dataIndex(e);if(this.#i!==-1){let l=this.ds.findIndex(a=>a.itemActivated);if(this.#e=!0,l===t)return this.suppressDeactivation?this.isInPage(l)?this.#a(this.pageIndex(l)):this.deactivateItem(l):!0;if(this.isInPage(l)){if(!this.#a(this.pageIndex(l)))return!1}else if(!this.deactivateItem(l))return!1}let i=this.#r(e),s=()=>({item:i,index:e,dataIndex:t,data:this.data[e]});return this.triggerVetoableEvent("beforeitemactivated",{...s()})?(i?.setAttribute("activated",""),this.#i=t,this.data[e].itemActivated=!0,this.#t("itemactivated",{...s()}),this.focusLi(i),!0):!1}#a(e){if(this.data?.[e]?.disabled||this.#i===-1)return!0;let t=this.dataIndex(e);if(this.#e)this.#e=!1;else if(this.ds.findIndex(a=>a.itemActivated)===t&&!this.suppressDeactivation)return!1;let i=this.#r(e),s=()=>({item:i,index:e,dataIndex:t,data:this.data[e]});return this.triggerVetoableEvent("beforeitemdeactivated",{...s()})?(delete this.data[e].itemActivated,i?.removeAttribute("activated"),this.#i=-1,this.#t("itemdeactivated",{...s()}),this.focusLi(i),!0):!1}activateItem(e){if(this.ds?.[e]?.disabled||e===-1)return!0;if(this.isInPage(e))return this.#m(this.pageIndex(e));if(this.#i!==-1){let i=this.ds.findIndex(s=>s.itemActivated);if(this.#e=!0,i===e)return this.suppressDeactivation?this.isInPage(i)?this.#a(this.pageIndex(i)):this.deactivateItem(i):!0;if(this.isInPage(i)){if(!this.#a(this.pageIndex(i)))return!1}else if(!this.deactivateItem(i))return!1}let t=()=>({dataIndex:e,data:this.ds[e]});return this.triggerVetoableEvent("beforeitemactivated",{...t()})?(this.#i=e,this.ds[e].itemActivated=!0,this.#t("itemactivated",{...t()}),!0):!1}deactivateItem(e){if(this.ds?.[e]?.disabled||this.#i===-1)return!0;if(this.isInPage(e))return this.#a(this.pageIndex(e));if(this.#e)this.#e=!1;else if(this.ds.findIndex(s=>s.itemActivated)===e&&!this.suppressDeactivation)return!1;let t=()=>({dataIndex:e,data:this.ds[e]});return this.triggerVetoableEvent("beforeitemdeactivated",{...t()})?(this.ds[e]?.itemActivated&&delete this.ds[e].itemActivated,this.#i=-1,this.#t("itemdeactivated",{...t()}),!0):!1}#o(e){if(this.data?.[e]?.disabled)return!0;let t=this.dataIndex(e),i=this.selected;if(this.selectable==="single"&&i){let o=i.index===t;if(o&&!this.suppressDeselection)return!0;if(this.#e=!0,this.isInPage(i.index)){if(!this.#n(this.pageIndex(i.index)))return!1}else if(!this.deselect(i.index))return!1;if(o)return!0}let s=this.#r(e),l=s?.querySelector(".list-item-checkbox"),a=this.selectable==="single"?"selectedItem":"selectedItems",n={item:s,index:e,dataIndex:t,data:this.data[e]};return this.#l=!1,this.triggerVetoableEvent("beforeselected",{...n,[a]:this.selected})?(this.data[e].itemSelected=!0,l&&(l.checked=!0),s?.setAttribute("selected",""),this.selectable==="mixed"&&s?.setAttribute("hide-selected-color",""),this.#t("selected",{...n,[a]:this.selected}),this.focusLi(s),!0):(this.#u(s,!1),!1)}#n(e){if(this.data?.[e]?.disabled)return!0;let t=this.selected;if(!t||/^(multiple|mixed)$/g.test(String(this.selectable))&&!t.length)return!0;if(this.selectable==="single"){if(this.#e)this.#e=!1;else if(this.dataIndex(e)===t.index&&!this.suppressDeselection)return!1}let i=this.#r(e),s=this.dataIndex(e),l=i?.querySelector(".list-item-checkbox"),a=this.selectable==="single"?"selectedItem":"selectedItems",n={item:i,index:e,dataIndex:s,data:this.data[e]};return this.#l=!1,this.triggerVetoableEvent("beforedeselected",{...n,[a]:this.selected})?(delete this.data[e].itemSelected,l&&(l.checked=!1),i?.removeAttribute("selected"),i?.removeAttribute("hide-selected-color"),this.#t("deselected",{...n,[a]:this.selected}),this.focusLi(i),!0):(this.#u(i,!0),!1)}select(e){if(this.ds?.[e]?.disabled)return!0;if(this.isInPage(e))return this.#o(this.pageIndex(e));let t=this.selected;if(this.selectable==="single"&&t){let l=t.index===e;if(l&&!this.suppressDeselection)return!0;if(this.#e=!0,this.isInPage(t.index)){if(!this.#n(this.pageIndex(t.index)))return!1}else if(!this.deselect(t.index))return!1;if(l)return!0}let i=this.selectable==="single"?"selectedItem":"selectedItems",s={dataIndex:e,data:this.ds[e]};return this.triggerVetoableEvent("beforeselected",{...s,[i]:this.selected})?(this.ds[e].itemSelected=!0,this.#t("selected",{...s,[i]:this.selected}),!0):!1}deselect(e){if(this.ds?.[e]?.disabled)return!0;let t=this.selected;if(!t||/^(multiple|mixed)$/g.test(String(this.selectable))&&!t.length)return!0;if(this.isInPage(e))return this.#n(this.pageIndex(e));if(this.selectable==="single"){if(this.#e)this.#e=!1;else if(e===t.index&&!this.suppressDeselection)return!1}let i=this.selectable==="single"?"selectedItem":"selectedItems",s={dataIndex:e,data:this.ds[e]};return this.triggerVetoableEvent("beforedeselected",{...s,[i]:this.selected})?(delete this.ds[e].itemSelected,this.#t("deselected",{...s,[i]:this.selected}),!0):!1}selectAll(){this.toggleAll()}deselectAll(){this.toggleAll(!0)}toggleAll(e){let t=e?"deselect":"select";if(this.selectable){let i=this.selected,s,l=0;this.selectable==="single"&&(s="selectedItem",l=i?1:0,e&&l&&this[t](i.index),!e&&!l&&this[t](0)),/multiple|mixed/g.test(this.selectable)&&(s="selectedItems",l=i.length,this.ds?.forEach((a,n)=>this[t](n))),this.selected?.length!==l&&this.#t("selectionchanged",{[s]:this.selected})}}getListItemData(e){let t=e?.getAttribute("index");return t?this.data[t]:{}}getFocusedLiIndex(){return this.#c}getAllSelectedLiIndex(){let e=[];return this.container?.querySelectorAll("ids-swappable-item[selected]").forEach(t=>{e.push(+(t.getAttribute("index")??-1))}),e}};h=u([m("ids-list-view"),v(I)],h);export{h as a};
+        `);this.virtualScrollContainer&&(this.virtualScrollContainer.itemHeight=s,this.virtualScrollContainer.itemTemplate=this.listItemTemplateFunc(),this.virtualScrollContainer.data=this.data)}this.#h()}this.setSearchable?.(),this.pager?.sync?.apply(this),this.adjustHeight(),e&&this.container?.setAttribute("dir",e)}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}`)}#S(e){this.container?.insertAdjacentHTML("beforeend",e);let t=this.shadowRoot?.querySelector("#height-tester"),i=t?.offsetHeight;return t?.remove(),i??NaN}boolVal(e,t){return this.hasAttribute(e)?b(this.getAttribute(e)):t}get ds(){return this.datasource?.allData||this.data}attributeChangedCallback(e,t,i){if(super.attributeChangedCallback(e,t,i),t===i)return;[r.LOADED,r.SELECTABLE,r.VIRTUAL_SCROLL,r.PAGE_NUMBER,r.PAGE_SIZE,r.PAGE_TOTAL].includes(e)&&this.redraw()}set data(e){let t=this.initialized;e?(this.initialized=!0,this.datasource.data=e,this.loaded=!0,t&&this.redraw()):(this.datasource.data=[],this.loaded=!1)}get data(){return this?.datasource?.data||""}set loaded(e){this.setAttribute(r.LOADED,String(!!e))}get loaded(){return b(r.LOADED)}set dataKeys(e){this.datasource&&(this.datasource.dataKeys=e||[])}get dataKeys(){return this.datasource.dataKeys||[]}set virtualScroll(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.VIRTUAL_SCROLL,String(e)):this.removeAttribute(r.VIRTUAL_SCROLL)}get virtualScroll(){return this.boolVal(r.VIRTUAL_SCROLL,d.virtualScroll)}set height(e){e?this.setAttribute(r.HEIGHT,String(e)):this.setAttribute(r.HEIGHT,d.height)}get height(){return this.getAttribute(r.HEIGHT)||d.height}set itemHeight(e){e?this.setAttribute(r.ITEM_HEIGHT,String(e)):this.removeAttribute(r.ITEM_HEIGHT)}get itemHeight(){return parseInt(this.getAttribute(r.ITEM_HEIGHT)??"")}set selectable(e){this.container?.classList.remove(...this.selectableClass(!0)),d.selectableOptions.includes(String(e))?(this.setAttribute(r.SELECTABLE,String(e)),this.container?.classList.add(this.selectableClass())):this.removeAttribute(r.SELECTABLE)}get selectable(){return this.getAttribute(r.SELECTABLE)}selectableClass(e){let t=s=>`selectable-${s}`,i="";return e&&(i=d.selectableOptions.map(s=>t(s))),this.selectable!==null&&(i=t(this.selectable)),i}get activatedItem(){return!this.ds||this.selectable!=="mixed"?null:(t=>t>-1?{index:t,data:this.ds[t]}:null)(this.ds.findIndex(t=>t.itemActivated))}get selected(){if(!this.ds||!this.selectable)return null;let e=t=>t>-1?{index:t,data:this.ds[t]}:null;return this.selectable==="single"?e(this.ds.findIndex(t=>t.itemSelected)):this.ds.map((t,i)=>({index:i,data:t})).filter(t=>t.data.itemSelected)}set sortable(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.SORTABLE,String(e)):this.removeAttribute(r.SORTABLE)}get sortable(){return this.boolVal(r.SORTABLE,d.sortable)}set suppressDeactivation(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.SUPPRESS_DEACTIVATION,String(e)):this.removeAttribute(r.SUPPRESS_DEACTIVATION)}get suppressDeactivation(){return this.boolVal(r.SUPPRESS_DEACTIVATION,d.suppressDeactivation)}set suppressDeselection(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.SUPPRESS_DESELECTION,String(e)):this.removeAttribute(r.SUPPRESS_DESELECTION)}get suppressDeselection(){return this.boolVal(r.SUPPRESS_DESELECTION,d.suppressDeselection)}set hideCheckboxes(e){/boolean|string/g.test(typeof e)?this.setAttribute(r.HIDE_CHECKBOXES,String(e)):this.removeAttribute(r.HIDE_CHECKBOXES),this.#E()}get hideCheckboxes(){return this.boolVal(r.HIDE_CHECKBOXES,d.hideCheckboxes)}set label(e){e?this.setAttribute(r.LABEL,e):this.removeAttribute(r.LABEL),this.body?.setAttribute("aria-label",this.label)}get label(){return this.getAttribute(r.LABEL)||d.label}#u(e,t=!1){let i=e?.querySelector(".list-item-checkbox");i&&(i.checked=t)}#t(e,t={}){this.triggerEvent(e,this,{bubbles:!0,detail:{elem:this,...t}})}#m(e){if(this.data?.[e]?.disabled)return!0;let t=this.dataIndex(e);if(this.#i!==-1){let l=this.ds.findIndex(a=>a.itemActivated);if(this.#e=!0,l===t)return this.suppressDeactivation?this.isInPage(l)?this.#a(this.pageIndex(l)):this.deactivateItem(l):!0;if(this.isInPage(l)){if(!this.#a(this.pageIndex(l)))return!1}else if(!this.deactivateItem(l))return!1}let i=this.#r(e),s=()=>({item:i,index:e,dataIndex:t,data:this.data[e]});return this.triggerVetoableEvent("beforeitemactivated",{...s()})?(i?.setAttribute("activated",""),this.#i=t,this.data[e].itemActivated=!0,this.#t("itemactivated",{...s()}),this.focusLi(i,!0),!0):!1}#a(e){if(this.data?.[e]?.disabled||this.#i===-1)return!0;let t=this.dataIndex(e);if(this.#e)this.#e=!1;else if(this.ds.findIndex(a=>a.itemActivated)===t&&!this.suppressDeactivation)return!1;let i=this.#r(e),s=()=>({item:i,index:e,dataIndex:t,data:this.data[e]});return this.triggerVetoableEvent("beforeitemdeactivated",{...s()})?(delete this.data[e].itemActivated,i?.removeAttribute("activated"),this.#i=-1,this.#t("itemdeactivated",{...s()}),this.focusLi(i),!0):!1}activateItem(e){if(this.ds?.[e]?.disabled||e===-1)return!0;if(this.isInPage(e))return this.#m(this.pageIndex(e));if(this.#i!==-1){let i=this.ds.findIndex(s=>s.itemActivated);if(this.#e=!0,i===e)return this.suppressDeactivation?this.isInPage(i)?this.#a(this.pageIndex(i)):this.deactivateItem(i):!0;if(this.isInPage(i)){if(!this.#a(this.pageIndex(i)))return!1}else if(!this.deactivateItem(i))return!1}let t=()=>({dataIndex:e,data:this.ds[e]});return this.triggerVetoableEvent("beforeitemactivated",{...t()})?(this.#i=e,this.ds[e].itemActivated=!0,this.#t("itemactivated",{...t()}),!0):!1}deactivateItem(e){if(this.ds?.[e]?.disabled||this.#i===-1)return!0;if(this.isInPage(e))return this.#a(this.pageIndex(e));if(this.#e)this.#e=!1;else if(this.ds.findIndex(s=>s.itemActivated)===e&&!this.suppressDeactivation)return!1;let t=()=>({dataIndex:e,data:this.ds[e]});return this.triggerVetoableEvent("beforeitemdeactivated",{...t()})?(this.ds[e]?.itemActivated&&delete this.ds[e].itemActivated,this.#i=-1,this.#t("itemdeactivated",{...t()}),!0):!1}#o(e){if(this.data?.[e]?.disabled)return!0;let t=this.dataIndex(e),i=this.selected;if(this.selectable==="single"&&i){let o=i.index===t;if(o&&!this.suppressDeselection)return!0;if(this.#e=!0,this.isInPage(i.index)){if(!this.#n(this.pageIndex(i.index)))return!1}else if(!this.deselect(i.index))return!1;if(o)return!0}let s=this.#r(e),l=s?.querySelector(".list-item-checkbox"),a=this.selectable==="single"?"selectedItem":"selectedItems",n={item:s,index:e,dataIndex:t,data:this.data[e]};return this.#l=!1,this.triggerVetoableEvent("beforeselected",{...n,[a]:this.selected})?(this.data[e].itemSelected=!0,l&&(l.checked=!0),s?.setAttribute("selected",""),this.selectable==="mixed"&&s?.setAttribute("hide-selected-color",""),this.#t("selected",{...n,[a]:this.selected}),this.focusLi(s),!0):(this.#u(s,!1),!1)}#n(e){if(this.data?.[e]?.disabled)return!0;let t=this.selected;if(!t||/^(multiple|mixed)$/g.test(String(this.selectable))&&!t.length)return!0;if(this.selectable==="single"){if(this.#e)this.#e=!1;else if(this.dataIndex(e)===t.index&&!this.suppressDeselection)return!1}let i=this.#r(e),s=this.dataIndex(e),l=i?.querySelector(".list-item-checkbox"),a=this.selectable==="single"?"selectedItem":"selectedItems",n={item:i,index:e,dataIndex:s,data:this.data[e]};return this.#l=!1,this.triggerVetoableEvent("beforedeselected",{...n,[a]:this.selected})?(delete this.data[e].itemSelected,l&&(l.checked=!1),i?.removeAttribute("selected"),i?.removeAttribute("hide-selected-color"),this.#t("deselected",{...n,[a]:this.selected}),this.focusLi(i),!0):(this.#u(i,!0),!1)}select(e){if(this.ds?.[e]?.disabled)return!0;if(this.isInPage(e))return this.#o(this.pageIndex(e));let t=this.selected;if(this.selectable==="single"&&t){let l=t.index===e;if(l&&!this.suppressDeselection)return!0;if(this.#e=!0,this.isInPage(t.index)){if(!this.#n(this.pageIndex(t.index)))return!1}else if(!this.deselect(t.index))return!1;if(l)return!0}let i=this.selectable==="single"?"selectedItem":"selectedItems",s={dataIndex:e,data:this.ds[e]};return this.triggerVetoableEvent("beforeselected",{...s,[i]:this.selected})?(this.ds[e].itemSelected=!0,this.#t("selected",{...s,[i]:this.selected}),!0):!1}deselect(e){if(this.ds?.[e]?.disabled)return!0;let t=this.selected;if(!t||/^(multiple|mixed)$/g.test(String(this.selectable))&&!t.length)return!0;if(this.isInPage(e))return this.#n(this.pageIndex(e));if(this.selectable==="single"){if(this.#e)this.#e=!1;else if(e===t.index&&!this.suppressDeselection)return!1}let i=this.selectable==="single"?"selectedItem":"selectedItems",s={dataIndex:e,data:this.ds[e]};return this.triggerVetoableEvent("beforedeselected",{...s,[i]:this.selected})?(delete this.ds[e].itemSelected,this.#t("deselected",{...s,[i]:this.selected}),!0):!1}selectAll(){this.toggleAll()}deselectAll(){this.toggleAll(!0)}toggleAll(e){let t=e?"deselect":"select";if(this.selectable){let i=this.selected,s,l=0;this.selectable==="single"&&(s="selectedItem",l=i?1:0,e&&l&&this[t](i.index),!e&&!l&&this[t](0)),/multiple|mixed/g.test(this.selectable)&&(s="selectedItems",l=i.length,this.ds?.forEach((a,n)=>this[t](n))),this.selected?.length!==l&&this.#t("selectionchanged",{[s]:this.selected})}}getListItemData(e){let t=e?.getAttribute("index");return t?this.data[t]:{}}getFocusedLiIndex(){return this.#c}getAllSelectedLiIndex(){let e=[];return this.container?.querySelectorAll("ids-swappable-item[selected]").forEach(t=>{e.push(+(t.getAttribute("index")??-1))}),e}};h=u([m("ids-list-view"),v(I)],h);export{h as a};

package/chunks/{ids-chunk-2PGTSIMO.js → ids-chunk-ZHZIH5LT.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-GTV4PSEA.js";import{e as r}from"./ids-chunk-VGRUIA4C.js";import{a as i}from"./ids-chunk-2NN3ZJ6Q.js";import{a}from"./ids-chunk-U7OOVFXE.js";var h=`
+import{a as l}from"./ids-chunk-AKCO43TX.js";import{a as n,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-GFV2Z7F5.js";import{e as r}from"./ids-chunk-QPDOZZIG.js";import{a as i}from"./ids-chunk-EQJWBFQ2.js";import{a}from"./ids-chunk-U7OOVFXE.js";var c=`
 :host {
   display: inline-block;
   max-width: 100%;
@@ -28,17 +28,17 @@ import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chun
 
 :host(:focus) .ids-image,
 :host(:focus-visible) .ids-image {
-  border-color: var(--ids-image-focus-border-color);
-  box-shadow: var(--ids-image-focus-box-shadow);
+  border-color: var(--ids-image-color-border-focus);
+  box-shadow: var(--ids-image-shadow-focus);
 }
 
 :host .placeholder,
 .ids-image.placeholder {
-  border-color: var(--ids-image-border-color);
+  border-color: var(--ids-image-color-border-default);
 }
 :host .placeholder ids-icon,
 .ids-image.placeholder ids-icon {
-  color: var(--ids-image-text-color);
+  color: var(--ids-image-color-text);
 }
 
 :host([round=true]) .ids-image,
@@ -72,7 +72,7 @@ import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chun
 .ids-image.placeholder {
   align-items: center;
   display: inline-flex;
-  background-color: var(--ids-image-placeholder-background-color);
+  background-color: var(--ids-image-placeholder-color-background);
   justify-content: center;
   min-width: 50px;
   min-height: 50px;
@@ -83,7 +83,7 @@ import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chun
   justify-content: center;
   min-width: 50px;
   min-height: 50px;
-  background-color: var(--ids-image-initials-background-color);
+  background-color: var(--ids-image-initials-color-background);
   color: var(--ids-color-neutral-00);
   text-transform: uppercase;
 }
@@ -106,20 +106,20 @@ import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chun
   bottom: -3px;
 }
 .user-status.available {
-  color: var(--ids-image-status-available-background-color);
+  color: var(--ids-image-status-available-color-background);
 }
 .user-status.busy, .user-status.do-not-disturb {
-  color: var(--ids-image-status-busy-background-color);
+  color: var(--ids-image-status-busy-color-background);
 }
 .user-status.away {
-  color: var(--ids-image-status-away-background-color);
+  color: var(--ids-image-status-away-color-background);
 }
 .user-status.unknown {
-  color: var(--ids-image-status-unknown-background-color);
+  color: var(--ids-image-status-unknown-color-background);
 }
 .user-status::before {
   position: absolute;
-  border-radius: var(--ids-border-radius-round);
+  border-radius: var(--ids-border-radius-circle);
   background-color: var(--ids-color-neutral-00);
   content: "";
   width: 12px;
@@ -130,8 +130,8 @@ import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chun
 }
 .user-status::after {
   position: absolute;
-  border-radius: var(--ids-border-radius-round);
-  background-color: var(--ids-body-background-color);
+  border-radius: var(--ids-border-radius-circle);
+  background-color: var(--ids-color-background-default);
   content: "";
   width: 16px;
   height: 16px;
@@ -150,6 +150,6 @@ import{a as u}from"./ids-chunk-YS37TBDI.js";import{a as n,b as d}from"./ids-chun
   margin-top: -18px;
 }
 .user-status-wrapper .user-status svg {
-  border-radius: var(--ids-border-radius-round);
-  background-color: var(--ids-body-background-color);
-}`;var c=u(l),o=class extends c{constructor(){super()}connectedCallback(){super.connectedCallback(),this.userStatus&&(this.userStatus=this.getAttribute("user-status"))}static get attributes(){return[...super.attributes,i.ALT,i.FALLBACK,i.INITIALS,i.PLACEHOLDER,i.ROUND,i.SIZE,i.SRC,i.USER_STATUS]}template(){return this.initials?`<div class="ids-image initials"><ids-text font-size="24" font-weight="semi-bold">${this.initials}</ids-text></div>`:this.placeholder||!this.src?'<div class="ids-image placeholder"><span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon></div>':`<img class="ids-image" src="${this.src}" alt="${this.alt}"/>`}#s(t){this.offEvent("error.image"),this.onEvent("error.image",t,()=>{this.shadowRoot?.querySelector("img")?.remove(),this.shadowRoot?.appendChild(this.#t())})}#r(){this.offEvent("error.image")}#o(t,e){let s=document.createElement("img");return s.classList.add("ids-image"),s.setAttribute("src",t),e&&s.setAttribute("alt",e),s}#t(){let t=document.createElement("div");return t.classList.add("ids-image","placeholder"),t.innerHTML='<span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon>',t}get src(){return this.getAttribute(i.SRC)||""}set src(t){let e=this.shadowRoot?.querySelector("img");if(t&&!this.placeholder){e?e.setAttribute(i.SRC,t):(this.shadowRoot?.querySelector(".placeholder")?.remove(),e=this.#o(t,this.alt),this.shadowRoot?.appendChild(e)),this.fallback&&this.#s(e),this.setAttribute(i.SRC,t);return}e&&(e.remove(),this.#r(),this.shadowRoot?.appendChild(this.#t())),this.removeAttribute(i.SRC)}get alt(){return this.getAttribute(i.ALT)||""}set alt(t){let e=this.shadowRoot?.querySelector("img");if(t){this.setAttribute(i.ALT,t),e?.setAttribute(i.ALT,t);return}this.removeAttribute(i.ALT),e?.removeAttribute(i.ALT)}#e(t){let e=["auto","sm","md","lg"];return t&&e.includes(t)?t:e[0]}get size(){let t=this.getAttribute(i.SIZE);return this.#e(t)}set size(t){this.setAttribute(i.SIZE,this.#e(t))}get placeholder(){let t=this.getAttribute(i.PLACEHOLDER);return r(t)}set placeholder(t){let e=r(t);if(e){this.setAttribute(i.PLACEHOLDER,String(e));return}this.removeAttribute(i.PLACEHOLDER)}get fallback(){let t=this.getAttribute(i.FALLBACK);return r(t)}set fallback(t){let e=r(t);if(e){this.setAttribute(i.FALLBACK,String(e));return}this.removeAttribute(i.FALLBACK)}get round(){let t=this.getAttribute(i.ROUND);return r(t)}set round(t){let e=r(t);if(e){this.setAttribute(i.ROUND,String(e));return}this.removeAttribute(i.ROUND)}#i(t){return t&&["available","away","busy","do-not-disturb","unknown"].includes(t)?t:null}#a(t){let e=document.createElement("div");return e.classList.add("user-status",t),e.innerHTML=`<ids-icon icon="user-status-${t}"></ids-icon>`,e}get userStatus(){let t=this.getAttribute(i.USER_STATUS);return this.#i(t)}set userStatus(t){let e=this.#i(t);if(this.shadowRoot?.querySelector(".user-status")?.remove(),e){this.shadowRoot?.appendChild(this.#a(e)),this.setAttribute(i.USER_STATUS,e);return}this.removeAttribute(i.USER_STATUS)}#n(t){let e=document.createElement("div");return e.classList.add("ids-image","initials"),e.innerHTML=`<ids-text font-size="24" font-weight="semi-bold">${t}</ids-text>`,e}get initials(){return this.getAttribute(i.INITIALS)}set initials(t){let e=this.shadowRoot?.querySelector(".ids-image"),s=t?.substring(0,2);if(e?.remove(),t){this.shadowRoot?.appendChild(this.#n(s??"")),this.setAttribute(i.INITIALS,t);return}this.shadowRoot?.appendChild(this.#t()),this.removeAttribute(i.INITIALS)}};o=a([n("ids-image"),d(h)],o);export{o as a};
+  border-radius: var(--ids-border-radius-circle);
+  background-color: var(--ids-color-background-default);
+}`;var h=l(u),o=class extends h{constructor(){super()}connectedCallback(){super.connectedCallback(),this.userStatus&&(this.userStatus=this.getAttribute("user-status"))}static get attributes(){return[...super.attributes,i.ALT,i.FALLBACK,i.INITIALS,i.PLACEHOLDER,i.ROUND,i.SIZE,i.SRC,i.USER_STATUS]}template(){return this.initials?`<div class="ids-image initials"><ids-text font-size="24" font-weight="semi-bold">${this.initials}</ids-text></div>`:this.placeholder||!this.src?'<div class="ids-image placeholder"><span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon></div>':`<img class="ids-image" src="${this.src}" alt="${this.alt}"/>`}#s(t){this.offEvent("error.image"),this.onEvent("error.image",t,()=>{this.shadowRoot?.querySelector("img")?.remove(),this.shadowRoot?.appendChild(this.#t())})}#r(){this.offEvent("error.image")}#o(t,e){let s=document.createElement("img");return s.classList.add("ids-image"),s.setAttribute("src",t),e&&s.setAttribute("alt",e),s}#t(){let t=document.createElement("div");return t.classList.add("ids-image","placeholder"),t.innerHTML='<span class="audible">Placeholder Image</span><ids-icon icon="insert-image"></ids-icon>',t}get src(){return this.getAttribute(i.SRC)||""}set src(t){let e=this.shadowRoot?.querySelector("img");if(t&&!this.placeholder){e?e.setAttribute(i.SRC,t):(this.shadowRoot?.querySelector(".placeholder")?.remove(),e=this.#o(t,this.alt),this.shadowRoot?.appendChild(e)),this.fallback&&this.#s(e),this.setAttribute(i.SRC,t);return}e&&(e.remove(),this.#r(),this.shadowRoot?.appendChild(this.#t())),this.removeAttribute(i.SRC)}get alt(){return this.getAttribute(i.ALT)||""}set alt(t){let e=this.shadowRoot?.querySelector("img");if(t){this.setAttribute(i.ALT,t),e?.setAttribute(i.ALT,t);return}this.removeAttribute(i.ALT),e?.removeAttribute(i.ALT)}#e(t){let e=["auto","sm","md","lg"];return t&&e.includes(t)?t:e[0]}get size(){let t=this.getAttribute(i.SIZE);return this.#e(t)}set size(t){this.setAttribute(i.SIZE,this.#e(t))}get placeholder(){let t=this.getAttribute(i.PLACEHOLDER);return r(t)}set placeholder(t){let e=r(t);if(e){this.setAttribute(i.PLACEHOLDER,String(e));return}this.removeAttribute(i.PLACEHOLDER)}get fallback(){let t=this.getAttribute(i.FALLBACK);return r(t)}set fallback(t){let e=r(t);if(e){this.setAttribute(i.FALLBACK,String(e));return}this.removeAttribute(i.FALLBACK)}get round(){let t=this.getAttribute(i.ROUND);return r(t)}set round(t){let e=r(t);if(e){this.setAttribute(i.ROUND,String(e));return}this.removeAttribute(i.ROUND)}#i(t){return t&&["available","away","busy","do-not-disturb","unknown"].includes(t)?t:null}#a(t){let e=document.createElement("div");return e.classList.add("user-status",t),e.innerHTML=`<ids-icon icon="user-status-${t}"></ids-icon>`,e}get userStatus(){let t=this.getAttribute(i.USER_STATUS);return this.#i(t)}set userStatus(t){let e=this.#i(t);if(this.shadowRoot?.querySelector(".user-status")?.remove(),e){this.shadowRoot?.appendChild(this.#a(e)),this.setAttribute(i.USER_STATUS,e);return}this.removeAttribute(i.USER_STATUS)}#n(t){let e=document.createElement("div");return e.classList.add("ids-image","initials"),e.innerHTML=`<ids-text font-size="24" font-weight="semi-bold">${t}</ids-text>`,e}get initials(){return this.getAttribute(i.INITIALS)}set initials(t){let e=this.shadowRoot?.querySelector(".ids-image"),s=t?.substring(0,2);if(e?.remove(),t){this.shadowRoot?.appendChild(this.#n(s??"")),this.setAttribute(i.INITIALS,t);return}this.shadowRoot?.appendChild(this.#t()),this.removeAttribute(i.INITIALS)}};o=a([n("ids-image"),d(c)],o);export{o as a};

package/chunks/ids-chunk-ZIGY2P3N.js

@@ -0,0 +1 @@
+var c=["--ids-chart-color-accent-01","--ids-chart-color-accent-02","--ids-chart-color-accent-03","--ids-chart-color-accent-04","--ids-chart-color-accent-05","--ids-chart-color-accent-06","--ids-chart-color-accent-07","--ids-chart-color-accent-08","--ids-chart-color-accent-09","--ids-chart-color-accent-10","--ids-chart-color-accent-11","--ids-chart-color-accent-12","--ids-chart-color-accent-13","--ids-chart-color-accent-14","--ids-chart-color-accent-15","--ids-chart-color-accent-16","--ids-chart-color-accent-17","--ids-chart-color-accent-18","--ids-chart-color-accent-19","--ids-chart-color-accent-20"];export{c as a};

package/chunks/{ids-chunk-XZXJLS2V.js → ids-chunk-ZIPVBQHM.js}

@@ -1,4 +1,4 @@
-import{a as A}from"./ids-chunk-IAHZUGND.js";import{a as T}from"./ids-chunk-X5HHVE4J.js";import{a as v}from"./ids-chunk-XE4WFW5M.js";import{d as g,e as w,h as E}from"./ids-chunk-VGRUIA4C.js";import{a as r}from"./ids-chunk-2NN3ZJ6Q.js";import{a as p}from"./ids-chunk-U7OOVFXE.js";var m=`[${r.MORE_ACTIONS}]`,d=class extends T(A){constructor(){super()}static get attributes(){return[...super.attributes,r.OVERFLOW]}connectedCallback(){super.connectedCallback(),this.#s(),this.renderOverflowedItems(),this.#n()}template(){let n=E("ids-tab","more",this.selected,this.orientation),t=this.selected?' font-weight="semi-bold"':"";return`<div id="tab-more" ${n} tabindex="-1" part="container">
+import{a as A}from"./ids-chunk-XDOP7ZEW.js";import{a as T}from"./ids-chunk-N7RNTKMO.js";import{a as v}from"./ids-chunk-XE4WFW5M.js";import{d as g,e as w,h as E}from"./ids-chunk-QPDOZZIG.js";import{a as r}from"./ids-chunk-EQJWBFQ2.js";import{a as p}from"./ids-chunk-U7OOVFXE.js";var m=`[${r.MORE_ACTIONS}]`,d=class extends T(A){constructor(){super()}static get attributes(){return[...super.attributes,r.OVERFLOW]}connectedCallback(){super.connectedCallback(),this.#s(),this.renderOverflowedItems(),this.#n()}template(){let n=E("ids-tab","more",this.selected,this.orientation),t=this.selected?' font-weight="semi-bold"':"";return`<div id="tab-more" ${n} tabindex="-1" part="container">
       <span class="tab-more-text">
         <ids-text id="count">4</ids-text>
         <ids-text id="more-text" size="22"${t} translate-text="true">More</ids-text>

package/chunks/ids-chunk-ZJBOJP3B.js

@@ -0,0 +1,11 @@
+import{a as d}from"./ids-chunk-AKCO43TX.js";import{a as s,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-GFV2Z7F5.js";import{a as t}from"./ids-chunk-U7OOVFXE.js";var r=`
+/* Ids Fieldset CSS */
+fieldset {
+  border: var(--ids-space-none);
+  contain: content;
+}
+
+fieldset > ::slotted(legend),
+fieldset > legend {
+  padding-block-end: var(--ids-space-60);
+}`;var i=d(l),e=class extends i{constructor(){super()}template(){return'<fieldset class="ids-fieldset" part="fieldset"><slot></slot></fieldset>'}};e=t([s("ids-fieldset"),o(r)],e);export{e as a};

package/chunks/{ids-chunk-ZIZVHIP3.js → ids-chunk-ZRINGSRL.js}

@@ -1,4 +1,4 @@
-import{a as d}from"./ids-chunk-YS37TBDI.js";import{a as t,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-GTV4PSEA.js";import{e as a}from"./ids-chunk-VGRUIA4C.js";import{a as r}from"./ids-chunk-2NN3ZJ6Q.js";import{a as i}from"./ids-chunk-U7OOVFXE.js";var c=`
+import{a as d}from"./ids-chunk-AKCO43TX.js";import{a as t,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-GFV2Z7F5.js";import{e as a}from"./ids-chunk-QPDOZZIG.js";import{a as r}from"./ids-chunk-EQJWBFQ2.js";import{a as i}from"./ids-chunk-U7OOVFXE.js";var c=`
 /* Ids Badge Component */
 :host {
   display: inline-flex;
@@ -15,16 +15,16 @@ import{a as d}from"./ids-chunk-YS37TBDI.js";import{a as t,b as s}from"./ids-chun
 .ids-badge {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-badge-background-color);
-  border: 1px solid var(--ids-badge-border-color);
+  background-color: var(--ids-badge-color-background);
+  border: 1px solid var(--ids-badge-color-border);
   border-radius: var(--ids-badge-border-radius);
-  color: var(--ids-input-text-color);
-  font-family: var(--ids-font-family);
-  font-size: var(--ids-font-size-sm);
-  line-height: var(--ids-badge-line-height);
+  color: var(--ids-input-color-text);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-font-size-30);
+  line-height: var(--ids-badge-font-line-height);
   margin-bottom: var(--ids-badge-margin-bottom);
   margin-inline-end: var(--ids-badge-margin-inline-end);
-  min-width: var(--ids-badge-min-width);
+  min-width: var(--ids-badge-width-min);
   padding-inline: var(--ids-badge-padding-inline);
   flex-direction: column;
   justify-content: space-between;
@@ -33,32 +33,32 @@ import{a as d}from"./ids-chunk-YS37TBDI.js";import{a as t,b as s}from"./ids-chun
   align-items: center;
   display: inline-flex;
   justify-content: center;
-  height: var(--ids-size-xxs);
-  padding: var(--ids-spacing-none);
-  width: var(--ids-size-xxs);
+  height: var(--ids-size-10);
+  padding: var(--ids-space-none);
+  width: var(--ids-size-10);
 }
 .ids-badge[color=info] {
-  background-color: var(--ids-badge-info-background-color);
-  border-color: var(--ids-badge-info-border-color);
-  color: var(--ids-badge-info-color);
+  background-color: var(--ids-badge-color-background-info);
+  border-color: var(--ids-badge-color-border-info);
+  color: var(--ids-badge-color-info);
 }
 .ids-badge[color=success] {
-  background-color: var(--ids-badge-success-background-color);
-  border-color: var(--ids-badge-success-border-color);
-  color: var(--ids-badge-success-color);
+  background-color: var(--ids-badge-color-background-success);
+  border-color: var(--ids-badge-color-border-success);
+  color: var(--ids-badge-color-success);
 }
 .ids-badge[color=caution] {
-  background-color: var(--ids-badge-caution-background-color);
-  border-color: var(--ids-badge-caution-border-color);
-  color: var(--ids-badge-caution-color);
+  background-color: var(--ids-badge-color-background-caution);
+  border-color: var(--ids-badge-color-border-caution);
+  color: var(--ids-badge-color-caution);
 }
 .ids-badge[color=warning] {
-  background-color: var(--ids-badge-warning-background-color);
-  border-color: var(--ids-badge-warning-border-color);
-  color: var(--ids-badge-warning-color);
+  background-color: var(--ids-badge-color-background-warning);
+  border-color: var(--ids-badge-color-border-warning);
+  color: var(--ids-badge-color-warning);
 }
 .ids-badge[color=error] {
-  background-color: var(--ids-badge-error-background-color);
-  border-color: var(--ids-badge-error-border-color);
-  color: var(--ids-badge-error-color);
+  background-color: var(--ids-badge-color-background-error);
+  border-color: var(--ids-badge-color-border-error);
+  color: var(--ids-badge-color-error);
 }`;var l=d(n),e=class extends l{constructor(){super()}connectedCallback(){super.connectedCallback(),this.color&&(this.color=this.getAttribute("color"))}static get attributes(){return[r.COLOR,r.DISABLED,r.SHAPE]}template(){return`<span class="ids-badge ${this.shape}" part="badge"><slot></slot></span>`}get shape(){return this.getAttribute("shape")||"normal"}set shape(o){o?this.setAttribute("shape",o.toString()):this.removeAttribute("shape"),this.container?.classList.remove("normal","round"),this.container?.classList.add(this.shape)}get color(){return this.getAttribute("color")}set color(o){o?(this.setAttribute("color",o),this.container?.setAttribute("color",o),(o==="error"||o==="info"||o==="warning")&&this.container?.classList.add("ids-white")):(this.removeAttribute("color"),this.container&&(this.container?.removeAttribute("color"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",this.container.style.position=""))}set disabled(o){a(o)?this.setAttribute(r.DISABLED,""):this.removeAttribute(r.DISABLED)}get disabled(){return this.hasAttribute(r.DISABLED)}};e=i([t("ids-badge"),s(c)],e);export{e as a};