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

package/chunks/ids-chunk-LE7C5GBB.js

@@ -0,0 +1,280 @@
+import{a as E}from"./ids-chunk-JEL6K34H.js";import{a as S}from"./ids-chunk-GJU74P7B.js";import{a as w}from"./ids-chunk-ONPEMRJP.js";import{c as u}from"./ids-chunk-M7IB5XSG.js";import{a as I}from"./ids-chunk-ZIGY2P3N.js";import{a as m}from"./ids-chunk-BWPOZP66.js";import{a as k}from"./ids-chunk-T2TIUOXF.js";import{a as T}from"./ids-chunk-7O3OTI42.js";import{a as L}from"./ids-chunk-MXFCUDLP.js";import{a as y}from"./ids-chunk-B6P5AQ2Z.js";import{a as f,b as p}from"./ids-chunk-XE4WFW5M.js";import{a as v}from"./ids-chunk-DCNGT4R2.js";import{a as g}from"./ids-chunk-CS7RTATZ.js";import{a as A}from"./ids-chunk-RMV7ZP4H.js";import{e as d,f as l,g as x}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";import{a as b}from"./ids-chunk-5K6IDMGA.js";var D=`
+/* 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 M=200,_=700,z=500,H=E(S(L(y(v)))),c=class extends H{initialized=!1;dataLoaded=new A;svg;canvas;emptyMessage;legend;sectionWidths=[];sectionWidth=NaN;sectionHeights=[];sectionHeight=NaN;resizeToParentHeight=!1;resizeToParentWidth=!1;datasource=new T;vetoableEventTypes=["beforeselected","beforedeselected"];isGrouped=!1;constructor(){super(),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"]'),g.onThemeLoaded()?this.init():Promise.all([g.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,this.#I(),this.#u(),this.redraw()}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=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.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>`}#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;#a=0;#t=void 0;#h(){this.#t?.disconnect(),this.#t??=new ResizeObserver(w(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)},M)),this.#t.observe(this.chartContainer)}#l(){let t=this.getAttribute(i.WIDTH),e=this.getAttribute(i.HEIGHT);t!=="inherit"&&e!=="inherit"&&(this.#t?.disconnect(),this.#t=void 0)}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){this.#C(),this.legend&&(this.legend.innerHTML=this.legendTemplate());return}this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.#f(),this.afterCalculateCallback(),this.#y(),this.svg&&(this.svg.innerHTML=this.#v()),this.adjustLabels(),this.#b(),this.legendsClickable?.(this.selectable),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data,markerData:this.markerData}}),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.#a+this.margins.left,s=r=>{let n=l(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=>`-${l(r)+e}px`,t.y.forEach(r=>{if(this.horizontal){let n=r.getAttribute("transform")?.split(",");if(n?.length===3){let o=l(n[1]),h=l(n[2]);r.setAttribute("transform-origin",`${o}px ${h}px`),r.setAttribute("transform",`rotate(${this.rotateNameLabels}) scale(-1, 1)`)}else{let h=`scale(-1, 1) translate(${s(r.getAttribute("x"))}, 0)`;r.style.setProperty("transform",h)}}else{let n=s(r.getAttribute("x"));r.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]};#f(){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(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),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?(this.#p(),this.#L()):(this.#x(),this.#A())}#p(){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,o=(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-o,value:r}),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 a=0;a<this.markerData.markerCount;a++){let r=t.data?.[a]?.value||0,o=(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-o,value:r}),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}#L(){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}#y(){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(){return`<title>${this.title}</title>
+      <defs>
+        ${this.#$()}
+      </defs>
+      <g class="grid vertical-lines${this.showVerticalGridLines?"":" hidden"}">
+        ${this.#E()}
+      </g>
+      <g class="grid horizontal-lines${this.showHorizontalGridLines?"":" hidden"}">
+        ${this.#w()}
+      </g>
+      ${this.chartTemplate()}
+      <g class="labels x-labels">
+        ${this.#S()}
+      </g>
+      <g class="labels y-labels">
+        ${this.#D()}
+      </g>
+      <g class="labels axis-labels">
+        ${this.#k()}
+      </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.#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")),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 o=this.data[n],h=o.name,C=this.data[n].data[s]?.value,N=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&&C&&(r+=`<div class="tooltip-row">
+            <div class="swatch${N}">${$}</div>
+            <span>${this.data[n].name}</span>
+            <b>${this.data[n].data[s].value}</b></div>`)}return`${r}</div>`}return x(this.tooltipTemplate(),a)}#e;#I(){this.#e={bottom:"",end:"",start:"",top:""}}#i(t){if(this.#e){let e=this.#e[t],s={bottom:this.axisLabelBottom,end:this.axisLabelEnd,start:this.axisLabelStart,top:this.axisLabelTop};typeof e<"u"&&e!==s[t]&&(this.#e[t]=s[t]||"",this.initialized&&this.redraw())}}#k(){let t="";if(this.#e){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)":"",o={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(h=>{this.#e[h]&&(t+=`<text
+          class="axis-label-${h}"
+          transform="${o[h]}"
+        >${this.#e[h]}</text>`)})}return t}#w(){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,o=this.horizontal?r+1:n?.length||0;for(let h=0;h<o;h++)t+=`<line x1="${s}" x2="${a}" y1="${e}" y2="${e}"></line>`,e+=this.horizontal?this.#s():this.#r();return t}#E(){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,o=this.horizontal?n?.length||0:r;for(let h=0;h<o;h++)t+=`<line x1="${e}" x2="${e}" y1="${s}" y2="${a}"></line>`,e+=this.horizontal?this.#r():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}#d(){let t="",e=0,s=0,a=this.#s();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 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+=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=this.#n(this.data[0]?.data[r]?.name),o;if(this.alignXLabels==="middle"){let h=e+this.sectionWidths[r].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[r].width:a}}return t}#c(){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+=this.#r()})):(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+=this.#r()})),t}#s(){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)}#r(){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)}#S(){return this.horizontal?this.#c():this.#d()}#D(){return this.horizontal?this.#d():this.#c()}#C(){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","")}#$(){let t="";return this.data?.forEach((e,s)=>{let a=k[e.pattern];if(a){let r=`${this.color(s)}`||"#000000";a=a.replace('fill="#000000"',`fill="${r}"`),t+=a}}),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,this.#h();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,this.#l()}get height(){let t=this.getAttribute(i.HEIGHT),e=l(t);return t==="inherit"&&this.svg?this.svg.getBoundingClientRect().height:Number.isNaN(e)?z:e}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){if(t==="inherit"){this.setAttribute(i.WIDTH,"inherit"),this.chartContainer?.classList.add("full-width"),this.chartContainer?.style.removeProperty("width"),this.resizeToParentWidth=!0,this.#h();return}if(!Number.isNaN(Number(t))){let e=Number(t);this.setAttribute(i.WIDTH,String(e)),this.svg?.setAttribute(i.WIDTH,String(e)),this.#M(Number(e)),this.redraw()}this.chartContainer?.classList.remove("full-width"),this.resizeToParentWidth=!1,this.#l()}get width(){let t=this.getAttribute(i.WIDTH),e=l(t);return t==="inherit"&&this.svg?this.chartContainer.offsetWidth:Number.isNaN(e)?_:e}get chartContainer(){return this.shadowRoot?.querySelector(".ids-chart-container")||null}#M(t){this.chartContainer?.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),a=u(this,s);a>t&&(t=a)}return t}#g(){let t=0;return this.markerData.scaleValues?.slice().forEach(e=>{let s=this.formatYLabel(e),a=u(this,s);a>t&&(t=a)}),t}xMaxTextWidth(){this.#o=this.horizontal?this.#g():this.#m()}yMaxTextWidth(){this.#a=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.#a||4,right:0,top:0,bottom:24}}set data(t){if(t){this.#N(),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 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 I}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}afterCalculateCallback(){}afterConnectedCallback(){}};c=b([f("ids-axis-chart"),p(D)],c);export{c as a};