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

package/chunks/{ids-chunk-H2ESTTQV.js → ids-chunk-KXLOXEBI.js}

@@ -1,4 +1,4 @@
-import{a as s}from"./ids-chunk-YS37TBDI.js";import{a as r,b as i}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-GTV4PSEA.js";import{b as n}from"./ids-chunk-2NN3ZJ6Q.js";import{a as t}from"./ids-chunk-U7OOVFXE.js";var a=`
+import{a as s}from"./ids-chunk-AKCO43TX.js";import{a as r,b as i}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-GFV2Z7F5.js";import{b as n}from"./ids-chunk-EQJWBFQ2.js";import{a as t}from"./ids-chunk-U7OOVFXE.js";var o=`
 /* Ids Menu Header Component */
 :host {
   display: block;
@@ -9,11 +9,11 @@ import{a as s}from"./ids-chunk-YS37TBDI.js";import{a as r,b as i}from"./ids-chun
   padding-inline: var(--ids-menu-header-padding);
   font-weight: var(--ids-menu-header-font-weight);
   font-size: var(--ids-menu-header-font-size);
-  color: var(--ids-menu-header-text-color);
-  font-family: var(--ids-font-family);
+  color: var(--ids-menu-header-color-text);
+  font-family: var(--ids-font-family-default);
   list-style: none;
   text-align: start;
 }
 .ids-menu-header.align-for-icons {
   padding-inline-start: var(--ids-menu-header-icon-padding);
-}`;var e=class extends s(o){constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute(n.ROLE,"none"),this.menu&&this.decorateForIcon(this.menu.hasIcons)}static get attributes(){return[...super.attributes]}get menu(){return this.parentElement}template(){return'<div class="ids-menu-header" part="header" role="none"><slot></slot></div>'}decorateForIcon(d){this.container?.classList[d?"add":"remove"]("align-for-icons")}};e=t([r("ids-menu-header"),i(a)],e);export{e as a};
+}`;var e=class extends s(a){constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute(n.ROLE,"none"),this.menu&&this.decorateForIcon(this.menu.hasIcons)}static get attributes(){return[...super.attributes]}get menu(){return this.parentElement}template(){return'<div class="ids-menu-header" part="header" role="none"><slot></slot></div>'}decorateForIcon(d){this.container?.classList[d?"add":"remove"]("align-for-icons")}};e=t([r("ids-menu-header"),i(o)],e);export{e as a};

package/chunks/{ids-chunk-SUVBHASO.js → ids-chunk-LCCMDCGB.js}

@@ -1,4 +1,4 @@
-import{a as I}from"./ids-chunk-GD7I4Q2L.js";import{a as E}from"./ids-chunk-3PABHGXP.js";import{a as T}from"./ids-chunk-ONPEMRJP.js";import{c as g}from"./ids-chunk-M7IB5XSG.js";import{a as v}from"./ids-chunk-JMCJ3SGL.js";import{a as m}from"./ids-chunk-BWPOZP66.js";import{a as k}from"./ids-chunk-T2TIUOXF.js";import{a as L}from"./ids-chunk-F3RQ5V7T.js";import{a as x}from"./ids-chunk-X5HHVE4J.js";import{a as A}from"./ids-chunk-YS37TBDI.js";import{a as b,b as p}from"./ids-chunk-XE4WFW5M.js";import{a as y}from"./ids-chunk-GTV4PSEA.js";import{e as d,f as l,g as f}from"./ids-chunk-VGRUIA4C.js";import{a as i}from"./ids-chunk-2NN3ZJ6Q.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var w=`
+import{a as I}from"./ids-chunk-VSDBW2YP.js";import{a as E}from"./ids-chunk-4LOG7J7O.js";import{a as k}from"./ids-chunk-ONPEMRJP.js";import{c as g}from"./ids-chunk-M7IB5XSG.js";import{a as v}from"./ids-chunk-ZIGY2P3N.js";import{a as m}from"./ids-chunk-BWPOZP66.js";import{a as T}from"./ids-chunk-T2TIUOXF.js";import{a as L}from"./ids-chunk-OIS6KGMU.js";import{a as x}from"./ids-chunk-N7RNTKMO.js";import{a as A}from"./ids-chunk-AKCO43TX.js";import{a as b,b as p}from"./ids-chunk-XE4WFW5M.js";import{a as y}from"./ids-chunk-GFV2Z7F5.js";import{e as d,f as l,g as f}from"./ids-chunk-QPDOZZIG.js";import{a as i}from"./ids-chunk-EQJWBFQ2.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var w=`
 /* Ids Axis Chart Component */
 .chart-legend {
   display: flex;
@@ -14,9 +14,9 @@ import{a as I}from"./ids-chunk-GD7I4Q2L.js";import{a as E}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 I}from"./ids-chunk-GD7I4Q2L.js";import{a as E}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;
@@ -128,19 +128,18 @@ import{a as I}from"./ids-chunk-GD7I4Q2L.js";import{a as E}from"./ids-chunk-3PABH
 
 .ids-axis-chart {
   display: flex;
-  border-color: var(--ids-axis-chart-border-color);
 }
 .ids-axis-chart.hidden {
   display: none;
 }
 .ids-axis-chart .grid {
   shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-stroke);
+  stroke: var(--ids-axis-chart-grid-color);
   stroke-width: 1;
   stroke-dasharray: 2 2;
 }
 .ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-stroke);
+  stroke: var(--ids-axis-chart-last-line-color-border);
   stroke-dasharray: none;
 }
 .ids-axis-chart .grid.hidden {
@@ -151,20 +150,20 @@ import{a as I}from"./ids-chunk-GD7I4Q2L.js";import{a as E}from"./ids-chunk-3PABH
   stroke-dasharray: inherit;
 }
 .ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-stroke);
+  stroke: var(--ids-axis-chart-first-line-color);
   stroke-dasharray: none;
 }
 .ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-focus-group-outline);
+  outline: var(--ids-axis-chart-outline-focus);
 }
 .ids-axis-chart .labels {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-label-font-family);
-  font-size: var(--ids-axis-chart-label-font-size);
+  font-family: var(--ids-axis-chart-font-family);
+  font-size: var(--ids-axis-chart-font-size);
 }
 .ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-label-text-fill);
+  fill: var(--ids-axis-chart-color-text);
 }
 .ids-axis-chart .labels.x-labels {
   text-anchor: middle;
@@ -175,7 +174,7 @@ import{a as I}from"./ids-chunk-GD7I4Q2L.js";import{a as E}from"./ids-chunk-3PABH
 .ids-axis-chart .labels.axis-labels text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-label-axis-text-font-weight);
+  font-weight: var(--ids-axis-chart-font-weight);
   text-anchor: middle;
 }
 .ids-axis-chart .audible {
@@ -199,23 +198,23 @@ ids-empty-message:not([hidden])[hidden],
 }
 
 .tooltip-center {
-  margin-block: var(--ids-spacing-md);
+  margin-block: var(--ids-space-30);
   text-align: center;
 }
 
 .tooltip.chart-legend {
   flex-direction: column;
-  margin-block-end: var(--ids-spacing-lg);
+  margin-block-end: var(--ids-space-40);
   padding: 0;
 }
 .tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-spacing-md);
