@mozaic-ds/chart 0.1.0-beta.36 → 0.1.0-beta.37

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.
Files changed (6) hide show
  1. package/dist/mozaic-chart.js +6 -2
  2. package/dist/mozaic-chart.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/line/LineChart.vue +4 -0
  6. package/src/types/LineChart.ts +1 -0
package/dist/mozaic-chart.js CHANGED
@@ -10201,7 +10201,11 @@ const lu = { class: "container" }, cu = { class: "main" }, hu = /* @__PURE__ */
10201
10201
  const { colourSets: e, patternsStandardList: n } = be(), s = q(null), o = q(!1), a = R(
10202
10202
  () => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((y) => e[t.colourSet][y])
10203
10203
  ), r = t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((y) => n[y]), l = (y) => {
10204
- const x = y.tooltip.dataPoints[0].datasetIndex, _ = y.tooltip.dataPoints[0].dataIndex, v = tt(t.lines[x].data[_], t.valueMinimumFractionDigits, t.valueMaximumFractionDigits);
10204
+ var S, M;
10205
+ const x = y.tooltip.dataPoints[0].datasetIndex, _ = y.tooltip.dataPoints[0].dataIndex;
10206
+ if ((S = t.lines[x].formattedData) != null && S.length)
10207
+ return ((M = t.lines[x].formattedData) == null ? void 0 : M[_]) || "";
10208
+ const v = tt(t.lines[x].data[_], t.valueMinimumFractionDigits, t.valueMaximumFractionDigits);
10205
10209
  return t.lines[x].unit ? v + " " + t.lines[x].unit : v;
10206
10210
  }, c = R(() => t.tooltipFirstLineLabel), h = R(() => t.tooltipSecondLineLabel), d = (y) => {
10207
10211
  switch (y) {
@@ -10333,7 +10337,7 @@ const lu = { class: "container" }, cu = { class: "main" }, hu = /* @__PURE__ */
10333
10337
  ]));
10334
10338
  }
10335
10339
  });
10336
- const pn = /* @__PURE__ */ ye(hu, [["__scopeId", "data-v-237324b2"]]);
10340
+ const pn = /* @__PURE__ */ ye(hu, [["__scopeId", "data-v-4449eac2"]]);
10337
10341
  pn.install = (i) => {
10338
10342
  i.component("LineChart", pn);
10339
10343
  };
package/dist/mozaic-chart.umd.cjs CHANGED
@@ -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: ${xi};
20
20
  min-height: ${xi};
21
21
  margin-right: ${Uo};
