ids-enterprise-wc 1.0.0 → 1.2.0

package/chunks/ids-chunk-XTSZ4DZA.js

@@ -1,282 +0,0 @@
-import{a as vt}from"./ids-chunk-2G2246GQ.js";import{a as Tt}from"./ids-chunk-VG2AKBHS.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-5QVZSZ26.js";import{a as pt}from"./ids-chunk-3DA43NO3.js";import{a as ct,b as mt}from"./ids-chunk-XE4WFW5M.js";import{a as ft}from"./ids-chunk-6KDUST23.js";import{a as it}from"./ids-chunk-W7LFKSSZ.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-S7XDCBUZ.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-chart-container:not([class*=legend-]) .chart-legend, .ids-chart-container.legend-none .chart-legend {
-  display: none;
-}
-
-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-xxs);
-  text-align: center;
-}
-
-.tooltip.chart-legend {
-  flex-direction: column;
-  margin-block-end: var(--ids-space-xs);
-  padding: 0;
-}
-.tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-space-xxs);
-  padding: 0;
-}
-
-.tooltip-row span {
-  padding-inline-start: var(--ids-space-xxxs);
-  padding-inline-end: var(--ids-space-xxs);
-}
-
-: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,w,T,g,S,rt,D,at,W,Et,R,wt,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,E,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,w,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.hasAttribute(i.LEGEND_PLACEMENT)||this.setAttribute(i.LEGEND_PLACEMENT,"bottom"),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,wt).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,Et).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,w,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,w)-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"))}},w=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,Et=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]),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,wt=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,E).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,E).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,E).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,E).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,E=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-YHWR76SI.js