+  margin-inline: var(--ids-space-30);
   padding: 0;
 }
 
 .tooltip-row span {
-  padding-inline-start: var(--ids-spacing-sm);
-  padding-inline-end: var(--ids-spacing-md);
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
 }
 
 :host([dir=rtl]) .ids-axis-chart {
@@ -227,7 +226,7 @@ ids-empty-message:not([hidden])[hidden],
 :host([dir=rtl]) .labels.x-labels {
   transform: scale(-1, 1);
   transform-origin: unset;
-}`;var N=I(E(x(A(y)))),c=class extends N{initialized=!1;constructor(){super(),this.state=this.state||{},this.state.horizontal=!1,this.state.yAxisFormatter={notation:"compact",compactDisplay:"short"}}svg;canvas;emptyMessage;legend;sectionWidths=[];sectionWidth=NaN;sectionHeights=[];sectionHeight=NaN;resizeToParentHeight;resizeToParentWidth;parentWidth=NaN;parentHeight=NaN;datasource=new L;vetoableEventTypes=["beforeselected","beforedeselected"];onSelectableChange(){this.legendsClickable?.(this.selectable)}connectedCallback(){super.connectedCallback?.(),this.svg=this.shadowRoot?.querySelector("svg"),this.emptyMessage=this.querySelector("ids-empty-message")||this.shadowRoot?.querySelector("ids-empty-message"),this.legend=this.shadowRoot?.querySelector('[name="legend"]'),this.getAttribute(i.WIDTH)&&(this.width=this.getAttribute(i.WIDTH)),this.getAttribute(i.HEIGHT)&&(this.height=this.getAttribute(i.HEIGHT)),this.#T(),this.#u(),this.redraw()}disconnectedCallback(){super.disconnectedCallback(),this.#e?.disconnect(),this.#e=void 0,this.emptyMessage?.remove(),this.emptyMessage=void 0,this.svg?.remove(),this.svg=void 0,this.legend?.remove(),this.legend=void 0}static get attributes(){return[...super.attributes,i.ANIMATED,i.ALIGN_X_LABELS,i.AXIS_LABEL_BOTTOM,i.AXIS_LABEL_END,i.AXIS_LABEL_MARGIN,i.AXIS_LABEL_START,i.AXIS_LABEL_TOP,i.DATA,i.HEIGHT,i.HORIZONTAL,i.MARGINS,i.SHOW_HORIZONTAL_GRID_LINES,i.SHOW_VERTICAL_GRID_LINES,i.ROTATE_NAME_LABELS,i.STACKED,i.TITLE,i.WIDTH]}template(){return`<div class="ids-chart-container" part="container">
+}`;var N=I(E(x(A(y)))),c=class extends N{initialized=!1;constructor(){super(),this.state=this.state||{},this.state.horizontal=!1,this.state.yAxisFormatter={notation:"compact",compactDisplay:"short"}}svg;canvas;emptyMessage;legend;sectionWidths=[];sectionWidth=NaN;sectionHeights=[];sectionHeight=NaN;resizeToParentHeight;resizeToParentWidth;parentWidth=NaN;parentHeight=NaN;datasource=new L;vetoableEventTypes=["beforeselected","beforedeselected"];onSelectableChange(){this.legendsClickable?.(this.selectable)}connectedCallback(){super.connectedCallback?.(),this.svg=this.shadowRoot?.querySelector("svg"),this.emptyMessage=this.querySelector("ids-empty-message")||this.shadowRoot?.querySelector("ids-empty-message"),this.legend=this.shadowRoot?.querySelector('[name="legend"]'),this.getAttribute(i.WIDTH)&&(this.width=this.getAttribute(i.WIDTH)),this.getAttribute(i.HEIGHT)&&(this.height=this.getAttribute(i.HEIGHT)),this.#k(),this.#u(),this.redraw()}disconnectedCallback(){super.disconnectedCallback(),this.#e?.disconnect(),this.#e=void 0,this.emptyMessage?.remove(),this.emptyMessage=void 0,this.svg?.remove(),this.svg=void 0,this.legend?.remove(),this.legend=void 0}static get attributes(){return[...super.attributes,i.ANIMATED,i.ALIGN_X_LABELS,i.AXIS_LABEL_BOTTOM,i.AXIS_LABEL_END,i.AXIS_LABEL_MARGIN,i.AXIS_LABEL_START,i.AXIS_LABEL_TOP,i.DATA,i.HEIGHT,i.HORIZONTAL,i.MARGINS,i.SHOW_HORIZONTAL_GRID_LINES,i.SHOW_VERTICAL_GRID_LINES,i.ROTATE_NAME_LABELS,i.STACKED,i.TITLE,i.WIDTH]}template(){return`<div class="ids-chart-container" part="container">
       <svg class="ids-axis-chart${this.horizontal?" horizontal":""}" part="chart" width="${this.width}" height="${this.height}" xmlns="http://www.w3.org/2000/svg">
       </svg>
       <slot name="legend">
@@ -240,7 +239,7 @@ ids-empty-message:not([hidden])[hidden],
       <slot name="tooltip">
         <ids-tooltip id="tooltip"></ids-tooltip>
       </slot>
