@mozaic-ds/chart 0.1.0-beta.39 → 0.1.0-beta.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10382,18 +10382,13 @@ const fu = (i) => i.datasets[0].areaData.map((t) => {
10382
10382
  }
10383
10383
  });
10384
10384
  function gu(i, t) {
10385
- if (i.length > 7 && i.includes(" ", 7)) {
10386
- const n = i.indexOf(
10387
- " ",
10388
- 7
10389
- );
10390
- return [
10391
- i.substring(0, n),
10392
- i.substring(n),
10393
- t
10394
- ];
10395
- }
10396
- return [i, t];
10385
+ if (i.length <= 10)
10386
+ return [i, t];
10387
+ const n = i.split(" "), s = [];
10388
+ let o = "";
10389
+ for (const a of n)
10390
+ (o + a).length <= 10 ? o += (o ? " " : "") + a : (o && s.push(o), o = a);
10391
+ return o && s.push(o), s.push(t), s;
10397
10392
  }
10398
10393
  const pu = { class: "container" }, mu = /* @__PURE__ */ zt({
10399
10394
  __name: "RadarChart",
@@ -10652,7 +10647,7 @@ const pu = { class: "container" }, mu = /* @__PURE__ */ zt({
10652
10647
  ]));
10653
10648
  }
10654
10649
  });
10655
- const bn = /* @__PURE__ */ xe(mu, [["__scopeId", "data-v-6ed1561f"]]);
10650
+ const bn = /* @__PURE__ */ xe(mu, [["__scopeId", "data-v-6b60afa2"]]);
10656
10651
  bn.install = (i) => {
10657
10652
  i.component("RadarChart", bn);
10658
10653
  };