22
- border-color: ${o};`)}function Sn(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=ta(i,s),r=e?e[s]:void 0;return kd(a,t,o,r),o}function kn(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function Jo(i){let t=i.config.data.datasets;return kn(i)&&(t=i.config.data.datasets[0].data),t}function Qo(i,t,e){if(!e.value){const n=Jo(i);e.value=!0,n.forEach((s,o)=>{o!==t&&Si(i,o)})}}function Md(i){let t=!0;return Jo(i).forEach((n,s)=>{t=t&&ta(i,s)}),t}function ta(i,t){return kn(i)?i.getDataVisibility(t):i.isDatasetVisible(t)}function Si(i,t,e){kn(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&Md(i)&&(e.value=!1),i.update()}function Mn(i,t){const e=Zo(i,""),n=Sd(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 ki(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 ea(i){return i==="#00000000"}function Ie(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:wn}=yi();function wd(){const i=x.ref(3),t=x.ref(null),e=x.reactive({dataSetIndex:-1,columnIndex:-1});function n(g,m,b,y,_,v){return Xo(g,m,e,b,y,_,v)}function s(){i.value=4,i.value=3}function o(g,m,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 ${m?k.stack:M}`}))}function a(g,m,b,y,_){return o([g,m],!1,_,b,y)}function r(g,m,b,y){const _=wn(g,y);return u(g,m)?b[_]:Ie(b[_],.2)}function l(g,m,b,y,_,v){const S=wn(g,v);return u(g,m)?_[S](!1,y[S],b):_[S](!0,y[S],b)}function c(){return e.dataSetIndex<0}function h(g,m){return e.dataSetIndex===g&&e.columnIndex===m}function d(g){return e.dataSetIndex===g&&e.columnIndex<0}function u(g,m){return c()||h(g,m)||d(g)}function f(){e.dataSetIndex=-1,e.columnIndex=-1}function p(){return(g,m)=>{m[0]!==void 0?(e.dataSetIndex=m[0].datasetIndex,e.columnIndex=m[0].index):f()}}return{onHoverIndex:e,reloadChart:s,getDatasets:a,getStackedDatasets:o,getOnHoverOptions:p,getBorderColor:r,getPattern:l,privateGetHtmlLegendPlugin:n,getPatternIndexWithShift:wn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:Cd}=yi();class oe{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 p="background: white;";p+="border-bottom: 1px solid #CCCCCC;",p+="border-radius: 5px;",p+="padding: 10px 20px";const g=`<div style="${p}" class="tooltipTitle">`,m=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,m,p,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 p=this.setInnerHtmlToAdd(s,o,u);d+=p;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=fd(c,this.patternShifting);if(this.chartType!=="LINE_CHART"&&this.chartType!=="RADAR"&&a!=="line"){const d=s[h-1](!1,n[h-1],o),u=Cd(d,22,22);l.src=u.toDataURL(),r.style.backgroundImage=`url(${l.src})`}}getBody(t){return t.lines}}var ae=(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))(ae||{});function Pd(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 Dd(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 Ad(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 Ld(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 Td(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 Od(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 re(){return{patternsStandardList:[Pd,Dd,Ad,Ld,Td,Od],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 Id={class:"container"},Fd={class:"main"},Rd=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}},setup(i){const t=i;kt.register(te,ee,Qt,Jt,ie,ne);const{colourSets:e,patternsStandardList:n}=re(),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),{onHoverIndex:h,barChartRef:d,reloadChart:u,getOnHoverOptions:f,getStackedDatasets:p,privateGetHtmlLegendPlugin:g}=wd(),m=x.computed(()=>{const P=M(v.value);return _(),{labels:P,datasets:p(t.datasets.map((A,R)=>({data:S(R,v.value),label:t.datasets[R].label,stack:A.stack||0})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let b,y;const _=()=>{b=t.tooltipFirstLineLabel,y=t.tooltipSecondLineLabel},v=x.computed(()=>{const P=t.labels;if(P.includes("other")){const A=P.indexOf("other");if(t.datasets[0].data[A].rate+""=="0"&&t.datasets[1].data[A].rate+""=="0")return A}return null}),S=(P,A,R=!1)=>{const q=Object.assign([],t.datasets[P].data);return A&&v.value&&q.splice(v.value,1),q.map(O=>t.unit==="%"?O.rate:O.amount)},k=P=>{const A=P.tooltip.dataPoints[0].datasetIndex,R=P.tooltip.dataPoints[0].dataIndex,q=P.tooltip.body[0].lines[0].split(":")[1],O=t.datasets[A].data[R],B=O.rate?tt(parseFloat(q.replace(",",".")),t.rateMinimumFractionDigits,t.rateMaximumFractionDigits)+" % ":"",$=O.amountUnit?O.amountUnit:"",st=O.amount?tt(O.amount,t.amountMinimumFractionDigits,t.amountMaximumFractionDigits):"";return B+(B&&st?"/ ":"")+st+" "+$},M=P=>{const A=Object.assign([],t.labels);return P&&A.splice(P,1),A.map(R=>R)},w=x.computed(()=>({onHover:t.enableHoverFeature?f():()=>{},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 R;const A=((R=P.tooltip.dataPoints)==null?void 0:R[0].dataIndex)||0;!t.labels[A]||t.labels[A]===""||new oe().createTooltip(P,k,{chartType:ae.BAR_CHART,firstLineLabel:b,secondLineLabel:y},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?D():{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}:D()}},indexAxis:t.horizontalChart?"y":"x"}));function D(){return{callback:function(P){return t.unit==="%"?Yo(P,t.unit,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits):It(P,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits)+" "+t.unit}}}const T=x.computed(()=>[g(s,o,l,a,r,c)]);return x.watch(h,()=>{u()},{deep:!0}),(P,A)=>(x.openBlock(),x.createElementBlock("div",Id,[x.createElementVNode("div",Fd,[m.value?(x.openBlock(),x.createBlock(x.unref($o),{key:0,ref_key:"barChartRef",ref:d,id:i.chartId,data:m.value,options:w.value,plugins:T.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:s},null,512)]))}}),Ou="",Iu="",le=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},Mi=le(Rd,[["__scopeId","data-v-e0921fde"]]);Mi.install=i=>{i.component("BarChart",Mi)};function Ed(){const i=x.ref(null),t=x.ref(null),e=x.ref(null),n=x.ref(null);function s(u,f,p,g,m,b,y,_){return Xo(u,f,t,p,g,m,_,b,y)}function o(u,f,p,g){return t.value!==null&&g?f.map((m,b)=>t.value===b?m(!1,u[b],p):m(!0,u[b],p)):f.map((m,b)=>m(!1,u[b],p))}function a(u,f){return t.value!==null&&f?u.map((p,g)=>t.value===g?p:Ie(p,.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 p=[];f.getDatasetMeta(0).data.forEach((k,M)=>{k.startAngle!==k.endAngle&&p.push(M)});const m=(v=(_=(y=f._metasets[0])==null?void 0:y._dataset)==null?void 0:_.raw_value)==null?void 0:v.filter((k,M)=>p.includes(M)).reduce((k,M)=>k+M,0),b=((S=u[0])==null?void 0:S.unit)??"";n.value=`${It(m)}${b}`}}}function h(u,f,p,g){let m=u.slice(0),b=f.slice(0);return u.length>p&&(b=d(f,p),m=m.slice(0,p-1),m.push(g)),m.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 p=u.slice(0);return u.length>f&&(p=p.slice(0,f),p[f-1]=u.slice(f).reduce((g,m)=>(g.rate+=m.rate,g.value+=m.value,g),{...u[f-1]})),p}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 Bd={class:"container"},zd={class:"main"},Nd={key:1,class:"centered-label"},Wd=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(te,ee,Qt,Zt);const{colourSets:e,patternsStandardList:n}=re(),{onHoverIndex:s,doughnutRef:o,centeredLabel:a,getBackgroundColor:r,privateGetHtmlLegendPlugin:l,getCenteredLabelPlugin:c,getOnHoverOptions:h,groupDataAfterNthValue:d,getDoughnutLabels:u,getBorderColor:f}=Ed(),p=x.ref(!1),g=x.ref(null),m=x.computed(()=>d(t.data,t.maxValues)),b=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(P=>e[t.colourSet][P])),y=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(P=>n[P])),_=x.computed(()=>({labels:u(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:m.value.map(P=>P.rate),raw_value:m.value.map(P=>P.value),backgroundColor:r(b.value,y.value,t.disableAccessibility,t.enableHoverFeature),borderColor:f(b.value,t.enableHoverFeature)}]})),v=P=>{const A=P.tooltip.dataPoints[0].dataIndex,R=m.value[A],q=tt(R.rate,t.rateMinimumFractionDigits,t.rateMaximumFractionDigits),O=tt(R.value,t.valueMinimumFractionDigits,t.valueMaximumFractionDigits),B=R.unit||"";return`${O} ${B} (${q} %)`};function S(){return t.labels.length<=1?0:12}const k=x.computed(()=>{const P=b.value,A=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(R){new oe().createTooltip(R,v,{chartType:ae.DOUGHNUT},P,A,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,p,w,b,y,t.maxValues,M,D),c(t.data)]);return x.watch(s,(P,A)=>{P!==A&&D.value&&r(b.value,y.value,t.disableAccessibility,D.value)}),x.watch(w,()=>{r(b.value,y.value,t.disableAccessibility,D.value)}),(P,A)=>(x.openBlock(),x.createElementBlock("div",Bd,[x.createElementVNode("div",zd,[_.value?(x.openBlock(),x.createBlock(x.unref(cd),{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",Nd,x.toDisplayString(x.unref(a)),1)):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:g},null,512)]))}}),Fu="",wi=le(Wd,[["__scopeId","data-v-aad16a24"]]);wi.install=i=>{i.component("DoughnutChart",wi)};const Hd={class:"container"},Vd={class:"main"},jd=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(te,ee,Qt,Tt,pt,ie,ne);const{colourSets:e,patternsStandardList:n}=re(),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=>{const _=y.tooltip.dataPoints[0].datasetIndex,v=y.tooltip.dataPoints[0].dataIndex,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=ki(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=vi(v,_,M.datasetIndex);let D;_.value?D=p(v,M):D=Mn(M),D.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(D),w.appendChild(_i(M)),S.appendChild(w)})}}]}function p(y,_){const v=Sn(y,_,null);return v.onclick=S=>{Si(y,_.datasetIndex,o),S.stopPropagation()},v}const g=f(s,o),m=x.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(y){new oe().createTooltip(y,l,{chartType:ae.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",Hd,[x.createElementVNode("div",Vd,[u.value?(x.openBlock(),x.createBlock(x.unref(hd),{key:0,ref:"lineChartRef",id:i.chartId,data:u.value,options:m.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="",Ci=le(jd,[["__scopeId","data-v-237324b2"]]);Ci.install=i=>{i.component("LineChart",Ci)};function $d(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 p=f===o.length-1?Yd(t)[a]:"#000000";e.fillStyle=p;const g=l.x+c,m=d+15*f;e.fillText(u,g,m)})}),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 Ud(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 qd={class:"container"},Xd=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(te,ee,Qt,Te,pt,Tt,kh);const{colourSets:e,patternsStandardList:n}=re(),s=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(m=>e[t.colourSet][m])),o=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(m=>n[m])),a=x.computed(()=>({labels:d(),datasets:r()}));function r(){return t.datasets.map((m,b)=>({label:m.label,backgroundColor:Ie(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:m.areaData.map(y=>y.position)}))}const l={onClick:(m,b,y)=>{b[0]&&Qo(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(m){new oe().createTooltip(m,g,{chartType:ae.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((m,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 Ud(m,y)}),u=m=>It(parseFloat(m),t.dataMinimumFractionDigits,t.dataMaximumFractionDigits);function f(m,b){const y=Sn(m,b,null);return y.onclick=_=>{Si(m,b.datasetIndex,h),_.stopPropagation()},y}const p=[{id:"htmlLegend",afterUpdate(m){const b=ki(c,"row");for(;b.firstChild;)b.firstChild.remove();m.options.plugins.legend.labels.generateLabels(m).reverse().forEach(_=>{const v=vi(m,h,_.datasetIndex);let S;v.style.marginRight="0.625rem",h.value?S=f(m,_):S=Mn(_,!0),v.appendChild(S),v.appendChild(_i(_)),b.appendChild(v)})}},{id:"radarLabelPlugin",beforeDraw(m){$d(m,t)}}],g=m=>{const b=m.tooltip.dataPoints[0].datasetIndex,y=m.tooltip.dataPoints[0].dataIndex,_=t.datasets[b];return tt(_.areaData[y].value,t.dataMinimumFractionDigits,t.dataMaximumFractionDigits)+" "+_.areaData[y].unit};return(m,b)=>(x.openBlock(),x.createElementBlock("div",qd,[x.createElementVNode("div",{class:"main",style:x.normalizeStyle({height:i.height})},[a.value?(x.openBlock(),x.createBlock(x.unref(dd),{key:0,id:i.chartId,data:a.value,options:l,plugins:p,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="",Pi=le(Xd,[["__scopeId","data-v-6ed1561f"]]);Pi.install=i=>{i.component("RadarChart",Pi)};const ia=Object.freeze(Object.defineProperty({__proto__:null,BarChart:Mi,DoughnutChart:wi,LineChart:Ci,RadarChart:Pi},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:na}=yi();function Gd(){const i=x.ref(2),t=x.reactive({dataSetIndex:-1,columnIndex:-1});function e(d,u,f,p,g,m){return[{id:"htmlLegend",afterUpdate(b){const y=ki(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=vi(b,u,v.datasetIndex);let k;u.value?k=Ko(b,v,u,{datasetIndex:-1},g.value,!1):v!=null&&v.lineCap?k=Mn(v):k=Go(v,b,{datasetIndex:-1},p.value,g.value,m.value,!1),k.style.boxSizing="border-box",S.style.marginRight="10px",S.style.marginBottom="2px",S.appendChild(k),S.appendChild(_i(v)),y.appendChild(S)})}}]}function n(d,u,f,p,g){return e(d,u,t,f,p,g)}function s(d,u,f,p,g){const m=i.value;return d.map((b,y)=>{const _=b.type==="bar";return{type:b.type,fill:_?null:!1,borderWidth:function(){return u&&_?1:m},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,p,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,p){const g=na(d,p);return r(d,u)?f[g]:Ie(f[g],.2)}function a(d,u,f,p,g,m){const b=na(d,m);return r(d,u)?g[b](!1,p[b],f):g[b](!0,p[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 Kd={class:"container"},Zd={class:"main"},Jd=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(te,ee,Qt,Jt,ie,ne,pt,Tt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Gd(),{colourSets:s,patternsStandardList:o}=re(),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:p(),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},p=()=>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 oe().createTooltip(v,f,{chartType:ae.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:m}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:t.yRightAxisTitle!==null,text:t.yRightAxisTitle},ticks:{callback:b}}}}));function m(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",Kd,[x.createElementVNode("div",Zd,[u.value?(x.openBlock(),x.createBlock(x.unref($o),{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="",Cn=le(Jd,[["__scopeId","data-v-d80ed741"]]);Cn.install=i=>{i.component("MixedBarLineChart",Cn)};const Qd="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9IiM2NjY2NjYiLz4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMTEuMiIgcj0iNC4zIiBzdHJva2U9IiM2NjY2NjYiLz4KPC9zdmc+";/*!
22
+ border-color: ${o};`)}function Sn(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=ta(i,s),r=e?e[s]:void 0;return kd(a,t,o,r),o}function kn(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function Jo(i){let t=i.config.data.datasets;return kn(i)&&(t=i.config.data.datasets[0].data),t}function Qo(i,t,e){if(!e.value){const n=Jo(i);e.value=!0,n.forEach((s,o)=>{o!==t&&Si(i,o)})}}function Md(i){let t=!0;return Jo(i).forEach((n,s)=>{t=t&&ta(i,s)}),t}function ta(i,t){return kn(i)?i.getDataVisibility(t):i.isDatasetVisible(t)}function Si(i,t,e){kn(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&Md(i)&&(e.value=!1),i.update()}function Mn(i,t){const e=Zo(i,""),n=Sd(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 ki(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 ea(i){return i==="#00000000"}function Ie(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:wn}=yi();function wd(){const i=x.ref(3),t=x.ref(null),e=x.reactive({dataSetIndex:-1,columnIndex:-1});function n(g,m,b,y,_,v){return Xo(g,m,e,b,y,_,v)}function s(){i.value=4,i.value=3}function o(g,m,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 ${m?k.stack:M}`}))}function a(g,m,b,y,_){return o([g,m],!1,_,b,y)}function r(g,m,b,y){const _=wn(g,y);return u(g,m)?b[_]:Ie(b[_],.2)}function l(g,m,b,y,_,v){const S=wn(g,v);return u(g,m)?_[S](!1,y[S],b):_[S](!0,y[S],b)}function c(){return e.dataSetIndex<0}function h(g,m){return e.dataSetIndex===g&&e.columnIndex===m}function d(g){return e.dataSetIndex===g&&e.columnIndex<0}function u(g,m){return c()||h(g,m)||d(g)}function f(){e.dataSetIndex=-1,e.columnIndex=-1}function p(){return(g,m)=>{m[0]!==void 0?(e.dataSetIndex=m[0].datasetIndex,e.columnIndex=m[0].index):f()}}return{onHoverIndex:e,reloadChart:s,getDatasets:a,getStackedDatasets:o,getOnHoverOptions:p,getBorderColor:r,getPattern:l,privateGetHtmlLegendPlugin:n,getPatternIndexWithShift:wn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:Cd}=yi();class oe{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 p="background: white;";p+="border-bottom: 1px solid #CCCCCC;",p+="border-radius: 5px;",p+="padding: 10px 20px";const g=`<div style="${p}" class="tooltipTitle">`,m=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,m,p,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 p=this.setInnerHtmlToAdd(s,o,u);d+=p;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=fd(c,this.patternShifting);if(this.chartType!=="LINE_CHART"&&this.chartType!=="RADAR"&&a!=="line"){const d=s[h-1](!1,n[h-1],o),u=Cd(d,22,22);l.src=u.toDataURL(),r.style.backgroundImage=`url(${l.src})`}}getBody(t){return t.lines}}var ae=(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))(ae||{});function Pd(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 Dd(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 Ad(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 Ld(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 Td(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 Od(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 re(){return{patternsStandardList:[Pd,Dd,Ad,Ld,Td,Od],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 Id={class:"container"},Fd={class:"main"},Rd=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}},setup(i){const t=i;kt.register(te,ee,Qt,Jt,ie,ne);const{colourSets:e,patternsStandardList:n}=re(),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),{onHoverIndex:h,barChartRef:d,reloadChart:u,getOnHoverOptions:f,getStackedDatasets:p,privateGetHtmlLegendPlugin:g}=wd(),m=x.computed(()=>{const P=M(v.value);return _(),{labels:P,datasets:p(t.datasets.map((A,R)=>({data:S(R,v.value),label:t.datasets[R].label,stack:A.stack||0})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let b,y;const _=()=>{b=t.tooltipFirstLineLabel,y=t.tooltipSecondLineLabel},v=x.computed(()=>{const P=t.labels;if(P.includes("other")){const A=P.indexOf("other");if(t.datasets[0].data[A].rate+""=="0"&&t.datasets[1].data[A].rate+""=="0")return A}return null}),S=(P,A,R=!1)=>{const q=Object.assign([],t.datasets[P].data);return A&&v.value&&q.splice(v.value,1),q.map(O=>t.unit==="%"?O.rate:O.amount)},k=P=>{const A=P.tooltip.dataPoints[0].datasetIndex,R=P.tooltip.dataPoints[0].dataIndex,q=P.tooltip.body[0].lines[0].split(":")[1],O=t.datasets[A].data[R],B=O.rate?tt(parseFloat(q.replace(",",".")),t.rateMinimumFractionDigits,t.rateMaximumFractionDigits)+" % ":"",$=O.amountUnit?O.amountUnit:"",st=O.amount?tt(O.amount,t.amountMinimumFractionDigits,t.amountMaximumFractionDigits):"";return B+(B&&st?"/ ":"")+st+" "+$},M=P=>{const A=Object.assign([],t.labels);return P&&A.splice(P,1),A.map(R=>R)},w=x.computed(()=>({onHover:t.enableHoverFeature?f():()=>{},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 R;const A=((R=P.tooltip.dataPoints)==null?void 0:R[0].dataIndex)||0;!t.labels[A]||t.labels[A]===""||new oe().createTooltip(P,k,{chartType:ae.BAR_CHART,firstLineLabel:b,secondLineLabel:y},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?D():{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}:D()}},indexAxis:t.horizontalChart?"y":"x"}));function D(){return{callback:function(P){return t.unit==="%"?Yo(P,t.unit,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits):It(P,t.ticksMinimumFractionDigits,t.ticksMaximumFractionDigits)+" "+t.unit}}}const T=x.computed(()=>[g(s,o,l,a,r,c)]);return x.watch(h,()=>{u()},{deep:!0}),(P,A)=>(x.openBlock(),x.createElementBlock("div",Id,[x.createElementVNode("div",Fd,[m.value?(x.openBlock(),x.createBlock(x.unref($o),{key:0,ref_key:"barChartRef",ref:d,id:i.chartId,data:m.value,options:w.value,plugins:T.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:s},null,512)]))}}),Ou="",Iu="",le=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},Mi=le(Rd,[["__scopeId","data-v-e0921fde"]]);Mi.install=i=>{i.component("BarChart",Mi)};function Ed(){const i=x.ref(null),t=x.ref(null),e=x.ref(null),n=x.ref(null);function s(u,f,p,g,m,b,y,_){return Xo(u,f,t,p,g,m,_,b,y)}function o(u,f,p,g){return t.value!==null&&g?f.map((m,b)=>t.value===b?m(!1,u[b],p):m(!0,u[b],p)):f.map((m,b)=>m(!1,u[b],p))}function a(u,f){return t.value!==null&&f?u.map((p,g)=>t.value===g?p:Ie(p,.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 p=[];f.getDatasetMeta(0).data.forEach((k,M)=>{k.startAngle!==k.endAngle&&p.push(M)});const m=(v=(_=(y=f._metasets[0])==null?void 0:y._dataset)==null?void 0:_.raw_value)==null?void 0:v.filter((k,M)=>p.includes(M)).reduce((k,M)=>k+M,0),b=((S=u[0])==null?void 0:S.unit)??"";n.value=`${It(m)}${b}`}}}function h(u,f,p,g){let m=u.slice(0),b=f.slice(0);return u.length>p&&(b=d(f,p),m=m.slice(0,p-1),m.push(g)),m.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 p=u.slice(0);return u.length>f&&(p=p.slice(0,f),p[f-1]=u.slice(f).reduce((g,m)=>(g.rate+=m.rate,g.value+=m.value,g),{...u[f-1]})),p}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 Bd={class:"container"},zd={class:"main"},Nd={key:1,class:"centered-label"},Wd=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(te,ee,Qt,Zt);const{colourSets:e,patternsStandardList:n}=re(),{onHoverIndex:s,doughnutRef:o,centeredLabel:a,getBackgroundColor:r,privateGetHtmlLegendPlugin:l,getCenteredLabelPlugin:c,getOnHoverOptions:h,groupDataAfterNthValue:d,getDoughnutLabels:u,getBorderColor:f}=Ed(),p=x.ref(!1),g=x.ref(null),m=x.computed(()=>d(t.data,t.maxValues)),b=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(P=>e[t.colourSet][P])),y=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(P=>n[P])),_=x.computed(()=>({labels:u(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:m.value.map(P=>P.rate),raw_value:m.value.map(P=>P.value),backgroundColor:r(b.value,y.value,t.disableAccessibility,t.enableHoverFeature),borderColor:f(b.value,t.enableHoverFeature)}]})),v=P=>{const A=P.tooltip.dataPoints[0].dataIndex,R=m.value[A],q=tt(R.rate,t.rateMinimumFractionDigits,t.rateMaximumFractionDigits),O=tt(R.value,t.valueMinimumFractionDigits,t.valueMaximumFractionDigits),B=R.unit||"";return`${O} ${B} (${q} %)`};function S(){return t.labels.length<=1?0:12}const k=x.computed(()=>{const P=b.value,A=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(R){new oe().createTooltip(R,v,{chartType:ae.DOUGHNUT},P,A,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,p,w,b,y,t.maxValues,M,D),c(t.data)]);return x.watch(s,(P,A)=>{P!==A&&D.value&&r(b.value,y.value,t.disableAccessibility,D.value)}),x.watch(w,()=>{r(b.value,y.value,t.disableAccessibility,D.value)}),(P,A)=>(x.openBlock(),x.createElementBlock("div",Bd,[x.createElementVNode("div",zd,[_.value?(x.openBlock(),x.createBlock(x.unref(cd),{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",Nd,x.toDisplayString(x.unref(a)),1)):x.createCommentVNode("",!0)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:g},null,512)]))}}),Fu="",wi=le(Wd,[["__scopeId","data-v-aad16a24"]]);wi.install=i=>{i.component("DoughnutChart",wi)};const Hd={class:"container"},Vd={class:"main"},jd=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(te,ee,Qt,Tt,pt,ie,ne);const{colourSets:e,patternsStandardList:n}=re(),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=ki(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=vi(v,_,M.datasetIndex);let D;_.value?D=p(v,M):D=Mn(M),D.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(D),w.appendChild(_i(M)),S.appendChild(w)})}}]}function p(y,_){const v=Sn(y,_,null);return v.onclick=S=>{Si(y,_.datasetIndex,o),S.stopPropagation()},v}const g=f(s,o),m=x.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(y){new oe().createTooltip(y,l,{chartType:ae.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",Hd,[x.createElementVNode("div",Vd,[u.value?(x.openBlock(),x.createBlock(x.unref(hd),{key:0,ref:"lineChartRef",id:i.chartId,data:u.value,options:m.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="",Ci=le(jd,[["__scopeId","data-v-4449eac2"]]);Ci.install=i=>{i.component("LineChart",Ci)};function $d(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 p=f===o.length-1?Yd(t)[a]:"#000000";e.fillStyle=p;const g=l.x+c,m=d+15*f;e.fillText(u,g,m)})}),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 Ud(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 qd={class:"container"},Xd=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(te,ee,Qt,Te,pt,Tt,kh);const{colourSets:e,patternsStandardList:n}=re(),s=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(m=>e[t.colourSet][m])),o=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(m=>n[m])),a=x.computed(()=>({labels:d(),datasets:r()}));function r(){return t.datasets.map((m,b)=>({label:m.label,backgroundColor:Ie(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:m.areaData.map(y=>y.position)}))}const l={onClick:(m,b,y)=>{b[0]&&Qo(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(m){new oe().createTooltip(m,g,{chartType:ae.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((m,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 Ud(m,y)}),u=m=>It(parseFloat(m),t.dataMinimumFractionDigits,t.dataMaximumFractionDigits);function f(m,b){const y=Sn(m,b,null);return y.onclick=_=>{Si(m,b.datasetIndex,h),_.stopPropagation()},y}const p=[{id:"htmlLegend",afterUpdate(m){const b=ki(c,"row");for(;b.firstChild;)b.firstChild.remove();m.options.plugins.legend.labels.generateLabels(m).reverse().forEach(_=>{const v=vi(m,h,_.datasetIndex);let S;v.style.marginRight="0.625rem",h.value?S=f(m,_):S=Mn(_,!0),v.appendChild(S),v.appendChild(_i(_)),b.appendChild(v)})}},{id:"radarLabelPlugin",beforeDraw(m){$d(m,t)}}],g=m=>{const b=m.tooltip.dataPoints[0].datasetIndex,y=m.tooltip.dataPoints[0].dataIndex,_=t.datasets[b];return tt(_.areaData[y].value,t.dataMinimumFractionDigits,t.dataMaximumFractionDigits)+" "+_.areaData[y].unit};return(m,b)=>(x.openBlock(),x.createElementBlock("div",qd,[x.createElementVNode("div",{class:"main",style:x.normalizeStyle({height:i.height})},[a.value?(x.openBlock(),x.createBlock(x.unref(dd),{key:0,id:i.chartId,data:a.value,options:l,plugins:p,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="",Pi=le(Xd,[["__scopeId","data-v-6ed1561f"]]);Pi.install=i=>{i.component("RadarChart",Pi)};const ia=Object.freeze(Object.defineProperty({__proto__:null,BarChart:Mi,DoughnutChart:wi,LineChart:Ci,RadarChart:Pi},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:na}=yi();function Gd(){const i=x.ref(2),t=x.reactive({dataSetIndex:-1,columnIndex:-1});function e(d,u,f,p,g,m){return[{id:"htmlLegend",afterUpdate(b){const y=ki(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=vi(b,u,v.datasetIndex);let k;u.value?k=Ko(b,v,u,{datasetIndex:-1},g.value,!1):v!=null&&v.lineCap?k=Mn(v):k=Go(v,b,{datasetIndex:-1},p.value,g.value,m.value,!1),k.style.boxSizing="border-box",S.style.marginRight="10px",S.style.marginBottom="2px",S.appendChild(k),S.appendChild(_i(v)),y.appendChild(S)})}}]}function n(d,u,f,p,g){return e(d,u,t,f,p,g)}function s(d,u,f,p,g){const m=i.value;return d.map((b,y)=>{const _=b.type==="bar";return{type:b.type,fill:_?null:!1,borderWidth:function(){return u&&_?1:m},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,p,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,p){const g=na(d,p);return r(d,u)?f[g]:Ie(f[g],.2)}function a(d,u,f,p,g,m){const b=na(d,m);return r(d,u)?g[b](!1,p[b],f):g[b](!0,p[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 Kd={class:"container"},Zd={class:"main"},Jd=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(te,ee,Qt,Jt,ie,ne,pt,Tt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Gd(),{colourSets:s,patternsStandardList:o}=re(),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:p(),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},p=()=>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 oe().createTooltip(v,f,{chartType:ae.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:m}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:t.yRightAxisTitle!==null,text:t.yRightAxisTitle},ticks:{callback:b}}}}));function m(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",Kd,[x.createElementVNode("div",Zd,[u.value?(x.openBlock(),x.createBlock(x.unref($o),{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="",Cn=le(Jd,[["__scopeId","data-v-d80ed741"]]);Cn.install=i=>{i.component("MixedBarLineChart",Cn)};const Qd="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-e0921fde]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-e0921fde]{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-237324b2]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-237324b2]{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-d5127e2e]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-d5127e2e]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.chart-legend[data-v-d5127e2e]{display:flex;gap:4px;font-size:14px;align-items:center;margin:1.375rem 1.0625rem;color:#666}.bubble-icon[data-v-d5127e2e]{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-e0921fde]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-e0921fde]{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-d5127e2e]{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-family:Roboto,sans-serif}.main[data-v-d5127e2e]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.chart-legend[data-v-d5127e2e]{display:flex;gap:4px;font-size:14px;align-items:center;margin:1.375rem 1.0625rem;color:#666}.bubble-icon[data-v-d5127e2e]{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.36",
3
+ "version": "0.1.0-beta.37",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "vue-tsc && vite build",
package/src/components/line/LineChart.vue CHANGED
@@ -237,6 +237,10 @@ const patternsOrderedList =
237
237
  const getTooltipData = (context: Context) => {
238
238
  const datasetIndex = context.tooltip.dataPoints[0].datasetIndex as number;
239
239
  const dataIndex = context.tooltip.dataPoints[0].dataIndex as number;
240
+
241
+ if(lineDataProps.lines[datasetIndex].formattedData?.length) {
242
+ return lineDataProps.lines[datasetIndex].formattedData?.[dataIndex] || '';
243
+ }
240
244
  const formattedValue =
241
245
  formatDecimalNumber(lineDataProps.lines[datasetIndex].data[dataIndex], lineDataProps.valueMinimumFractionDigits, lineDataProps.valueMaximumFractionDigits);
242
246
  return lineDataProps.lines[datasetIndex].unit
package/src/types/LineChart.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export interface LineData {
2
2
  label: string;
3
3
  data: number[];
4
+ formattedData?: string[];
4
5
  unit?: string;
5
6
  }