-    </div>`}#u(){this.onLocaleChange=()=>{this.redraw();let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))},this.onLanguageChange=()=>{let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))}}#o=0;#r=0;#e=void 0;#h(){(this.resizeToParentHeight||this.resizeToParentWidth)&&!this.#e&&(this.parentWidth=this.parentElement?.offsetWidth,this.parentHeight=this.parentElement?.offsetHeight,this.#e=new ResizeObserver(T(t=>{this.resize(t)},350)),this.#e.disconnect(),this.#e.observe(this.parentElement))}isGrouped=!1;resize(t){this.initialized&&((t[0].contentRect.width!==this.parentWidth&&this.resizeToParentWidth&&this.parentWidth>0||t[0].contentRect.height!==this.parentHeight&&this.resizeToParentHeight&&this.parentHeight>0)&&(this.initialized=!1,this.resizeToParentHeight&&(this.height="inherit"),this.resizeToParentWidth&&(this.width="inherit"),this.initialized=!0,this.redraw(),this.reanimate()),this.parentWidth=this.parentElement?.offsetWidth,this.parentHeight=this.parentElement?.offsetHeight)}redraw(){if(this.initialized){if(this.data&&this.data.length===0&&this.initialized){this.#$(),this.legend&&(this.legend.innerHTML=this.legendTemplate());return}this.#p(),this.afterCalculateCallback?.(),this.#L(),this.svg&&(this.svg.innerHTML=this.#v()),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.adjustLabels(),this.#b(),this.legendsClickable?.(this.selectable),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data,markerData:this.markerData}}),this.afterConnectedCallback&&this.afterConnectedCallback()}}#b(){if(!this.localeAPI?.isRTL())return;let t={x:[...this.svg?.querySelectorAll(".labels.x-labels text")??[]],y:[...this.svg?.querySelectorAll(".labels.y-labels text")??[]]},e=this.#r+this.margins.left,s=a=>{let n=l(a)-e;return n+=this.horizontal?this.margins.leftInner+this.margins.rightInner:0,n},r=t.x.map(a=>s(a.getAttribute("x"))).reverse();t.x.forEach((a,n)=>{this.horizontal||a.setAttribute("transform",`rotate(${this.rotateNameLabels}, ${r[n]}, ${a.getAttribute("y")})`),a.setAttribute("x",r[n]),a.setAttribute("text-anchor","start"),this.alignXLabels==="middle"&&a.setAttribute("transform-origin","0 -4px")}),s=a=>`-${l(a)+e}px`,t.y.forEach(a=>{if(this.horizontal){let n=a.getAttribute("transform")?.split(",");if(n?.length===3){let o=l(n[1]),h=l(n[2]);a.setAttribute("transform-origin",`${o}px ${h}px`),a.setAttribute("transform",`rotate(${this.rotateNameLabels}) scale(-1, 1)`)}else{let h=`scale(-1, 1) translate(${s(a.getAttribute("x"))}, 0)`;a.style.setProperty("transform",h)}}else{let n=s(a.getAttribute("x"));a.style.setProperty("--ids-axis-chart-ylabels-x",n)}})}markerData={markerCount:0,groupCount:0,min:0,max:0,scale:new m(this.yAxisMin,0),gridTop:0,gridBottom:0,gridLeft:0,gridRight:0,groupTotals:[0]};#p(){let t=0,e=0;this.markerData={markerCount:0,groupCount:0,min:0,max:0,scale:new m(this.yAxisMin,0),gridTop:0,gridBottom:0,gridLeft:0,gridRight:0,groupTotals:[0]},this.data?.forEach((a,n)=>{t++,e=0,this.markerData.groupTotals[n]=0,a.data?.forEach(o=>{o.value>this.markerData.max&&(this.markerData.max=o.value),this.markerData.groupTotals[n]+=o.value,o.value<this.markerData.min&&(this.markerData.min=o.value),this.markerData.min===void 0&&(this.markerData.min=o.value),e++}),e>this.markerData.markerCount&&(this.markerData.markerCount=e),this.markerData.groupCount=t});let s=Math.max(...this.markerData.groupTotals),r=new m(this.yAxisMin,this.stacked?s:this.markerData.max);this.markerData.scale=r,this.markerData.scaleValues=[];for(let a=r.niceMin||0;a<=r.niceMax;a+=Number(r.tickSpacing))this.markerData.scaleValues.push(a);this.xMaxTextWidth(),this.yMaxTextWidth(),this.markerData.gridTop=this.margins.top+this.textWidths.top,this.markerData.gridBottom=this.height-this.margins.bottom-this.textWidths.bottom,this.markerData.gridLeft=this.textWidths.left+this.margins.left+this.margins.leftInner*2+this.margins.rightInner,this.markerData.gridRight=this.width-this.margins.right-this.textWidths.right,this.horizontal?(this.#f(),this.#y()):(this.#x(),this.#A())}#f(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.top+this.margins.top+this.margins.topInner,s=[];for(let r=0;r<this.markerData.markerCount;r++){let a=t.data?.[r]?.value||0,o=(a-(this.markerData.scale.niceMin||0))/(this.markerData.scale.niceMax-this.markerData.scale.niceMin)*(this.markerData.gridRight-this.markerData.gridLeft);s.push({top:e,left:this.markerData.gridRight-o,value:a}),e+=this.#s()}this.markerData.points?.push(s)})}#x(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=[];for(let r=0;r<this.markerData.markerCount;r++){let a=t.data?.[r]?.value||0,o=(a-(this.markerData.scale.niceMin||0))/(this.markerData.scale.niceMax-this.markerData.scale.niceMin)*(this.markerData.gridBottom-this.markerData.gridTop);s.push({left:e,top:this.markerData.gridBottom-o,value:a}),e+=this.#s()}this.markerData.points?.push(s)})}#A(){this.sectionWidth=(this.markerData.gridRight-this.markerData.gridLeft)/this.markerData.markerCount;let t=this.textWidths.left+this.margins.left+this.margins.leftInner*2;this.sectionWidths=[];for(let e=0;e<this.markerData.markerCount+1;e++)this.sectionWidths.push({left:t,width:this.sectionWidth}),t+=this.sectionWidth}#y(){this.sectionHeight=(this.markerData.gridBottom-this.markerData.gridTop)/this.markerData.markerCount;let t=this.textWidths.top+this.margins.top+this.margins.topInner;this.isGrouped&&(t-=(this.markerData.groupCount||0)%2),this.sectionHeights=[];for(let e=0;e<this.markerData.markerCount;e++)this.sectionHeights.push({top:t,height:this.sectionHeight}),t+=this.sectionHeight}#L(){let t="";if(!this.shadowRoot?.styleSheets)return;this.data?.forEach((s,r)=>{let a=s,n=a.patternColor;!n&&a.color&&a.color.substr(0,1)==="#"&&(n=a.color),!n&&a.color&&a.color.substr(0,1)!=="#"&&a.color.substr(0,11)!=="--ids-color"&&(n=`var(--ids-color-${a.color})`),!n&&a.color&&a.color.substr(0,1)!=="#"&&a.color.substr(0,11)==="--ids-color"&&(n=`var(${a.color})`),n||(n=`var(${this.colors[r]})`),t+=`--ids-chart-color-${r+1}: ${n} !important;`});let e=this.shadowRoot.styleSheets[0];e.cssRules&&e.cssRules[0].selectorText===":host"&&e.deleteRule(0),e.insertRule(`:host {
+    </div>`}#u(){this.onLocaleChange=()=>{this.redraw();let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))},this.onLanguageChange=()=>{let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))}}#o=0;#r=0;#e=void 0;#h(){(this.resizeToParentHeight||this.resizeToParentWidth)&&!this.#e&&(this.parentWidth=this.parentElement?.offsetWidth,this.parentHeight=this.parentElement?.offsetHeight,this.#e=new ResizeObserver(k(t=>{this.resize(t)},350)),this.#e.disconnect(),this.#e.observe(this.parentElement))}isGrouped=!1;resize(t){this.initialized&&((t[0].contentRect.width!==this.parentWidth&&this.resizeToParentWidth&&this.parentWidth>0||t[0].contentRect.height!==this.parentHeight&&this.resizeToParentHeight&&this.parentHeight>0)&&(this.initialized=!1,this.resizeToParentHeight&&(this.height="inherit"),this.resizeToParentWidth&&(this.width="inherit"),this.initialized=!0,this.redraw(),this.reanimate()),this.parentWidth=this.parentElement?.offsetWidth,this.parentHeight=this.parentElement?.offsetHeight)}redraw(){if(this.initialized){if(this.data&&this.data.length===0&&this.initialized){this.#$(),this.legend&&(this.legend.innerHTML=this.legendTemplate());return}this.#p(),this.afterCalculateCallback?.(),this.#L(),this.svg&&(this.svg.innerHTML=this.#v()),this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.adjustLabels(),this.#b(),this.legendsClickable?.(this.selectable),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data,markerData:this.markerData}}),this.afterConnectedCallback&&this.afterConnectedCallback()}}#b(){if(!this.localeAPI?.isRTL())return;let t={x:[...this.svg?.querySelectorAll(".labels.x-labels text")??[]],y:[...this.svg?.querySelectorAll(".labels.y-labels text")??[]]},e=this.#r+this.margins.left,s=a=>{let n=l(a)-e;return n+=this.horizontal?this.margins.leftInner+this.margins.rightInner:0,n},r=t.x.map(a=>s(a.getAttribute("x"))).reverse();t.x.forEach((a,n)=>{this.horizontal||a.setAttribute("transform",`rotate(${this.rotateNameLabels}, ${r[n]}, ${a.getAttribute("y")})`),a.setAttribute("x",r[n]),a.setAttribute("text-anchor","start"),this.alignXLabels==="middle"&&a.setAttribute("transform-origin","0 -4px")}),s=a=>`-${l(a)+e}px`,t.y.forEach(a=>{if(this.horizontal){let n=a.getAttribute("transform")?.split(",");if(n?.length===3){let o=l(n[1]),h=l(n[2]);a.setAttribute("transform-origin",`${o}px ${h}px`),a.setAttribute("transform",`rotate(${this.rotateNameLabels}) scale(-1, 1)`)}else{let h=`scale(-1, 1) translate(${s(a.getAttribute("x"))}, 0)`;a.style.setProperty("transform",h)}}else{let n=s(a.getAttribute("x"));a.style.setProperty("--ids-axis-chart-ylabels-x",n)}})}markerData={markerCount:0,groupCount:0,min:0,max:0,scale:new m(this.yAxisMin,0),gridTop:0,gridBottom:0,gridLeft:0,gridRight:0,groupTotals:[0]};#p(){let t=0,e=0;this.markerData={markerCount:0,groupCount:0,min:0,max:0,scale:new m(this.yAxisMin,0),gridTop:0,gridBottom:0,gridLeft:0,gridRight:0,groupTotals:[0]},this.data?.forEach((a,n)=>{t++,e=0,this.markerData.groupTotals[n]=0,a.data?.forEach(o=>{o.value>this.markerData.max&&(this.markerData.max=o.value),this.markerData.groupTotals[n]+=o.value,o.value<this.markerData.min&&(this.markerData.min=o.value),this.markerData.min===void 0&&(this.markerData.min=o.value),e++}),e>this.markerData.markerCount&&(this.markerData.markerCount=e),this.markerData.groupCount=t});let s=Math.max(...this.markerData.groupTotals),r=new m(this.yAxisMin,this.stacked?s:this.markerData.max);this.markerData.scale=r,this.markerData.scaleValues=[];for(let a=r.niceMin||0;a<=r.niceMax;a+=Number(r.tickSpacing))this.markerData.scaleValues.push(a);this.xMaxTextWidth(),this.yMaxTextWidth(),this.markerData.gridTop=this.margins.top+this.textWidths.top,this.markerData.gridBottom=this.height-this.margins.bottom-this.textWidths.bottom,this.markerData.gridLeft=this.textWidths.left+this.margins.left+this.margins.leftInner*2+this.margins.rightInner,this.markerData.gridRight=this.width-this.margins.right-this.textWidths.right,this.horizontal?(this.#f(),this.#y()):(this.#x(),this.#A())}#f(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.top+this.margins.top+this.margins.topInner,s=[];for(let r=0;r<this.markerData.markerCount;r++){let a=t.data?.[r]?.value||0,o=(a-(this.markerData.scale.niceMin||0))/(this.markerData.scale.niceMax-this.markerData.scale.niceMin)*(this.markerData.gridRight-this.markerData.gridLeft);s.push({top:e,left:this.markerData.gridRight-o,value:a}),e+=this.#s()}this.markerData.points?.push(s)})}#x(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=[];for(let r=0;r<this.markerData.markerCount;r++){let a=t.data?.[r]?.value||0,o=(a-(this.markerData.scale.niceMin||0))/(this.markerData.scale.niceMax-this.markerData.scale.niceMin)*(this.markerData.gridBottom-this.markerData.gridTop);s.push({left:e,top:this.markerData.gridBottom-o,value:a}),e+=this.#s()}this.markerData.points?.push(s)})}#A(){this.sectionWidth=(this.markerData.gridRight-this.markerData.gridLeft)/this.markerData.markerCount;let t=this.textWidths.left+this.margins.left+this.margins.leftInner*2;this.sectionWidths=[];for(let e=0;e<this.markerData.markerCount+1;e++)this.sectionWidths.push({left:t,width:this.sectionWidth}),t+=this.sectionWidth}#y(){this.sectionHeight=(this.markerData.gridBottom-this.markerData.gridTop)/this.markerData.markerCount;let t=this.textWidths.top+this.margins.top+this.margins.topInner;this.isGrouped&&(t-=(this.markerData.groupCount||0)%2),this.sectionHeights=[];for(let e=0;e<this.markerData.markerCount;e++)this.sectionHeights.push({top:t,height:this.sectionHeight}),t+=this.sectionHeight}#L(){let t="";if(!this.shadowRoot?.styleSheets)return;this.data?.forEach((s,r)=>{let a=s,n=a.patternColor;!n&&a.color&&a.color.substr(0,1)==="#"&&(n=a.color),!n&&a.color&&a.color.substr(0,1)!=="#"&&a.color.substr(0,11)!=="--ids-color"&&(n=`var(--ids-color-${a.color})`),!n&&a.color&&a.color.substr(0,1)!=="#"&&a.color.substr(0,11)==="--ids-color"&&(n=`var(${a.color})`),n||(n=`var(${this.colors[r]})`),t+=`--ids-chart-color-${r+1}: ${n} !important;`});let e=this.shadowRoot.styleSheets[0];e.cssRules&&e.cssRules[0].selectorText===":host"&&e.deleteRule(0),e.insertRule(`:host {
       ${t}
     }`)}#v(){return`<title></title>
     <title>${this.title}</title>
@@ -263,10 +262,10 @@ ids-empty-message:not([hidden])[hidden],
     <g class="labels axis-labels">
       ${this.#I()}
     </g>
-    `}chartTemplate(){return""}tooltipElements(){return[]}tooltipTemplate(){return"<b>${label}</b> ${value}"}attachTooltipEvents(){this.tooltipElements().forEach(t=>{this.onEvent("hoverend",t,async()=>{let e=this.container?.querySelector("ids-tooltip");e&&(e.innerHTML=this.#k(t),e.target=t,e.placement="top",e.visible=!0)})})}tooltipData(t,e=0){let s=this.data[e]?.data;return{label:s[t]?.name||this.data[0].data[t].name,value:s[t]?.value||0,tooltip:s[t]?.tooltip}}#k(t){let e=Number(t.getAttribute("group-index")),s=Number(t.getAttribute("index")),r=this.tooltipData(s,e);if(r.tooltip)return r.tooltip.replace("${value}",r.value).replace("${label}",r.label);if(this.stacked||this.isGrouped){let a=`<div class="tooltip-center"><b>${r.label}</b></div><div class="tooltip chart-legend">`;for(let n=0;n<this.data.length;n++){let o=this.data[n],h=o.name,D=this.data[n].data[s]?.value,S=o.pattern?"":` color-${n+1}`,$=o.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="url(#${o.pattern})"></rect></svg>`:"";h&&D&&(a+=`<div class="tooltip-row">
+    `}chartTemplate(){return""}tooltipElements(){return[]}tooltipTemplate(){return"<b>${label}</b> ${value}"}attachTooltipEvents(){this.tooltipElements().forEach(t=>{this.onEvent("hoverend",t,async()=>{let e=this.container?.querySelector("ids-tooltip");e&&(e.innerHTML=this.#T(t),e.target=t,e.placement="top",e.visible=!0)})})}tooltipData(t,e=0){let s=this.data[e]?.data;return{label:s[t]?.name||this.data[0].data[t].name,value:s[t]?.value||0,tooltip:s[t]?.tooltip}}#T(t){let e=Number(t.getAttribute("group-index")),s=Number(t.getAttribute("index")),r=this.tooltipData(s,e);if(r.tooltip)return r.tooltip.replace("${value}",r.value).replace("${label}",r.label);if(this.stacked||this.isGrouped){let a=`<div class="tooltip-center"><b>${r.label}</b></div><div class="tooltip chart-legend">`;for(let n=0;n<this.data.length;n++){let o=this.data[n],h=o.name,D=this.data[n].data[s]?.value,S=o.pattern?"":` color-${n+1}`,$=o.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="url(#${o.pattern})"></rect></svg>`:"";h&&D&&(a+=`<div class="tooltip-row">
             <div class="swatch${S}">${$}</div>
             <span>${this.data[n].name}</span>
-            <b>${this.data[n].data[s].value}</b></div>`)}return`${a}</div>`}return f(this.tooltipTemplate(),r)}#t;#T(){this.#t={bottom:"",end:"",start:"",top:""}}#i(t){if(this.#t){let e=this.#t[t],s={bottom:this.axisLabelBottom,end:this.axisLabelEnd,start:this.axisLabelStart,top:this.axisLabelTop};typeof e<"u"&&e!==s[t]&&(this.#t[t]=s[t]||"",this.initialized&&this.redraw())}}#I(){let t="";if(this.#t){let s={start:12,mid:this.width/2,end:this.width-12},r={start:12,mid:this.height/2,end:this.height-12},n=this.localeAPI?.isRTL()?" scale(-1, 1)":"",o={top:`translate(${s.mid}, ${r.start})${n}`,bottom:`translate(${s.mid}, ${r.end})${n}`,start:`translate(${s.start}, ${r.mid}) rotate(-90)${n}`,end:`translate(${s.end}, ${r.mid}) rotate(90)${n}`};["top","bottom","start","end"].forEach(h=>{this.#t[h]&&(t+=`<text
+            <b>${this.data[n].data[s].value}</b></div>`)}return`${a}</div>`}return f(this.tooltipTemplate(),r)}#t;#k(){this.#t={bottom:"",end:"",start:"",top:""}}#i(t){if(this.#t){let e=this.#t[t],s={bottom:this.axisLabelBottom,end:this.axisLabelEnd,start:this.axisLabelStart,top:this.axisLabelTop};typeof e<"u"&&e!==s[t]&&(this.#t[t]=s[t]||"",this.initialized&&this.redraw())}}#I(){let t="";if(this.#t){let s={start:12,mid:this.width/2,end:this.width-12},r={start:12,mid:this.height/2,end:this.height-12},n=this.localeAPI?.isRTL()?" scale(-1, 1)":"",o={top:`translate(${s.mid}, ${r.start})${n}`,bottom:`translate(${s.mid}, ${r.end})${n}`,start:`translate(${s.start}, ${r.mid}) rotate(-90)${n}`,end:`translate(${s.end}, ${r.mid}) rotate(90)${n}`};["top","bottom","start","end"].forEach(h=>{this.#t[h]&&(t+=`<text
           class="axis-label-${h}"
           transform="${o[h]}"
-        >${this.#t[h]}</text>`)})}return t}#E(){let t="",e=this.margins.top+this.margins.topInner,s=this.textWidths.left+this.margins.left+this.margins.leftInner,r=this.width-this.margins.right,{markerCount:a,scaleValues:n}=this.markerData,o=this.horizontal?a+1:n?.length||0;for(let h=0;h<o;h++)t+=`<line x1="${s}" x2="${r}" y1="${e}" y2="${e}"></line>`,e+=this.horizontal?this.#s():this.#a();return t}#w(){let t="",e=this.textWidths.left+this.margins.left;e+=this.margins.leftInner*(this.horizontal?1:2);let s=this.margins.top,r=this.height-this.margins.bottom-this.textWidths.bottom,{markerCount:a,scaleValues:n}=this.markerData,o=this.horizontal?n?.length||0:a;for(let h=0;h<o;h++)t+=`<line x1="${e}" x2="${e}" y1="${s}" y2="${r}"></line>`,e+=this.horizontal?this.#a():this.#s();return t}#n(t){return this.xAxisFormatter?typeof this.xAxisFormatter=="function"?this.xAxisFormatter(t,this.data,this):"":t}formatYLabel(t){return this.yAxisFormatter?typeof this.yAxisFormatter=="function"?this.yAxisFormatter(t,this.data,this):new Intl.NumberFormat(this.locale||"en",this.yAxisFormatter).format(t):t}#l(){let t="",e=0,s=0,r=this.#s();if(this.horizontal){e=this.textWidths.left+this.margins.left,s=this.margins.top+this.margins.topInner+3+r/2,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let n=0;n<this.markerData.markerCount;n++){let o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})"`:"",h=this.#n(this.data[0]?.data[n]?.name);t+=`<text x="${e}" y="${s}" aria-hidden="true"${o}>${h}</text>`,s+=r}}else{e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=this.height-this.margins.top-this.margins.bottom+this.margins.bottomInner,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let a=0;a<this.markerData.markerCount;a++){let n=this.#n(this.data[0]?.data[a]?.name),o;if(this.alignXLabels==="middle"){let h=e+this.sectionWidths[a].width/2;o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${h}, ${s})" transform-origin="8px 8px"`:"",t+=`<text x="${h}" y="${s}" alignment-baseline="middle" text-anchor="middle" aria-hidden="true"${o}>${n}</text>`}else o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})" text-anchor="end"`:"",t+=`<text x="${e}" y="${s}" aria-hidden="true"${o}>${n}</text>`;e+=this.alignXLabels==="middle"?this.sectionWidths[a].width:r}}return t}#d(){let t="",e=0,s=0;return this.horizontal?(e=this.textWidths.left+this.margins.left+this.margins.leftInner,s=this.height-this.margins.top-this.margins.bottom+this.margins.bottomInner,this.axisLabelTop&&(s+=this.axisLabelMargin),this.markerData.scaleValues?.slice().forEach(r=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(r)}</text>`,e+=this.#a()})):(e=this.textWidths.left+this.margins.left,s=this.margins.top+3,this.markerData.scaleValues?.slice().reverse().forEach(a=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(a)}</text>`,s+=this.#a()})),t}#s(){if(this.horizontal){let{gridTop:s,gridBottom:r,markerCount:a}=this.markerData;return(r-s)/a}let t=this.textWidths.left+this.margins.left+this.margins.leftInner;return(this.width-this.margins.right-this.margins.rightInner*2-t)/(this.markerData.markerCount-1)}#a(){let t=this.markerData.scaleValues?.length||0,e=0;return this.horizontal?(e+=this.margins.left+this.margins.right,e+=this.textWidths.left+this.textWidths.right,e+=this.margins.leftInner*2+this.margins.rightInner,e=this.width-e):(e+=this.margins.top+this.margins.bottom,e+=this.textWidths.top+this.textWidths.bottom,e=this.height-e),e/(t-1)}#D(){return this.horizontal?this.#d():this.#l()}#S(){return this.horizontal?this.#l():this.#d()}#$(){this.svg?.classList.add("hidden"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")}#N(){this.svg?.classList.remove("hidden"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")}#M(){let t="";return this.data?.forEach((e,s)=>{let r=k[e.pattern];if(r){let a=`${this.color(s)}`||"#000000";r=r.replace('fill="#000000"',`fill="${a}"`),t+=r}}),t}onTitleChange(t=""){let e=this.container?.querySelector(i.TITLE);e&&(e.textContent=t)}set height(t){let e=t;t==="inherit"&&(e=this.#c().height,this.resizeToParentHeight=!0,this.#h()),this.setAttribute(i.HEIGHT,String(e)),this.svg?.setAttribute(i.HEIGHT,String(e)),this.redraw()}get height(){let t=l(this.getAttribute(i.HEIGHT));return Number.isNaN(t)?500:t}set horizontal(t){if(!/^ids-(axis|bar)-chart$/gi.test(this.nodeName))return;let e=d(t);e!==this.state.horizontal&&(this.state.horizontal=e,e?(this.setAttribute(i.HORIZONTAL,""),this.svg?.classList.add(i.HORIZONTAL)):(this.removeAttribute(i.HORIZONTAL),this.svg?.classList.remove(i.HORIZONTAL)),this.redraw())}get horizontal(){return this.state.horizontal}set width(t){let e=t;t==="inherit"&&(e=this.#c().width,this.resizeToParentWidth=!0,this.#h()),this.setAttribute(i.WIDTH,String(e)),this.svg?.setAttribute(i.WIDTH,String(e)),this.#z(Number(e)),this.redraw()}get width(){let t=l(this.getAttribute(i.WIDTH));return Number.isNaN(t)?700:t}#c(){let t=document.querySelector("ids-container"),e=!1;t.hidden&&(t.hidden=!1,e=!0);let s={width:this.parentElement?.offsetWidth||parseInt(this.parentElement?.style.width),height:this.parentElement?.offsetHeight||parseInt(this.parentElement?.style.height)};return e&&(t.hidden=!0),s}#z(t){let e=this.container;if(e){if(e.classList.contains("ids-chart-container")){e.style.width=`${t}px`;return}e.parentNode?.style.setProperty("width",`${t}px`)}}#m(){let t=0;for(let e=0;e<this.markerData.markerCount;e++){let s=this.#n(this.data[0]?.data[e]?.name),r=g(this,s);r>t&&(t=r)}return t}#g(){let t=0;return this.markerData.scaleValues?.slice().forEach(e=>{let s=this.formatYLabel(e),r=g(this,s);r>t&&(t=r)}),t}xMaxTextWidth(){this.#o=this.horizontal?this.#g():this.#m()}yMaxTextWidth(){this.#r=this.horizontal?this.#m():this.#g()}set margins(t){this.state.margins=t,this.redraw()}get margins(){return this.state?.margins||{left:this.axisLabelsMargin.start,right:(this.legendPlacement==="right"?150:4)+this.axisLabelsMargin.end,top:16+this.axisLabelsMargin.top,bottom:12+this.axisLabelsMargin.bottom+this.bottomRotateMargin,leftInner:8,rightInner:8,topInner:0,bottomInner:12}}get bottomRotateMargin(){if(!this.rotateNameLabels)return 0;let t=this.rotateNameLabels%90,e=this.#o-12,s=e/90;return Math.abs(t)===0?e:s*Math.abs(t)}get axisLabelsMargin(){let t=this.axisLabelMargin;return{bottom:this.axisLabelBottom?t:0,end:this.axisLabelEnd?t:0,start:this.axisLabelStart?t:0,top:this.axisLabelTop?t:0}}set textWidths(t){this.state.textWidths=t,this.redraw()}get textWidths(){return this.state.textWidths||{left:this.legendPlacement==="left"?34:this.#r||4,right:0,top:0,bottom:24}}set data(t){if(t){this.#N(),this.datasource.data=t,this.initialized=!0,this.redraw(),this.reanimate();return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}set yAxisMin(t){this.setAttribute(i.Y_AXIS_MIN,String(t)),this.redraw()}get yAxisMin(){return parseInt(this.getAttribute(i.Y_AXIS_MIN)??"")||0}set showVerticalGridLines(t){this.setAttribute(i.SHOW_VERTICAL_GRID_LINES,String(t)),this.redraw()}get showVerticalGridLines(){let t=this.getAttribute(i.SHOW_VERTICAL_GRID_LINES);return t!==null?d(t):this.horizontal}set showHorizontalGridLines(t){this.setAttribute(i.SHOW_HORIZONTAL_GRID_LINES,String(t)),this.redraw()}get showHorizontalGridLines(){let t=this.getAttribute(i.SHOW_HORIZONTAL_GRID_LINES);return t!==null?d(t):!this.horizontal}get colors(){return v}color(t){return this.data[t].patternColor?this.data[t].patternColor:`var(${this.data[t].color?`color-${t+1}`:this.colors[t]})`}set xAxisFormatter(t){this.state.xAxisFormatter=t,this.redraw()}get xAxisFormatter(){return this.state.xAxisFormatter}set yAxisFormatter(t){this.state.yAxisFormatter=t,this.redraw()}get yAxisFormatter(){return this.state.yAxisFormatter}reanimate(){!this.animated||!this.initialized||requestAnimationFrame(()=>{this.container?.querySelectorAll("animate").forEach(t=>{t.beginElement&&t.beginElement()}),this.container?.querySelectorAll("animateTransform").forEach(t=>{t.beginElement&&t.beginElement()})})}get cubicBezier(){return`calcMode="spline" keyTimes="0; 1" keySplines="0.17, 0.04, 0.03, 0.94" begin="0s" dur="${this.animationSpeed}s"`}set animated(t){let e=d(this.animated);this.setAttribute(i.ANIMATED,String(t)),this.redraw(),e&&this.reanimate()}get animated(){return this.getAttribute(i.ANIMATED)===null?!0:d(this.getAttribute(i.ANIMATED))}set animationSpeed(t){this.setAttribute(i.ANIMATION_SPEED,String(t)),this.animated&&this.reanimate()}get animationSpeed(){return parseFloat(this.getAttribute(i.ANIMATION_SPEED)??"")||.8}set alignXLabels(t){this.setAttribute(i.ALIGN_X_LABELS,t),this.redraw()}get alignXLabels(){return this.getAttribute(i.ALIGN_X_LABELS)||"start"}set stacked(t){this.setAttribute(i.STACKED,String(t)),this.redraw()}get stacked(){return d(this.getAttribute(i.STACKED))||!1}set axisLabelBottom(t){t?this.setAttribute(i.AXIS_LABEL_BOTTOM,t):this.removeAttribute(i.AXIS_LABEL_BOTTOM),this.#i("bottom")}get axisLabelBottom(){return this.getAttribute(i.AXIS_LABEL_BOTTOM)}set axisLabelEnd(t){t?this.setAttribute(i.AXIS_LABEL_END,t):this.removeAttribute(i.AXIS_LABEL_END),this.#i("end")}get axisLabelEnd(){return this.getAttribute(i.AXIS_LABEL_END)}set axisLabelMargin(t){let e=l(this.getAttribute(i.AXIS_LABEL_MARGIN));Number.isNaN(e)?this.removeAttribute(i.AXIS_LABEL_MARGIN):this.setAttribute(i.AXIS_LABEL_MARGIN,String(e)),this.#i("end")}get axisLabelMargin(){let t=l(this.getAttribute(i.AXIS_LABEL_MARGIN));return Number.isNaN(t)?16:t}set axisLabelStart(t){t?this.setAttribute(i.AXIS_LABEL_START,t):this.removeAttribute(i.AXIS_LABEL_START),this.#i("start")}get axisLabelStart(){return this.getAttribute(i.AXIS_LABEL_START)}set axisLabelTop(t){t?this.setAttribute(i.AXIS_LABEL_TOP,t):this.removeAttribute(i.AXIS_LABEL_TOP),this.#i("top")}get axisLabelTop(){return this.getAttribute(i.AXIS_LABEL_TOP)}set rotateNameLabels(t){t?this.setAttribute(i.ROTATE_NAME_LABELS,String(t)):this.removeAttribute(i.ROTATE_NAME_LABELS),this.initialized&&this.redraw()}get rotateNameLabels(){return Number(this.getAttribute(i.ROTATE_NAME_LABELS))||0}};c=u([b("ids-axis-chart"),p(w)],c);export{c as a};
+        >${this.#t[h]}</text>`)})}return t}#E(){let t="",e=this.margins.top+this.margins.topInner,s=this.textWidths.left+this.margins.left+this.margins.leftInner,r=this.width-this.margins.right,{markerCount:a,scaleValues:n}=this.markerData,o=this.horizontal?a+1:n?.length||0;for(let h=0;h<o;h++)t+=`<line x1="${s}" x2="${r}" y1="${e}" y2="${e}"></line>`,e+=this.horizontal?this.#s():this.#a();return t}#w(){let t="",e=this.textWidths.left+this.margins.left;e+=this.margins.leftInner*(this.horizontal?1:2);let s=this.margins.top,r=this.height-this.margins.bottom-this.textWidths.bottom,{markerCount:a,scaleValues:n}=this.markerData,o=this.horizontal?n?.length||0:a;for(let h=0;h<o;h++)t+=`<line x1="${e}" x2="${e}" y1="${s}" y2="${r}"></line>`,e+=this.horizontal?this.#a():this.#s();return t}#n(t){return this.xAxisFormatter?typeof this.xAxisFormatter=="function"?this.xAxisFormatter(t,this.data,this):"":t}formatYLabel(t){return this.yAxisFormatter?typeof this.yAxisFormatter=="function"?this.yAxisFormatter(t,this.data,this):new Intl.NumberFormat(this.locale||"en",this.yAxisFormatter).format(t):t}#l(){let t="",e=0,s=0,r=this.#s();if(this.horizontal){e=this.textWidths.left+this.margins.left,s=this.margins.top+this.margins.topInner+3+r/2,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let n=0;n<this.markerData.markerCount;n++){let o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})"`:"",h=this.#n(this.data[0]?.data[n]?.name);t+=`<text x="${e}" y="${s}" aria-hidden="true"${o}>${h}</text>`,s+=r}}else{e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=this.height-this.margins.top-this.margins.bottom+this.margins.bottomInner,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let a=0;a<this.markerData.markerCount;a++){let n=this.#n(this.data[0]?.data[a]?.name),o;if(this.alignXLabels==="middle"){let h=e+this.sectionWidths[a].width/2;o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${h}, ${s})" transform-origin="8px 8px"`:"",t+=`<text x="${h}" y="${s}" alignment-baseline="middle" text-anchor="middle" aria-hidden="true"${o}>${n}</text>`}else o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})" text-anchor="end"`:"",t+=`<text x="${e}" y="${s}" aria-hidden="true"${o}>${n}</text>`;e+=this.alignXLabels==="middle"?this.sectionWidths[a].width:r}}return t}#d(){let t="",e=0,s=0;return this.horizontal?(e=this.textWidths.left+this.margins.left+this.margins.leftInner,s=this.height-this.margins.top-this.margins.bottom+this.margins.bottomInner,this.axisLabelTop&&(s+=this.axisLabelMargin),this.markerData.scaleValues?.slice().forEach(r=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(r)}</text>`,e+=this.#a()})):(e=this.textWidths.left+this.margins.left,s=this.margins.top+3,this.markerData.scaleValues?.slice().reverse().forEach(a=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(a)}</text>`,s+=this.#a()})),t}#s(){if(this.horizontal){let{gridTop:s,gridBottom:r,markerCount:a}=this.markerData;return(r-s)/a}let t=this.textWidths.left+this.margins.left+this.margins.leftInner;return(this.width-this.margins.right-this.margins.rightInner*2-t)/(this.markerData.markerCount-1)}#a(){let t=this.markerData.scaleValues?.length||0,e=0;return this.horizontal?(e+=this.margins.left+this.margins.right,e+=this.textWidths.left+this.textWidths.right,e+=this.margins.leftInner*2+this.margins.rightInner,e=this.width-e):(e+=this.margins.top+this.margins.bottom,e+=this.textWidths.top+this.textWidths.bottom,e=this.height-e),e/(t-1)}#D(){return this.horizontal?this.#d():this.#l()}#S(){return this.horizontal?this.#l():this.#d()}#$(){this.svg?.classList.add("hidden"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")}#N(){this.svg?.classList.remove("hidden"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")}#M(){let t="";return this.data?.forEach((e,s)=>{let r=T[e.pattern];if(r){let a=`${this.color(s)}`||"#000000";r=r.replace('fill="#000000"',`fill="${a}"`),t+=r}}),t}onTitleChange(t=""){let e=this.container?.querySelector(i.TITLE);e&&(e.textContent=t)}set height(t){let e=t;t==="inherit"&&(e=this.#c().height,this.resizeToParentHeight=!0,this.#h()),this.setAttribute(i.HEIGHT,String(e)),this.svg?.setAttribute(i.HEIGHT,String(e)),this.redraw()}get height(){let t=l(this.getAttribute(i.HEIGHT));return Number.isNaN(t)?500:t}set horizontal(t){if(!/^ids-(axis|bar)-chart$/gi.test(this.nodeName))return;let e=d(t);e!==this.state.horizontal&&(this.state.horizontal=e,e?(this.setAttribute(i.HORIZONTAL,""),this.svg?.classList.add(i.HORIZONTAL)):(this.removeAttribute(i.HORIZONTAL),this.svg?.classList.remove(i.HORIZONTAL)),this.redraw())}get horizontal(){return this.state.horizontal}set width(t){let e=t;t==="inherit"&&(e=this.#c().width,this.resizeToParentWidth=!0,this.#h()),this.setAttribute(i.WIDTH,String(e)),this.svg?.setAttribute(i.WIDTH,String(e)),this.#z(Number(e)),this.redraw()}get width(){let t=l(this.getAttribute(i.WIDTH));return Number.isNaN(t)?700:t}#c(){let t=document.querySelector("ids-container"),e=!1;t.hidden&&(t.hidden=!1,e=!0);let s={width:this.parentElement?.offsetWidth||parseInt(this.parentElement?.style.width),height:this.parentElement?.offsetHeight||parseInt(this.parentElement?.style.height)};return e&&(t.hidden=!0),s}#z(t){let e=this.container;if(e){if(e.classList.contains("ids-chart-container")){e.style.width=`${t}px`;return}e.parentNode?.style.setProperty("width",`${t}px`)}}#m(){let t=0;for(let e=0;e<this.markerData.markerCount;e++){let s=this.#n(this.data[0]?.data[e]?.name),r=g(this,s);r>t&&(t=r)}return t}#g(){let t=0;return this.markerData.scaleValues?.slice().forEach(e=>{let s=this.formatYLabel(e),r=g(this,s);r>t&&(t=r)}),t}xMaxTextWidth(){this.#o=this.horizontal?this.#g():this.#m()}yMaxTextWidth(){this.#r=this.horizontal?this.#m():this.#g()}set margins(t){this.state.margins=t,this.redraw()}get margins(){return this.state?.margins||{left:this.axisLabelsMargin.start,right:(this.legendPlacement==="right"?150:4)+this.axisLabelsMargin.end,top:16+this.axisLabelsMargin.top,bottom:12+this.axisLabelsMargin.bottom+this.bottomRotateMargin,leftInner:8,rightInner:8,topInner:0,bottomInner:12}}get bottomRotateMargin(){if(!this.rotateNameLabels)return 0;let t=this.rotateNameLabels%90,e=this.#o-12,s=e/90;return Math.abs(t)===0?e:s*Math.abs(t)}get axisLabelsMargin(){let t=this.axisLabelMargin;return{bottom:this.axisLabelBottom?t:0,end:this.axisLabelEnd?t:0,start:this.axisLabelStart?t:0,top:this.axisLabelTop?t:0}}set textWidths(t){this.state.textWidths=t,this.redraw()}get textWidths(){return this.state.textWidths||{left:this.legendPlacement==="left"?34:this.#r||4,right:0,top:0,bottom:24}}set data(t){if(t){this.#N(),this.datasource.data=t,this.initialized=!0,this.redraw(),this.reanimate();return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}set yAxisMin(t){this.setAttribute(i.Y_AXIS_MIN,String(t)),this.redraw()}get yAxisMin(){return parseInt(this.getAttribute(i.Y_AXIS_MIN)??"")||0}set showVerticalGridLines(t){this.setAttribute(i.SHOW_VERTICAL_GRID_LINES,String(t)),this.redraw()}get showVerticalGridLines(){let t=this.getAttribute(i.SHOW_VERTICAL_GRID_LINES);return t!==null?d(t):this.horizontal}set showHorizontalGridLines(t){this.setAttribute(i.SHOW_HORIZONTAL_GRID_LINES,String(t)),this.redraw()}get showHorizontalGridLines(){let t=this.getAttribute(i.SHOW_HORIZONTAL_GRID_LINES);return t!==null?d(t):!this.horizontal}get colors(){return v}color(t){return this.data[t].patternColor?this.data[t].patternColor:`var(${this.data[t].color?`color-${t+1}`:this.colors[t]})`}set xAxisFormatter(t){this.state.xAxisFormatter=t,this.redraw()}get xAxisFormatter(){return this.state.xAxisFormatter}set yAxisFormatter(t){this.state.yAxisFormatter=t,this.redraw()}get yAxisFormatter(){return this.state.yAxisFormatter}reanimate(){!this.animated||!this.initialized||requestAnimationFrame(()=>{this.container?.querySelectorAll("animate").forEach(t=>{t.beginElement&&t.beginElement()}),this.container?.querySelectorAll("animateTransform").forEach(t=>{t.beginElement&&t.beginElement()})})}get cubicBezier(){return`calcMode="spline" keyTimes="0; 1" keySplines="0.17, 0.04, 0.03, 0.94" begin="0s" dur="${this.animationSpeed}s"`}set animated(t){let e=d(this.animated);this.setAttribute(i.ANIMATED,String(t)),this.redraw(),e&&this.reanimate()}get animated(){return this.getAttribute(i.ANIMATED)===null?!0:d(this.getAttribute(i.ANIMATED))}set animationSpeed(t){this.setAttribute(i.ANIMATION_SPEED,String(t)),this.animated&&this.reanimate()}get animationSpeed(){return parseFloat(this.getAttribute(i.ANIMATION_SPEED)??"")||.8}set alignXLabels(t){this.setAttribute(i.ALIGN_X_LABELS,t),this.redraw()}get alignXLabels(){return this.getAttribute(i.ALIGN_X_LABELS)||"start"}set stacked(t){this.setAttribute(i.STACKED,String(t)),this.redraw()}get stacked(){return d(this.getAttribute(i.STACKED))||!1}set axisLabelBottom(t){t?this.setAttribute(i.AXIS_LABEL_BOTTOM,t):this.removeAttribute(i.AXIS_LABEL_BOTTOM),this.#i("bottom")}get axisLabelBottom(){return this.getAttribute(i.AXIS_LABEL_BOTTOM)}set axisLabelEnd(t){t?this.setAttribute(i.AXIS_LABEL_END,t):this.removeAttribute(i.AXIS_LABEL_END),this.#i("end")}get axisLabelEnd(){return this.getAttribute(i.AXIS_LABEL_END)}set axisLabelMargin(t){let e=l(this.getAttribute(i.AXIS_LABEL_MARGIN));Number.isNaN(e)?this.removeAttribute(i.AXIS_LABEL_MARGIN):this.setAttribute(i.AXIS_LABEL_MARGIN,String(e)),this.#i("end")}get axisLabelMargin(){let t=l(this.getAttribute(i.AXIS_LABEL_MARGIN));return Number.isNaN(t)?16:t}set axisLabelStart(t){t?this.setAttribute(i.AXIS_LABEL_START,t):this.removeAttribute(i.AXIS_LABEL_START),this.#i("start")}get axisLabelStart(){return this.getAttribute(i.AXIS_LABEL_START)}set axisLabelTop(t){t?this.setAttribute(i.AXIS_LABEL_TOP,t):this.removeAttribute(i.AXIS_LABEL_TOP),this.#i("top")}get axisLabelTop(){return this.getAttribute(i.AXIS_LABEL_TOP)}set rotateNameLabels(t){t?this.setAttribute(i.ROTATE_NAME_LABELS,String(t)):this.removeAttribute(i.ROTATE_NAME_LABELS),this.initialized&&this.redraw()}get rotateNameLabels(){return Number(this.getAttribute(i.ROTATE_NAME_LABELS))||0}};c=u([b("ids-axis-chart"),p(w)],c);export{c as a};

package/chunks/{ids-chunk-34TUCVE2.js → ids-chunk-LGNOF76L.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37TBDI.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-GTV4PSEA.js";import{e as r}from"./ids-chunk-VGRUIA4C.js";import{a as t}from"./ids-chunk-2NN3ZJ6Q.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var b=`
+import{a as n}from"./ids-chunk-N7RNTKMO.js";import{a as h}from"./ids-chunk-AKCO43TX.js";import{a as d,b as a}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 t}from"./ids-chunk-EQJWBFQ2.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var b=`
 /* Ids Switch Component */ /**
  * Switch Mixins.
  */
@@ -13,10 +13,10 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
   display: inline-block;
 }
 .ids-switch label:hover .slider::after {
-  box-shadow: 0 2px 5px var(--ids-switch-toggle-hover-background-color);
+  box-shadow: 0 2px 5px var(--ids-switch-toggle-color-background-hover);
 }
 .ids-switch label:active .slider::after {
-  box-shadow: var(--ids-switch-toggle-focus-box-shadow);
+  box-shadow: var(--ids-switch-toggle-shadow-focus);
 }
 .ids-switch.disabled label {
   cursor: var(--ids-cursor-default);
@@ -30,7 +30,7 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
 }
 .ids-switch input[type=checkbox] ~ .slider {
   position: absolute;
-  background-color: var(--ids-switch-pole-off-background-color);
+  background-color: var(--ids-switch-pole-color-background-default);
   border-radius: 4px;
   display: inline-block;
   height: 4px;
@@ -40,50 +40,50 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
 }
 .ids-switch input[type=checkbox] ~ .slider::after {
   position: absolute;
-  background-color: var(--ids-switch-toggle-off-background-color);
-  border: 1px solid var(--ids-switch-toggle-off-border-color);
-  border-radius: var(--ids-border-radius-round);
+  background-color: var(--ids-switch-toggle-color-background-default);
+  border: 1px solid var(--ids-switch-toggle-color-border-default);
+  border-radius: var(--ids-border-radius-circle);
   content: "";
   height: 14px;
   left: 0;
   top: -7px;
   width: 14px;
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-switch input[type=checkbox]:checked ~ .slider {
-  background-color: var(--ids-switch-pole-on-background-color);
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
+  background-color: var(--ids-switch-pole-color-background-selected);
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-switch input[type=checkbox]:checked ~ .slider::after {
-  background-color: var(--ids-switch-toggle-on-background-color);
-  border-color: var(--ids-switch-toggle-on-border-color);
+  background-color: var(--ids-switch-toggle-color-background-selected);
+  border-color: var(--ids-switch-toggle-color-border-selected);
   left: 15px;
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-switch input[type=checkbox]:focus ~ .slider::after {
-  box-shadow: var(--ids-switch-toggle-focus-box-shadow);
+  box-shadow: var(--ids-switch-toggle-shadow-focus);
 }
 .ids-switch input[type=checkbox]:disabled ~ .slider {
-  background-color: var(--ids-switch-pole-off-disabled-background-color);
+  background-color: var(--ids-switch-pole-color-background-disabled);
   border-color: var(--ids-switch-pole-off-disabled-border-color);
   cursor: var(--ids-cursor-default);
 }
 .ids-switch input[type=checkbox]:disabled ~ .slider::after {
-  background-color: var(--ids-switch-toggle-off-disabled-background-color);
-  border-color: var(--ids-switch-toggle-off-disabled-border-color);
+  background-color: var(--ids-switch-toggle-color-background-disabled);
+  border-color: var(--ids-switch-toggle-color-border-disabled);
   box-shadow: none;
 }
 .ids-switch input[type=checkbox]:disabled ~ .label-text {
   cursor: var(--ids-cursor-default);
-  color: var(--ids-text-color-disabled);
+  color: var(--ids-color-text-disabled);
 }
 .ids-switch input[type=checkbox]:disabled:checked ~ .slider {
-  background-color: var(--ids-switch-pole-on-disabled-background-color);
+  background-color: var(--ids-switch-pole-color-background-selected-disabled);
   border-color: var(--ids-switch-pole-on-disabled-border-color);
 }
 .ids-switch input[type=checkbox]:disabled:checked ~ .slider::after {
-  border-color: var(--ids-switch-toggle-on-disabled-border-color);
-  background-color: var(--ids-switch-toggle-on-disabled-background-color);
+  border-color: var(--ids-switch-toggle-color-border-selected-disabled);
+  background-color: var(--ids-switch-toggle-color-background-selected-disabled);
 }
 
 :host([dir=rtl]) input[type=checkbox] ~ .slider {
@@ -109,4 +109,4 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
           <ids-text class="label-text" part="label">${this.label}</ids-text>
         </label>
       </div>
-    `}#t(e=""){if(this.input){let i="change";if(e==="remove"){let s=this.handledEvents?.get(i);s&&s.target===this.input&&this.offEvent(i,this.input)}else this.onEvent(i,this.input,()=>{this.checked=!!this.input?.checked})}}attachNativeEvents(e=""){return this.input&&["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(s=>{if(e==="remove"){let o=this.handledEvents?.get(s);o&&o.target===this.input&&this.offEvent(s,this.input)}else this.onEvent(s,this.input,o=>{this.triggerEvent(o.type,this,{detail:{elem:this,nativeEvent:o,value:this.value,checked:this.input?.checked}})})}),this}#e(){this.#t(),this.attachNativeEvents()}set checked(e){let i=this.shadowRoot?.querySelector(".slider");this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let s=r(e);s?(this.setAttribute(t.CHECKED,s.toString()),this.input?.setAttribute(t.CHECKED,s.toString()),i?.classList.add(t.CHECKED)):(this.removeAttribute(t.CHECKED),this.input?.removeAttribute(t.CHECKED),i?.classList.remove(t.CHECKED))}get checked(){return r(this.getAttribute(t.CHECKED))}set disabled(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let i=r(e),s=this.shadowRoot?.querySelector(".label-text");i?(this.setAttribute(t.DISABLED,i.toString()),this.input?.setAttribute(t.DISABLED,""),this.container?.classList.add(t.DISABLED),s?.setAttribute(t.DISABLED,"true")):(this.removeAttribute(t.DISABLED),this.input?.removeAttribute(t.DISABLED),this.container?.classList.remove(t.DISABLED),s?.removeAttribute(t.DISABLED))}get disabled(){return this.hasAttribute(t.DISABLED)}set label(e){let i=this.shadowRoot?.querySelector(".label-text")||document.createElement("span");if(e){this.setAttribute(t.LABEL,e),i.innerHTML=e;return}this.removeAttribute(t.LABEL),i.innerHTML=""}get label(){return this.getAttribute(t.LABEL)||""}set value(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]'),e?this.setAttribute(t.VALUE,e):this.removeAttribute(t.VALUE),this.input?.setAttribute(t.VALUE,e||"")}get value(){return this.getAttribute(t.VALUE)}focus(){this.input?.focus()}};c=l([a("ids-switch"),d(b)],c);export{c as a};
+    `}#t(e=""){if(this.input){let i="change";if(e==="remove"){let s=this.handledEvents?.get(i);s&&s.target===this.input&&this.offEvent(i,this.input)}else this.onEvent(i,this.input,()=>{this.checked=!!this.input?.checked})}}attachNativeEvents(e=""){return this.input&&["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(s=>{if(e==="remove"){let o=this.handledEvents?.get(s);o&&o.target===this.input&&this.offEvent(s,this.input)}else this.onEvent(s,this.input,o=>{this.triggerEvent(o.type,this,{detail:{elem:this,nativeEvent:o,value:this.value,checked:this.input?.checked}})})}),this}#e(){this.#t(),this.attachNativeEvents()}set checked(e){let i=this.shadowRoot?.querySelector(".slider");this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let s=r(e);s?(this.setAttribute(t.CHECKED,s.toString()),this.input?.setAttribute(t.CHECKED,s.toString()),i?.classList.add(t.CHECKED)):(this.removeAttribute(t.CHECKED),this.input?.removeAttribute(t.CHECKED),i?.classList.remove(t.CHECKED))}get checked(){return r(this.getAttribute(t.CHECKED))}set disabled(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let i=r(e),s=this.shadowRoot?.querySelector(".label-text");i?(this.setAttribute(t.DISABLED,i.toString()),this.input?.setAttribute(t.DISABLED,""),this.container?.classList.add(t.DISABLED),s?.setAttribute(t.DISABLED,"true")):(this.removeAttribute(t.DISABLED),this.input?.removeAttribute(t.DISABLED),this.container?.classList.remove(t.DISABLED),s?.removeAttribute(t.DISABLED))}get disabled(){return this.hasAttribute(t.DISABLED)}set label(e){let i=this.shadowRoot?.querySelector(".label-text")||document.createElement("span");if(e){this.setAttribute(t.LABEL,e),i.innerHTML=e;return}this.removeAttribute(t.LABEL),i.innerHTML=""}get label(){return this.getAttribute(t.LABEL)||""}set value(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]'),e?this.setAttribute(t.VALUE,e):this.removeAttribute(t.VALUE),this.input?.setAttribute(t.VALUE,e||"")}get value(){return this.getAttribute(t.VALUE)}focus(){this.input?.focus()}};c=l([d("ids-switch"),a(b)],c);export{c as a};

package/chunks/{ids-chunk-43NIX57R.js → ids-chunk-LMOUEXCV.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-F3RQ5V7T.js";import{a as e}from"./ids-chunk-2NN3ZJ6Q.js";var i={NONE:"none",CLIENT_SIDE:"client-side",SERVER_SIDE:"server-side",STANDALONE:"standalone"},g=s=>class extends s{#t;datasource=new n;constructor(...t){super(...t)}set pager(t){this.#t=t;let a=Math.max(this.pageNumber||1,1),r=Math.max(this.pageSize||0,1);this.datasource.pageSize=r,this.pager.innerHTML=this.pagerTemplate(),this.pager.total=this.datasource.total,this.pager.pageNumber=a,this.pager.pageSize=r,this.#a()}get pager(){return this.#t||this.querySelector("ids-pager")||document.createElement("ids-pager")}static get attributes(){return[...s.attributes,e.PAGINATION,e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL]}attributeChangedCallback(t,a,r){if(super.attributeChangedCallback(t,a,r),a===r)return;[e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL,e.PAGINATION].includes(t)&&this.connectedCallback()}connectedCallback(){super.connectedCallback?.(),this.#e()}pagerTemplate(){return`
+import{a as n}from"./ids-chunk-OIS6KGMU.js";import{a as e}from"./ids-chunk-EQJWBFQ2.js";var i={NONE:"none",CLIENT_SIDE:"client-side",SERVER_SIDE:"server-side",STANDALONE:"standalone"},g=s=>class extends s{#t;datasource=new n;constructor(...t){super(...t)}set pager(t){this.#t=t;let a=Math.max(this.pageNumber||1,1),r=Math.max(this.pageSize||0,1);this.datasource.pageSize=r,this.pager.innerHTML=this.pagerTemplate(),this.pager.total=this.datasource.total,this.pager.pageNumber=a,this.pager.pageSize=r,this.#a()}get pager(){return this.#t||this.querySelector("ids-pager")||document.createElement("ids-pager")}static get attributes(){return[...s.attributes,e.PAGINATION,e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL]}attributeChangedCallback(t,a,r){if(super.attributeChangedCallback(t,a,r),a===r)return;[e.PAGE_NUMBER,e.PAGE_SIZE,e.PAGE_TOTAL,e.PAGINATION].includes(t)&&this.connectedCallback()}connectedCallback(){super.connectedCallback?.(),this.#e()}pagerTemplate(){return`
       <ids-pager-button first></ids-pager-button>
       <ids-pager-button previous></ids-pager-button>
       <ids-pager-input></ids-pager-input>