@@ -1,85 +0,0 @@
-import{a as E}from"./ids-chunk-RD76V6BX.js";import{a as B}from"./ids-chunk-C3ZUVERH.js";import{b as A}from"./ids-chunk-NVFH4YX5.js";import{b as x}from"./ids-chunk-NPCYO4AC.js";import{a as v}from"./ids-chunk-5QVZSZ26.js";import{a as b}from"./ids-chunk-T6ZV4PDM.js";import{a as f}from"./ids-chunk-HLNMUL3O.js";import{a as c,b as g}from"./ids-chunk-XE4WFW5M.js";import{m}from"./ids-chunk-U4XVR5SW.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-S7XDCBUZ.js";import{a as p,b as n,d as h,g as u}from"./ids-chunk-Y32WUP63.js";var O=`/* Ids Dropdown Component */
-.validation-message {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: flex;
-  font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-xxs);
-}
-.validation-message.has-custom-icon {
-  color: var(--ids-icon-color-default);
-}
-.validation-message.disabled {
-  color: var(--ids-input-color-text-disabled);
-}
-.validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-xxs);
-}
-.validation-message.alert {
-  color: var(--ids-color-caution-default);
-}
-.validation-message.alert.disabled {
-  color: var(--ids-color-yellow-30);
-}
-.validation-message.warning {
-  color: var(--ids-color-warning-default);
-}
-.validation-message.warning.disabled {
-  color: var(--ids-color-orange-30);
-}
-.validation-message.error {
-  color: var(--ids-color-error-default);
-}
-.validation-message.error.disabled {
-  color: var(--ids-color-red-30);
-}
-.validation-message.info {
-  color: var(--ids-color-info-default);
-}
-.validation-message.info.disabled {
-  color: var(--ids-color-blue-30);
-}
-.validation-message.success {
-  color: var(--ids-color-success-default);
-}
-.validation-message.success.disabled {
-  color: var(--ids-color-green-30);
-}
-.validation-message[hidden] {
-  display: none;
-}
-
-:host ids-popup {
-  max-width: var(--ids-input-width-40);
-}
-
-:host([size=xs]) ids-popup {
-  max-width: var(--ids-input-width-10);
-}
-
-:host([size=sm]) ids-popup {
-  max-width: var(--ids-input-width-20);
-}
-
-:host([size=mm]) ids-popup {
-  max-width: var(--ids-input-width-30);
-}
-
-:host([size=md]) ids-popup {
-  max-width: calc(var(--ids-input-width-40) - 2px);
-}
-
-:host([size=lg]) ids-popup {
-  max-width: var(--ids-input-width-50);
-}
-
-:host([size=full]) ids-popup {
-  max-width: var(--ids-input-width-full);
-}
-
-:host ids-popup,
-:host([size=full]) {
-  width: 100%;
-}`;var L=B(f(v(x(b(E))))),a,w,r=class extends L{constructor(){super();h(this,a);n(this,"isMultiSelect");n(this,"listBox");n(this,"lastHovered",null);n(this,"colorVariants",A)}static get attributes(){return[...super.attributes]}template(){return`<ids-popup class="ids-dropdown-list" type="dropdown" part="dropdown-list" y="-1">
-      <slot slot="content"></slot>
-    </ids-popup>`}connectedCallback(){super.connectedCallback(),this.configureListBox(),this.configurePopup(),this.attachEventHandlers(),u(this,a,w).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.listBox=null,this.lastHovered=null}get dropdownEl(){let t;return this.target?.tagName==="IDS-DROPDOWN"?t=this.target:t=this.parentElement.parentNode.host,t}onHide(){this.setAriaOnMenuClose(),this.lastHovered=null}onShow(){this.configureListBox(),this.configurePopup(),this.setAriaOnMenuOpen(),(this.value||typeof this.value=="string")&&this.selectOption(this.value)}onTargetChange(){let t=this.getAttribute(i.ID);t&&this.target?.setAttribute(i.LIST,`#${t}`)}attachEventHandlers(){this.offEvent("click.dropdown-list-box"),this.onEvent("click.dropdown-list-box",this,t=>{let e=t.target;if(e&&e.nodeName!=="IDS-LIST-BOX-OPTION"&&(e=e.closest("ids-list-box-option")),e){if(e.hasAttribute(i.GROUP_LABEL))return;this.value=e.getAttribute(i.VALUE)||"",this.triggerSelectedEvent()}}),this.dropdownEl?.tooltip&&(this.offEvent("mouseover.dropdown-list-box"),this.onEvent("mouseover.dropdown-list-box",this.listBox,t=>{let e=t.target;e&&e.nodeName!=="IDS-LIST-BOX-OPTION"&&(e=e.closest("ids-list-box-option")),e&&(this.lastHovered=e,this.dropdownEl?.selectTooltip?.(this.lastHovered))}))}addOpenEvents(){this.listen(["ArrowDown","ArrowUp"],this,t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault();let e=this.selected,s=e?.nextElementSibling,o=e?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){this.isMultiSelect||(this.value=e?.getAttribute(i.VALUE)||""),this.triggerCloseEvent(!0);return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(i.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(e),this.selectOption(s.hasAttribute(i.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowUp"&&o){if(o.hasAttribute(i.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(e),this.selectOption(o.hasAttribute(i.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.triggerCloseEvent(!0)}),this.isMultiSelect||this.listen([" ","Enter"],this,t=>{if(t.stopPropagation(),!(t.key===" "&&this.typeahead)){if(!this.popup?.visible){this.triggerOpenEvent();return}this.select()}})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter")}triggerSelectedEvent(t){let e;if(t?e=t:e={bubbles:!0,detail:{elem:this,label:this.selected?.textContent,selectedElem:this.selected,value:this.value}},this.target){let s=new CustomEvent("selected",e);this.target.dispatchEvent(s)}}triggerOpenEvent(){this.triggerEvent("open.dropdown-list",this,{bubbles:!0,detail:{elem:this}})}triggerCloseEvent(t){this.triggerEvent("close.dropdown-list",this,{bubbles:!0,detail:{elem:this,operation:t?"cancel":"default"}})}configurePopup(){if(this.size==="full"&&this.target&&!this.parentElement?.classList.contains("ids-dropdown")){let t=`${this.target.clientWidth+3}px`;this.style.width=t,this.popup&&(this.popup.style.maxWidth=t,this.popup.style.width=t)}this.popup&&(this.target||(this.popup.alignTarget=this),this.popup.type="dropdown",this.popup.container?.classList.add("dropdown"),this.popup.align="bottom, left",this.popup.arrow="none",this.popup.visible?this.popup.visible&&this.popup.setPosition(0,-1,!1,!0):(this.popup.y=-1,this.popup.x=0,this.setAriaOnMenuClose()))}configureListBox(){this.listBox=this.querySelector("ids-list-box"),this.listBox||this.children[0]?.tagName==="SLOT"&&(this.listBox=this.children[0].assignedElements()?.[0]),this.listBox&&(this.compact&&!this.listBox?.hasAttribute(i.COMPACT)&&this.listBox.setAttribute(i.COMPACT,"true"),this.listBox.maxHeight&&this.popup&&(this.popup.maxHeight=this.listBox.maxHeight)),this.listBox?.options?.length&&this.listBox.options.forEach((t,e)=>{t.rowIndex>=0||(t.rowIndex=e)})}setAriaOnMenuOpen(){this.setAttribute("aria-expanded","true");let t=this.selectedOption||this.querySelector("ids-list-box-option:not([group-label])");this.listBox?.setAttribute("tabindex","0"),t&&this.value&&this.selectOption(t)}setAriaOnMenuClose(){this.removeAttribute("aria-expanded"),this.listBox?.removeAttribute("tabindex");let t=this.selected;t&&this.deselectOption(t)}get options(){return this.querySelectorAll("ids-list-box-option")}get selectedOption(){return this.querySelector(`ids-list-box-option[value="${this.value}"]`)}get selected(){return this.children[0]?.tagName==="SLOT"?this.listBox?.querySelector("ids-list-box-option.is-selected")||null:this.querySelector("ids-list-box-option.is-selected")||null}set typeahead(t){let e=d(t);e?this.setAttribute(i.TYPEAHEAD,String(e)):this.removeAttribute(i.TYPEAHEAD),this.container?.classList.toggle("typeahead",e)}get typeahead(){return d(this.getAttribute(i.TYPEAHEAD))}set value(t){let e=`ids-list-box-option[value="${t}"]`;(t===" "||t===null)&&(e="ids-list-box-option:not([value])");let s=this.listBox?.querySelector(e);s&&(this.clearSelected(),this.selectOption(s),this.setAttribute(i.VALUE,String(t)))}get value(){return this.getAttribute(i.VALUE)}clearSelected(){let t=this.listBox?.querySelector("ids-list-box-option[aria-selected]");this.deselectOption(t)}getOption(t){return this.listBox?.querySelector(`ids-list-box-option[value="${t}"]`)}selectOption(t){if(!this?.popup?.visible)return;let e;typeof t=="string"?e=this.getOption(t):e=t,e&&(e.setAttribute("aria-selected","true"),e.classList.add("is-selected"),e.setAttribute("tabindex","0"),e.focus(),e.id&&this.listBox?.setAttribute("aria-activedescendant",e.id))}deselectOption(t){t?.removeAttribute("aria-selected"),t?.classList.remove("is-selected"),t?.setAttribute("tabindex","-1")}onAllowBlankChange(t){t?this.insertBlank():this.removeBlank()}onClearableTextChange(){this.allowBlank&&this.insertBlank()}onColorVariantRefresh(t){this.popup&&t?.length&&(this.popup.type=t)}insertBlank(){let t=this.listBox,e=`<ids-list-box-option value="blank" aria-label="Blank">${this.clearableText??"&nbsp;"}</ids-list-box-option>`;this.removeBlank(),t?.insertAdjacentHTML("afterbegin",e)}removeBlank(){this.getOption("blank")?.remove()}configureBlank(){this.allowBlank?this.insertBlank():this.removeBlank()}onFieldHeightChange(t){let e=t===i.COMPACT?{name:i.COMPACT,val:""}:{name:i.FIELD_HEIGHT,val:t};t?this.listBox?.setAttribute(e.name,e.val):(this.listBox?.removeAttribute(i.COMPACT),this.listBox?.removeAttribute(i.FIELD_HEIGHT))}onSizeChange(t){t?this.listBox?.setAttribute(i.SIZE,t):this.listBox?.removeAttribute(i.SIZE)}navigate(t=0){let e=this.selected,s=e?.nextElementSibling,o=e?.previousElementSibling,l=null;if(t>0&&s){if(s.hasAttribute(i.GROUP_LABEL)&&!s.nextElementSibling)return l;l=s.hasAttribute(i.GROUP_LABEL)?s.nextElementSibling:s}if(t<0&&o){if(o.hasAttribute(i.GROUP_LABEL)&&!o.previousElementSibling)return l;l=o.hasAttribute(i.GROUP_LABEL)?o.previousElementSibling:o}return l&&(this.deselectOption(e),this.selectOption(l)),l}select(){let t=this.selected?.getAttribute(i.VALUE)||"";this.value=t,this.triggerSelectedEvent()}canTooltipShow(t,e){return e&&this.lastHovered&&m(this.lastHovered)||!1}};a=new WeakSet,w=function(){if(!this.value)return;let t=this.getOption(this.value)?.textContent,e=this.dropdownEl,s=e?.input?.input;t&&e&&s&&(s.value=t)},r=p([c("ids-dropdown-list"),g(O)],r);export{r as a};