@@ -19,7 +19,7 @@ var Lu=Object.defineProperty;var Tu=(X,x,lt)=>x in X?Lu(X,x,{enumerable:!0,confi
19
19
  min-width: ${_i};
20
20
  min-height: ${_i};
21
21
  margin-right: ${qo};
22
- border-color: ${o};`)}function kn(i,t,e){const s=i.config.type==="doughnut"?t.index:t.datasetIndex,o=document.createElement("input");o.setAttribute("type","checkbox"),o.setAttribute("data-test-id",`legend-checkbox-${s}`);const a=ea(i,s),r=e?e[s]:void 0;return Md(a,t,o,r),o}function Mn(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function Qo(i){let t=i.config.data.datasets;return Mn(i)&&(t=i.config.data.datasets[0].data),t}function ta(i,t,e){if(!e.value){const n=Qo(i);e.value=!0,n.forEach((s,o)=>{o!==t&&ki(i,o)})}}function wd(i){let t=!0;return Qo(i).forEach((n,s)=>{t=t&&ea(i,s)}),t}function ea(i,t){return Mn(i)?i.getDataVisibility(t):i.isDatasetVisible(t)}function ki(i,t,e){Mn(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&wd(i)&&(e.value=!1),i.update()}function wn(i,t){const e=Jo(i,""),n=kd(i),s=i.index||i.datasetIndex;return n.style.width="10px",n.style.height="10px",s%2===0?t?n.style.borderRadius="25px":n.style.transform="rotate(45deg)":t?n.style.transform="rotate(45deg)":n.style.borderRadius="25px",e.appendChild(n),e}function Mi(i,t){var n,s;let e=(n=i.value)==null?void 0:n.querySelector("ul");return e||(e=document.createElement("ul"),e.style.display="flex",e.style.flexDirection=t,e.style.margin="0",e.style.padding="0",(s=i.value)==null||s.appendChild(e)),e}function ia(i){return i==="#00000000"}function Fe(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:Cn}=xi();function Cd(){const i=x.ref(3),t=x.ref(null),e=x.reactive({dataSetIndex:-1,columnIndex:-1});function n(g,p,b,y,_,v,S){return Go(g,p,e,b,y,_,v,void 0,null,S)}function s(){i.value=4,i.value=3}function o(g,p,b,y,_,v){const S=i.value;return g.map((k,M)=>({borderColor:function(w){return b?"#00000000":r(M,w.index,y,v)},backgroundColor:function(w){return l(M,w.index,b,y,_,v)},borderWidth:function(){return b?1:S},data:k.data,label:k.label,stack:`Stack ${p?k.stack:M}`}))}function a(g,p,b,y,_){return o([g,p],!1,_,b,y)}function r(g,p,b,y){const _=Cn(g,y);return u(g,p)?b[_]:Fe(b[_],.2)}function l(g,p,b,y,_,v){const S=Cn(g,v);return u(g,p)?_[S](!1,y[S],b):_[S](!0,y[S],b)}function c(){return e.dataSetIndex<0}function h(g,p){return e.dataSetIndex===g&&e.columnIndex===p}function d(g){return e.dataSetIndex===g&&e.columnIndex<0}function u(g,p){return c()||h(g,p)||d(g)}function f(){e.dataSetIndex=-1,e.columnIndex=-1}function m(){return(g,p)=>{p[0]!==void 0?(e.dataSetIndex=p[0].datasetIndex,e.columnIndex=p[0].index):f()}}return{onHoverIndex:e,reloadChart:s,getDatasets:a,getStackedDatasets:o,getOnHoverOptions:m,getBorderColor:r,getPattern:l,privateGetHtmlLegendPlugin:n,getPatternIndexWithShift:Cn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:Pd}=xi();class ae{constructor(){C(this,"chartType","");C(this,"datasetIndex",0);C(this,"dataIndex",0);C(this,"titleLines",[""]);C(this,"dataToDisplay","");C(this,"xValue","");C(this,"yValue","");C(this,"patternShifting",0)}createTooltip(t,e,n,s,o,a=!1){var c,h,d,u;if(!t.tooltip.dataPoints)return;this.datasetIndex=((c=t.tooltip)==null?void 0:c.dataPoints[0].datasetIndex)||0,this.dataIndex=t.tooltip.dataPoints[0].dataIndex||0,this.xValue=n.firstLineLabel||"",this.yValue=n.secondLineLabel||"",this.chartType=n.chartType,this.dataToDisplay=e(t),this.patternShifting=n.patternShifting||0;let r=document.querySelector("#chartjs-tooltip");r||(r=this.createNewTooltipElement());const l=t.tooltip;if(l.opacity===0){r.style.opacity="0";return}if(l.body){this.titleLines=l.title||[];const f=l.body.map(this.getBody);let m="background: white;";m+="border-bottom: 1px solid #CCCCCC;",m+="border-radius: 5px;",m+="padding: 10px 20px";const g=`<div style="${m}" class="tooltipTitle">`,p=this.chartType==="DOUGHNUT"?[l.title[0].split("(")[0].trim()]:f[0];let b="",y="";const _=(u=(d=(h=t.tooltip)==null?void 0:h.dataPoints[0])==null?void 0:d.dataset)==null?void 0:u.type;this.chartType==="RADAR"||this.chartType==="LINE_CHART"?(b=this.createLegendStyle(t),y=this.createLegendInnerStyle(t)):this.chartType==="BAR_CHART"||this.chartType==="DETAILS_BAR_CHART"||this.chartType==="DOUGHNUT"?b=this.createPatternLegendStyle(t):this.chartType==="MIXED_BAR_LINE_CHART"&&(_==="bar"?b=this.createPatternLegendStyle(t):(b=this.createLegendStyle(t),y=this.createLegendInnerStyle(t))),this.addLegendToDom(g,b,y,p,m,r,s,o,a,_)}this.handleTooltipPosition(t,l,r)}handleTooltipPosition(t,e,n){const s=t.chart.canvas.getBoundingClientRect(),o=window.innerWidth,a=s.left+window.scrollX+e.caretX,r=s.top+window.scrollY+e.caretY;n.style.left=a+"px",n.style.top=r+"px",n.style.height="auto",n.style.minWidth="17rem",n.style.opacity="1",n.style.position="absolute",n.style.zIndex="1999999999",n.style.backgroundColor="white",n.style.pointerEvents="none",n.getBoundingClientRect().width+a>o&&(n.style.left=a-n.getBoundingClientRect().width+"px")}createNewTooltipElement(){const t=document.createElement("div");return t.id="chartjs-tooltip",t.style.backgroundColor="white",t.style.borderRadius="5px",t.style.transition="opacity .5s",t.style.boxShadow="0px 1px 5px rgba(0, 0, 0, 0.2)",t.innerHTML='<div class="tooltipCtn"></div>',document.body.appendChild(t),t}createPatternLegendStyle(t){return this.createCommonLegendSquareStyle(t)}createLegendStyle(t){let e=`background-color:${t.tooltip.labelColors[0].backgroundColor}`;return e+=this.createCommonLegendSquareStyle(t),e}createCommonLegendSquareStyle(t){let e=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor}`;return e+=";min-height: 20px",e+=";min-width: 20px",e+=";border-radius: 5px",e+=";margin-right: 10px",e+=";display: flex",e+=";align-items: center",e+=";justify-content: center",e+=";background: rgba(0, 0, 0, 0.1);",e}createLegendInnerStyle(t){let e="height: 12px";return e+=";width: 12px",e+=";background-color: #FFF",e+=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor};`,t.tooltip.labelPointStyles[0].pointStyle==="circle"?e+="border-radius: 25px;":t.tooltip.labelPointStyles[0].pointStyle==="rectRot"&&(e+="transform: rotate(45deg);"),e}addLegendToDom(t,e,n,s,o,a,r,l,c=!1,h){let d=t,u=`<div class="legendIcon" style="${e}">`;const f=`<div style="${n}"></div>`;u+=`${f}</div>`;const m=this.setInnerHtmlToAdd(s,o,u);d+=m;const g=a==null?void 0:a.querySelector(".tooltipCtn");(g==null?void 0:g.innerHTML)!=null&&(h?this.setInnerHtmlAndPattern(g,d,r,l,c,h):this.setInnerHtmlAndPattern(g,d,r,l,c))}setInnerHtmlToAdd(t,e,n){const a=`<span style="font-family: Arial; font-size: 16px">${t[0].split(":")[0]}</span>`;return this.chartType==="RADAR"?this.returnRadarHtml(e,n,a):this.chartType==="DOUGHNUT"?this.returnDoughnutHtml(n,a):this.returnDetailsBarchartHtml(e,n,a)}returnDoughnutHtml(t,e){const n="font-family: Arial; font-size: 16px",s=`<span style="${n}">${e.split("(")[0]}</span>`;let o=`<div style="${n}; display: flex; align-items: center; justify-content: space-between">`;return o+=`<div style="display:flex; align-items: center;" >${t+s}</div>`,o+=`<div style="${n}; margin-left:3rem;">${this.dataToDisplay}</div>`,o+="</div></div>",o}returnRadarHtml(t,e,n){const s="font-family: Arial; font-size: 16px";let o=`<div style="${s}; display: flex; align-items: center;">${e+n}</div>`;return o+="</div>",o+=`<div style="${s}; ${t}; border: none; display:flex; justify-content: space-between;">`,o+=`<div>${this.titleLines[0]}</div>`,o+=`<div style="margin-left: 20px;">${this.dataToDisplay}</div>`,o+="</div>",o+="</div><div>",o}returnDetailsBarchartHtml(t,e,n){const s="font-family: Arial; font-size: 16px";let o=`<div style="${s}; display: flex; align-items: center;">${e+n}</div>`;return o+="</div>",o+=`<div style="${s}; ${t}; display:flex; justify-content: space-between;">`,o+=`<div>${this.xValue}</div>`,o+=`<div style="margin-left: 20px;">${this.titleLines[0]}</div>`,o+="</div>",o+=`<div style="${s}; ${t}; border-: none; display:flex; justify-content: space-between;">`,o+=`<div>${this.yValue}</div>`,o+=`<div style="margin-left: 20px;">${this.dataToDisplay}</div>`,o+="</div>",o}setInnerHtmlAndPattern(t,e,n,s,o=!1,a){t.innerHTML=e;const r=document.querySelector(".legendIcon"),l=new Image;let c;this.chartType==="DOUGHNUT"?c=this.dataIndex+1:c=this.datasetIndex+1;const h=gd(c,this.patternShifting);if(this.chartType!=="LINE_CHART"&&this.chartType!=="RADAR"&&a!=="line"){const d=s[h-1](!1,n[h-1],o),u=Pd(d,22,22);l.src=u.toDataURL(),r.style.backgroundImage=`url(${l.src})`}}getBody(t){return t.lines}}var re=(i=>(i.RADAR="RADAR",i.BAR_CHART="BAR_CHART",i.MIXED_BAR_LINE_CHART="MIXED_BAR_LINE_CHART",i.DETAILS_BAR_CHART="DETAILS_BAR_CHART",i.LINE_CHART="LINE_CHART",i.DOUGHNUT="DOUGHNUT",i))(re||{});function Dd(i,t="#A274FF",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=o*.15;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.006*o,s.rect(.5*o,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.006*o,s.rect(.75*o,o/2,a,a),s.fill(),s.beginPath(),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.006*o,s.rect(0,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.006*o,s.rect(.25*o,o/2,a,a),s.fill()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const l=document.createElement("canvas").getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c||new CanvasPattern}function Ad(i,t="#143666",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(-o*.03,-.01*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.29*o,.33*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.63*o,.69*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.33*o,-.37*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.71*o,-.72*o,o+o/2,.04*o),s.fill(),s.restore()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function Ld(i,t="#00A3B2",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o/2),s.lineTo(0,0),s.lineTo(o/2,o/2),s.lineTo(o,0),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o),s.lineTo(0,o/2),s.lineTo(o/2,o),s.lineTo(o,o/2),s.lineTo(o+o/2,o),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,111e-6),s.lineTo(4e-6*o,-o/2),s.lineTo(o/2,111e-6),s.lineTo(o,-o/2),s.lineTo(o+o/2,111e-6),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o+o/2),s.lineTo(0,o),s.lineTo(o/2,o+o/2),s.lineTo(o,o),s.lineTo(o+o/2,o+o/2),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function Td(i,t="#8C1551",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=o*.15;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,a,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.005*o,s.rect(o/2,0,a,o),s.fill()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const l=document.createElement("canvas").getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c?(l.fillStyle=c,l.fillRect(0,0,o,o),c):new CanvasPattern}function Od(i,t="#F255A3",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=new DOMMatrix,a=21,r=.1*a;n.width=a,n.height=a,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,a,a),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*a,s.rect(0,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*a,s.rect(0,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=r,s.moveTo(r,0),s.lineTo(r,.5*a),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=r,s.moveTo(a/2+r,0),s.lineTo(a/2+r,.5*a),s.stroke()),i&&(s.beginPath(),s.fillStyle="#FFFFFF",s.globalAlpha=.5,s.lineWidth=.006*a,s.rect(0,0,a,a),s.fill());const l=document.createElement("canvas"),c=l.getContext("2d");if(!c)return new CanvasPattern;const h=c.createPattern(n,"repeat");return h?(c.fillStyle=h,c.fillRect(0,0,l.width,l.height),h.setTransform(o.rotate(45)),h):new CanvasPattern}function Id(i,t="#095359",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=.04*o;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.06*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.56*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.44*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.94*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas"),l=r.getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c?(l.fillStyle=c,l.fillRect(0,0,r.width,r.height),c):new CanvasPattern}function le(){return{patternsStandardList:[Dd,Ad,Ld,Td,Od,Id],colourSets:[["#393879","#006974","#405D68","#005C91","#8C3500","#8C0003"],["#A274FF","#143666","#00A3B2","#8C1551","#F255A3","#095359"],["#00A3B2","#143666","#3D993D","#8C1551","#E56D17","#4C3380"],["#8C1551","#E56D17","#4C3380","#4588E5","#095359","#F255A3"],["#4588E5","#4C3380","#E56D17","#143666","#D94141","#8C1551"],["#143666","#F255A3","#095359","#4588E5","#8C1551","#E56D17"],["#A274FF","#B0BBC0","#B0BBC0","#B0BBC0","#B0BBC0","#B0BBC0"]]}}const Fd={class:"container"},Rd={class:"main"},Ed=x.defineComponent({__name:"BarChart",props:{chartId:{type:String,default:"radar-chart"},unit:{type:String,default:"%"},labels:{type:Array,default:()=>[]},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},datasets:{type:Array,default:()=>[]},width:{type:String,default:"400px"},height:{type:String,default:"300px"},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},stacked:{type:Boolean,default:!1},disableAccessibility:{type:Boolean,default:!1},enableHoverFeature:{type:Boolean,default:!1},xAxisTitle:{type:String,default:null},yAxisTitle:{type:String,default:null},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"},horizontalChart:{type:Boolean,default:!1},displayDataSetsTicksLabels:{type:Boolean,default:!0},xMin:{type:Number,required:!1},xMax:{type:Number,required:!1},yMin:{type:Number,required:!1},yMax:{type:Number,required:!1},rateMinimumFractionDigits:{type:Number,required:!1},rateMaximumFractionDigits:{type:Number,required:!1},amountMinimumFractionDigits:{type:Number,required:!1},amountMaximumFractionDigits:{type:Number,required:!1},ticksMinimumFractionDigits:{type:Number,required:!1},ticksMaximumFractionDigits:{type:Number,required:!1},hideLegend:{type:Boolean,default:!1},disableLegendClick:{type:Boolean,default:!1}},setup(i){const t=i;kt.register(ee,ie,te,Qt,ne,se);const{colourSets:e,patternsStandardList:n}=le(),s=x.ref(null),o=x.ref(!1),a=x.computed(()=>t.newPatternsOrder.length!==n.length?e[t.colourSet]:t.newPatternsOrder.map(P=>e[t.colourSet][P])),r=x.computed(()=>t.newPatternsOrder.length!==n.length?n:t.newPatternsOrder.map(P=>n[P])),l=x.computed(()=>t.disableAccessibility),c=x.computed(()=>t.enableHoverFeature),h=x.computed(()=>t.disableLegendClick),{onHoverIndex:d,barChartRef:u,reloadChart:f,getOnHoverOptions:m,getStackedDatasets:g,privateGetHtmlLegendPlugin:p}=Cd(),b=x.computed(()=>{const P=w(S.value);return v(),{labels:P,datasets:g(t.datasets.map((O,N)=>({data:k(N,S.value),label:t.datasets[N].label,stack:O.stack||0})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let y,_;const v=()=>{y=t.tooltipFirstLineLabel,_=t.tooltipSecondLineLabel},S=x.computed(()=>{const P=t.labels;if(P.includes("other")){const O=P.indexOf("other");if(t.datasets[0].data[O].rate+""=="0"&&t.datasets[1].data[O].rate+""=="0")return O}return null}),k=(P,O,N=!1)=>{const F=Object.assign([],t.datasets[P].data);return O&&S.value&&F.splice(S.value,1),F.map(R=>t.unit==="%"?R.rate:R.amount)},M=P=>{const O=P.tooltip.dataPoints[0].datasetIndex,N=P.tooltip.dataPoints[0].dataIndex,F=P.tooltip.body[0].lines[0].split(":")[1],R=t.datasets[O].data[N],$=R.rate?tt(parseFloat(F.replace(",",".")),t.rateMinimumFractionDigits,t.rateMaximumFractionDigits)+" % ":"",ot=R.amountUnit?R.amountUnit:"",G=R.amount?tt(R.amount,t.amountMinimumFractionDigits,t.amountMaximumFractionDigits):"";return $+($&&G?"/ ":"")+G+" "+ot},w=P=>{const O=Object.assign([],t.labels);return P&&O.splice(P,1),O.map(N=>N)},D=x.computed(()=>({onHover:t.enableHoverFeature?m():()=>{},elements:{bar:{borderSkipped:!1}},maxBarThickness:64,categoryPercentage:.6,responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(P){var N;const O=((N=P.tooltip.dataPoints)==null?void 0:N[0].dataIndex)||0;!t.labels[O]||t.labels[O]===""||new ae().createTooltip(P,M,{chartType:re.BAR_CHART,firstLineLabel:y,secondLineLabel:_},a.value,r.value,t.disableAccessibility)}}},scales:{x:{min:t.xMin,max:t.xMax,stacked:t.stacked,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle},ticks:t.horizontalChart?T():{display:t.displayDataSetsTicksLabels}},y:{min:t.yMin,max:t.yMax,stacked:t.stacked,title:{display:t.yAxisTitle!==null,text:t.yAxisTitle},ticks:t.horizontalChart?{display:t.displayDataSetsTicksLabels}:T()}},indexAxis:t.horizontalChart?"y":"x"}));function T(){return{callback:function(P){return t.unit==="%"?Yo(P,t.unit,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits):It(P,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits)+" "+t.unit}}}const A=x.computed(()=>[p(s,o,l,a,r,c,h)]);return x.watch(d,()=>{f()},{deep:!0}),(P,O)=>(x.openBlock(),x.createElementBlock("div",Fd,[x.createElementVNode("div",Rd,[b.value?(x.openBlock(),x.createBlock(x.unref(Uo),{key:0,ref_key:"barChartRef",ref:u,id:i.chartId,data:b.value,options:D.value,plugins:A.value,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):x.createCommentVNode("",!0)]),i.hideLegend?x.createCommentVNode("",!0):(x.openBlock(),x.createElementBlock("div",{key:0,ref_key:"legendContainer",ref:s},null,512))]))}}),Ou="",Iu="",ce=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},wi=ce(Ed,[["__scopeId","data-v-0d1e7cab"]]);wi.install=i=>{i.component("BarChart",wi)};function Bd(){const i=x.ref(null),t=x.ref(null),e=x.ref(null),n=x.ref(null);function s(u,f,m,g,p,b,y,_){return Go(u,f,t,m,g,p,_,b,y)}function o(u,f,m,g){return t.value!==null&&g?f.map((p,b)=>t.value===b?p(!1,u[b],m):p(!0,u[b],m)):f.map((p,b)=>p(!1,u[b],m))}function a(u,f){return t.value!==null&&f?u.map((m,g)=>t.value===g?m:Fe(m,.2)):u}function r(){return(u,f)=>{f[0]!==void 0?t.value=f[0].element.$context.index:t.value=null}}const l=u=>u.charAt(0).toUpperCase()+u.slice(1).toLowerCase();function c(u){return{id:"centeredLabelPlugin",afterDatasetDraw:f=>{var y,_,v,S;const m=[];f.getDatasetMeta(0).data.forEach((k,M)=>{k.startAngle!==k.endAngle&&m.push(M)});const p=(v=(_=(y=f._metasets[0])==null?void 0:y._dataset)==null?void 0:_.raw_value)==null?void 0:v.filter((k,M)=>m.includes(M)).reduce((k,M)=>k+M,0),b=((S=u[0])==null?void 0:S.unit)??"";n.value=`${It(p)}${b}`}}}function h(u,f,m,g){let p=u.slice(0),b=f.slice(0);return u.length>m&&(b=d(f,m),p=p.slice(0,m-1),p.push(g)),p.map((y,_)=>{var v;return`${l(y)} (${It((v=b[_])==null?void 0:v.rate)} %)`})}function d(u,f){if(f<1)return u;let m=u.slice(0);return u.length>f&&(m=m.slice(0,f),m[f-1]=u.slice(f).reduce((g,p)=>(g.rate+=p.rate,g.value+=p.value,g),{...u[f-1]})),m}return{onHoverIndex:t,privateGetHtmlLegendPlugin:s,getOnHoverOptions:r,groupDataAfterNthValue:d,getDoughnutLabels:h,getBackgroundColor:o,getFormatedText:l,getBorderColor:a,backgroundColor:e,doughnutRef:i,getCenteredLabelPlugin:c,centeredLabel:n}}const zd={class:"container"},Nd={class:"main"},Wd={key:1,class:"centered-label"},Hd=x.defineComponent({__name:"DoughnutChart",props:{chartId:{type:String,default:"doughnut-chart"},data:{type:Array,default:()=>[]},labels:{type:Array,default:()=>[]},cssClasses:{type:String,default:void 0},enableCenteredLabel:{type:Boolean,default:!1},disableAccessibility:{type:Boolean,default:!1},enableHoverFeature:{type:Boolean,default:!1},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},width:{type:String,default:"400px"},height:{type:String,default:"400px"},maxValues:{type:Number,default:5},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},othersLabel:{type:String,default:"others"},rateMinimumFractionDigits:{type:Number,required:!1},rateMaximumFractionDigits:{type:Number,required:!1},valueMinimumFractionDigits:{type:Number,required:!1},valueMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Jt);const{colourSets:e,patternsStandardList:n}=le(),{onHoverIndex:s,doughnutRef:o,centeredLabel:a,getBackgroundColor:r,privateGetHtmlLegendPlugin:l,getCenteredLabelPlugin:c,getOnHoverOptions:h,groupDataAfterNthValue:d,getDoughnutLabels:u,getBorderColor:f}=Bd(),m=x.ref(!1),g=x.ref(null),p=x.computed(()=>d(t.data,t.maxValues)),b=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(A=>e[t.colourSet][A])),y=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(A=>n[A])),_=x.computed(()=>({labels:u(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:p.value.map(A=>A.rate),raw_value:p.value.map(A=>A.value),backgroundColor:r(b.value,y.value,t.disableAccessibility,t.enableHoverFeature),borderColor:f(b.value,t.enableHoverFeature)}]})),v=A=>{const P=A.tooltip.dataPoints[0].dataIndex,O=p.value[P],N=tt(O.rate,t.rateMinimumFractionDigits,t.rateMaximumFractionDigits),F=tt(O.value,t.valueMinimumFractionDigits,t.valueMaximumFractionDigits),R=O.unit||"";return`${F} ${R} (${N} %)`};function S(){return t.labels.length<=1?0:12}const k=x.computed(()=>{const A=b.value,P=y.value;return{responsive:!0,maintainAspectRatio:!1,onHover:t.enableHoverFeature?h():()=>{},plugins:{legend:{display:!1,position:"bottom",align:"start",labels:{pointStyle:"rectRounded",usePointStyle:!0}},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(O){new ae().createTooltip(O,v,{chartType:re.DOUGHNUT},A,P,w.value)}}},radius:"90%",cutout:"70%",borderWidth:3,spacing:S(),hoverOffset:4}}),M={data:t.data,labels:t.labels},w=x.computed(()=>t.disableAccessibility),D=x.computed(()=>t.enableHoverFeature),T=x.computed(()=>[l(g,m,w,b,y,t.maxValues,M,D),c(t.data)]);return x.watch(s,(A,P)=>{A!==P&&D.value&&r(b.value,y.value,t.disableAccessibility,D.value)}),x.watch(w,()=>{r(b.value,y.value,t.disableAccessibility,D.value)}),(A,P)=>(x.openBlock(),x.createElementBlock("div",zd,[x.createElementVNode("div",Nd,[_.value?(x.openBlock(),x.createBlock(x.unref(hd),{key:0,ref_key:"doughnutRef",ref:o,id:i.chartId,data:_.value,options:k.value,plugins:T.value,"max-values":i.maxValues,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","max-values","class","style"])):x.createCommentVNode("",!0),i.enableCenteredLabel?(x.openBlock(),x.createElementBlock("span",Wd,x.toDisplayString(x.unref(a)),1)):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:g},null,512)]))}}),Fu="",Ci=ce(Hd,[["__scopeId","data-v-aad16a24"]]);Ci.install=i=>{i.component("DoughnutChart",Ci)};const Vd={class:"container"},jd={class:"main"},$d=x.defineComponent({__name:"LineChart",props:{chartId:{type:String,default:"radar-chart"},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"},width:{type:String,default:"200px"},height:{type:String,default:"400px"},disableAccessibility:{type:Boolean,default:!1},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},lines:{type:Array,default:()=>{}},labels:{type:Array,default:()=>[]},xAxisTitle:{type:String,default:null},yAxisTitle:{type:String,default:null},suggestedMin:{type:Number,default:void 0},suggestedMax:{type:Number,default:void 0},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},valueMinimumFractionDigits:{type:Number,required:!1},valueMaximumFractionDigits:{type:Number,required:!1},ticksMinimumFractionDigits:{type:Number,required:!1},ticksMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Tt,pt,ne,se);const{colourSets:e,patternsStandardList:n}=le(),s=x.ref(null),o=x.ref(!1),a=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(y=>e[t.colourSet][y])),r=t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(y=>n[y]),l=y=>{var k,M;const _=y.tooltip.dataPoints[0].datasetIndex,v=y.tooltip.dataPoints[0].dataIndex;if((k=t.lines[_].formattedData)!=null&&k.length)return((M=t.lines[_].formattedData)==null?void 0:M[v])||"";const S=tt(t.lines[_].data[v],t.valueMinimumFractionDigits,t.valueMaximumFractionDigits);return t.lines[_].unit?S+" "+t.lines[_].unit:S},c=x.computed(()=>t.tooltipFirstLineLabel),h=x.computed(()=>t.tooltipSecondLineLabel),d=y=>{switch(y){case 1:return"circle";default:return"rectRot"}},u=x.computed(()=>({labels:t.labels.map(y=>y),datasets:t.lines.map((y,_)=>({type:"line",borderColor:a.value[_],pointStyle:d(_),pointBackgroundColor:"#FFFFFF",pointRadius:5,label:y.label,data:y.data,borderWidth:2}))}));function f(y,_){return[{id:"htmlLegend",afterUpdate(v){const S=Mi(y,"column");for(S.style.display="flex",S.style.flexDirection="row",S.style.margin="1.375rem 1.0625rem";S.firstChild;)S.firstChild.remove();v.options.plugins.legend.labels.generateLabels(v).forEach(M=>{const w=Si(v,_,M.datasetIndex);let D;_.value?D=m(v,M):D=wn(M),D.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(D),w.appendChild(vi(M)),S.appendChild(w)})}}]}function m(y,_){const v=kn(y,_,null);return v.onclick=S=>{ki(y,_.datasetIndex,o),S.stopPropagation()},v}const g=f(s,o),p=x.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(y){new ae().createTooltip(y,l,{chartType:re.LINE_CHART,firstLineLabel:c.value,secondLineLabel:h.value},a.value,r,t.disableAccessibility)}}},scales:{x:{offset:!0,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle}},y:{type:"linear",display:!0,title:{display:t.yAxisTitle!==null,text:t.yAxisTitle},suggestedMin:t.suggestedMin,suggestedMax:t.suggestedMax,position:"left",grid:{drawOnChartArea:!0},ticks:{callback:b}}}}));function b(y){const _=t.lines[0].unit;return`${It(y,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits)} ${_||""}`}return(y,_)=>(x.openBlock(),x.createElementBlock("div",Vd,[x.createElementVNode("div",jd,[u.value?(x.openBlock(),x.createBlock(x.unref(dd),{key:0,ref:"lineChartRef",id:i.chartId,data:u.value,options:p.value,plugins:x.unref(g),class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:s},null,512)]))}}),Ru="",Pi=ce($d,[["__scopeId","data-v-4449eac2"]]);Pi.install=i=>{i.component("LineChart",Pi)};function Ud(i,t){const e=i.ctx,n=i.scales.r,s=i.data.labels;!e||!n||!s||(e.save(),s.forEach((o,a)=>{const r=(n.getIndexAngle(a)-Math.PI/2)%(2*Math.PI),l=n.getPointPositionForValue(a,n.max);e.textAlign=r<=Math.PI/2||r>3*Math.PI/2?"left":"right";let c=r<=Math.PI/2||r>3*Math.PI/2?15:-15,h;r<0||r>Math.PI?h=-15:h=15,r>Math.PI/4&&r<3*Math.PI/4&&(h*=3),(r<-Math.PI/4||r>5*Math.PI/4)&&(h*=3,c=0),(r>11*Math.PI/8||r<-3*Math.PI/8)&&(e.textAlign="center");const d=l.y+h*(o.length-1)/2;e.font="12px Arial",o.forEach((u,f)=>{const m=f===o.length-1?Yd(t)[a]:"#000000";e.fillStyle=m;const g=l.x+c,p=d+15*f;e.fillText(u,g,p)})}),e.restore())}const Yd=i=>i.datasets[0].areaData.map(t=>{switch(t.color){case"red":return"#C61112";case"green":return"#46A610";default:return"#000000"}});function qd(i,t){if(i.length>7&&i.includes(" ",7)){const n=i.indexOf(" ",7);return[i.substring(0,n),i.substring(n),t]}return[i,t]}const Xd={class:"container"},Gd=x.defineComponent({__name:"RadarChart",props:{chartId:{type:String,default:"radar-chart"},height:{type:String,default:"600px"},labels:{type:Array,default:()=>[]},disableAccessibility:{type:Boolean,default:!1},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},datasets:{type:Array,default:()=>[]},cssClasses:{default:"",type:String},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},dataMinimumFractionDigits:{type:Number,required:!1},dataMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Oe,pt,Tt,Mh);const{colourSets:e,patternsStandardList:n}=le(),s=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(p=>e[t.colourSet][p])),o=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(p=>n[p])),a=x.computed(()=>({labels:d(),datasets:r()}));function r(){return t.datasets.map((p,b)=>({label:p.label,backgroundColor:Fe(s.value[b],.1),borderColor:s.value[b],pointBackgroundColor:"#FFFFFF",pointBorderColor:s.value[b],pointBorderWidth:2,borderWidth:2,pointHitRadius:55,pointRadius:5,pointStyle:b%2===0?"circle":"rectRot",pointHoverBackgroundColor:s.value[b],pointHoverBorderColor:s.value[b],data:p.areaData.map(y=>y.position)}))}const l={onClick:(p,b,y)=>{b[0]&&ta(y,b[0].datasetIndex,h)},responsive:!0,maintainAspectRatio:!1,plugins:{htmlLegend:{containerID:"legend-container"},legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(p){new ae().createTooltip(p,g,{chartType:re.RADAR},s.value,o.value,t.disableAccessibility)}}},layout:{padding:{left:130,right:95,top:95,bottom:95}},scales:{r:{min:0,max:100,pointLabels:{display:!1,font:{weight:400,family:"Roboto"}},ticks:{display:!1,stepSize:25}}}},c=x.ref(null),h=x.ref(!1),d=()=>t.labels.map((p,b)=>{const y=t.datasets[0].areaData[b].value?`${u(t.datasets[0].areaData[b].value+"")} ${t.datasets[0].areaData[b].unit}`:"No Data";return qd(p,y)}),u=p=>It(parseFloat(p),t.dataMinimumFractionDigits,t.dataMaximumFractionDigits);function f(p,b){const y=kn(p,b,null);return y.onclick=_=>{ki(p,b.datasetIndex,h),_.stopPropagation()},y}const m=[{id:"htmlLegend",afterUpdate(p){const b=Mi(c,"row");for(;b.firstChild;)b.firstChild.remove();p.options.plugins.legend.labels.generateLabels(p).reverse().forEach(_=>{const v=Si(p,h,_.datasetIndex);let S;v.style.marginRight="0.625rem",h.value?S=f(p,_):S=wn(_,!0),v.appendChild(S),v.appendChild(vi(_)),b.appendChild(v)})}},{id:"radarLabelPlugin",beforeDraw(p){Ud(p,t)}}],g=p=>{const b=p.tooltip.dataPoints[0].datasetIndex,y=p.tooltip.dataPoints[0].dataIndex,_=t.datasets[b];return tt(_.areaData[y].value,t.dataMinimumFractionDigits,t.dataMaximumFractionDigits)+" "+_.areaData[y].unit};return(p,b)=>(x.openBlock(),x.createElementBlock("div",Xd,[x.createElementVNode("div",{class:"main",style:x.normalizeStyle({height:i.height})},[a.value?(x.openBlock(),x.createBlock(x.unref(ud),{key:0,id:i.chartId,data:a.value,options:l,plugins:m,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","class","style"])):x.createCommentVNode("",!0)],4),x.createElementVNode("div",{ref_key:"legendContainer",ref:c,class:"legendContainer"},null,512)]))}}),Eu="",Di=ce(Gd,[["__scopeId","data-v-6ed1561f"]]);Di.install=i=>{i.component("RadarChart",Di)};const na=Object.freeze(Object.defineProperty({__proto__:null,BarChart:wi,DoughnutChart:Ci,LineChart:Pi,RadarChart:Di},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:sa}=xi();function Kd(){const i=x.ref(2),t=x.reactive({dataSetIndex:-1,columnIndex:-1});function e(d,u,f,m,g,p){return[{id:"htmlLegend",afterUpdate(b){const y=Mi(d,"column");for(y.style.display="flex",y.style.margin="1.375rem 1.0625rem",y.style.flexDirection="row-reverse",y.style.flexWrap="wrap",y.style.justifyContent="flex-end";y.firstChild;)y.firstChild.remove();b.options.plugins.legend.labels.generateLabels(b).sort((v,S)=>S.datasetIndex-v.datasetIndex).forEach(v=>{const S=Si(b,u,v.datasetIndex);let k;u.value?k=Zo(b,v,u,{datasetIndex:-1},g.value,!1):v!=null&&v.lineCap?k=wn(v):k=Ko(v,b,{datasetIndex:-1},m.value,g.value,p.value,!1),k.style.boxSizing="border-box",S.style.marginRight="10px",S.style.marginBottom="2px",S.appendChild(k),S.appendChild(vi(v)),y.appendChild(S)})}}]}function n(d,u,f,m,g){return e(d,u,t,f,m,g)}function s(d,u,f,m,g){const p=i.value;return d.map((b,y)=>{const _=b.type==="bar";return{type:b.type,fill:_?null:!1,borderWidth:function(){return u&&_?1:p},borderColor:function(v){return u&&_?"#00000000":_?o(y,v.index,f,g):f[y%f.length]},backgroundColor:function(v){return a(y,v.index,u,f,m,g)},yAxisID:_?"A":"B",pointStyle:y%2===0?"rectRot":"circle",data:b.data,label:b.label,pointBackgroundColor:"#FFFFFF",pointRadius:5,order:b.type==="line"?0:1}})}function o(d,u,f,m){const g=sa(d,m);return r(d,u)?f[g]:Fe(f[g],.2)}function a(d,u,f,m,g,p){const b=sa(d,p);return r(d,u)?g[b](!1,m[b],f):g[b](!0,m[b],f)}function r(d,u){return l()||c(d,u)||h(d)}function l(){return t.dataSetIndex<0}function c(d,u){return t.dataSetIndex===d&&t.columnIndex===u}function h(d){return t.dataSetIndex===d&&t.columnIndex<0}return{privateGetHtmlLegendPlugin:n,getMixedDatasets:s,getBorderColor:o,getPattern:a,onHoverIndex:t}}const Zd={class:"container"},Jd={class:"main"},Qd=x.defineComponent({__name:"MixedBarLineChart",props:{chartId:{type:String,default:"mixed-bar-line-chart"},unit:{type:String,default:""},labels:{type:Array,default:()=>[]},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},barDatasets:{type:Array,default:()=>[]},barUnit:{type:String,default:""},lineDatasets:{type:Array,default:()=>[]},lineUnit:{type:String,default:""},width:{type:String,default:"400px"},height:{type:String,default:"300px"},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},stacked:{type:Boolean,default:!1},disableAccessibility:{type:Boolean,default:!1},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"},xAxisTitle:{type:String,default:null},yLeftAxisTitle:{type:String,default:null},yRightAxisTitle:{type:String,default:null},lineValueMinimumFractionDigits:{type:Number,required:!1},lineValueMaximumFractionDigits:{type:Number,required:!1},barValueMinimumFractionDigits:{type:Number,required:!1},barValueMaximumFractionDigits:{type:Number,required:!1},lineTicksMinimumFractionDigits:{type:Number,required:!1},lineTicksMaximumFractionDigits:{type:Number,required:!1},barTicksMinimumFractionDigits:{type:Number,required:!1},barTicksMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Qt,ne,se,pt,Tt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Kd(),{colourSets:s,patternsStandardList:o}=le(),a=x.ref(null),r=x.ref(!1),l=x.computed(()=>{let v=[];return t.barDatasets&&(v=v.concat(t.barDatasets)),t.lineDatasets&&(v=v.concat(t.lineDatasets)),v}),c=x.computed(()=>t.newPatternsOrder.length!==o.length?s[t.colourSet]:t.newPatternsOrder.map(v=>s[t.colourSet][v])),h=x.computed(()=>t.newPatternsOrder.length!==o.length?o:t.newPatternsOrder.map(v=>o[v])),d=x.computed(()=>t.disableAccessibility),u=x.computed(()=>({labels:m(),datasets:n(l.value,d.value,c.value,h.value,0)})),f=v=>{const S=v.tooltip.dataPoints[0].datasetIndex,k=v.tooltip.dataPoints[0].dataIndex,M=l.value[S].data[k],w=l.value[S].type==="bar"?t.barUnit:t.lineUnit;return(l.value[S].type==="bar"?tt(M,t.barValueMinimumFractionDigits,t.barValueMaximumFractionDigits):tt(M,t.lineValueMinimumFractionDigits,t.lineValueMaximumFractionDigits))+" "+w},m=()=>Object.assign([],t.labels).map(S=>S),g=x.computed(()=>({type:"bar",responsive:!0,maintainAspectRatio:!1,maxBarThickness:64,categoryPercentage:.6,elements:{bar:{borderSkipped:!1}},plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(v){new ae().createTooltip(v,f,{chartType:re.MIXED_BAR_LINE_CHART,firstLineLabel:t.tooltipFirstLineLabel,secondLineLabel:t.tooltipSecondLineLabel},c.value,h.value,t.disableAccessibility)}}},scales:{x:{offset:!0,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle}},A:{type:"linear",display:!0,position:"left",grid:{drawOnChartArea:!0},title:{display:t.yLeftAxisTitle!==null,text:t.yLeftAxisTitle},ticks:{callback:p}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:t.yRightAxisTitle!==null,text:t.yRightAxisTitle},ticks:{callback:b}}}}));function p(v){return y(v,t.barUnit,t.barTicksMinimumFractionDigits,t.barTicksMaximumFractionDigits)}function b(v){return y(v,t.lineUnit,t.lineTicksMinimumFractionDigits,t.lineTicksMaximumFractionDigits)}function y(v,S,k,M){return S==="%"?`${Yo(v,t.unit,k,M)} ${S}`:`${It(v,k,M)} ${S}`}const _=x.ref(e(a,r,d,c,h));return(v,S)=>(x.openBlock(),x.createElementBlock("div",Zd,[x.createElementVNode("div",Jd,[u.value?(x.openBlock(),x.createBlock(x.unref(Uo),{key:0,ref:"mixedBarLineChartRef",id:i.chartId,data:u.value,options:g.value,plugins:_.value,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:a},null,512)]))}}),Bu="",zu="",Pn=ce(Qd,[["__scopeId","data-v-d80ed741"]]);Pn.install=i=>{i.component("MixedBarLineChart",Pn)};const tu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9IiM2NjY2NjYiLz4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMTEuMiIgcj0iNC4zIiBzdHJva2U9IiM2NjY2NjYiLz4KPC9zdmc+";/*!
22
+ border-color: ${o};`)}function kn(i,t,e){const s=i.config.type==="doughnut"?t.index:t.datasetIndex,o=document.createElement("input");o.setAttribute("type","checkbox"),o.setAttribute("data-test-id",`legend-checkbox-${s}`);const a=ea(i,s),r=e?e[s]:void 0;return Md(a,t,o,r),o}function Mn(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function Qo(i){let t=i.config.data.datasets;return Mn(i)&&(t=i.config.data.datasets[0].data),t}function ta(i,t,e){if(!e.value){const n=Qo(i);e.value=!0,n.forEach((s,o)=>{o!==t&&ki(i,o)})}}function wd(i){let t=!0;return Qo(i).forEach((n,s)=>{t=t&&ea(i,s)}),t}function ea(i,t){return Mn(i)?i.getDataVisibility(t):i.isDatasetVisible(t)}function ki(i,t,e){Mn(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&wd(i)&&(e.value=!1),i.update()}function wn(i,t){const e=Jo(i,""),n=kd(i),s=i.index||i.datasetIndex;return n.style.width="10px",n.style.height="10px",s%2===0?t?n.style.borderRadius="25px":n.style.transform="rotate(45deg)":t?n.style.transform="rotate(45deg)":n.style.borderRadius="25px",e.appendChild(n),e}function Mi(i,t){var n,s;let e=(n=i.value)==null?void 0:n.querySelector("ul");return e||(e=document.createElement("ul"),e.style.display="flex",e.style.flexDirection=t,e.style.margin="0",e.style.padding="0",(s=i.value)==null||s.appendChild(e)),e}function ia(i){return i==="#00000000"}function Fe(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:Cn}=xi();function Cd(){const i=x.ref(3),t=x.ref(null),e=x.reactive({dataSetIndex:-1,columnIndex:-1});function n(g,p,b,y,_,v,S){return Go(g,p,e,b,y,_,v,void 0,null,S)}function s(){i.value=4,i.value=3}function o(g,p,b,y,_,v){const S=i.value;return g.map((k,M)=>({borderColor:function(w){return b?"#00000000":r(M,w.index,y,v)},backgroundColor:function(w){return l(M,w.index,b,y,_,v)},borderWidth:function(){return b?1:S},data:k.data,label:k.label,stack:`Stack ${p?k.stack:M}`}))}function a(g,p,b,y,_){return o([g,p],!1,_,b,y)}function r(g,p,b,y){const _=Cn(g,y);return u(g,p)?b[_]:Fe(b[_],.2)}function l(g,p,b,y,_,v){const S=Cn(g,v);return u(g,p)?_[S](!1,y[S],b):_[S](!0,y[S],b)}function c(){return e.dataSetIndex<0}function h(g,p){return e.dataSetIndex===g&&e.columnIndex===p}function d(g){return e.dataSetIndex===g&&e.columnIndex<0}function u(g,p){return c()||h(g,p)||d(g)}function f(){e.dataSetIndex=-1,e.columnIndex=-1}function m(){return(g,p)=>{p[0]!==void 0?(e.dataSetIndex=p[0].datasetIndex,e.columnIndex=p[0].index):f()}}return{onHoverIndex:e,reloadChart:s,getDatasets:a,getStackedDatasets:o,getOnHoverOptions:m,getBorderColor:r,getPattern:l,privateGetHtmlLegendPlugin:n,getPatternIndexWithShift:Cn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:Pd}=xi();class ae{constructor(){C(this,"chartType","");C(this,"datasetIndex",0);C(this,"dataIndex",0);C(this,"titleLines",[""]);C(this,"dataToDisplay","");C(this,"xValue","");C(this,"yValue","");C(this,"patternShifting",0)}createTooltip(t,e,n,s,o,a=!1){var c,h,d,u;if(!t.tooltip.dataPoints)return;this.datasetIndex=((c=t.tooltip)==null?void 0:c.dataPoints[0].datasetIndex)||0,this.dataIndex=t.tooltip.dataPoints[0].dataIndex||0,this.xValue=n.firstLineLabel||"",this.yValue=n.secondLineLabel||"",this.chartType=n.chartType,this.dataToDisplay=e(t),this.patternShifting=n.patternShifting||0;let r=document.querySelector("#chartjs-tooltip");r||(r=this.createNewTooltipElement());const l=t.tooltip;if(l.opacity===0){r.style.opacity="0";return}if(l.body){this.titleLines=l.title||[];const f=l.body.map(this.getBody);let m="background: white;";m+="border-bottom: 1px solid #CCCCCC;",m+="border-radius: 5px;",m+="padding: 10px 20px";const g=`<div style="${m}" class="tooltipTitle">`,p=this.chartType==="DOUGHNUT"?[l.title[0].split("(")[0].trim()]:f[0];let b="",y="";const _=(u=(d=(h=t.tooltip)==null?void 0:h.dataPoints[0])==null?void 0:d.dataset)==null?void 0:u.type;this.chartType==="RADAR"||this.chartType==="LINE_CHART"?(b=this.createLegendStyle(t),y=this.createLegendInnerStyle(t)):this.chartType==="BAR_CHART"||this.chartType==="DETAILS_BAR_CHART"||this.chartType==="DOUGHNUT"?b=this.createPatternLegendStyle(t):this.chartType==="MIXED_BAR_LINE_CHART"&&(_==="bar"?b=this.createPatternLegendStyle(t):(b=this.createLegendStyle(t),y=this.createLegendInnerStyle(t))),this.addLegendToDom(g,b,y,p,m,r,s,o,a,_)}this.handleTooltipPosition(t,l,r)}handleTooltipPosition(t,e,n){const s=t.chart.canvas.getBoundingClientRect(),o=window.innerWidth,a=s.left+window.scrollX+e.caretX,r=s.top+window.scrollY+e.caretY;n.style.left=a+"px",n.style.top=r+"px",n.style.height="auto",n.style.minWidth="17rem",n.style.opacity="1",n.style.position="absolute",n.style.zIndex="1999999999",n.style.backgroundColor="white",n.style.pointerEvents="none",n.getBoundingClientRect().width+a>o&&(n.style.left=a-n.getBoundingClientRect().width+"px")}createNewTooltipElement(){const t=document.createElement("div");return t.id="chartjs-tooltip",t.style.backgroundColor="white",t.style.borderRadius="5px",t.style.transition="opacity .5s",t.style.boxShadow="0px 1px 5px rgba(0, 0, 0, 0.2)",t.innerHTML='<div class="tooltipCtn"></div>',document.body.appendChild(t),t}createPatternLegendStyle(t){return this.createCommonLegendSquareStyle(t)}createLegendStyle(t){let e=`background-color:${t.tooltip.labelColors[0].backgroundColor}`;return e+=this.createCommonLegendSquareStyle(t),e}createCommonLegendSquareStyle(t){let e=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor}`;return e+=";min-height: 20px",e+=";min-width: 20px",e+=";border-radius: 5px",e+=";margin-right: 10px",e+=";display: flex",e+=";align-items: center",e+=";justify-content: center",e+=";background: rgba(0, 0, 0, 0.1);",e}createLegendInnerStyle(t){let e="height: 12px";return e+=";width: 12px",e+=";background-color: #FFF",e+=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor};`,t.tooltip.labelPointStyles[0].pointStyle==="circle"?e+="border-radius: 25px;":t.tooltip.labelPointStyles[0].pointStyle==="rectRot"&&(e+="transform: rotate(45deg);"),e}addLegendToDom(t,e,n,s,o,a,r,l,c=!1,h){let d=t,u=`<div class="legendIcon" style="${e}">`;const f=`<div style="${n}"></div>`;u+=`${f}</div>`;const m=this.setInnerHtmlToAdd(s,o,u);d+=m;const g=a==null?void 0:a.querySelector(".tooltipCtn");(g==null?void 0:g.innerHTML)!=null&&(h?this.setInnerHtmlAndPattern(g,d,r,l,c,h):this.setInnerHtmlAndPattern(g,d,r,l,c))}setInnerHtmlToAdd(t,e,n){const a=`<span style="font-family: Arial; font-size: 16px">${t[0].split(":")[0]}</span>`;return this.chartType==="RADAR"?this.returnRadarHtml(e,n,a):this.chartType==="DOUGHNUT"?this.returnDoughnutHtml(n,a):this.returnDetailsBarchartHtml(e,n,a)}returnDoughnutHtml(t,e){const n="font-family: Arial; font-size: 16px",s=`<span style="${n}">${e.split("(")[0]}</span>`;let o=`<div style="${n}; display: flex; align-items: center; justify-content: space-between">`;return o+=`<div style="display:flex; align-items: center;" >${t+s}</div>`,o+=`<div style="${n}; margin-left:3rem;">${this.dataToDisplay}</div>`,o+="</div></div>",o}returnRadarHtml(t,e,n){const s="font-family: Arial; font-size: 16px";let o=`<div style="${s}; display: flex; align-items: center;">${e+n}</div>`;return o+="</div>",o+=`<div style="${s}; ${t}; border: none; display:flex; justify-content: space-between;">`,o+=`<div>${this.titleLines[0]}</div>`,o+=`<div style="margin-left: 20px;">${this.dataToDisplay}</div>`,o+="</div>",o+="</div><div>",o}returnDetailsBarchartHtml(t,e,n){const s="font-family: Arial; font-size: 16px";let o=`<div style="${s}; display: flex; align-items: center;">${e+n}</div>`;return o+="</div>",o+=`<div style="${s}; ${t}; display:flex; justify-content: space-between;">`,o+=`<div>${this.xValue}</div>`,o+=`<div style="margin-left: 20px;">${this.titleLines[0]}</div>`,o+="</div>",o+=`<div style="${s}; ${t}; border-: none; display:flex; justify-content: space-between;">`,o+=`<div>${this.yValue}</div>`,o+=`<div style="margin-left: 20px;">${this.dataToDisplay}</div>`,o+="</div>",o}setInnerHtmlAndPattern(t,e,n,s,o=!1,a){t.innerHTML=e;const r=document.querySelector(".legendIcon"),l=new Image;let c;this.chartType==="DOUGHNUT"?c=this.dataIndex+1:c=this.datasetIndex+1;const h=gd(c,this.patternShifting);if(this.chartType!=="LINE_CHART"&&this.chartType!=="RADAR"&&a!=="line"){const d=s[h-1](!1,n[h-1],o),u=Pd(d,22,22);l.src=u.toDataURL(),r.style.backgroundImage=`url(${l.src})`}}getBody(t){return t.lines}}var re=(i=>(i.RADAR="RADAR",i.BAR_CHART="BAR_CHART",i.MIXED_BAR_LINE_CHART="MIXED_BAR_LINE_CHART",i.DETAILS_BAR_CHART="DETAILS_BAR_CHART",i.LINE_CHART="LINE_CHART",i.DOUGHNUT="DOUGHNUT",i))(re||{});function Dd(i,t="#A274FF",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=o*.15;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.006*o,s.rect(.5*o,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.006*o,s.rect(.75*o,o/2,a,a),s.fill(),s.beginPath(),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.006*o,s.rect(0,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.006*o,s.rect(.25*o,o/2,a,a),s.fill()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const l=document.createElement("canvas").getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c||new CanvasPattern}function Ad(i,t="#143666",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(-o*.03,-.01*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.29*o,.33*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.63*o,.69*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.33*o,-.37*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.71*o,-.72*o,o+o/2,.04*o),s.fill(),s.restore()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function Ld(i,t="#00A3B2",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o/2),s.lineTo(0,0),s.lineTo(o/2,o/2),s.lineTo(o,0),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o),s.lineTo(0,o/2),s.lineTo(o/2,o),s.lineTo(o,o/2),s.lineTo(o+o/2,o),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,111e-6),s.lineTo(4e-6*o,-o/2),s.lineTo(o/2,111e-6),s.lineTo(o,-o/2),s.lineTo(o+o/2,111e-6),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o+o/2),s.lineTo(0,o),s.lineTo(o/2,o+o/2),s.lineTo(o,o),s.lineTo(o+o/2,o+o/2),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function Td(i,t="#8C1551",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=o*.15;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,a,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.005*o,s.rect(o/2,0,a,o),s.fill()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const l=document.createElement("canvas").getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c?(l.fillStyle=c,l.fillRect(0,0,o,o),c):new CanvasPattern}function Od(i,t="#F255A3",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=new DOMMatrix,a=21,r=.1*a;n.width=a,n.height=a,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,a,a),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*a,s.rect(0,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*a,s.rect(0,0,a,a),s.fill(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=r,s.moveTo(r,0),s.lineTo(r,.5*a),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=r,s.moveTo(a/2+r,0),s.lineTo(a/2+r,.5*a),s.stroke()),i&&(s.beginPath(),s.fillStyle="#FFFFFF",s.globalAlpha=.5,s.lineWidth=.006*a,s.rect(0,0,a,a),s.fill());const l=document.createElement("canvas"),c=l.getContext("2d");if(!c)return new CanvasPattern;const h=c.createPattern(n,"repeat");return h?(c.fillStyle=h,c.fillRect(0,0,l.width,l.height),h.setTransform(o.rotate(45)),h):new CanvasPattern}function Id(i,t="#095359",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=.04*o;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.06*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.56*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.44*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.94*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas"),l=r.getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c?(l.fillStyle=c,l.fillRect(0,0,r.width,r.height),c):new CanvasPattern}function le(){return{patternsStandardList:[Dd,Ad,Ld,Td,Od,Id],colourSets:[["#393879","#006974","#405D68","#005C91","#8C3500","#8C0003"],["#A274FF","#143666","#00A3B2","#8C1551","#F255A3","#095359"],["#00A3B2","#143666","#3D993D","#8C1551","#E56D17","#4C3380"],["#8C1551","#E56D17","#4C3380","#4588E5","#095359","#F255A3"],["#4588E5","#4C3380","#E56D17","#143666","#D94141","#8C1551"],["#143666","#F255A3","#095359","#4588E5","#8C1551","#E56D17"],["#A274FF","#B0BBC0","#B0BBC0","#B0BBC0","#B0BBC0","#B0BBC0"]]}}const Fd={class:"container"},Rd={class:"main"},Ed=x.defineComponent({__name:"BarChart",props:{chartId:{type:String,default:"radar-chart"},unit:{type:String,default:"%"},labels:{type:Array,default:()=>[]},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},datasets:{type:Array,default:()=>[]},width:{type:String,default:"400px"},height:{type:String,default:"300px"},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},stacked:{type:Boolean,default:!1},disableAccessibility:{type:Boolean,default:!1},enableHoverFeature:{type:Boolean,default:!1},xAxisTitle:{type:String,default:null},yAxisTitle:{type:String,default:null},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"},horizontalChart:{type:Boolean,default:!1},displayDataSetsTicksLabels:{type:Boolean,default:!0},xMin:{type:Number,required:!1},xMax:{type:Number,required:!1},yMin:{type:Number,required:!1},yMax:{type:Number,required:!1},rateMinimumFractionDigits:{type:Number,required:!1},rateMaximumFractionDigits:{type:Number,required:!1},amountMinimumFractionDigits:{type:Number,required:!1},amountMaximumFractionDigits:{type:Number,required:!1},ticksMinimumFractionDigits:{type:Number,required:!1},ticksMaximumFractionDigits:{type:Number,required:!1},hideLegend:{type:Boolean,default:!1},disableLegendClick:{type:Boolean,default:!1}},setup(i){const t=i;kt.register(ee,ie,te,Qt,ne,se);const{colourSets:e,patternsStandardList:n}=le(),s=x.ref(null),o=x.ref(!1),a=x.computed(()=>t.newPatternsOrder.length!==n.length?e[t.colourSet]:t.newPatternsOrder.map(P=>e[t.colourSet][P])),r=x.computed(()=>t.newPatternsOrder.length!==n.length?n:t.newPatternsOrder.map(P=>n[P])),l=x.computed(()=>t.disableAccessibility),c=x.computed(()=>t.enableHoverFeature),h=x.computed(()=>t.disableLegendClick),{onHoverIndex:d,barChartRef:u,reloadChart:f,getOnHoverOptions:m,getStackedDatasets:g,privateGetHtmlLegendPlugin:p}=Cd(),b=x.computed(()=>{const P=w(S.value);return v(),{labels:P,datasets:g(t.datasets.map((O,N)=>({data:k(N,S.value),label:t.datasets[N].label,stack:O.stack||0})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let y,_;const v=()=>{y=t.tooltipFirstLineLabel,_=t.tooltipSecondLineLabel},S=x.computed(()=>{const P=t.labels;if(P.includes("other")){const O=P.indexOf("other");if(t.datasets[0].data[O].rate+""=="0"&&t.datasets[1].data[O].rate+""=="0")return O}return null}),k=(P,O,N=!1)=>{const F=Object.assign([],t.datasets[P].data);return O&&S.value&&F.splice(S.value,1),F.map(R=>t.unit==="%"?R.rate:R.amount)},M=P=>{const O=P.tooltip.dataPoints[0].datasetIndex,N=P.tooltip.dataPoints[0].dataIndex,F=P.tooltip.body[0].lines[0].split(":")[1],R=t.datasets[O].data[N],$=R.rate?tt(parseFloat(F.replace(",",".")),t.rateMinimumFractionDigits,t.rateMaximumFractionDigits)+" % ":"",ot=R.amountUnit?R.amountUnit:"",G=R.amount?tt(R.amount,t.amountMinimumFractionDigits,t.amountMaximumFractionDigits):"";return $+($&&G?"/ ":"")+G+" "+ot},w=P=>{const O=Object.assign([],t.labels);return P&&O.splice(P,1),O.map(N=>N)},D=x.computed(()=>({onHover:t.enableHoverFeature?m():()=>{},elements:{bar:{borderSkipped:!1}},maxBarThickness:64,categoryPercentage:.6,responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(P){var N;const O=((N=P.tooltip.dataPoints)==null?void 0:N[0].dataIndex)||0;!t.labels[O]||t.labels[O]===""||new ae().createTooltip(P,M,{chartType:re.BAR_CHART,firstLineLabel:y,secondLineLabel:_},a.value,r.value,t.disableAccessibility)}}},scales:{x:{min:t.xMin,max:t.xMax,stacked:t.stacked,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle},ticks:t.horizontalChart?T():{display:t.displayDataSetsTicksLabels}},y:{min:t.yMin,max:t.yMax,stacked:t.stacked,title:{display:t.yAxisTitle!==null,text:t.yAxisTitle},ticks:t.horizontalChart?{display:t.displayDataSetsTicksLabels}:T()}},indexAxis:t.horizontalChart?"y":"x"}));function T(){return{callback:function(P){return t.unit==="%"?Yo(P,t.unit,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits):It(P,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits)+" "+t.unit}}}const A=x.computed(()=>[p(s,o,l,a,r,c,h)]);return x.watch(d,()=>{f()},{deep:!0}),(P,O)=>(x.openBlock(),x.createElementBlock("div",Fd,[x.createElementVNode("div",Rd,[b.value?(x.openBlock(),x.createBlock(x.unref(Uo),{key:0,ref_key:"barChartRef",ref:u,id:i.chartId,data:b.value,options:D.value,plugins:A.value,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):x.createCommentVNode("",!0)]),i.hideLegend?x.createCommentVNode("",!0):(x.openBlock(),x.createElementBlock("div",{key:0,ref_key:"legendContainer",ref:s},null,512))]))}}),Ou="",Iu="",ce=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},wi=ce(Ed,[["__scopeId","data-v-0d1e7cab"]]);wi.install=i=>{i.component("BarChart",wi)};function Bd(){const i=x.ref(null),t=x.ref(null),e=x.ref(null),n=x.ref(null);function s(u,f,m,g,p,b,y,_){return Go(u,f,t,m,g,p,_,b,y)}function o(u,f,m,g){return t.value!==null&&g?f.map((p,b)=>t.value===b?p(!1,u[b],m):p(!0,u[b],m)):f.map((p,b)=>p(!1,u[b],m))}function a(u,f){return t.value!==null&&f?u.map((m,g)=>t.value===g?m:Fe(m,.2)):u}function r(){return(u,f)=>{f[0]!==void 0?t.value=f[0].element.$context.index:t.value=null}}const l=u=>u.charAt(0).toUpperCase()+u.slice(1).toLowerCase();function c(u){return{id:"centeredLabelPlugin",afterDatasetDraw:f=>{var y,_,v,S;const m=[];f.getDatasetMeta(0).data.forEach((k,M)=>{k.startAngle!==k.endAngle&&m.push(M)});const p=(v=(_=(y=f._metasets[0])==null?void 0:y._dataset)==null?void 0:_.raw_value)==null?void 0:v.filter((k,M)=>m.includes(M)).reduce((k,M)=>k+M,0),b=((S=u[0])==null?void 0:S.unit)??"";n.value=`${It(p)}${b}`}}}function h(u,f,m,g){let p=u.slice(0),b=f.slice(0);return u.length>m&&(b=d(f,m),p=p.slice(0,m-1),p.push(g)),p.map((y,_)=>{var v;return`${l(y)} (${It((v=b[_])==null?void 0:v.rate)} %)`})}function d(u,f){if(f<1)return u;let m=u.slice(0);return u.length>f&&(m=m.slice(0,f),m[f-1]=u.slice(f).reduce((g,p)=>(g.rate+=p.rate,g.value+=p.value,g),{...u[f-1]})),m}return{onHoverIndex:t,privateGetHtmlLegendPlugin:s,getOnHoverOptions:r,groupDataAfterNthValue:d,getDoughnutLabels:h,getBackgroundColor:o,getFormatedText:l,getBorderColor:a,backgroundColor:e,doughnutRef:i,getCenteredLabelPlugin:c,centeredLabel:n}}const zd={class:"container"},Nd={class:"main"},Wd={key:1,class:"centered-label"},Hd=x.defineComponent({__name:"DoughnutChart",props:{chartId:{type:String,default:"doughnut-chart"},data:{type:Array,default:()=>[]},labels:{type:Array,default:()=>[]},cssClasses:{type:String,default:void 0},enableCenteredLabel:{type:Boolean,default:!1},disableAccessibility:{type:Boolean,default:!1},enableHoverFeature:{type:Boolean,default:!1},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},width:{type:String,default:"400px"},height:{type:String,default:"400px"},maxValues:{type:Number,default:5},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},othersLabel:{type:String,default:"others"},rateMinimumFractionDigits:{type:Number,required:!1},rateMaximumFractionDigits:{type:Number,required:!1},valueMinimumFractionDigits:{type:Number,required:!1},valueMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Jt);const{colourSets:e,patternsStandardList:n}=le(),{onHoverIndex:s,doughnutRef:o,centeredLabel:a,getBackgroundColor:r,privateGetHtmlLegendPlugin:l,getCenteredLabelPlugin:c,getOnHoverOptions:h,groupDataAfterNthValue:d,getDoughnutLabels:u,getBorderColor:f}=Bd(),m=x.ref(!1),g=x.ref(null),p=x.computed(()=>d(t.data,t.maxValues)),b=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(A=>e[t.colourSet][A])),y=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(A=>n[A])),_=x.computed(()=>({labels:u(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:p.value.map(A=>A.rate),raw_value:p.value.map(A=>A.value),backgroundColor:r(b.value,y.value,t.disableAccessibility,t.enableHoverFeature),borderColor:f(b.value,t.enableHoverFeature)}]})),v=A=>{const P=A.tooltip.dataPoints[0].dataIndex,O=p.value[P],N=tt(O.rate,t.rateMinimumFractionDigits,t.rateMaximumFractionDigits),F=tt(O.value,t.valueMinimumFractionDigits,t.valueMaximumFractionDigits),R=O.unit||"";return`${F} ${R} (${N} %)`};function S(){return t.labels.length<=1?0:12}const k=x.computed(()=>{const A=b.value,P=y.value;return{responsive:!0,maintainAspectRatio:!1,onHover:t.enableHoverFeature?h():()=>{},plugins:{legend:{display:!1,position:"bottom",align:"start",labels:{pointStyle:"rectRounded",usePointStyle:!0}},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(O){new ae().createTooltip(O,v,{chartType:re.DOUGHNUT},A,P,w.value)}}},radius:"90%",cutout:"70%",borderWidth:3,spacing:S(),hoverOffset:4}}),M={data:t.data,labels:t.labels},w=x.computed(()=>t.disableAccessibility),D=x.computed(()=>t.enableHoverFeature),T=x.computed(()=>[l(g,m,w,b,y,t.maxValues,M,D),c(t.data)]);return x.watch(s,(A,P)=>{A!==P&&D.value&&r(b.value,y.value,t.disableAccessibility,D.value)}),x.watch(w,()=>{r(b.value,y.value,t.disableAccessibility,D.value)}),(A,P)=>(x.openBlock(),x.createElementBlock("div",zd,[x.createElementVNode("div",Nd,[_.value?(x.openBlock(),x.createBlock(x.unref(hd),{key:0,ref_key:"doughnutRef",ref:o,id:i.chartId,data:_.value,options:k.value,plugins:T.value,"max-values":i.maxValues,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","max-values","class","style"])):x.createCommentVNode("",!0),i.enableCenteredLabel?(x.openBlock(),x.createElementBlock("span",Wd,x.toDisplayString(x.unref(a)),1)):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:g},null,512)]))}}),Fu="",Ci=ce(Hd,[["__scopeId","data-v-aad16a24"]]);Ci.install=i=>{i.component("DoughnutChart",Ci)};const Vd={class:"container"},jd={class:"main"},$d=x.defineComponent({__name:"LineChart",props:{chartId:{type:String,default:"radar-chart"},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"},width:{type:String,default:"200px"},height:{type:String,default:"400px"},disableAccessibility:{type:Boolean,default:!1},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},lines:{type:Array,default:()=>{}},labels:{type:Array,default:()=>[]},xAxisTitle:{type:String,default:null},yAxisTitle:{type:String,default:null},suggestedMin:{type:Number,default:void 0},suggestedMax:{type:Number,default:void 0},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},valueMinimumFractionDigits:{type:Number,required:!1},valueMaximumFractionDigits:{type:Number,required:!1},ticksMinimumFractionDigits:{type:Number,required:!1},ticksMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Tt,pt,ne,se);const{colourSets:e,patternsStandardList:n}=le(),s=x.ref(null),o=x.ref(!1),a=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(y=>e[t.colourSet][y])),r=t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(y=>n[y]),l=y=>{var k,M;const _=y.tooltip.dataPoints[0].datasetIndex,v=y.tooltip.dataPoints[0].dataIndex;if((k=t.lines[_].formattedData)!=null&&k.length)return((M=t.lines[_].formattedData)==null?void 0:M[v])||"";const S=tt(t.lines[_].data[v],t.valueMinimumFractionDigits,t.valueMaximumFractionDigits);return t.lines[_].unit?S+" "+t.lines[_].unit:S},c=x.computed(()=>t.tooltipFirstLineLabel),h=x.computed(()=>t.tooltipSecondLineLabel),d=y=>{switch(y){case 1:return"circle";default:return"rectRot"}},u=x.computed(()=>({labels:t.labels.map(y=>y),datasets:t.lines.map((y,_)=>({type:"line",borderColor:a.value[_],pointStyle:d(_),pointBackgroundColor:"#FFFFFF",pointRadius:5,label:y.label,data:y.data,borderWidth:2}))}));function f(y,_){return[{id:"htmlLegend",afterUpdate(v){const S=Mi(y,"column");for(S.style.display="flex",S.style.flexDirection="row",S.style.margin="1.375rem 1.0625rem";S.firstChild;)S.firstChild.remove();v.options.plugins.legend.labels.generateLabels(v).forEach(M=>{const w=Si(v,_,M.datasetIndex);let D;_.value?D=m(v,M):D=wn(M),D.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(D),w.appendChild(vi(M)),S.appendChild(w)})}}]}function m(y,_){const v=kn(y,_,null);return v.onclick=S=>{ki(y,_.datasetIndex,o),S.stopPropagation()},v}const g=f(s,o),p=x.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(y){new ae().createTooltip(y,l,{chartType:re.LINE_CHART,firstLineLabel:c.value,secondLineLabel:h.value},a.value,r,t.disableAccessibility)}}},scales:{x:{offset:!0,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle}},y:{type:"linear",display:!0,title:{display:t.yAxisTitle!==null,text:t.yAxisTitle},suggestedMin:t.suggestedMin,suggestedMax:t.suggestedMax,position:"left",grid:{drawOnChartArea:!0},ticks:{callback:b}}}}));function b(y){const _=t.lines[0].unit;return`${It(y,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits)} ${_||""}`}return(y,_)=>(x.openBlock(),x.createElementBlock("div",Vd,[x.createElementVNode("div",jd,[u.value?(x.openBlock(),x.createBlock(x.unref(dd),{key:0,ref:"lineChartRef",id:i.chartId,data:u.value,options:p.value,plugins:x.unref(g),class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:s},null,512)]))}}),Ru="",Pi=ce($d,[["__scopeId","data-v-4449eac2"]]);Pi.install=i=>{i.component("LineChart",Pi)};function Ud(i,t){const e=i.ctx,n=i.scales.r,s=i.data.labels;!e||!n||!s||(e.save(),s.forEach((o,a)=>{const r=(n.getIndexAngle(a)-Math.PI/2)%(2*Math.PI),l=n.getPointPositionForValue(a,n.max);e.textAlign=r<=Math.PI/2||r>3*Math.PI/2?"left":"right";let c=r<=Math.PI/2||r>3*Math.PI/2?15:-15,h;r<0||r>Math.PI?h=-15:h=15,r>Math.PI/4&&r<3*Math.PI/4&&(h*=3),(r<-Math.PI/4||r>5*Math.PI/4)&&(h*=3,c=0),(r>11*Math.PI/8||r<-3*Math.PI/8)&&(e.textAlign="center");const d=l.y+h*(o.length-1)/2;e.font="12px Arial",o.forEach((u,f)=>{const m=f===o.length-1?Yd(t)[a]:"#000000";e.fillStyle=m;const g=l.x+c,p=d+15*f;e.fillText(u,g,p)})}),e.restore())}const Yd=i=>i.datasets[0].areaData.map(t=>{switch(t.color){case"red":return"#C61112";case"green":return"#46A610";default:return"#000000"}});function qd(i,t){if(i.length<=10)return[i,t];const n=i.split(" "),s=[];let o="";for(const a of n)(o+a).length<=10?o+=(o?" ":"")+a:(o&&s.push(o),o=a);return o&&s.push(o),s.push(t),s}const Xd={class:"container"},Gd=x.defineComponent({__name:"RadarChart",props:{chartId:{type:String,default:"radar-chart"},height:{type:String,default:"600px"},labels:{type:Array,default:()=>[]},disableAccessibility:{type:Boolean,default:!1},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},datasets:{type:Array,default:()=>[]},cssClasses:{default:"",type:String},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},dataMinimumFractionDigits:{type:Number,required:!1},dataMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Oe,pt,Tt,Mh);const{colourSets:e,patternsStandardList:n}=le(),s=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(p=>e[t.colourSet][p])),o=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(p=>n[p])),a=x.computed(()=>({labels:d(),datasets:r()}));function r(){return t.datasets.map((p,b)=>({label:p.label,backgroundColor:Fe(s.value[b],.1),borderColor:s.value[b],pointBackgroundColor:"#FFFFFF",pointBorderColor:s.value[b],pointBorderWidth:2,borderWidth:2,pointHitRadius:55,pointRadius:5,pointStyle:b%2===0?"circle":"rectRot",pointHoverBackgroundColor:s.value[b],pointHoverBorderColor:s.value[b],data:p.areaData.map(y=>y.position)}))}const l={onClick:(p,b,y)=>{b[0]&&ta(y,b[0].datasetIndex,h)},responsive:!0,maintainAspectRatio:!1,plugins:{htmlLegend:{containerID:"legend-container"},legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(p){new ae().createTooltip(p,g,{chartType:re.RADAR},s.value,o.value,t.disableAccessibility)}}},layout:{padding:{left:130,right:95,top:95,bottom:95}},scales:{r:{min:0,max:100,pointLabels:{display:!1,font:{weight:400,family:"Roboto"}},ticks:{display:!1,stepSize:25}}}},c=x.ref(null),h=x.ref(!1),d=()=>t.labels.map((p,b)=>{const y=t.datasets[0].areaData[b].value?`${u(t.datasets[0].areaData[b].value+"")} ${t.datasets[0].areaData[b].unit}`:"No Data";return qd(p,y)}),u=p=>It(parseFloat(p),t.dataMinimumFractionDigits,t.dataMaximumFractionDigits);function f(p,b){const y=kn(p,b,null);return y.onclick=_=>{ki(p,b.datasetIndex,h),_.stopPropagation()},y}const m=[{id:"htmlLegend",afterUpdate(p){const b=Mi(c,"row");for(;b.firstChild;)b.firstChild.remove();p.options.plugins.legend.labels.generateLabels(p).reverse().forEach(_=>{const v=Si(p,h,_.datasetIndex);let S;v.style.marginRight="0.625rem",h.value?S=f(p,_):S=wn(_,!0),v.appendChild(S),v.appendChild(vi(_)),b.appendChild(v)})}},{id:"radarLabelPlugin",beforeDraw(p){Ud(p,t)}}],g=p=>{const b=p.tooltip.dataPoints[0].datasetIndex,y=p.tooltip.dataPoints[0].dataIndex,_=t.datasets[b];return tt(_.areaData[y].value,t.dataMinimumFractionDigits,t.dataMaximumFractionDigits)+" "+_.areaData[y].unit};return(p,b)=>(x.openBlock(),x.createElementBlock("div",Xd,[x.createElementVNode("div",{class:"main",style:x.normalizeStyle({height:i.height})},[a.value?(x.openBlock(),x.createBlock(x.unref(ud),{key:0,id:i.chartId,data:a.value,options:l,plugins:m,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","class","style"])):x.createCommentVNode("",!0)],4),x.createElementVNode("div",{ref_key:"legendContainer",ref:c,class:"legendContainer"},null,512)]))}}),Eu="",Di=ce(Gd,[["__scopeId","data-v-6b60afa2"]]);Di.install=i=>{i.component("RadarChart",Di)};const na=Object.freeze(Object.defineProperty({__proto__:null,BarChart:wi,DoughnutChart:Ci,LineChart:Pi,RadarChart:Di},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:sa}=xi();function Kd(){const i=x.ref(2),t=x.reactive({dataSetIndex:-1,columnIndex:-1});function e(d,u,f,m,g,p){return[{id:"htmlLegend",afterUpdate(b){const y=Mi(d,"column");for(y.style.display="flex",y.style.margin="1.375rem 1.0625rem",y.style.flexDirection="row-reverse",y.style.flexWrap="wrap",y.style.justifyContent="flex-end";y.firstChild;)y.firstChild.remove();b.options.plugins.legend.labels.generateLabels(b).sort((v,S)=>S.datasetIndex-v.datasetIndex).forEach(v=>{const S=Si(b,u,v.datasetIndex);let k;u.value?k=Zo(b,v,u,{datasetIndex:-1},g.value,!1):v!=null&&v.lineCap?k=wn(v):k=Ko(v,b,{datasetIndex:-1},m.value,g.value,p.value,!1),k.style.boxSizing="border-box",S.style.marginRight="10px",S.style.marginBottom="2px",S.appendChild(k),S.appendChild(vi(v)),y.appendChild(S)})}}]}function n(d,u,f,m,g){return e(d,u,t,f,m,g)}function s(d,u,f,m,g){const p=i.value;return d.map((b,y)=>{const _=b.type==="bar";return{type:b.type,fill:_?null:!1,borderWidth:function(){return u&&_?1:p},borderColor:function(v){return u&&_?"#00000000":_?o(y,v.index,f,g):f[y%f.length]},backgroundColor:function(v){return a(y,v.index,u,f,m,g)},yAxisID:_?"A":"B",pointStyle:y%2===0?"rectRot":"circle",data:b.data,label:b.label,pointBackgroundColor:"#FFFFFF",pointRadius:5,order:b.type==="line"?0:1}})}function o(d,u,f,m){const g=sa(d,m);return r(d,u)?f[g]:Fe(f[g],.2)}function a(d,u,f,m,g,p){const b=sa(d,p);return r(d,u)?g[b](!1,m[b],f):g[b](!0,m[b],f)}function r(d,u){return l()||c(d,u)||h(d)}function l(){return t.dataSetIndex<0}function c(d,u){return t.dataSetIndex===d&&t.columnIndex===u}function h(d){return t.dataSetIndex===d&&t.columnIndex<0}return{privateGetHtmlLegendPlugin:n,getMixedDatasets:s,getBorderColor:o,getPattern:a,onHoverIndex:t}}const Zd={class:"container"},Jd={class:"main"},Qd=x.defineComponent({__name:"MixedBarLineChart",props:{chartId:{type:String,default:"mixed-bar-line-chart"},unit:{type:String,default:""},labels:{type:Array,default:()=>[]},colourSet:{type:Number,default:0},newPatternsOrder:{type:Array,default:()=>[0,1,2,3,4,5]},barDatasets:{type:Array,default:()=>[]},barUnit:{type:String,default:""},lineDatasets:{type:Array,default:()=>[]},lineUnit:{type:String,default:""},width:{type:String,default:"400px"},height:{type:String,default:"300px"},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]},stacked:{type:Boolean,default:!1},disableAccessibility:{type:Boolean,default:!1},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"},xAxisTitle:{type:String,default:null},yLeftAxisTitle:{type:String,default:null},yRightAxisTitle:{type:String,default:null},lineValueMinimumFractionDigits:{type:Number,required:!1},lineValueMaximumFractionDigits:{type:Number,required:!1},barValueMinimumFractionDigits:{type:Number,required:!1},barValueMaximumFractionDigits:{type:Number,required:!1},lineTicksMinimumFractionDigits:{type:Number,required:!1},lineTicksMaximumFractionDigits:{type:Number,required:!1},barTicksMinimumFractionDigits:{type:Number,required:!1},barTicksMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(ee,ie,te,Qt,ne,se,pt,Tt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Kd(),{colourSets:s,patternsStandardList:o}=le(),a=x.ref(null),r=x.ref(!1),l=x.computed(()=>{let v=[];return t.barDatasets&&(v=v.concat(t.barDatasets)),t.lineDatasets&&(v=v.concat(t.lineDatasets)),v}),c=x.computed(()=>t.newPatternsOrder.length!==o.length?s[t.colourSet]:t.newPatternsOrder.map(v=>s[t.colourSet][v])),h=x.computed(()=>t.newPatternsOrder.length!==o.length?o:t.newPatternsOrder.map(v=>o[v])),d=x.computed(()=>t.disableAccessibility),u=x.computed(()=>({labels:m(),datasets:n(l.value,d.value,c.value,h.value,0)})),f=v=>{const S=v.tooltip.dataPoints[0].datasetIndex,k=v.tooltip.dataPoints[0].dataIndex,M=l.value[S].data[k],w=l.value[S].type==="bar"?t.barUnit:t.lineUnit;return(l.value[S].type==="bar"?tt(M,t.barValueMinimumFractionDigits,t.barValueMaximumFractionDigits):tt(M,t.lineValueMinimumFractionDigits,t.lineValueMaximumFractionDigits))+" "+w},m=()=>Object.assign([],t.labels).map(S=>S),g=x.computed(()=>({type:"bar",responsive:!0,maintainAspectRatio:!1,maxBarThickness:64,categoryPercentage:.6,elements:{bar:{borderSkipped:!1}},plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(v){new ae().createTooltip(v,f,{chartType:re.MIXED_BAR_LINE_CHART,firstLineLabel:t.tooltipFirstLineLabel,secondLineLabel:t.tooltipSecondLineLabel},c.value,h.value,t.disableAccessibility)}}},scales:{x:{offset:!0,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle}},A:{type:"linear",display:!0,position:"left",grid:{drawOnChartArea:!0},title:{display:t.yLeftAxisTitle!==null,text:t.yLeftAxisTitle},ticks:{callback:p}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:t.yRightAxisTitle!==null,text:t.yRightAxisTitle},ticks:{callback:b}}}}));function p(v){return y(v,t.barUnit,t.barTicksMinimumFractionDigits,t.barTicksMaximumFractionDigits)}function b(v){return y(v,t.lineUnit,t.lineTicksMinimumFractionDigits,t.lineTicksMaximumFractionDigits)}function y(v,S,k,M){return S==="%"?`${Yo(v,t.unit,k,M)} ${S}`:`${It(v,k,M)} ${S}`}const _=x.ref(e(a,r,d,c,h));return(v,S)=>(x.openBlock(),x.createElementBlock("div",Zd,[x.createElementVNode("div",Jd,[u.value?(x.openBlock(),x.createBlock(x.unref(Uo),{key:0,ref:"mixedBarLineChartRef",id:i.chartId,data:u.value,options:g.value,plugins:_.value,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:a},null,512)]))}}),Bu="",zu="",Pn=ce(Qd,[["__scopeId","data-v-d80ed741"]]);Pn.install=i=>{i.component("MixedBarLineChart",Pn)};const tu="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9IiM2NjY2NjYiLz4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMTEuMiIgcj0iNC4zIiBzdHJva2U9IiM2NjY2NjYiLz4KPC9zdmc+";/*!
23
23
  * chartjs-plugin-datalabels v2.2.0
24
24
  * https://chartjs-plugin-datalabels.netlify.app
25
25
  * (c) 2017-2022 chartjs-plugin-datalabels contributors
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .mc-checkbox__input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");background-position:center center}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.container[data-v-0d1e7cab]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-0d1e7cab]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.container[data-v-aad16a24]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-aad16a24]{display:grid;place-items:center}.main canvas[data-v-aad16a24]{grid-area:1/1}.main .centered-label[data-v-aad16a24]{grid-area:1/1;place-self:center;text-align:center}.container[data-v-4449eac2]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-4449eac2]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.container[data-v-6ed1561f]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-6ed1561f]{display:flex;flex-direction:column;justify-content:center;align-items:center}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");background-position:center center}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.container[data-v-d80ed741]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-d80ed741]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.container[data-v-f2577510]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-f2577510]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.chart-legend[data-v-f2577510]{display:flex;gap:4px;font-size:14px;align-items:center;margin:1.375rem 1.0625rem;color:#666}.bubble-icon[data-v-f2577510]{width:16px;height:16px}
1
+ .mc-checkbox__input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");background-position:center center}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.container[data-v-0d1e7cab]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-0d1e7cab]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.container[data-v-aad16a24]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-aad16a24]{display:grid;place-items:center}.main canvas[data-v-aad16a24]{grid-area:1/1}.main .centered-label[data-v-aad16a24]{grid-area:1/1;place-self:center;text-align:center}.container[data-v-4449eac2]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-4449eac2]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.container[data-v-6b60afa2]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-6b60afa2]{display:flex;flex-direction:column;justify-content:center;align-items:center}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");background-position:center center}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.container[data-v-d80ed741]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-d80ed741]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.container[data-v-f2577510]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-f2577510]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.chart-legend[data-v-f2577510]{display:flex;gap:4px;font-size:14px;align-items:center;margin:1.375rem 1.0625rem;color:#666}.bubble-icon[data-v-f2577510]{width:16px;height:16px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mozaic-ds/chart",
3
- "version": "0.1.0-beta.39",
3
+ "version": "0.1.0-beta.40",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "vue-tsc && vite build",
@@ -9,11 +9,9 @@
9
9
  "check": "vue-tsc --project tsconfig.types.json --noEmit",
10
10
  "chromatic": "npx chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
11
11
  "coverage": "vitest run --coverage",
12
- "dev": "vite",
13
12
  "npm:publish": "npm publish --access public",
14
13
  "npm:publishBeta": "npm publish --tag beta --access public",
15
14
  "prepublishOnly": "npm run build",
16
- "preview": "vite preview",
17
15
  "release": "release-it",
18
16
  "release:beta": "release-it --preRelease=beta",
19
17
  "storybook": "storybook dev -p 6006",
@@ -28,7 +28,7 @@ import {formatDecimalNumber, formatWithThousandsSeprators} from '../../services/
28
28
  import { TooltipChartType } from '../../types/TooltipChartType';
29
29
  import {
30
30
  drawLabels,
31
- splitLabelIfTooLong
31
+ splitLabel,
32
32
  } from '../../services/RadarChartFunctions';
33
33
  import type { Chart, ChartItem } from '../../services/ChartsCommonLegend';
34
34
  import { addAlpha } from '../../services/ColorFunctions';
@@ -279,7 +279,7 @@ const getRadarLabels = () => {
279
279
  radarComponentChartProps.datasets[0].areaData[index].value + ''
280
280
  )} ${radarComponentChartProps.datasets[0].areaData[index].unit}`
281
281
  : 'No Data';
282
- return splitLabelIfTooLong(label, buildValue);
282
+ return splitLabel(label, buildValue);
283
283
  });
284
284
  };
285
285
  const formatNumber = (numberFromJson: string) => {
@@ -71,21 +71,27 @@ const buildColorArray = (props: any): string[] => {
71
71
  });
72
72
  };
73
73
 
74
- export function splitLabelIfTooLong(axisLabel: string, buildValue: string) {
75
- const radarLimitLabelLength = 7;
76
- if (
77
- axisLabel.length > radarLimitLabelLength &&
78
- axisLabel.includes(' ', radarLimitLabelLength)
79
- ) {
80
- const indexOfFirstSpaceAfterLimit: number = axisLabel.indexOf(
81
- ' ',
82
- radarLimitLabelLength
83
- );
84
- return [
85
- axisLabel.substring(0, indexOfFirstSpaceAfterLimit),
86
- axisLabel.substring(indexOfFirstSpaceAfterLimit),
87
- buildValue
88
- ];
74
+ export function splitLabel(label: string, buildValue: string) {
75
+ const maxLength = 10;
76
+ if (label.length <= maxLength) {
77
+ return [label, buildValue];
89
78
  }
90
- return [axisLabel, buildValue];
79
+
80
+ const words = label.split(' ');
81
+ const lines = [];
82
+ let currentLine = '';
83
+
84
+ for (const word of words) {
85
+ if ((currentLine + word).length <= maxLength) {
86
+ currentLine += (currentLine ? ' ' : '') + word;
87
+ } else {
88
+ if (currentLine) lines.push(currentLine);
89
+ currentLine = word;
90
+ }
91
+ }
92
+
93
+ if (currentLine) lines.push(currentLine);
94
+ lines.push(buildValue);
95
+
96
+ return lines;
91
97
  }