ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.18

package/chunks/ids-chunk-L2DNFLX3.js

@@ -0,0 +1,279 @@
+import{a as vt}from"./ids-chunk-BLIZTILN.js";import{a as Tt}from"./ids-chunk-Z2CYLLXD.js";import{a as yt}from"./ids-chunk-ONPEMRJP.js";import{c as st}from"./ids-chunk-M7IB5XSG.js";import{a as At}from"./ids-chunk-ZIGY2P3N.js";import{a as M}from"./ids-chunk-BWPOZP66.js";import{a as Lt}from"./ids-chunk-T2TIUOXF.js";import{b as xt}from"./ids-chunk-LEAYO2RU.js";import{a as bt}from"./ids-chunk-OPOTJ7IF.js";import{a as pt}from"./ids-chunk-DK5QOJMP.js";import{a as ct,b as mt}from"./ids-chunk-XE4WFW5M.js";import{a as ft}from"./ids-chunk-RCDMHHTV.js";import{a as it}from"./ids-chunk-UCUVUYRO.js";import{a as ut}from"./ids-chunk-RMV7ZP4H.js";import{e as p,f as b,g as gt}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-4NXTNKXV.js";import{a as dt,b as c,c as m,d as h,e as A,g as o}from"./ids-chunk-Y32WUP63.js";var It=`/* Ids Axis Chart Component */
+.chart-legend {
+  display: flex;
+  padding-inline-start: 8px;
+  flex-direction: row;
+  margin-top: -4px;
+  justify-content: flex-start;
+  width: inherit;
+}
+.chart-legend a {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  align-items: center;
+  border: 1px solid transparent;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-chart-legend-font-size);
+  color: var(--ids-chart-legend-color-text);
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  padding-block-start: 2px;
+  padding-block-end: 2px;
+  text-decoration: none;
+}
+.chart-legend a:focus {
+  outline: none;
+  border-color: var(--ids-color-border-focus);
+  box-shadow: var(--ids-shadow-focus);
+}
+.chart-legend .swatch {
+  display: inline-flex;
+  margin-inline-end: 8px;
+  height: 12px;
+  width: 12px;
+}
+.chart-legend .swatch.color-1 {
+  background-color: var(--ids-chart-color-1);
+}
+.chart-legend .swatch.color-2 {
+  background-color: var(--ids-chart-color-2);
+}
+.chart-legend .swatch.color-3 {
+  background-color: var(--ids-chart-color-3);
+}
+.chart-legend .swatch.color-4 {
+  background-color: var(--ids-chart-color-4);
+}
+.chart-legend .swatch.color-5 {
+  background-color: var(--ids-chart-color-5);
+}
+.chart-legend .swatch.color-6 {
+  background-color: var(--ids-chart-color-6);
+}
+.chart-legend .swatch.color-7 {
+  background-color: var(--ids-chart-color-7);
+}
+.chart-legend .swatch.color-8 {
+  background-color: var(--ids-chart-color-8);
+}
+.chart-legend .swatch.color-9 {
+  background-color: var(--ids-chart-color-9);
+}
+.chart-legend .swatch.color-10 {
+  background-color: var(--ids-chart-color-10);
+}
+.chart-legend .swatch.color-11 {
+  background-color: var(--ids-chart-color-11);
+}
+.chart-legend .swatch.color-12 {
+  background-color: var(--ids-chart-color-12);
+}
+.chart-legend .swatch.color-13 {
+  background-color: var(--ids-chart-color-13);
+}
+.chart-legend .swatch.color-14 {
+  background-color: var(--ids-chart-color-14);
+}
+.chart-legend .swatch.color-15 {
+  background-color: var(--ids-chart-color-15);
+}
+.chart-legend .swatch.color-16 {
+  background-color: var(--ids-chart-color-16);
+}
+.chart-legend .swatch.color-17 {
+  background-color: var(--ids-chart-color-17);
+}
+.chart-legend .swatch.color-18 {
+  background-color: var(--ids-chart-color-18);
+}
+.chart-legend .swatch.color-19 {
+  background-color: var(--ids-chart-color-19);
+}
+.chart-legend .swatch.color-20 {
+  background-color: var(--ids-chart-color-20);
+}
+.chart-legend .swatch.color-21 {
+  background-color: var(--ids-chart-color-21);
+}
+
+.ids-chart-container {
+  display: flex;
+  flex-direction: column;
+}
+.ids-chart-container.legend-top {
+  margin-block-end: 8px;
+  flex-direction: column-reverse;
+}
+.ids-chart-container.legend-top .chart-legend {
+  margin-inline-start: 0;
+  justify-content: end;
+}
+.ids-chart-container.legend-right, .ids-chart-container.legend-left {
+  flex-direction: row;
+}
+.ids-chart-container.legend-right .chart-legend, .ids-chart-container.legend-left .chart-legend {
+  margin-inline-start: 0;
+  flex-direction: column;
+  justify-content: center;
+}
+.ids-chart-container.legend-right .chart-legend a, .ids-chart-container.legend-left .chart-legend a {
+  margin-block-end: 8px;
+  width: max-content;
+}
+.ids-chart-container.legend-left {
+  flex-direction: row-reverse;
+}
+
+.ids-axis-chart {
+  display: flex;
+}
+.ids-axis-chart.hidden {
+  display: none;
+}
+.ids-axis-chart .grid {
+  shape-rendering: crispedges;
+  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-color-border);
+  stroke-dasharray: none;
+}
+.ids-axis-chart .grid.hidden {
+  stroke-width: 0;
+}
+.ids-axis-chart.horizontal .grid.horizontal-lines line:last-child {
+  stroke: inherit;
+  stroke-dasharray: inherit;
+}
+.ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
+  stroke: var(--ids-axis-chart-first-line-color);
+  stroke-dasharray: none;
+}
+.ids-axis-chart g[tabindex="0"]:focus {
+  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-font-family);
+  font-size: var(--ids-axis-chart-font-size);
+}
+.ids-axis-chart .labels text {
+  fill: var(--ids-axis-chart-color-text);
+}
+.ids-axis-chart .labels.x-labels {
+  text-anchor: middle;
+}
+.ids-axis-chart .labels.y-labels {
+  text-anchor: end;
+}
+.ids-axis-chart .labels.axis-labels text {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: var(--ids-axis-chart-font-weight);
+  text-anchor: middle;
+}
+.ids-axis-chart .audible {
+  opacity: 0;
+}
+
+.ids-chart-container.selectable .audible {
+  font-size: 1px;
+}
+.ids-chart-container.full-height {
+  height: 100%;
+  overflow-y: hidden;
+}
+.ids-chart-container.full-height svg {
+  flex-grow: 1;
+}
+.ids-chart-container.full-width {
+  width: 100%;
+  overflow-x: hidden;
+}
+
+ids-empty-message:not([hidden]),
+::slotted(ids-empty-message:not([hidden])) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+ids-empty-message:not([hidden])[hidden],
+::slotted(ids-empty-message:not([hidden]))[hidden] {
+  display: none;
+}
+
+.tooltip-center {
+  margin-block: var(--ids-space-30);
+  text-align: center;
+}
+
+.tooltip.chart-legend {
+  flex-direction: column;
+  margin-block-end: var(--ids-space-40);
+  padding: 0;
+}
+.tooltip.chart-legend .swatch {
+  margin-inline: var(--ids-space-30);
+  padding: 0;
+}
+
+.tooltip-row span {
+  padding-inline-start: var(--ids-space-20);
+  padding-inline-end: var(--ids-space-30);
+}
+
+:host([dir=rtl]) .ids-axis-chart {
+  transform: scale(-1, 1);
+}
+:host([dir=rtl]) .ids-axis-chart:not(.horizontal) .labels.y-labels text {
+  transform: scale(-1, 1) translate(var(--ids-axis-chart-ylabels-x, -45px), 0);
+}
+:host([dir=rtl]) .labels.x-labels {
+  transform: scale(-1, 1);
+  transform-origin: unset;
+}`;var jt=200,Yt=700,Kt=500,Ut=vt(Tt(bt(pt(ft)))),z,kt,E,T,g,S,rt,D,at,W,wt,R,Et,O,St,B,Dt,G,Ct,P,Nt,X,$t,V,_t,F,Mt,u,q,Ht,f,y,Z,zt,j,Wt,Y,Rt,I,H,C,nt,N,ot,x,v,L,w,K,Ot,U,Bt,Q,Gt,J,Pt,tt,Xt,et,Vt,$,ht,_,lt,k=class extends Ut{constructor(){super();h(this,z);h(this,S);h(this,D);h(this,W);h(this,R);h(this,O);h(this,B);h(this,G);h(this,P);h(this,X);h(this,V);h(this,F);h(this,q);h(this,f);h(this,Z);h(this,j);h(this,Y);h(this,I);h(this,C);h(this,N);h(this,x);h(this,L);h(this,K);h(this,U);h(this,Q);h(this,J);h(this,tt);h(this,et);h(this,$);h(this,_);c(this,"initialized",!1);c(this,"dataLoaded",new ut);c(this,"svg");c(this,"canvas");c(this,"emptyMessage");c(this,"legend");c(this,"sectionWidths",[]);c(this,"sectionWidth",NaN);c(this,"sectionHeights",[]);c(this,"sectionHeight",NaN);c(this,"resizeToParentHeight",!1);c(this,"resizeToParentWidth",!1);c(this,"datasource",new xt);c(this,"vetoableEventTypes",["beforeselected","beforedeselected"]);c(this,"isGrouped",!1);h(this,E,0);h(this,T,0);h(this,g,void 0);c(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]});h(this,u,void 0);this.state=this.state||{},this.state.horizontal=!1,this.state.yAxisFormatter={notation:"compact",compactDisplay:"short"}}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"]'),it.onThemeLoaded()?this.init():Promise.all([it.onThemeLoaded().promise,this.dataLoaded]).then(()=>{this.init()})}init(){this.getAttribute(i.WIDTH)&&(this.width=this.getAttribute(i.WIDTH)),this.getAttribute(i.HEIGHT)&&(this.height=this.getAttribute(i.HEIGHT)),this.initialized=!0,o(this,q,Ht).call(this),o(this,z,kt).call(this),this.redraw()}disconnectedCallback(){super.disconnectedCallback(),m(this,g)?.disconnect(),A(this,g,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.TICKS,i.SHOW_HORIZONTAL_GRID_LINES,i.SHOW_VERTICAL_GRID_LINES,i.SHOW_TOOLTIP,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">
+      </slot>
+      <slot name="empty-message">
+        <ids-empty-message icon="empty-no-data" hidden>
+          <ids-text type="h2" font-size="20" label="true" slot="label">${this.localeAPI?.translate("NoData")||"No data available"}</ids-text>
+        </ids-empty-message>
+      </slot>
+      <slot name="tooltip">
+        <ids-tooltip id="tooltip"></ids-tooltip>
+      </slot>
+    </div>`}resize(t,e){this.initialized&&(t&&this.svg?.setAttribute(i.WIDTH,String(t)),e&&this.svg?.setAttribute(i.HEIGHT,String(e)),this.redraw())}redraw(){if(this.initialized){if(this.data&&this.data.length===0&&this.initialized){o(this,Q,Gt).call(this),this.legend&&(this.legend.innerHTML=this.legendTemplate());return}this.legend&&(this.legend.innerHTML=this.legendTemplate()),o(this,R,Et).call(this),this.afterCalculateCallback(),o(this,X,$t).call(this),this.svg&&(this.svg.innerHTML=o(this,V,_t).call(this)),this.adjustLabels(),o(this,W,wt).call(this),this.legendsClickable?.(this.selectable),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data,markerData:this.markerData}}),this.afterConnectedCallback()}}chartTemplate(){return""}tooltipElements(){return[]}tooltipTemplate(){return"<b>${label}</b> ${value}"}attachTooltipEvents(){this.showTooltip&&this.tooltipElements().forEach(t=>{this.onEvent("hoverend",t,async()=>{let e=this.container?.querySelector("ids-tooltip");e&&(e.innerHTML=o(this,F,Mt).call(this,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}}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}onTitleChange(t=""){let e=this.container?.querySelector(i.TITLE);e&&(e.textContent=t)}set height(t){if(t==="inherit"){this.setAttribute(i.HEIGHT,"inherit"),this.chartContainer?.classList.add("full-height"),this.chartContainer?.style.removeProperty("height"),this.resizeToParentHeight=!0,o(this,S,rt).call(this);return}if(!Number.isNaN(Number(t))){let e=Number(t);this.setAttribute(i.HEIGHT,String(e)),this.svg?.setAttribute(i.HEIGHT,String(e)),this.redraw()}this.chartContainer?.classList.remove("full-height"),this.resizeToParentHeight=!1,o(this,D,at).call(this)}get height(){let t=this.getAttribute(i.HEIGHT),e=b(t);return t==="inherit"&&this.svg?this.svg.getBoundingClientRect().height:Number.isNaN(e)?Kt:e}set horizontal(t){if(!/^ids-(axis|bar)-chart$/gi.test(this.nodeName))return;let e=p(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){if(t==="inherit"){this.setAttribute(i.WIDTH,"inherit"),this.chartContainer?.classList.add("full-width"),this.chartContainer?.style.removeProperty("width"),this.resizeToParentWidth=!0,o(this,S,rt).call(this);return}if(!Number.isNaN(Number(t))){let e=Number(t);this.setAttribute(i.WIDTH,String(e)),this.svg?.setAttribute(i.WIDTH,String(e)),o(this,et,Vt).call(this,Number(e)),this.redraw()}this.chartContainer?.classList.remove("full-width"),this.resizeToParentWidth=!1,o(this,D,at).call(this)}get width(){let t=this.getAttribute(i.WIDTH),e=b(t);return t==="inherit"&&this.svg?this.chartContainer.offsetWidth:Number.isNaN(e)?Yt:e}get chartContainer(){return this.shadowRoot?.querySelector(".ids-chart-container")||null}xMaxTextWidth(){A(this,E,this.horizontal?o(this,_,lt).call(this):o(this,$,ht).call(this))}yMaxTextWidth(){A(this,T,this.horizontal?o(this,$,ht).call(this):o(this,_,lt).call(this))}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=m(this,E)-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:m(this,T)||4,right:0,top:0,bottom:24}}set data(t){if(t){o(this,J,Pt).call(this),this.datasource.data=t,this.dataLoaded.resolve(),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 ticks(t){this.setAttribute(i.TICKS,String(t)),this.redraw()}get ticks(){let t=this.getAttribute(i.TICKS);if(t)return Number(t)}set showTooltip(t){this.setAttribute(i.SHOW_TOOLTIP,String(t))}get showTooltip(){let t=this.getAttribute(i.SHOW_TOOLTIP);return t!==null?p(t):!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?p(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?p(t):!this.horizontal}get colors(){return At}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=p(this.animated);this.setAttribute(i.ANIMATED,String(t)),this.redraw(),e&&this.reanimate()}get animated(){return this.getAttribute(i.ANIMATED)===null?!0:p(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 p(this.getAttribute(i.STACKED))||!1}set axisLabelBottom(t){t?this.setAttribute(i.AXIS_LABEL_BOTTOM,t):this.removeAttribute(i.AXIS_LABEL_BOTTOM),o(this,f,y).call(this,"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),o(this,f,y).call(this,"end")}get axisLabelEnd(){return this.getAttribute(i.AXIS_LABEL_END)}set axisLabelMargin(t){let e=b(this.getAttribute(i.AXIS_LABEL_MARGIN));Number.isNaN(e)?this.removeAttribute(i.AXIS_LABEL_MARGIN):this.setAttribute(i.AXIS_LABEL_MARGIN,String(e)),o(this,f,y).call(this,"end")}get axisLabelMargin(){let t=b(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),o(this,f,y).call(this,"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),o(this,f,y).call(this,"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}afterCalculateCallback(){}afterConnectedCallback(){}};z=new WeakSet,kt=function(){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"))}},E=new WeakMap,T=new WeakMap,g=new WeakMap,S=new WeakSet,rt=function(){m(this,g)?.disconnect(),m(this,g)??A(this,g,new ResizeObserver(yt(t=>{let e=t[0].contentRect,s=this.resizeToParentWidth?e.width:this.width,a=this.resizeToParentHeight?this.svg.getBoundingClientRect().height:this.height;this.resize(s,a)},jt))),m(this,g).observe(this.chartContainer)},D=new WeakSet,at=function(){let t=this.getAttribute(i.WIDTH),e=this.getAttribute(i.HEIGHT);t!=="inherit"&&e!=="inherit"&&(m(this,g)?.disconnect(),A(this,g,void 0))},W=new WeakSet,wt=function(){if(!this.localeAPI?.isRTL())return;let t={x:[...this.svg?.querySelectorAll(".labels.x-labels text")??[]],y:[...this.svg?.querySelectorAll(".labels.y-labels text")??[]]},e=m(this,T)+this.margins.left,s=r=>{let n=b(r)-e;return n+=this.horizontal?this.margins.leftInner+this.margins.rightInner:0,n},a=t.x.map(r=>s(r.getAttribute("x"))).reverse();t.x.forEach((r,n)=>{this.horizontal||r.setAttribute("transform",`rotate(${this.rotateNameLabels}, ${a[n]}, ${r.getAttribute("y")})`),r.setAttribute("x",a[n]),r.setAttribute("text-anchor","start"),this.alignXLabels==="middle"&&r.setAttribute("transform-origin","0 -4px")}),s=r=>`-${b(r)+e}px`,t.y.forEach(r=>{if(this.horizontal){let n=r.getAttribute("transform")?.split(",");if(n?.length===3){let l=b(n[1]),d=b(n[2]);r.setAttribute("transform-origin",`${l}px ${d}px`),r.setAttribute("transform",`rotate(${this.rotateNameLabels}) scale(-1, 1)`)}else{let d=`scale(-1, 1) translate(${s(r.getAttribute("x"))}, 0)`;r.style.setProperty("transform",d)}}else{let n=s(r.getAttribute("x"));r.style.setProperty("--ids-axis-chart-ylabels-x",n)}})},R=new WeakSet,Et=function(){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((r,n)=>{t++,e=0,this.markerData.groupTotals[n]=0,r.data?.forEach(l=>{l.value>this.markerData.max&&(this.markerData.max=l.value),this.markerData.groupTotals[n]+=l.value,l.value<this.markerData.min&&(this.markerData.min=l.value),this.markerData.min===void 0&&(this.markerData.min=l.value),e++}),e>this.markerData.markerCount&&(this.markerData.markerCount=e),this.markerData.groupCount=t});let s=Math.max(...this.markerData.groupTotals),a=new M(this.yAxisMin,this.stacked?s:this.markerData.max,{maxTicks:this.ticks});this.markerData.scale=a,this.markerData.scaleValues=[];for(let r=a.niceMin||0;r<=a.niceMax;r+=Number(a.tickSpacing))this.markerData.scaleValues.push(r);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?(o(this,O,St).call(this),o(this,P,Nt).call(this)):(o(this,B,Dt).call(this),o(this,G,Ct).call(this))},O=new WeakSet,St=function(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.top+this.margins.top+this.margins.topInner,s=[];for(let a=0;a<this.markerData.markerCount;a++){let r=t.data?.[a]?.value||0,l=(r-(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-l,value:r}),e+=o(this,x,v).call(this)}this.markerData.points?.push(s)})},B=new WeakSet,Dt=function(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=[];for(let a=0;a<this.markerData.markerCount;a++){let r=t.data?.[a]?.value||0,l=(r-(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-l,value:r}),e+=o(this,x,v).call(this)}this.markerData.points?.push(s)})},G=new WeakSet,Ct=function(){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},P=new WeakSet,Nt=function(){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},X=new WeakSet,$t=function(){let t="";if(!this.shadowRoot?.styleSheets)return;this.data?.forEach((s,a)=>{let r=s,n=r.patternColor;!n&&r.color&&r.color.substr(0,1)==="#"&&(n=r.color),!n&&r.color&&r.color.substr(0,1)!=="#"&&r.color.substr(0,11)!=="--ids-color"&&(n=`var(--ids-color-${r.color})`),!n&&r.color&&r.color.substr(0,1)!=="#"&&r.color.substr(0,11)==="--ids-color"&&(n=`var(${r.color})`),n||(n=`var(${this.colors[a]})`),t+=`--ids-chart-color-${a+1}: ${n} !important;`});let e=this.shadowRoot.styleSheets[0];e.cssRules&&e.cssRules[0].selectorText===":host"&&e.deleteRule(0),e.insertRule(`:host {
+      ${t}
+    }`)},V=new WeakSet,_t=function(){return`<title>${this.title}</title>
+      <defs>
+        ${o(this,tt,Xt).call(this)}
+      </defs>
+      <g class="grid vertical-lines${this.showVerticalGridLines?"":" hidden"}">
+        ${o(this,Y,Rt).call(this)}
+      </g>
+      <g class="grid horizontal-lines${this.showHorizontalGridLines?"":" hidden"}">
+        ${o(this,j,Wt).call(this)}
+      </g>
+      ${this.chartTemplate()}
+      <g class="labels x-labels">
+        ${o(this,K,Ot).call(this)}
+      </g>
+      <g class="labels y-labels">
+        ${o(this,U,Bt).call(this)}
+      </g>
+      <g class="labels axis-labels">
+        ${o(this,Z,zt).call(this)}
+      </g>`},F=new WeakSet,Mt=function(t){let e=Number(t.getAttribute("group-index")),s=Number(t.getAttribute("index")),a=this.tooltipData(s,e);if(a.tooltip)return a.tooltip.replace("${value}",a.value).replace("${label}",a.label);if(this.stacked||this.isGrouped){let r=`<div class="tooltip-center"><b>${a.label}</b></div><div class="tooltip chart-legend">`;for(let n=0;n<this.data.length;n++){let l=this.data[n],d=l.name,Ft=this.data[n].data[s]?.value,qt=l.pattern?"":` color-${n+1}`,Zt=l.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="url(#${l.pattern})"></rect></svg>`:"";d&&Ft&&(r+=`<div class="tooltip-row">
+            <div class="swatch${qt}">${Zt}</div>
+            <span>${this.data[n].name}</span>
+            <b>${this.data[n].data[s].value}</b></div>`)}return`${r}</div>`}return gt(this.tooltipTemplate(),a)},u=new WeakMap,q=new WeakSet,Ht=function(){A(this,u,{bottom:"",end:"",start:"",top:""})},f=new WeakSet,y=function(t){if(m(this,u)){let e=m(this,u)[t],s={bottom:this.axisLabelBottom,end:this.axisLabelEnd,start:this.axisLabelStart,top:this.axisLabelTop};typeof e<"u"&&e!==s[t]&&(m(this,u)[t]=s[t]||"",this.initialized&&this.redraw())}},Z=new WeakSet,zt=function(){let t="";if(m(this,u)){let s={start:12,mid:this.width/2,end:this.width-12},a={start:12,mid:this.height/2,end:this.height-12},n=this.localeAPI?.isRTL()?" scale(-1, 1)":"",l={top:`translate(${s.mid}, ${a.start})${n}`,bottom:`translate(${s.mid}, ${a.end})${n}`,start:`translate(${s.start}, ${a.mid}) rotate(-90)${n}`,end:`translate(${s.end}, ${a.mid}) rotate(90)${n}`};["top","bottom","start","end"].forEach(d=>{m(this,u)[d]&&(t+=`<text
+          class="axis-label-${d}"
+          transform="${l[d]}"
+        >${m(this,u)[d]}</text>`)})}return t},j=new WeakSet,Wt=function(){let t="",e=this.margins.top+this.margins.topInner,s=this.textWidths.left+this.margins.left+this.margins.leftInner,a=this.width-this.margins.right,{markerCount:r,scaleValues:n}=this.markerData,l=this.horizontal?r+1:n?.length||0;for(let d=0;d<l;d++)t+=`<line x1="${s}" x2="${a}" y1="${e}" y2="${e}"></line>`,e+=this.horizontal?o(this,x,v).call(this):o(this,L,w).call(this);return t},Y=new WeakSet,Rt=function(){let t="",e=this.textWidths.left+this.margins.left;e+=this.margins.leftInner*(this.horizontal?1:2);let s=this.margins.top,a=this.height-this.margins.bottom-this.textWidths.bottom,{markerCount:r,scaleValues:n}=this.markerData,l=this.horizontal?n?.length||0:r;for(let d=0;d<l;d++)t+=`<line x1="${e}" x2="${e}" y1="${s}" y2="${a}"></line>`,e+=this.horizontal?o(this,L,w).call(this):o(this,x,v).call(this);return t},I=new WeakSet,H=function(t){return this.xAxisFormatter?typeof this.xAxisFormatter=="function"?this.xAxisFormatter(t,this.data,this):"":t},C=new WeakSet,nt=function(){let t="",e=0,s=0,a=o(this,x,v).call(this);if(this.horizontal){e=this.textWidths.left+this.margins.left,s=this.margins.top+this.margins.topInner+3+a/2,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let n=0;n<this.markerData.markerCount;n++){let l=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})"`:"",d=o(this,I,H).call(this,this.data[0]?.data[n]?.name);t+=`<text x="${e}" y="${s}" aria-hidden="true"${l}>${d}</text>`,s+=a}}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 r=0;r<this.markerData.markerCount;r++){let n=o(this,I,H).call(this,this.data[0]?.data[r]?.name),l;if(this.alignXLabels==="middle"){let d=e+this.sectionWidths[r].width/2;l=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${d}, ${s})" transform-origin="8px 8px"`:"",t+=`<text x="${d}" y="${s}" alignment-baseline="middle" text-anchor="middle" aria-hidden="true"${l}>${n}</text>`}else l=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})" text-anchor="end"`:"",t+=`<text x="${e}" y="${s}" aria-hidden="true"${l}>${n}</text>`;e+=this.alignXLabels==="middle"?this.sectionWidths[r].width:a}}return t},N=new WeakSet,ot=function(){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(a=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(a)}</text>`,e+=o(this,L,w).call(this)})):(e=this.textWidths.left+this.margins.left,s=this.margins.top+3,this.markerData.scaleValues?.slice().reverse().forEach(r=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(r)}</text>`,s+=o(this,L,w).call(this)})),t},x=new WeakSet,v=function(){if(this.horizontal){let{gridTop:s,gridBottom:a,markerCount:r}=this.markerData;return(a-s)/r}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)},L=new WeakSet,w=function(){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)},K=new WeakSet,Ot=function(){return this.horizontal?o(this,N,ot).call(this):o(this,C,nt).call(this)},U=new WeakSet,Bt=function(){return this.horizontal?o(this,C,nt).call(this):o(this,N,ot).call(this)},Q=new WeakSet,Gt=function(){this.svg?.classList.add("hidden"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")},J=new WeakSet,Pt=function(){this.svg?.classList.remove("hidden"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")},tt=new WeakSet,Xt=function(){let t="";return this.data?.forEach((e,s)=>{let a=Lt[e.pattern];if(a){let r=`${this.color(s)}`||"#000000";a=a.replace('fill="#000000"',`fill="${r}"`),t+=a}}),t},et=new WeakSet,Vt=function(t){this.chartContainer?.style.setProperty("width",`${t}px`)},$=new WeakSet,ht=function(){let t=0;for(let e=0;e<this.markerData.markerCount;e++){let s=o(this,I,H).call(this,this.data[0]?.data[e]?.name),a=st(this,s);a>t&&(t=a)}return t},_=new WeakSet,lt=function(){let t=0;return this.markerData.scaleValues?.slice().forEach(e=>{let s=this.formatYLabel(e),a=st(this,s);a>t&&(t=a)}),t},k=dt([ct("ids-axis-chart"),mt(It)],k);export{k as a};

package/chunks/{ids-chunk-3W3CIRHM.js → ids-chunk-L2TUSIAR.js}

@@ -1,5 +1,4 @@
-import{a as c}from"./ids-chunk-TNBG2NDD.js";import{a as s}from"./ids-chunk-R3LDTVPA.js";import{a}from"./ids-chunk-HT6LX5MG.js";import{a as e,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-5K6IDMGA.js";var l=`
-/**
+import{a as m}from"./ids-chunk-7TZBUKXG.js";import{a as b}from"./ids-chunk-4KH6KPFZ.js";import{a as u}from"./ids-chunk-TPYEYUWM.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as d,b as r,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var p=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -467,6 +466,11 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-button.color-variant-module,
 .ids-toggle-button.color-variant-module,
 .ids-menu-button.color-variant-module {
@@ -741,6 +745,9 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-icon-button.color-variant-module {
   color: var(--ids-button-module-color-text-default);
 }
@@ -1246,7 +1253,7 @@ button {
 
 .ids-module-nav-item {
   box-sizing: border-box;
-  transition: margin var(--ids-motion-duration) var(ids-motion-ease), height var(--ids-motion-duration) var(ids-motion-ease), width var(--ids-motion-duration) var(ids-motion-ease);
+  transition: height var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-module-nav-item.color-variant-module-nav {
   border-color: transparent;
@@ -1279,6 +1286,23 @@ button {
 .ids-module-nav-item.color-variant-module-nav.hidden-by-filter.child-filter-match {
   color: var(--ids-module-nav-item-text-color);
 }
+.ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) {
+  height: var(--ids-module-nav-item-collapsed-size);
+  margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
+  margin-inline: auto;
+  padding-block: var(--ids-module-nav-item-padding-block);
+  padding-inline: auto;
+  width: 0;
+}
+.ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) .ids-accordion-display-icon {
+  justify-self: center;
+  align-self: center;
+  margin-inline: 0;
+  padding: 0;
+}
+.ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) .ids-accordion-expander-icon {
+  display: none;
+}
 .ids-module-nav-item.color-variant-module-nav.display-mode-collapsed {
   height: var(--ids-module-nav-item-collapsed-size);
   width: var(--ids-module-nav-item-collapsed-size);
@@ -1304,12 +1328,22 @@ button {
   width: 1px;
 }
 .ids-module-nav-item.color-variant-module-nav.display-mode-expanded {
-  padding: var(--ids-module-nav-item-margin-inline);
-  margin: var(--ids-module-nav-item-margin-inline);
+  margin-block: var(--ids-module-nav-item-margin-block);
+  margin-inline: var(--ids-module-nav-item-margin-inline);
+  padding: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.color-variant-module-nav.display-mode-expanded:not(.depth-1).first-child {
+  margin-block-start: 0;
+}
+.ids-module-nav-item.color-variant-module-nav.display-mode-expanded:not(.depth-1).last-child {
+  margin-block-end: 0;
 }
 .ids-module-nav-item.color-variant-module-nav.display-mode-expanded .ids-accordion-display-icon {
   margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
 }
+.ids-module-nav-item.color-variant-module-nav.display-mode-expanded .ids-accordion-expander-icon:last-child {
+  margin-inline-end: 4px;
+}
 .ids-module-nav-item.color-variant-sub-module-nav {
   border-color: transparent;
   border-radius: var(--ids-module-nav-common-border-radius);
@@ -1341,6 +1375,23 @@ button {
 .ids-module-nav-item.color-variant-sub-module-nav.hidden-by-filter.child-filter-match {
   color: var(--ids-module-nav-item-text-color);
 }
+.ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) {
+  height: var(--ids-module-nav-item-collapsed-size);
+  margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
+  margin-inline: auto;
+  padding-block: var(--ids-module-nav-item-padding-block);
+  padding-inline: auto;
+  width: 0;
+}
+.ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) .ids-accordion-display-icon {
+  justify-self: center;
+  align-self: center;
+  margin-inline: 0;
+  padding: 0;
+}
+.ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) .ids-accordion-expander-icon {
+  display: none;
+}
 .ids-module-nav-item.color-variant-sub-module-nav.display-mode-collapsed {
   height: var(--ids-module-nav-item-collapsed-size);
   width: var(--ids-module-nav-item-collapsed-size);
@@ -1366,12 +1417,22 @@ button {
   width: 1px;
 }
 .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded {
-  padding: var(--ids-module-nav-item-margin-inline);
-  margin: var(--ids-module-nav-item-margin-inline);
+  margin-block: var(--ids-module-nav-item-margin-block);
+  margin-inline: var(--ids-module-nav-item-margin-inline);
+  padding: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded:not(.depth-1).first-child {
+  margin-block-start: 0;
+}
+.ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded:not(.depth-1).last-child {
+  margin-block-end: 0;
 }
 .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded .ids-accordion-display-icon {
   margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
 }
+.ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded .ids-accordion-expander-icon:last-child {
+  margin-inline-end: 4px;
+}
 .ids-module-nav-item ::slotted(ids-text) {
   overflow: hidden;
   white-space: nowrap;
@@ -1385,20 +1446,135 @@ button {
 .ids-module-nav-item .ids-accordion-expander-icon {
   width: var(--ids-module-nav-item-dropdown-icon-size);
 }
-.ids-module-nav-item.depth-2, .ids-module-nav-item.depth-3, .ids-module-nav-item.depth-4, .ids-module-nav-item.depth-5, .ids-module-nav-item.depth-6 {
-  padding-inline-start: 16px;
+.ids-module-nav-item .ids-accordion-display-icon,
+.ids-module-nav-item .ids-accordion-expander-icon {
+  transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-module-nav-item.display-mode-expanded.depth-1 {
+  padding-inline-start: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.display-mode-expanded.depth-1.is-expandable {
+  padding-inline-start: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.display-mode-expanded.depth-2 {
+  padding-inline-start: 12px;
 }
-.ids-module-nav-item.depth-2.expander-type-plus-minus, .ids-module-nav-item.depth-3.expander-type-plus-minus, .ids-module-nav-item.depth-4.expander-type-plus-minus, .ids-module-nav-item.depth-5.expander-type-plus-minus, .ids-module-nav-item.depth-6.expander-type-plus-minus {
-  padding-inline-start: 0;
+.ids-module-nav-item.display-mode-expanded.depth-2:not(.is-expandable) {
+  padding-inline-start: 52px;
 }
-.ids-module-nav-item.depth-2:not(.parent-has-icon), .ids-module-nav-item.depth-3:not(.parent-has-icon), .ids-module-nav-item.depth-4:not(.parent-has-icon), .ids-module-nav-item.depth-5:not(.parent-has-icon), .ids-module-nav-item.depth-6:not(.parent-has-icon) {
+.ids-module-nav-item.display-mode-expanded.depth-2.is-expandable {
   padding-inline-start: 24px;
 }
-.ids-module-nav-item.depth-2:not([class*=expander-type-]), .ids-module-nav-item.depth-3:not([class*=expander-type-]), .ids-module-nav-item.depth-4:not([class*=expander-type-]), .ids-module-nav-item.depth-5:not([class*=expander-type-]), .ids-module-nav-item.depth-6:not([class*=expander-type-]) {
+.ids-module-nav-item.display-mode-expanded.depth-2.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 46px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon {
+  padding-inline-start: 20px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 42px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.is-expandable {
   padding-inline-start: 32px;
 }
-.ids-module-nav-item.depth-2.parent-has-icon, .ids-module-nav-item.depth-3.parent-has-icon, .ids-module-nav-item.depth-4.parent-has-icon, .ids-module-nav-item.depth-5.parent-has-icon, .ids-module-nav-item.depth-6.parent-has-icon {
-  padding-inline-start: 43px;
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 54px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3 {
+  padding-inline-start: 24px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3:not(.is-expandable) {
+  padding-inline-start: 68px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.is-expandable {
+  padding-inline-start: 40px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 62px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon {
+  padding-inline-start: 32px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 64px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon.is-expandable {
+  padding-inline-start: 48px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 70px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4 {
+  padding-inline-start: 36px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4:not(.is-expandable) {
+  padding-inline-start: 84px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.is-expandable {
+  padding-inline-start: 56px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 78px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon {
+  padding-inline-start: 44px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 80px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon.is-expandable {
+  padding-inline-start: 64px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 86px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5 {
+  padding-inline-start: 48px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5:not(.is-expandable) {
+  padding-inline-start: 100px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.is-expandable {
+  padding-inline-start: 72px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 94px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon {
+  padding-inline-start: 56px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 96px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon.is-expandable {
+  padding-inline-start: 80px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 102px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6 {
+  padding-inline-start: 60px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6:not(.is-expandable) {
+  padding-inline-start: 116px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.is-expandable {
+  padding-inline-start: 88px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 110px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon {
+  padding-inline-start: 68px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 112px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon.is-expandable {
+  padding-inline-start: 96px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 118px;
 }
 
 :host {
@@ -1608,6 +1784,17 @@ ids-separator::part(separator) {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.ids-module-nav-settings:not(.ids-icon-button) ::slotted(ids-icon) {
+  padding-inline-end: 0;
+}
+.ids-module-nav-settings.color-variant-module-nav:not([class*=display-mode-]) {
+  height: var(--ids-module-nav-item-collapsed-size);
+  margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
+  margin-inline: auto;
+  padding-block: var(--ids-module-nav-item-margin-inline);
+  padding-inline: auto;
+  width: 0;
+}
 .ids-module-nav-settings.color-variant-module-nav.display-mode-collapsed, .ids-module-nav-settings.color-variant-module-nav.display-mode-expanded {
   margin-block-start: 0;
   margin-inline: var(--ids-module-nav-accordion-gutter-size);
@@ -1636,4 +1823,4 @@ ids-separator::part(separator) {
   justify-content: start;
   height: auto;
   width: auto;
-}`;var u=c(s(a)),t=class extends u{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}get protoClasses(){return["ids-module-nav-settings"]}get textNode(){return this.querySelector("ids-text, span")||null}configureMenu(){super.configureMenu(),!(!this.menuEl||!this.menuEl.popup||!this.displayMode)&&(this.setPopupmenuType(),this.menuEl.popup.arrow="none",this.menuEl.popup.x=8,this.menuEl.popup.y=12,this.displayMode==="collapsed"&&(this.menuEl.popup.align="right, bottom"),this.displayMode==="expanded"&&(this.menuEl.popup.align="top, left"))}resizeMenu(){!this.menuEl||!this.menuEl.popup||(this.menuEl.popup.width="calc(var(--ids-module-nav-settings-menu-min-width)")}setPopupmenuType(){[this.menuEl].concat([...this.menuEl.querySelectorAll("ids-popup-menu")]).forEach(i=>{i.popup&&(i.popup.type="module-nav"),i.items&&i.items.forEach(n=>{n.inheritColor=!0,n.colorVariant="module-nav"})})}onColorVariantRefresh(o){this.menuEl&&(this.menuEl.colorVariant=o)}onDisplayModeChange(){this.#o(),this.configureMenu()}#o(){this.textNode&&(this.textNode.audible=this.displayMode!=="expanded")}onTextDisplayChange(o){console.info(`text display change from header: "${this.textContent?.trim()||""}"`,o),this.textNode&&(this.textNode.audible=o!=="default")}onLanguageChange=o=>{!this.menuEl||!this.menuEl.popup||this.displayMode==="collapsed"&&(this.menuEl.popup.align=o?.isRTL()?"left":"right")}};t=r([e("ids-module-nav-settings"),d(l)],t);export{t as a};
+}`;var g=m(b(u)),n,v,t=class extends g{constructor(){super();a(this,n);r(this,"onLanguageChange",()=>{!this.menuEl||!this.menuEl.popup||this.setPopupmenuCoords()})}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}get protoClasses(){return["ids-module-nav-settings"]}get textNode(){return this.querySelector("ids-text, span")||null}configureMenu(){super.configureMenu(),!(!this.menuEl||!this.menuEl.popup||!this.displayMode)&&(this.setPopupmenuType(),this.setPopupmenuCoords(),this.menuEl.popup.arrow="none",this.menuEl.popup.onPlace=o=>(this.displayMode==="collapsed"&&(o.y-=8),o))}resizeMenu(){!this.menuEl||!this.menuEl.popup||(this.menuEl.popup.width="calc(var(--ids-module-nav-settings-menu-min-width)")}setPopupmenuType(){[this.menuEl].concat([...this.menuEl.querySelectorAll("ids-popup-menu")]).forEach(i=>{i.popup&&(i.popup.type="module-nav"),i.items&&i.items.forEach(e=>{e.inheritColor=!0,e.colorVariant="module-nav"})})}setPopupmenuCoords(){let o=this.menuEl.popup.localeAPI.isRTL();this.menuEl.popup.x=8,this.menuEl.popup.y=12,this.menuEl.popup.useRight=o,this.displayMode==="collapsed"&&(this.menuEl.popup.align="right, bottom"),this.displayMode==="expanded"&&(this.menuEl.popup.align=`${o?"bottom":"top"}, ${o?"right":"left"}`)}onColorVariantRefresh(o){this.menuEl&&(this.menuEl.colorVariant=o)}onDisplayModeChange(){s(this,n,v).call(this),this.configureMenu()}onTextDisplayChange(o){console.info(`text display change from header: "${this.textContent?.trim()||""}"`,o),this.textNode&&(this.textNode.audible=o!=="default")}};n=new WeakSet,v=function(){this.textNode&&(this.textNode.audible=this.displayMode!=="expanded")},t=d([l("ids-module-nav-settings"),c(p)],t);export{t as a};

package/chunks/ids-chunk-L5CAZR56.js

@@ -0,0 +1 @@
+import{a as m}from"./ids-chunk-DK5QOJMP.js";import{a as l}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-RCDMHHTV.js";import{a as s}from"./ids-chunk-4NXTNKXV.js";import{a as o,d as a,g as n}from"./ids-chunk-Y32WUP63.js";var e,u,t=class extends m(c){constructor(){super();a(this,e)}connectedCallback(){super.connectedCallback(),n(this,e,u).call(this)}template(){return"<slot></slot>"}};e=new WeakSet,u=function(){this.onEvent("itemselect",this,r=>{r.stopPropagation(),this.querySelectorAll("ids-hierarchy-item").forEach(i=>{i.removeAttribute(s.SELECTED),i.setAttribute("aria-selected",!1)}),requestAnimationFrame(()=>{r.target.setAttribute(s.SELECTED,!0),r.target.setAttribute("aria-selected",!0)})})},t=o([l("ids-hierarchy")],t);export{t as a};