@mozaic-ds/chart 0.1.0-beta.35 → 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.
- package/dist/mozaic-chart.js +18 -12
- package/dist/mozaic-chart.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/bar/BarChart.vue +2 -2
- package/src/components/bubble/BubbleChart.vue +0 -2
- package/src/components/doughnut/DoughnutChart.vue +2 -0
- package/src/components/line/LineChart.vue +4 -0
- package/src/components/mixed/MixedBarLineChart.vue +1 -1
- package/src/components/radar/RadarChart.vue +2 -0
- package/src/types/LineChart.ts +1 -0
package/dist/mozaic-chart.js
CHANGED
|
@@ -9541,9 +9541,9 @@ const tu = { class: "container" }, eu = { class: "main" }, iu = /* @__PURE__ */
|
|
|
9541
9541
|
},
|
|
9542
9542
|
maxBarThickness: 64,
|
|
9543
9543
|
categoryPercentage: 0.6,
|
|
9544
|
+
responsive: !0,
|
|
9545
|
+
maintainAspectRatio: !1,
|
|
9544
9546
|
plugins: {
|
|
9545
|
-
responsive: !0,
|
|
9546
|
-
maintainAspectRatio: !1,
|
|
9547
9547
|
legend: {
|
|
9548
9548
|
display: !1
|
|
9549
9549
|
},
|
|
@@ -9647,7 +9647,7 @@ const ye = (i, t) => {
|
|
|
9647
9647
|
for (const [n, s] of t)
|
|
9648
9648
|
e[n] = s;
|
|
9649
9649
|
return e;
|
|
9650
|
-
}, fn = /* @__PURE__ */ ye(iu, [["__scopeId", "data-v-
|
|
9650
|
+
}, fn = /* @__PURE__ */ ye(iu, [["__scopeId", "data-v-e0921fde"]]);
|
|
9651
9651
|
fn.install = (i) => {
|
|
9652
9652
|
i.component("BarChart", fn);
|
|
9653
9653
|
};
|
|
@@ -9929,6 +9929,8 @@ const su = { class: "container" }, ou = { class: "main" }, au = {
|
|
|
9929
9929
|
const S = R(() => {
|
|
9930
9930
|
const C = b.value, D = y.value;
|
|
9931
9931
|
return {
|
|
9932
|
+
responsive: !0,
|
|
9933
|
+
maintainAspectRatio: !1,
|
|
9932
9934
|
onHover: t.enableHoverFeature ? h() : () => {
|
|
9933
9935
|
},
|
|
9934
9936
|
plugins: {
|
|
@@ -10022,7 +10024,7 @@ const su = { class: "container" }, ou = { class: "main" }, au = {
|
|
|
10022
10024
|
]));
|
|
10023
10025
|
}
|
|
10024
10026
|
});
|
|
10025
|
-
const gn = /* @__PURE__ */ ye(ru, [["__scopeId", "data-v-
|
|
10027
|
+
const gn = /* @__PURE__ */ ye(ru, [["__scopeId", "data-v-aad16a24"]]);
|
|
10026
10028
|
gn.install = (i) => {
|
|
10027
10029
|
i.component("DoughnutChart", gn);
|
|
10028
10030
|
};
|
|
@@ -10199,7 +10201,11 @@ const lu = { class: "container" }, cu = { class: "main" }, hu = /* @__PURE__ */
|
|
|
10199
10201
|
const { colourSets: e, patternsStandardList: n } = be(), s = q(null), o = q(!1), a = R(
|
|
10200
10202
|
() => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((y) => e[t.colourSet][y])
|
|
10201
10203
|
), r = t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((y) => n[y]), l = (y) => {
|
|
10202
|
-
|
|
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);
|
|
10203
10209
|
return t.lines[x].unit ? v + " " + t.lines[x].unit : v;
|
|
10204
10210
|
}, c = R(() => t.tooltipFirstLineLabel), h = R(() => t.tooltipSecondLineLabel), d = (y) => {
|
|
10205
10211
|
switch (y) {
|
|
@@ -10331,7 +10337,7 @@ const lu = { class: "container" }, cu = { class: "main" }, hu = /* @__PURE__ */
|
|
|
10331
10337
|
]));
|
|
10332
10338
|
}
|
|
10333
10339
|
});
|
|
10334
|
-
const pn = /* @__PURE__ */ ye(hu, [["__scopeId", "data-v-
|
|
10340
|
+
const pn = /* @__PURE__ */ ye(hu, [["__scopeId", "data-v-4449eac2"]]);
|
|
10335
10341
|
pn.install = (i) => {
|
|
10336
10342
|
i.component("LineChart", pn);
|
|
10337
10343
|
};
|
|
@@ -10510,6 +10516,8 @@ const gu = { class: "container" }, pu = /* @__PURE__ */ Et({
|
|
|
10510
10516
|
onClick: (m, b, y) => {
|
|
10511
10517
|
b[0] && va(y, b[0].datasetIndex, h);
|
|
10512
10518
|
},
|
|
10519
|
+
responsive: !0,
|
|
10520
|
+
maintainAspectRatio: !1,
|
|
10513
10521
|
plugins: {
|
|
10514
10522
|
htmlLegend: {
|
|
10515
10523
|
containerID: "legend-container"
|
|
@@ -10630,7 +10638,7 @@ const gu = { class: "container" }, pu = /* @__PURE__ */ Et({
|
|
|
10630
10638
|
]));
|
|
10631
10639
|
}
|
|
10632
10640
|
});
|
|
10633
|
-
const mn = /* @__PURE__ */ ye(pu, [["__scopeId", "data-v-
|
|
10641
|
+
const mn = /* @__PURE__ */ ye(pu, [["__scopeId", "data-v-6ed1561f"]]);
|
|
10634
10642
|
mn.install = (i) => {
|
|
10635
10643
|
i.component("RadarChart", mn);
|
|
10636
10644
|
};
|
|
@@ -11013,7 +11021,7 @@ const bu = { class: "container" }, yu = { class: "main" }, xu = /* @__PURE__ */
|
|
|
11013
11021
|
}, p = () => Object.assign([], t.labels).map((v) => v), g = R(() => ({
|
|
11014
11022
|
type: "bar",
|
|
11015
11023
|
responsive: !0,
|
|
11016
|
-
maintainAspectRatio: !
|
|
11024
|
+
maintainAspectRatio: !1,
|
|
11017
11025
|
maxBarThickness: 64,
|
|
11018
11026
|
categoryPercentage: 0.6,
|
|
11019
11027
|
elements: {
|
|
@@ -11127,7 +11135,7 @@ const bu = { class: "container" }, yu = { class: "main" }, xu = /* @__PURE__ */
|
|
|
11127
11135
|
]));
|
|
11128
11136
|
}
|
|
11129
11137
|
});
|
|
11130
|
-
const lo = /* @__PURE__ */ ye(xu, [["__scopeId", "data-v-
|
|
11138
|
+
const lo = /* @__PURE__ */ ye(xu, [["__scopeId", "data-v-d80ed741"]]);
|
|
11131
11139
|
lo.install = (i) => {
|
|
11132
11140
|
i.component("MixedBarLineChart", lo);
|
|
11133
11141
|
};
|
|
@@ -12028,8 +12036,6 @@ const $u = { class: "container" }, Yu = { class: "main" }, Uu = { class: "chart-
|
|
|
12028
12036
|
}
|
|
12029
12037
|
},
|
|
12030
12038
|
plugins: {
|
|
12031
|
-
responsive: !0,
|
|
12032
|
-
maintainAspectRatio: !1,
|
|
12033
12039
|
legend: {
|
|
12034
12040
|
display: !1
|
|
12035
12041
|
},
|
|
@@ -12104,7 +12110,7 @@ const $u = { class: "container" }, Yu = { class: "main" }, Uu = { class: "chart-
|
|
|
12104
12110
|
]));
|
|
12105
12111
|
}
|
|
12106
12112
|
});
|
|
12107
|
-
const fo = /* @__PURE__ */ ye(Gu, [["__scopeId", "data-v-
|
|
12113
|
+
const fo = /* @__PURE__ */ ye(Gu, [["__scopeId", "data-v-d5127e2e"]]);
|
|
12108
12114
|
fo.install = (i) => {
|
|
12109
12115
|
i.component("BubbleChart", fo);
|
|
12110
12116
|
};
|
|
@@ -19,10 +19,10 @@ 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,plugins:{responsive:!0,maintainAspectRatio:!1,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-81cb6932"]]);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{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-86e65dfc"]]);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)},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-a44f1e33"]]);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:!0,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-8d783f24"]]);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
|
|
26
26
|
* Released under the MIT license
|
|
27
27
|
*/var sa=function(){if(typeof window<"u"){if(window.devicePixelRatio)return window.devicePixelRatio;var i=window.screen;if(i)return(i.deviceXDPI||1)/(i.logicalXDPI||1)}return 1}(),Fe={toTextLines:function(i){var t=[],e;for(i=[].concat(i);i.length;)e=i.pop(),typeof e=="string"?t.unshift.apply(t,e.split(`
|
|
28
|
-
`)):Array.isArray(e)?i.push.apply(i,e):F(i)||t.unshift(""+e);return t},textSize:function(i,t,e){var n=[].concat(t),s=n.length,o=i.font,a=0,r;for(i.font=e.string,r=0;r<s;++r)a=Math.max(i.measureText(n[r]).width,a);return i.font=o,{height:s*e.lineHeight,width:a}},bound:function(i,t,e){return Math.max(i,Math.min(t,e))},arrayDiff:function(i,t){var e=i.slice(),n=[],s,o,a,r;for(s=0,a=t.length;s<a;++s)r=t[s],o=e.indexOf(r),o===-1?n.push([r,1]):e.splice(o,1);for(s=0,a=e.length;s<a;++s)n.push([e[s],-1]);return n},rasterize:function(i){return Math.round(i*sa)/sa}};function Pn(i,t){var e=t.x,n=t.y;if(e===null)return{x:0,y:-1};if(n===null)return{x:1,y:0};var s=i.x-e,o=i.y-n,a=Math.sqrt(s*s+o*o);return{x:a?s/a:0,y:a?o/a:-1}}function tu(i,t,e,n,s){switch(s){case"center":e=n=0;break;case"bottom":e=0,n=1;break;case"right":e=1,n=0;break;case"left":e=-1,n=0;break;case"top":e=0,n=-1;break;case"start":e=-e,n=-n;break;case"end":break;default:s*=Math.PI/180,e=Math.cos(s),n=Math.sin(s);break}return{x:i,y:t,vx:e,vy:n}}var eu=0,oa=1,aa=2,ra=4,la=8;function Di(i,t,e){var n=eu;return i<e.left?n|=oa:i>e.right&&(n|=aa),t<e.top?n|=la:t>e.bottom&&(n|=ra),n}function iu(i,t){for(var e=i.x0,n=i.y0,s=i.x1,o=i.y1,a=Di(e,n,t),r=Di(s,o,t),l,c,h;!(!(a|r)||a&r);)l=a||r,l&la?(c=e+(s-e)*(t.top-n)/(o-n),h=t.top):l&ra?(c=e+(s-e)*(t.bottom-n)/(o-n),h=t.bottom):l&aa?(h=n+(o-n)*(t.right-e)/(s-e),c=t.right):l&oa&&(h=n+(o-n)*(t.left-e)/(s-e),c=t.left),l===a?(e=c,n=h,a=Di(e,n,t)):(s=c,o=h,r=Di(s,o,t));return{x0:e,x1:s,y0:n,y1:o}}function Ai(i,t){var e=t.anchor,n=i,s,o;return t.clamp&&(n=iu(n,t.area)),e==="start"?(s=n.x0,o=n.y0):e==="end"?(s=n.x1,o=n.y1):(s=(n.x0+n.x1)/2,o=(n.y0+n.y1)/2),tu(s,o,i.vx,i.vy,t.align)}var Li={arc:function(i,t){var e=(i.startAngle+i.endAngle)/2,n=Math.cos(e),s=Math.sin(e),o=i.innerRadius,a=i.outerRadius;return Ai({x0:i.x+n*o,y0:i.y+s*o,x1:i.x+n*a,y1:i.y+s*a,vx:n,vy:s},t)},point:function(i,t){var e=Pn(i,t.origin),n=e.x*i.options.radius,s=e.y*i.options.radius;return Ai({x0:i.x-n,y0:i.y-s,x1:i.x+n,y1:i.y+s,vx:e.x,vy:e.y},t)},bar:function(i,t){var e=Pn(i,t.origin),n=i.x,s=i.y,o=0,a=0;return i.horizontal?(n=Math.min(i.x,i.base),o=Math.abs(i.base-i.x)):(s=Math.min(i.y,i.base),a=Math.abs(i.base-i.y)),Ai({x0:n,y0:s+a,x1:n+o,y1:s,vx:e.x,vy:e.y},t)},fallback:function(i,t){var e=Pn(i,t.origin);return Ai({x0:i.x,y0:i.y,x1:i.x+(i.width||0),y1:i.y+(i.height||0),vx:e.x,vy:e.y},t)}},wt=Fe.rasterize;function nu(i){var t=i.borderWidth||0,e=i.padding,n=i.size.height,s=i.size.width,o=-s/2,a=-n/2;return{frame:{x:o-e.left-t,y:a-e.top-t,w:s+e.width+t*2,h:n+e.height+t*2},text:{x:o,y:a,w:s,h:n}}}function su(i,t){var e=t.chart.getDatasetMeta(t.datasetIndex).vScale;if(!e)return null;if(e.xCenter!==void 0&&e.yCenter!==void 0)return{x:e.xCenter,y:e.yCenter};var n=e.getBasePixel();return i.horizontal?{x:n,y:null}:{x:null,y:n}}function ou(i){return i instanceof Zt?Li.arc:i instanceof Tt?Li.point:i instanceof Jt?Li.bar:Li.fallback}function au(i,t,e,n,s,o){var a=Math.PI/2;if(o){var r=Math.min(o,s/2,n/2),l=t+r,c=e+r,h=t+n-r,d=e+s-r;i.moveTo(t,c),l<h&&c<d?(i.arc(l,c,r,-Math.PI,-a),i.arc(h,c,r,-a,0),i.arc(h,d,r,0,a),i.arc(l,d,r,a,Math.PI)):l<h?(i.moveTo(l,e),i.arc(h,c,r,-a,a),i.arc(l,c,r,a,Math.PI+a)):c<d?(i.arc(l,c,r,-Math.PI,0),i.arc(l,d,r,0,Math.PI)):i.arc(l,c,r,-Math.PI,Math.PI),i.closePath(),i.moveTo(t,e)}else i.rect(t,e,n,s)}function ru(i,t,e){var n=e.backgroundColor,s=e.borderColor,o=e.borderWidth;!n&&(!s||!o)||(i.beginPath(),au(i,wt(t.x)+o/2,wt(t.y)+o/2,wt(t.w)-o,wt(t.h)-o,e.borderRadius),i.closePath(),n&&(i.fillStyle=n,i.fill()),s&&o&&(i.strokeStyle=s,i.lineWidth=o,i.lineJoin="miter",i.stroke()))}function lu(i,t,e){var n=e.lineHeight,s=i.w,o=i.x,a=i.y+n/2;return t==="center"?o+=s/2:(t==="end"||t==="right")&&(o+=s),{h:n,w:s,x:o,y:a}}function cu(i,t,e){var n=i.shadowBlur,s=e.stroked,o=wt(e.x),a=wt(e.y),r=wt(e.w);s&&i.strokeText(t,o,a,r),e.filled&&(n&&s&&(i.shadowBlur=0),i.fillText(t,o,a,r),n&&s&&(i.shadowBlur=n))}function hu(i,t,e,n){var s=n.textAlign,o=n.color,a=!!o,r=n.font,l=t.length,c=n.textStrokeColor,h=n.textStrokeWidth,d=c&&h,u;if(!(!l||!a&&!d))for(e=lu(e,s,r),i.font=r.string,i.textAlign=s,i.textBaseline="middle",i.shadowBlur=n.textShadowBlur,i.shadowColor=n.textShadowColor,a&&(i.fillStyle=o),d&&(i.lineJoin="round",i.lineWidth=h,i.strokeStyle=c),u=0,l=t.length;u<l;++u)cu(i,t[u],{stroked:d,filled:a,w:e.w,x:e.x,y:e.y+e.h*u})}var ca=function(i,t,e,n){var s=this;s._config=i,s._index=n,s._model=null,s._rects=null,s._ctx=t,s._el=e};dt(ca.prototype,{_modelize:function(i,t,e,n){var s=this,o=s._index,a=U(V([e.font,{}],n,o)),r=V([e.color,j.color],n,o);return{align:V([e.align,"center"],n,o),anchor:V([e.anchor,"center"],n,o),area:n.chart.chartArea,backgroundColor:V([e.backgroundColor,null],n,o),borderColor:V([e.borderColor,null],n,o),borderRadius:V([e.borderRadius,0],n,o),borderWidth:V([e.borderWidth,0],n,o),clamp:V([e.clamp,!1],n,o),clip:V([e.clip,!1],n,o),color:r,display:i,font:a,lines:t,offset:V([e.offset,4],n,o),opacity:V([e.opacity,1],n,o),origin:su(s._el,n),padding:K(V([e.padding,4],n,o)),positioner:ou(s._el),rotation:V([e.rotation,0],n,o)*(Math.PI/180),size:Fe.textSize(s._ctx,t,a),textAlign:V([e.textAlign,"start"],n,o),textShadowBlur:V([e.textShadowBlur,0],n,o),textShadowColor:V([e.textShadowColor,r],n,o),textStrokeColor:V([e.textStrokeColor,r],n,o),textStrokeWidth:V([e.textStrokeWidth,0],n,o)}},update:function(i){var t=this,e=null,n=null,s=t._index,o=t._config,a,r,l,c=V([o.display,!0],i,s);c&&(a=i.dataset.data[s],r=L(z(o.formatter,[a,i]),a),l=F(r)?[]:Fe.toTextLines(r),l.length&&(e=t._modelize(c,l,o,i),n=nu(e))),t._model=e,t._rects=n},geometry:function(){return this._rects?this._rects.frame:{}},rotation:function(){return this._model?this._model.rotation:0},visible:function(){return this._model&&this._model.opacity},model:function(){return this._model},draw:function(i,t){var e=this,n=i.ctx,s=e._model,o=e._rects,a;this.visible()&&(n.save(),s.clip&&(a=s.area,n.beginPath(),n.rect(a.left,a.top,a.right-a.left,a.bottom-a.top),n.clip()),n.globalAlpha=Fe.bound(0,s.opacity,1),n.translate(wt(t.x),wt(t.y)),n.rotate(s.rotation),ru(n,o.frame,s),hu(n,s.lines,o.text,s),n.restore())}});var du=Number.MIN_SAFE_INTEGER||-9007199254740991,uu=Number.MAX_SAFE_INTEGER||9007199254740991;function Re(i,t,e){var n=Math.cos(e),s=Math.sin(e),o=t.x,a=t.y;return{x:o+n*(i.x-o)-s*(i.y-a),y:a+s*(i.x-o)+n*(i.y-a)}}function ha(i,t){var e=uu,n=du,s=t.origin,o,a,r,l,c;for(o=0;o<i.length;++o)a=i[o],r=a.x-s.x,l=a.y-s.y,c=t.vx*r+t.vy*l,e=Math.min(e,c),n=Math.max(n,c);return{min:e,max:n}}function Ti(i,t){var e=t.x-i.x,n=t.y-i.y,s=Math.sqrt(e*e+n*n);return{vx:(t.x-i.x)/s,vy:(t.y-i.y)/s,origin:i,ln:s}}var da=function(){this._rotation=0,this._rect={x:0,y:0,w:0,h:0}};dt(da.prototype,{center:function(){var i=this._rect;return{x:i.x+i.w/2,y:i.y+i.h/2}},update:function(i,t,e){this._rotation=e,this._rect={x:t.x+i.x,y:t.y+i.y,w:t.w,h:t.h}},contains:function(i){var t=this,e=1,n=t._rect;return i=Re(i,t.center(),-t._rotation),!(i.x<n.x-e||i.y<n.y-e||i.x>n.x+n.w+e*2||i.y>n.y+n.h+e*2)},intersects:function(i){var t=this._points(),e=i._points(),n=[Ti(t[0],t[1]),Ti(t[0],t[3])],s,o,a;for(this._rotation!==i._rotation&&n.push(Ti(e[0],e[1]),Ti(e[0],e[3])),s=0;s<n.length;++s)if(o=ha(t,n[s]),a=ha(e,n[s]),o.max<a.min||a.max<o.min)return!1;return!0},_points:function(){var i=this,t=i._rect,e=i._rotation,n=i.center();return[Re({x:t.x,y:t.y},n,e),Re({x:t.x+t.w,y:t.y},n,e),Re({x:t.x+t.w,y:t.y+t.h},n,e),Re({x:t.x,y:t.y+t.h},n,e)]}});function ua(i,t,e){var n=t.positioner(i,t),s=n.vx,o=n.vy;if(!s&&!o)return{x:n.x,y:n.y};var a=e.w,r=e.h,l=t.rotation,c=Math.abs(a/2*Math.cos(l))+Math.abs(r/2*Math.sin(l)),h=Math.abs(a/2*Math.sin(l))+Math.abs(r/2*Math.cos(l)),d=1/Math.max(Math.abs(s),Math.abs(o));return c*=s*d,h*=o*d,c+=t.offset*s,h+=t.offset*o,{x:n.x+c,y:n.y+h}}function fu(i,t){var e,n,s,o;for(e=i.length-1;e>=0;--e)for(s=i[e].$layout,n=e-1;n>=0&&s._visible;--n)o=i[n].$layout,o._visible&&s._box.intersects(o._box)&&t(s,o);return i}function gu(i){var t,e,n,s,o,a,r;for(t=0,e=i.length;t<e;++t)n=i[t],s=n.$layout,s._visible&&(r=new Proxy(n._el,{get:(l,c)=>l.getProps([c],!0)[c]}),o=n.geometry(),a=ua(r,n.model(),o),s._box.update(a,o,n.rotation()));return fu(i,function(l,c){var h=l._hidable,d=c._hidable;h&&d||d?c._visible=!1:h&&(l._visible=!1)})}var Ee={prepare:function(i){var t=[],e,n,s,o,a;for(e=0,s=i.length;e<s;++e)for(n=0,o=i[e].length;n<o;++n)a=i[e][n],t.push(a),a.$layout={_box:new da,_hidable:!1,_visible:!0,_set:e,_idx:a._index};return t.sort(function(r,l){var c=r.$layout,h=l.$layout;return c._idx===h._idx?h._set-c._set:h._idx-c._idx}),this.update(t),t},update:function(i){var t=!1,e,n,s,o,a;for(e=0,n=i.length;e<n;++e)s=i[e],o=s.model(),a=s.$layout,a._hidable=o&&o.display==="auto",a._visible=s.visible(),t|=a._hidable;t&&gu(i)},lookup:function(i,t){var e,n;for(e=i.length-1;e>=0;--e)if(n=i[e].$layout,n&&n._visible&&n._box.contains(t))return i[e];return null},draw:function(i,t){var e,n,s,o,a,r;for(e=0,n=t.length;e<n;++e)s=t[e],o=s.$layout,o._visible&&(a=s.geometry(),r=ua(s._el,s.model(),a),o._box.update(r,a,s.rotation()),s.draw(i,r))}},pu=function(i){if(F(i))return null;var t=i,e,n,s;if(I(i))if(!F(i.label))t=i.label;else if(!F(i.r))t=i.r;else for(t="",e=Object.keys(i),s=0,n=e.length;s<n;++s)t+=(s!==0?", ":"")+e[s]+": "+i[e[s]];return""+t},mu={align:"center",anchor:"center",backgroundColor:null,borderColor:null,borderRadius:0,borderWidth:0,clamp:!1,clip:!1,color:void 0,display:!0,font:{family:void 0,lineHeight:1.2,size:void 0,style:void 0,weight:null},formatter:pu,labels:void 0,listeners:{},offset:4,opacity:1,padding:{top:4,right:4,bottom:4,left:4},rotation:0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,textShadowBlur:0,textShadowColor:void 0},nt="$datalabels",fa="$default";function bu(i,t){var e=i.datalabels,n={},s=[],o,a;return e===!1?null:(e===!0&&(e={}),t=dt({},[t,e]),o=t.labels||{},a=Object.keys(o),delete t.labels,a.length?a.forEach(function(r){o[r]&&s.push(dt({},[t,o[r],{_key:r}]))}):s.push(t),n=s.reduce(function(r,l){return E(l.listeners||{},function(c,h){r[h]=r[h]||{},r[h][l._key||fa]=c}),delete l.listeners,r},{}),{labels:s,listeners:n})}function Dn(i,t,e,n){if(t){var s=e.$context,o=e.$groups,a;t[o._set]&&(a=t[o._set][o._key],a&&z(a,[s,n])===!0&&(i[nt]._dirty=!0,e.update(s)))}}function yu(i,t,e,n,s){var o,a;!e&&!n||(e?n?e!==n&&(a=o=!0):a=!0:o=!0,a&&Dn(i,t.leave,e,s),o&&Dn(i,t.enter,n,s))}function xu(i,t){var e=i[nt],n=e._listeners,s,o;if(!(!n.enter&&!n.leave)){if(t.type==="mousemove")o=Ee.lookup(e._labels,t);else if(t.type!=="mouseout")return;s=e._hovered,e._hovered=o,yu(i,n,s,o,t)}}function _u(i,t){var e=i[nt],n=e._listeners.click,s=n&&Ee.lookup(e._labels,t);s&&Dn(i,n,s,t)}var vu={id:"datalabels",defaults:mu,beforeInit:function(i){i[nt]={_actives:[]}},beforeUpdate:function(i){var t=i[nt];t._listened=!1,t._listeners={},t._datasets=[],t._labels=[]},afterDatasetUpdate:function(i,t,e){var n=t.index,s=i[nt],o=s._datasets[n]=[],a=i.isDatasetVisible(n),r=i.data.datasets[n],l=bu(r,e),c=t.meta.data||[],h=i.ctx,d,u,f,p,g,m,b,y;for(h.save(),d=0,f=c.length;d<f;++d)if(b=c[d],b[nt]=[],a&&b&&i.getDataVisibility(d)&&!b.skip)for(u=0,p=l.labels.length;u<p;++u)g=l.labels[u],m=g._key,y=new ca(g,h,b,d),y.$groups={_set:n,_key:m||fa},y.$context={active:!1,chart:i,dataIndex:d,dataset:r,datasetIndex:n},y.update(y.$context),b[nt].push(y),o.push(y);h.restore(),dt(s._listeners,l.listeners,{merger:function(_,v,S){v[_]=v[_]||{},v[_][t.index]=S[_],s._listened=!0}})},afterUpdate:function(i){i[nt]._labels=Ee.prepare(i[nt]._datasets)},afterDatasetsDraw:function(i){Ee.draw(i,i[nt]._labels)},beforeEvent:function(i,t){if(i[nt]._listened){var e=t.event;switch(e.type){case"mousemove":case"mouseout":xu(i,e);break;case"click":_u(i,e);break}}},afterEvent:function(i){var t=i[nt],e=t._actives,n=t._actives=i.getActiveElements(),s=Fe.arrayDiff(e,n),o,a,r,l,c,h,d;for(o=0,a=s.length;o<a;++o)if(c=s[o],c[1])for(d=c[0].element[nt]||[],r=0,l=d.length;r<l;++r)h=d[r],h.$context.active=c[1]===1,h.update(h.$context);(t._dirty||s.length)&&(Ee.update(t._labels),i.render()),delete t._dirty}};const ga="background: white; border-bottom: 1px solid #CCCCCC; border-radius: 5px; padding: 10px 20px";class Su extends oe{constructor(){super(...arguments);C(this,"fontProperties","font-family: Arial; font-size: 16px")}createBubbleTooltip(e,n,s){if(!s||s==="")return;let o=document.querySelector("#chartjs-tooltip");o||(o=this.createNewTooltipElement());const a=e.tooltip;if(a.opacity===0){o.style.opacity="0";return}if(a.body){this.titleLines=a.title||[];const l=a.body.map(this.getBody)[0];this.addBubbleLegendToDom(n,l,o,s)}this.handleTooltipPosition(e,a,o)}addBubbleLegendToDom(e,n,s,o){n[0].split(":")[0];const a=`<span style="${this.fontProperties}">${o}</span>`;let r=`<div style="${ga}; font-weight: bold" class="tooltipTitle">${a}</div>`;const l=this.getBubbleInnerHtml(e);r+=l;const c=s==null?void 0:s.querySelector(".tooltipCtn");c.innerHTML=r}getBubbleInnerHtml(e){let n="";return e.forEach(s=>{n+=`<div style="${this.fontProperties}; ${ga}; display:flex; justify-content: space-between;">`,n+=`<div>${s.label}</div>`,n+=`<div>${s.value} ${s.unit}</div>`,n+="</div>"}),`<div>${n}</div>`}}const ku={class:"container"},Mu={class:"main"},wu={class:"chart-legend"},Cu=["alt"],Pu={class:"size-legend-label"},Du=x.defineComponent({__name:"BubbleChart",props:{chartId:{type:String,default:"bubble-chart"},labels:{type:Array,default:()=>[]},colourSet:{type:Number,default:0},colours:{type:Array,default:()=>[]},shapes:{type:Array,default:()=>[]},datasets:{type:Array,default:()=>[]},width:{type:String,default:"400px"},height:{type:String,default:"300px"},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},bubbleMin:{type:Number,default:10},bubbleMax:{type:Number,default:40},plugins:{type:Array,default:()=>[]},displayBubbleLabel:{type:Boolean,default:!1},xAxis:{type:Object,default:null,required:!0},yAxis:{type:Object,default:null,required:!0},rAxis:{type:Object,default:null,required:!0},displayAxisLabels:{type:Boolean,default:!0},xMinimumFractionDigits:{type:Number,required:!1},xMaximumFractionDigits:{type:Number,required:!1},yMinimumFractionDigits:{type:Number,required:!1},yMaximumFractionDigits:{type:Number,required:!1},rMinimumFractionDigits:{type:Number,required:!1},rMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(te,ee,Qt,Tt,ie,ne,vu);const{colourSets:e}=re(),n=function(r){const l=[];r.forEach(f=>{f.forEach(p=>{l.push(p.r)})});const c=Math.max(...l),h=Math.min(...l),d=t.bubbleMax,u=t.bubbleMin;return r.map(f=>c===h?f.map(p=>({x:p.x,y:p.y,r:u+(d-u)/2})):f.map(p=>({x:p.x,y:p.y,r:u+(p.r-h)*(d-u)/(c-h)})))},s=x.computed(()=>{const r=e[t.colourSet];return{datasets:n(t.datasets).map((l,c)=>({data:l,pointStyle:t.shapes[c],backgroundColor:Ie(r[t.colours[c]],.2),borderColor:r[t.colours[c]],label:t.labels[c]}))}}),o=x.computed(()=>({responsive:!1,scales:{x:{offset:!0,title:{display:t.displayAxisLabels,text:t.xAxis.title}},y:{offset:!0,title:{display:t.displayAxisLabels,text:t.yAxis.title}}},plugins:{responsive:!0,maintainAspectRatio:!1,legend:{display:!1},title:{display:!1},datalabels:{display:t.displayBubbleLabel,anchor:"end",align:"end",color:"black",formatter:function(r,l){return l.dataset.label},padding:0},tooltip:{enabled:!1,position:"nearest",external:function(r){var d,u,f;const l=((u=(d=r.tooltip)==null?void 0:d.dataPoints)==null?void 0:u[0].datasetIndex)||0,c=((f=r.tooltip.dataPoints)==null?void 0:f[0].dataIndex)||0,h=t.datasets[l][c];new Su().createBubbleTooltip(r,a(h),t.labels[l])}}}}));function a(r){var l,c,h;return[{label:t.xAxis.title,value:`${tt(r.x,t.xMinimumFractionDigits,t.xMaximumFractionDigits)}`,unit:(l=t.xAxis)==null?void 0:l.unit},{label:t.yAxis.title,value:`${tt(r.y,t.yMinimumFractionDigits,t.yMaximumFractionDigits)}`,unit:(c=t.yAxis)==null?void 0:c.unit},{label:t.rAxis.title,value:`${tt(r.r,t.rMinimumFractionDigits,t.rMaximumFractionDigits)}`,unit:(h=t.rAxis)==null?void 0:h.unit}]}return(r,l)=>(x.openBlock(),x.createElementBlock("div",ku,[x.createElementVNode("div",Mu,[s.value?(x.openBlock(),x.createBlock(x.unref(ud),{key:0,ref:"bubbleChartRef",id:i.chartId,data:s.value,options:o.value,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","class","style"])):x.createCommentVNode("",!0)]),x.createElementVNode("div",wu,[x.createElementVNode("img",{src:Qd,alt:i.rAxis.title,class:"bubble-icon mu-mr-025"},null,8,Cu),x.createElementVNode("div",Pu,x.toDisplayString(i.rAxis.title),1)])]))}}),Nu="",Wu="",An=le(Du,[["__scopeId","data-v-33cb375a"]]);An.install=i=>{i.component("BubbleChart",An)};const Au={install:(i,t)=>{Object.keys(ia).forEach(e=>{i.component(e,ia[e])})}};X.BarChart=Mi,X.BubbleChart=An,X.DoughnutChart=wi,X.LineChart=Ci,X.MixedBarLineChart=Cn,X.RadarChart=Pi,X.default=Au,Object.defineProperties(X,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
28
|
+
`)):Array.isArray(e)?i.push.apply(i,e):F(i)||t.unshift(""+e);return t},textSize:function(i,t,e){var n=[].concat(t),s=n.length,o=i.font,a=0,r;for(i.font=e.string,r=0;r<s;++r)a=Math.max(i.measureText(n[r]).width,a);return i.font=o,{height:s*e.lineHeight,width:a}},bound:function(i,t,e){return Math.max(i,Math.min(t,e))},arrayDiff:function(i,t){var e=i.slice(),n=[],s,o,a,r;for(s=0,a=t.length;s<a;++s)r=t[s],o=e.indexOf(r),o===-1?n.push([r,1]):e.splice(o,1);for(s=0,a=e.length;s<a;++s)n.push([e[s],-1]);return n},rasterize:function(i){return Math.round(i*sa)/sa}};function Pn(i,t){var e=t.x,n=t.y;if(e===null)return{x:0,y:-1};if(n===null)return{x:1,y:0};var s=i.x-e,o=i.y-n,a=Math.sqrt(s*s+o*o);return{x:a?s/a:0,y:a?o/a:-1}}function tu(i,t,e,n,s){switch(s){case"center":e=n=0;break;case"bottom":e=0,n=1;break;case"right":e=1,n=0;break;case"left":e=-1,n=0;break;case"top":e=0,n=-1;break;case"start":e=-e,n=-n;break;case"end":break;default:s*=Math.PI/180,e=Math.cos(s),n=Math.sin(s);break}return{x:i,y:t,vx:e,vy:n}}var eu=0,oa=1,aa=2,ra=4,la=8;function Di(i,t,e){var n=eu;return i<e.left?n|=oa:i>e.right&&(n|=aa),t<e.top?n|=la:t>e.bottom&&(n|=ra),n}function iu(i,t){for(var e=i.x0,n=i.y0,s=i.x1,o=i.y1,a=Di(e,n,t),r=Di(s,o,t),l,c,h;!(!(a|r)||a&r);)l=a||r,l&la?(c=e+(s-e)*(t.top-n)/(o-n),h=t.top):l&ra?(c=e+(s-e)*(t.bottom-n)/(o-n),h=t.bottom):l&aa?(h=n+(o-n)*(t.right-e)/(s-e),c=t.right):l&oa&&(h=n+(o-n)*(t.left-e)/(s-e),c=t.left),l===a?(e=c,n=h,a=Di(e,n,t)):(s=c,o=h,r=Di(s,o,t));return{x0:e,x1:s,y0:n,y1:o}}function Ai(i,t){var e=t.anchor,n=i,s,o;return t.clamp&&(n=iu(n,t.area)),e==="start"?(s=n.x0,o=n.y0):e==="end"?(s=n.x1,o=n.y1):(s=(n.x0+n.x1)/2,o=(n.y0+n.y1)/2),tu(s,o,i.vx,i.vy,t.align)}var Li={arc:function(i,t){var e=(i.startAngle+i.endAngle)/2,n=Math.cos(e),s=Math.sin(e),o=i.innerRadius,a=i.outerRadius;return Ai({x0:i.x+n*o,y0:i.y+s*o,x1:i.x+n*a,y1:i.y+s*a,vx:n,vy:s},t)},point:function(i,t){var e=Pn(i,t.origin),n=e.x*i.options.radius,s=e.y*i.options.radius;return Ai({x0:i.x-n,y0:i.y-s,x1:i.x+n,y1:i.y+s,vx:e.x,vy:e.y},t)},bar:function(i,t){var e=Pn(i,t.origin),n=i.x,s=i.y,o=0,a=0;return i.horizontal?(n=Math.min(i.x,i.base),o=Math.abs(i.base-i.x)):(s=Math.min(i.y,i.base),a=Math.abs(i.base-i.y)),Ai({x0:n,y0:s+a,x1:n+o,y1:s,vx:e.x,vy:e.y},t)},fallback:function(i,t){var e=Pn(i,t.origin);return Ai({x0:i.x,y0:i.y,x1:i.x+(i.width||0),y1:i.y+(i.height||0),vx:e.x,vy:e.y},t)}},wt=Fe.rasterize;function nu(i){var t=i.borderWidth||0,e=i.padding,n=i.size.height,s=i.size.width,o=-s/2,a=-n/2;return{frame:{x:o-e.left-t,y:a-e.top-t,w:s+e.width+t*2,h:n+e.height+t*2},text:{x:o,y:a,w:s,h:n}}}function su(i,t){var e=t.chart.getDatasetMeta(t.datasetIndex).vScale;if(!e)return null;if(e.xCenter!==void 0&&e.yCenter!==void 0)return{x:e.xCenter,y:e.yCenter};var n=e.getBasePixel();return i.horizontal?{x:n,y:null}:{x:null,y:n}}function ou(i){return i instanceof Zt?Li.arc:i instanceof Tt?Li.point:i instanceof Jt?Li.bar:Li.fallback}function au(i,t,e,n,s,o){var a=Math.PI/2;if(o){var r=Math.min(o,s/2,n/2),l=t+r,c=e+r,h=t+n-r,d=e+s-r;i.moveTo(t,c),l<h&&c<d?(i.arc(l,c,r,-Math.PI,-a),i.arc(h,c,r,-a,0),i.arc(h,d,r,0,a),i.arc(l,d,r,a,Math.PI)):l<h?(i.moveTo(l,e),i.arc(h,c,r,-a,a),i.arc(l,c,r,a,Math.PI+a)):c<d?(i.arc(l,c,r,-Math.PI,0),i.arc(l,d,r,0,Math.PI)):i.arc(l,c,r,-Math.PI,Math.PI),i.closePath(),i.moveTo(t,e)}else i.rect(t,e,n,s)}function ru(i,t,e){var n=e.backgroundColor,s=e.borderColor,o=e.borderWidth;!n&&(!s||!o)||(i.beginPath(),au(i,wt(t.x)+o/2,wt(t.y)+o/2,wt(t.w)-o,wt(t.h)-o,e.borderRadius),i.closePath(),n&&(i.fillStyle=n,i.fill()),s&&o&&(i.strokeStyle=s,i.lineWidth=o,i.lineJoin="miter",i.stroke()))}function lu(i,t,e){var n=e.lineHeight,s=i.w,o=i.x,a=i.y+n/2;return t==="center"?o+=s/2:(t==="end"||t==="right")&&(o+=s),{h:n,w:s,x:o,y:a}}function cu(i,t,e){var n=i.shadowBlur,s=e.stroked,o=wt(e.x),a=wt(e.y),r=wt(e.w);s&&i.strokeText(t,o,a,r),e.filled&&(n&&s&&(i.shadowBlur=0),i.fillText(t,o,a,r),n&&s&&(i.shadowBlur=n))}function hu(i,t,e,n){var s=n.textAlign,o=n.color,a=!!o,r=n.font,l=t.length,c=n.textStrokeColor,h=n.textStrokeWidth,d=c&&h,u;if(!(!l||!a&&!d))for(e=lu(e,s,r),i.font=r.string,i.textAlign=s,i.textBaseline="middle",i.shadowBlur=n.textShadowBlur,i.shadowColor=n.textShadowColor,a&&(i.fillStyle=o),d&&(i.lineJoin="round",i.lineWidth=h,i.strokeStyle=c),u=0,l=t.length;u<l;++u)cu(i,t[u],{stroked:d,filled:a,w:e.w,x:e.x,y:e.y+e.h*u})}var ca=function(i,t,e,n){var s=this;s._config=i,s._index=n,s._model=null,s._rects=null,s._ctx=t,s._el=e};dt(ca.prototype,{_modelize:function(i,t,e,n){var s=this,o=s._index,a=U(V([e.font,{}],n,o)),r=V([e.color,j.color],n,o);return{align:V([e.align,"center"],n,o),anchor:V([e.anchor,"center"],n,o),area:n.chart.chartArea,backgroundColor:V([e.backgroundColor,null],n,o),borderColor:V([e.borderColor,null],n,o),borderRadius:V([e.borderRadius,0],n,o),borderWidth:V([e.borderWidth,0],n,o),clamp:V([e.clamp,!1],n,o),clip:V([e.clip,!1],n,o),color:r,display:i,font:a,lines:t,offset:V([e.offset,4],n,o),opacity:V([e.opacity,1],n,o),origin:su(s._el,n),padding:K(V([e.padding,4],n,o)),positioner:ou(s._el),rotation:V([e.rotation,0],n,o)*(Math.PI/180),size:Fe.textSize(s._ctx,t,a),textAlign:V([e.textAlign,"start"],n,o),textShadowBlur:V([e.textShadowBlur,0],n,o),textShadowColor:V([e.textShadowColor,r],n,o),textStrokeColor:V([e.textStrokeColor,r],n,o),textStrokeWidth:V([e.textStrokeWidth,0],n,o)}},update:function(i){var t=this,e=null,n=null,s=t._index,o=t._config,a,r,l,c=V([o.display,!0],i,s);c&&(a=i.dataset.data[s],r=L(z(o.formatter,[a,i]),a),l=F(r)?[]:Fe.toTextLines(r),l.length&&(e=t._modelize(c,l,o,i),n=nu(e))),t._model=e,t._rects=n},geometry:function(){return this._rects?this._rects.frame:{}},rotation:function(){return this._model?this._model.rotation:0},visible:function(){return this._model&&this._model.opacity},model:function(){return this._model},draw:function(i,t){var e=this,n=i.ctx,s=e._model,o=e._rects,a;this.visible()&&(n.save(),s.clip&&(a=s.area,n.beginPath(),n.rect(a.left,a.top,a.right-a.left,a.bottom-a.top),n.clip()),n.globalAlpha=Fe.bound(0,s.opacity,1),n.translate(wt(t.x),wt(t.y)),n.rotate(s.rotation),ru(n,o.frame,s),hu(n,s.lines,o.text,s),n.restore())}});var du=Number.MIN_SAFE_INTEGER||-9007199254740991,uu=Number.MAX_SAFE_INTEGER||9007199254740991;function Re(i,t,e){var n=Math.cos(e),s=Math.sin(e),o=t.x,a=t.y;return{x:o+n*(i.x-o)-s*(i.y-a),y:a+s*(i.x-o)+n*(i.y-a)}}function ha(i,t){var e=uu,n=du,s=t.origin,o,a,r,l,c;for(o=0;o<i.length;++o)a=i[o],r=a.x-s.x,l=a.y-s.y,c=t.vx*r+t.vy*l,e=Math.min(e,c),n=Math.max(n,c);return{min:e,max:n}}function Ti(i,t){var e=t.x-i.x,n=t.y-i.y,s=Math.sqrt(e*e+n*n);return{vx:(t.x-i.x)/s,vy:(t.y-i.y)/s,origin:i,ln:s}}var da=function(){this._rotation=0,this._rect={x:0,y:0,w:0,h:0}};dt(da.prototype,{center:function(){var i=this._rect;return{x:i.x+i.w/2,y:i.y+i.h/2}},update:function(i,t,e){this._rotation=e,this._rect={x:t.x+i.x,y:t.y+i.y,w:t.w,h:t.h}},contains:function(i){var t=this,e=1,n=t._rect;return i=Re(i,t.center(),-t._rotation),!(i.x<n.x-e||i.y<n.y-e||i.x>n.x+n.w+e*2||i.y>n.y+n.h+e*2)},intersects:function(i){var t=this._points(),e=i._points(),n=[Ti(t[0],t[1]),Ti(t[0],t[3])],s,o,a;for(this._rotation!==i._rotation&&n.push(Ti(e[0],e[1]),Ti(e[0],e[3])),s=0;s<n.length;++s)if(o=ha(t,n[s]),a=ha(e,n[s]),o.max<a.min||a.max<o.min)return!1;return!0},_points:function(){var i=this,t=i._rect,e=i._rotation,n=i.center();return[Re({x:t.x,y:t.y},n,e),Re({x:t.x+t.w,y:t.y},n,e),Re({x:t.x+t.w,y:t.y+t.h},n,e),Re({x:t.x,y:t.y+t.h},n,e)]}});function ua(i,t,e){var n=t.positioner(i,t),s=n.vx,o=n.vy;if(!s&&!o)return{x:n.x,y:n.y};var a=e.w,r=e.h,l=t.rotation,c=Math.abs(a/2*Math.cos(l))+Math.abs(r/2*Math.sin(l)),h=Math.abs(a/2*Math.sin(l))+Math.abs(r/2*Math.cos(l)),d=1/Math.max(Math.abs(s),Math.abs(o));return c*=s*d,h*=o*d,c+=t.offset*s,h+=t.offset*o,{x:n.x+c,y:n.y+h}}function fu(i,t){var e,n,s,o;for(e=i.length-1;e>=0;--e)for(s=i[e].$layout,n=e-1;n>=0&&s._visible;--n)o=i[n].$layout,o._visible&&s._box.intersects(o._box)&&t(s,o);return i}function gu(i){var t,e,n,s,o,a,r;for(t=0,e=i.length;t<e;++t)n=i[t],s=n.$layout,s._visible&&(r=new Proxy(n._el,{get:(l,c)=>l.getProps([c],!0)[c]}),o=n.geometry(),a=ua(r,n.model(),o),s._box.update(a,o,n.rotation()));return fu(i,function(l,c){var h=l._hidable,d=c._hidable;h&&d||d?c._visible=!1:h&&(l._visible=!1)})}var Ee={prepare:function(i){var t=[],e,n,s,o,a;for(e=0,s=i.length;e<s;++e)for(n=0,o=i[e].length;n<o;++n)a=i[e][n],t.push(a),a.$layout={_box:new da,_hidable:!1,_visible:!0,_set:e,_idx:a._index};return t.sort(function(r,l){var c=r.$layout,h=l.$layout;return c._idx===h._idx?h._set-c._set:h._idx-c._idx}),this.update(t),t},update:function(i){var t=!1,e,n,s,o,a;for(e=0,n=i.length;e<n;++e)s=i[e],o=s.model(),a=s.$layout,a._hidable=o&&o.display==="auto",a._visible=s.visible(),t|=a._hidable;t&&gu(i)},lookup:function(i,t){var e,n;for(e=i.length-1;e>=0;--e)if(n=i[e].$layout,n&&n._visible&&n._box.contains(t))return i[e];return null},draw:function(i,t){var e,n,s,o,a,r;for(e=0,n=t.length;e<n;++e)s=t[e],o=s.$layout,o._visible&&(a=s.geometry(),r=ua(s._el,s.model(),a),o._box.update(r,a,s.rotation()),s.draw(i,r))}},pu=function(i){if(F(i))return null;var t=i,e,n,s;if(I(i))if(!F(i.label))t=i.label;else if(!F(i.r))t=i.r;else for(t="",e=Object.keys(i),s=0,n=e.length;s<n;++s)t+=(s!==0?", ":"")+e[s]+": "+i[e[s]];return""+t},mu={align:"center",anchor:"center",backgroundColor:null,borderColor:null,borderRadius:0,borderWidth:0,clamp:!1,clip:!1,color:void 0,display:!0,font:{family:void 0,lineHeight:1.2,size:void 0,style:void 0,weight:null},formatter:pu,labels:void 0,listeners:{},offset:4,opacity:1,padding:{top:4,right:4,bottom:4,left:4},rotation:0,textAlign:"start",textStrokeColor:void 0,textStrokeWidth:0,textShadowBlur:0,textShadowColor:void 0},nt="$datalabels",fa="$default";function bu(i,t){var e=i.datalabels,n={},s=[],o,a;return e===!1?null:(e===!0&&(e={}),t=dt({},[t,e]),o=t.labels||{},a=Object.keys(o),delete t.labels,a.length?a.forEach(function(r){o[r]&&s.push(dt({},[t,o[r],{_key:r}]))}):s.push(t),n=s.reduce(function(r,l){return E(l.listeners||{},function(c,h){r[h]=r[h]||{},r[h][l._key||fa]=c}),delete l.listeners,r},{}),{labels:s,listeners:n})}function Dn(i,t,e,n){if(t){var s=e.$context,o=e.$groups,a;t[o._set]&&(a=t[o._set][o._key],a&&z(a,[s,n])===!0&&(i[nt]._dirty=!0,e.update(s)))}}function yu(i,t,e,n,s){var o,a;!e&&!n||(e?n?e!==n&&(a=o=!0):a=!0:o=!0,a&&Dn(i,t.leave,e,s),o&&Dn(i,t.enter,n,s))}function xu(i,t){var e=i[nt],n=e._listeners,s,o;if(!(!n.enter&&!n.leave)){if(t.type==="mousemove")o=Ee.lookup(e._labels,t);else if(t.type!=="mouseout")return;s=e._hovered,e._hovered=o,yu(i,n,s,o,t)}}function _u(i,t){var e=i[nt],n=e._listeners.click,s=n&&Ee.lookup(e._labels,t);s&&Dn(i,n,s,t)}var vu={id:"datalabels",defaults:mu,beforeInit:function(i){i[nt]={_actives:[]}},beforeUpdate:function(i){var t=i[nt];t._listened=!1,t._listeners={},t._datasets=[],t._labels=[]},afterDatasetUpdate:function(i,t,e){var n=t.index,s=i[nt],o=s._datasets[n]=[],a=i.isDatasetVisible(n),r=i.data.datasets[n],l=bu(r,e),c=t.meta.data||[],h=i.ctx,d,u,f,p,g,m,b,y;for(h.save(),d=0,f=c.length;d<f;++d)if(b=c[d],b[nt]=[],a&&b&&i.getDataVisibility(d)&&!b.skip)for(u=0,p=l.labels.length;u<p;++u)g=l.labels[u],m=g._key,y=new ca(g,h,b,d),y.$groups={_set:n,_key:m||fa},y.$context={active:!1,chart:i,dataIndex:d,dataset:r,datasetIndex:n},y.update(y.$context),b[nt].push(y),o.push(y);h.restore(),dt(s._listeners,l.listeners,{merger:function(_,v,S){v[_]=v[_]||{},v[_][t.index]=S[_],s._listened=!0}})},afterUpdate:function(i){i[nt]._labels=Ee.prepare(i[nt]._datasets)},afterDatasetsDraw:function(i){Ee.draw(i,i[nt]._labels)},beforeEvent:function(i,t){if(i[nt]._listened){var e=t.event;switch(e.type){case"mousemove":case"mouseout":xu(i,e);break;case"click":_u(i,e);break}}},afterEvent:function(i){var t=i[nt],e=t._actives,n=t._actives=i.getActiveElements(),s=Fe.arrayDiff(e,n),o,a,r,l,c,h,d;for(o=0,a=s.length;o<a;++o)if(c=s[o],c[1])for(d=c[0].element[nt]||[],r=0,l=d.length;r<l;++r)h=d[r],h.$context.active=c[1]===1,h.update(h.$context);(t._dirty||s.length)&&(Ee.update(t._labels),i.render()),delete t._dirty}};const ga="background: white; border-bottom: 1px solid #CCCCCC; border-radius: 5px; padding: 10px 20px";class Su extends oe{constructor(){super(...arguments);C(this,"fontProperties","font-family: Arial; font-size: 16px")}createBubbleTooltip(e,n,s){if(!s||s==="")return;let o=document.querySelector("#chartjs-tooltip");o||(o=this.createNewTooltipElement());const a=e.tooltip;if(a.opacity===0){o.style.opacity="0";return}if(a.body){this.titleLines=a.title||[];const l=a.body.map(this.getBody)[0];this.addBubbleLegendToDom(n,l,o,s)}this.handleTooltipPosition(e,a,o)}addBubbleLegendToDom(e,n,s,o){n[0].split(":")[0];const a=`<span style="${this.fontProperties}">${o}</span>`;let r=`<div style="${ga}; font-weight: bold" class="tooltipTitle">${a}</div>`;const l=this.getBubbleInnerHtml(e);r+=l;const c=s==null?void 0:s.querySelector(".tooltipCtn");c.innerHTML=r}getBubbleInnerHtml(e){let n="";return e.forEach(s=>{n+=`<div style="${this.fontProperties}; ${ga}; display:flex; justify-content: space-between;">`,n+=`<div>${s.label}</div>`,n+=`<div>${s.value} ${s.unit}</div>`,n+="</div>"}),`<div>${n}</div>`}}const ku={class:"container"},Mu={class:"main"},wu={class:"chart-legend"},Cu=["alt"],Pu={class:"size-legend-label"},Du=x.defineComponent({__name:"BubbleChart",props:{chartId:{type:String,default:"bubble-chart"},labels:{type:Array,default:()=>[]},colourSet:{type:Number,default:0},colours:{type:Array,default:()=>[]},shapes:{type:Array,default:()=>[]},datasets:{type:Array,default:()=>[]},width:{type:String,default:"400px"},height:{type:String,default:"300px"},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},bubbleMin:{type:Number,default:10},bubbleMax:{type:Number,default:40},plugins:{type:Array,default:()=>[]},displayBubbleLabel:{type:Boolean,default:!1},xAxis:{type:Object,default:null,required:!0},yAxis:{type:Object,default:null,required:!0},rAxis:{type:Object,default:null,required:!0},displayAxisLabels:{type:Boolean,default:!0},xMinimumFractionDigits:{type:Number,required:!1},xMaximumFractionDigits:{type:Number,required:!1},yMinimumFractionDigits:{type:Number,required:!1},yMaximumFractionDigits:{type:Number,required:!1},rMinimumFractionDigits:{type:Number,required:!1},rMaximumFractionDigits:{type:Number,required:!1}},setup(i){const t=i;kt.register(te,ee,Qt,Tt,ie,ne,vu);const{colourSets:e}=re(),n=function(r){const l=[];r.forEach(f=>{f.forEach(p=>{l.push(p.r)})});const c=Math.max(...l),h=Math.min(...l),d=t.bubbleMax,u=t.bubbleMin;return r.map(f=>c===h?f.map(p=>({x:p.x,y:p.y,r:u+(d-u)/2})):f.map(p=>({x:p.x,y:p.y,r:u+(p.r-h)*(d-u)/(c-h)})))},s=x.computed(()=>{const r=e[t.colourSet];return{datasets:n(t.datasets).map((l,c)=>({data:l,pointStyle:t.shapes[c],backgroundColor:Ie(r[t.colours[c]],.2),borderColor:r[t.colours[c]],label:t.labels[c]}))}}),o=x.computed(()=>({responsive:!1,scales:{x:{offset:!0,title:{display:t.displayAxisLabels,text:t.xAxis.title}},y:{offset:!0,title:{display:t.displayAxisLabels,text:t.yAxis.title}}},plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:t.displayBubbleLabel,anchor:"end",align:"end",color:"black",formatter:function(r,l){return l.dataset.label},padding:0},tooltip:{enabled:!1,position:"nearest",external:function(r){var d,u,f;const l=((u=(d=r.tooltip)==null?void 0:d.dataPoints)==null?void 0:u[0].datasetIndex)||0,c=((f=r.tooltip.dataPoints)==null?void 0:f[0].dataIndex)||0,h=t.datasets[l][c];new Su().createBubbleTooltip(r,a(h),t.labels[l])}}}}));function a(r){var l,c,h;return[{label:t.xAxis.title,value:`${tt(r.x,t.xMinimumFractionDigits,t.xMaximumFractionDigits)}`,unit:(l=t.xAxis)==null?void 0:l.unit},{label:t.yAxis.title,value:`${tt(r.y,t.yMinimumFractionDigits,t.yMaximumFractionDigits)}`,unit:(c=t.yAxis)==null?void 0:c.unit},{label:t.rAxis.title,value:`${tt(r.r,t.rMinimumFractionDigits,t.rMaximumFractionDigits)}`,unit:(h=t.rAxis)==null?void 0:h.unit}]}return(r,l)=>(x.openBlock(),x.createElementBlock("div",ku,[x.createElementVNode("div",Mu,[s.value?(x.openBlock(),x.createBlock(x.unref(ud),{key:0,ref:"bubbleChartRef",id:i.chartId,data:s.value,options:o.value,class:x.normalizeClass(i.cssClasses),style:x.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","class","style"])):x.createCommentVNode("",!0)]),x.createElementVNode("div",wu,[x.createElementVNode("img",{src:Qd,alt:i.rAxis.title,class:"bubble-icon mu-mr-025"},null,8,Cu),x.createElementVNode("div",Pu,x.toDisplayString(i.rAxis.title),1)])]))}}),Nu="",Wu="",An=le(Du,[["__scopeId","data-v-d5127e2e"]]);An.install=i=>{i.component("BubbleChart",An)};const Au={install:(i,t)=>{Object.keys(ia).forEach(e=>{i.component(e,ia[e])})}};X.BarChart=Mi,X.BubbleChart=An,X.DoughnutChart=wi,X.LineChart=Ci,X.MixedBarLineChart=Cn,X.RadarChart=Pi,X.default=Au,Object.defineProperties(X,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
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-
|
|
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
|
@@ -404,9 +404,9 @@ const options = computed(() => ({
|
|
|
404
404
|
},
|
|
405
405
|
maxBarThickness: 64,
|
|
406
406
|
categoryPercentage: 0.6,
|
|
407
|
+
responsive: true,
|
|
408
|
+
maintainAspectRatio: false,
|
|
407
409
|
plugins: {
|
|
408
|
-
responsive: true,
|
|
409
|
-
maintainAspectRatio: false,
|
|
410
410
|
legend: {
|
|
411
411
|
display: false
|
|
412
412
|
},
|
|
@@ -268,6 +268,8 @@ const options = computed(() => {
|
|
|
268
268
|
const colors = patternsColors.value;
|
|
269
269
|
const patterns = patternsOrderedList.value;
|
|
270
270
|
return {
|
|
271
|
+
responsive: true,
|
|
272
|
+
maintainAspectRatio: false,
|
|
271
273
|
onHover: doughnutDataProps.enableHoverFeature
|
|
272
274
|
? getOnHoverOptions()
|
|
273
275
|
: () => {},
|
|
@@ -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
|