@mozaic-ds/chart 0.1.0-beta.13 → 0.1.0-beta.14

package/dist/mozaic-chart.js

@@ -10245,12 +10245,12 @@ function Yd() {
               b,
               v,
               u,
-              -1,
+              { datasetIndex: -1 },
               m.value
             ) : v != null && v.lineCap ? w = Pn(v) : w = sa(
               v,
               b,
-              -1,
+              { datasetIndex: -1 },
               m.value,
               p.value,
               g.value
@@ -10272,38 +10272,41 @@ function Yd() {
   }
   function s(d, u, f, m, p) {
     const g = i.value;
-    return d.map((b, y) => ({
-      type: b.type,
-      fill: b.type === "bar" ? null : !1,
-      borderWidth: function() {
-        return u ? 1 : g;
-      },
-      borderColor: function(x) {
-        return u ? "#00000000" : b.type === "bar" ? o(
-          y,
-          x.index,
-          f,
-          p
-        ) : f[y];
-      },
-      backgroundColor: function(x) {
-        return a(
-          y,
-          x.index,
-          u,
-          f,
-          m,
-          p
-        );
-      },
-      yAxisID: b.type === "bar" ? "A" : "B",
-      pointStyle: y % 2 === 0 ? "rectRot" : "circle",
-      data: b.data,
-      label: b.label,
-      pointBackgroundColor: "#FFFFFF",
-      pointRadius: 5,
-      order: d.length - y
-    }));
+    return d.map((b, y) => {
+      const x = b.type === "bar";
+      return {
+        type: b.type,
+        fill: x ? null : !1,
+        borderWidth: function() {
+          return u && x ? 1 : g;
+        },
+        borderColor: function(v) {
+          return u && x ? "#00000000" : x ? o(
+            y,
+            v.index,
+            f,
+            p
+          ) : f[y];
+        },
+        backgroundColor: function(v) {
+          return a(
+            y,
+            v.index,
+            u,
+            f,
+            m,
+            p
+          );
+        },
+        yAxisID: x ? "A" : "B",
+        pointStyle: y % 2 === 0 ? "rectRot" : "circle",
+        data: b.data,
+        label: b.label,
+        pointBackgroundColor: "#FFFFFF",
+        pointRadius: 5,
+        order: d.length - y
+      };
+    });
   }
   function o(d, u, f, m) {
     const p = Qs(d, m);

package/dist/mozaic-chart.umd.cjs

@@ -19,4 +19,4 @@ var Td=Object.defineProperty;var Od=(X,_,at)=>_ in X?Td(X,_,{enumerable:!0,confi
     width: ${yi};
     height: ${yi};
     margin-right: ${Bo};
-    border-color: ${o};`)}function gn(i,t,e=!1){const n=i.config.type==="doughnut",s=n?t.index:t.datasetIndex,o=document.createElement("input");o.setAttribute("type","checkbox"),o.setAttribute("data-test-id",`legend-checkbox-${s}`);const a=n?i.getDataVisibility(s):i.isDatasetVisible(s);return id(a,t,o,e),o}function jo(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function $o(i){let t=i.config.data.datasets;return jo(i)&&(t=i.config.data.datasets[0].data),t}function Uo(i,t,e){if(!e.value){const n=$o(i);e.value=!0,n.forEach((s,o)=>{o!==t&&vi(i,o)})}}function nd(i){let t=!0;return $o(i).forEach((n,s)=>{t=t&&i.isDatasetVisible(s)}),t}function vi(i,t,e){jo(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&nd(i)&&(e.value=!1),i.update()}function pn(i,t){const e=Vo(i,""),n=ed(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 Si(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 Ae(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:mn}=bi();function sd(){const i=_.ref(3),t=_.ref(null),e=_.reactive({dataSetIndex:-1,columnIndex:-1});function n(p,g,b,y,x){return Wo(p,g,e,b,y,x)}function s(){i.value=4,i.value=3}function o(p,g,b,y,x,S){const v=i.value;return p.map((w,k)=>({borderColor:function(M){return b?"#00000000":r(k,M.index,y,S)},backgroundColor:function(M){return l(k,M.index,b,y,x,S)},borderWidth:function(){return b?1:v},data:w.data,label:w.label,stack:`Stack ${g?"0":k}`}))}function a(p,g,b,y,x){return o([p,g],!1,x,b,y)}function r(p,g,b,y){const x=mn(p,y);return u(p,g)?b[x]:Ae(b[x],.2)}function l(p,g,b,y,x,S){const v=mn(p,S);return u(p,g)?x[v](!1,y[v],b):x[v](!0,y[v],b)}function c(){return e.dataSetIndex<0}function h(p,g){return e.dataSetIndex===p&&e.columnIndex===g}function d(p){return e.dataSetIndex===p&&e.columnIndex<0}function u(p,g){return c()||h(p,g)||d(p)}function f(){e.dataSetIndex=-1,e.columnIndex=-1}function m(){return(p,g)=>{g[0]!==void 0?(e.dataSetIndex=g[0].datasetIndex,e.columnIndex=g[0].index):f()}}return{onHoverIndex:e,reloadChart:s,getDatasets:a,getStackedDatasets:o,getOnHoverOptions:m,getBorderColor:r,getPattern:l,privateGetHtmlLegendPlugin:n,getPatternIndexWithShift:mn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:od}=bi();class De{constructor(){C(this,"chartType","");C(this,"datasetIndex",0);C(this,"dataIndex",0);C(this,"titleLines",[""]);C(this,"dataToDisplay","");C(this,"xValue","");C(this,"yValue","");C(this,"patternShifting",0)}createTooltip(t,e,n,s,o,a=!1){var c,h,d,u;if(!t.tooltip.dataPoints)return;this.datasetIndex=((c=t.tooltip)==null?void 0:c.dataPoints[0].datasetIndex)||0,this.dataIndex=t.tooltip.dataPoints[0].dataIndex||0,this.xValue=n.firstLineLabel||"",this.yValue=n.secondLineLabel||"",this.chartType=n.chartType,this.dataToDisplay=e(t),this.patternShifting=n.patternShifting||0;let r=document.querySelector("#chartjs-tooltip");r||(r=this.createNewTooltipElement());const l=t.tooltip;if(l.opacity===0){r.style.opacity="0";return}if(l.body){this.titleLines=l.title||[];const f=l.body.map(this.getBody);let m="background: white;";m+="border-bottom: 1px solid #CCCCCC;",m+="border-radius: 5px;",m+="padding: 10px 20px";const p=`<div style="${m}" class="tooltipTitle">`,g=this.chartType==="DOUGHNUT"?[l.title[0].split("(")[0].trim()]:f[0];let b="",y="";const x=(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"&&(x==="bar"?b=this.createPatternLegendStyle(t):(b=this.createLegendStyle(t),y=this.createLegendInnerStyle(t))),this.addLegendToDom(p,b,y,g,m,r,s,o,a,x)}this.handleTooltipPosition(t,l,r)}handleTooltipPosition(t,e,n){const s=t.chart.canvas.getBoundingClientRect(),o=window.innerWidth,a=s.left+window.pageXOffset+e.caretX,r=s.top+window.pageYOffset+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="99",n.style.backgroundColor="white",n.style.pointerEvents="none",n.getBoundingClientRect().width+a>o&&(n.style.left=a-n.getBoundingClientRect().width+"px")}createNewTooltipElement(){const t=document.createElement("div");return t.id="chartjs-tooltip",t.style.backgroundColor="white",t.style.borderRadius="5px",t.style.transition="opacity .5s",t.style.boxShadow="0px 1px 5px rgba(0, 0, 0, 0.2)",t.innerHTML='<div class="tooltipCtn"></div>',document.body.appendChild(t),t}createPatternLegendStyle(t){return this.createCommonLegendSquareStyle(t)}createLegendStyle(t){let e=`background-color:${t.tooltip.labelColors[0].backgroundColor}`;return e+=this.createCommonLegendSquareStyle(t),e}createCommonLegendSquareStyle(t){let e=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor}`;return e+=";min-height: 20px",e+=";min-width: 20px",e+=";border-radius: 5px",e+=";margin-right: 10px",e+=";display: flex",e+=";align-items: center",e+=";justify-content: center",e+=";background: rgba(0, 0, 0, 0.1);",e}createLegendInnerStyle(t){let e="height: 12px";return e+=";width: 12px",e+=";background-color: #FFF",e+=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor};`,t.tooltip.labelPointStyles[0].pointStyle==="circle"?e+="border-radius: 25px;":t.tooltip.labelPointStyles[0].pointStyle==="rectRot"&&(e+="transform: rotate(45deg);"),e}addLegendToDom(t,e,n,s,o,a,r,l,c=!1,h){let d=t,u=`<div class="legendIcon" style="${e}">`;const f=`<div style="${n}"></div>`;u+=`${f}</div>`;const m=this.setInnerHtmlToAdd(s,o,u);d+=m;const p=a==null?void 0:a.querySelector(".tooltipCtn");(p==null?void 0:p.innerHTML)!=null&&(h?this.setInnerHtmlAndPattern(p,d,r,l,c,h):this.setInnerHtmlAndPattern(p,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=Yh(c,this.patternShifting);if(this.chartType!=="LINE_CHART"&&this.chartType!=="RADAR"&&a!=="line"){const d=s[h-1](!1,n[h-1],o),u=od(d,22,22);l.src=u.toDataURL(),r.style.backgroundImage=`url(${l.src})`}}getBody(t){return t.lines}}var qt=(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))(qt||{});function ad(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 rd(i,t="#143666",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(-o*.03,-.01*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.29*o,.33*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.63*o,.69*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.33*o,-.37*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.71*o,-.72*o,o+o/2,.04*o),s.fill(),s.restore()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function ld(i,t="#00A3B2",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o/2),s.lineTo(0,0),s.lineTo(o/2,o/2),s.lineTo(o,0),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o),s.lineTo(0,o/2),s.lineTo(o/2,o),s.lineTo(o,o/2),s.lineTo(o+o/2,o),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,111e-6),s.lineTo(4e-6*o,-o/2),s.lineTo(o/2,111e-6),s.lineTo(o,-o/2),s.lineTo(o+o/2,111e-6),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o+o/2),s.lineTo(0,o),s.lineTo(o/2,o+o/2),s.lineTo(o,o),s.lineTo(o+o/2,o+o/2),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function cd(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 hd(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 dd(i,t="#095359",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=.04*o;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.06*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.56*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.44*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.94*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas"),l=r.getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c?(l.fillStyle=c,l.fillRect(0,0,r.width,r.height),c):new CanvasPattern}function Le(){return{patternsStandardList:[ad,rd,ld,cd,hd,dd],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 ud={class:"container"},fd={class:"main"},gd=_.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},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"}},setup(i){const t=i;Pt.register(ve,ke,_e,xe,we,Ce);const{colourSets:e,patternsStandardList:n}=Le(),s=_.ref(null),o=_.ref(!1),a=_.computed(()=>t.newPatternsOrder.length!==n.length?e[t.colourSet]:t.newPatternsOrder.map(P=>e[t.colourSet][P])),r=_.computed(()=>t.newPatternsOrder.length!==n.length?n:t.newPatternsOrder.map(P=>n[P])),l=_.computed(()=>t.disableAccessibility),{onHoverIndex:c,barChartRef:h,reloadChart:d,getOnHoverOptions:u,getStackedDatasets:f,privateGetHtmlLegendPlugin:m}=sd(),p=_.computed(()=>{const P=w(x.value);return y(),{labels:P,datasets:f(t.datasets.map((A,D)=>({data:S(D,x.value),label:t.datasets[D].label})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let g,b;const y=()=>{g=t.tooltipFirstLineLabel,b=t.tooltipSecondLineLabel},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,D=!1)=>{const L=Object.assign([],t.datasets[P].data);return A&&x.value&&L.splice(x.value,1),L.map(z=>t.unit==="%"?z.rate:z.amount)},v=P=>{const A=P.tooltip.dataPoints[0].datasetIndex,D=P.tooltip.dataPoints[0].dataIndex,L=P.tooltip.body[0].lines[0].split(":")[1],z=t.datasets[A].data[D],Z=z.rate?parseFloat(L.replace(",",".")).toFixed(2)+"% ":"",I=z.amountUnit?z.amountUnit:"",E=z.amount?ot(z.amount):"";return Z+(Z&&E?"/ ":"")+E+I},w=P=>{const A=Object.assign([],t.labels);return P&&A.splice(P,1),A.map(D=>D)},k=_.computed(()=>({onHover:u(),elements:{bar:{borderSkipped:!1}},plugins:{responsive:!0,maintainAspectRatio:!1,legend:{display:!1},title:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(P){new De().createTooltip(P,v,{chartType:qt.BAR_CHART,firstLineLabel:g,secondLineLabel:b},a.value,r.value,t.disableAccessibility)}}},scales:{x:{stacked:t.stacked},y:{stacked:t.stacked,ticks:{callback:function(P){return t.unit==="%"?un(P,t.unit):ot(P)+" "+t.unit}}}}})),M=_.ref(m(s,o,l,a,r));return _.watch(c,()=>{d()},{deep:!0}),(P,A)=>(_.openBlock(),_.createElementBlock("div",ud,[_.createElementVNode("div",fd,[p.value?(_.openBlock(),_.createBlock(_.unref(Eo),{key:0,ref_key:"barChartRef",ref:h,id:i.chartId,data:p.value,options:k.value,plugins:M.value,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:s},null,512)]))}}),Id="",Fd="",Te=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},ki=Te(gd,[["__scopeId","data-v-fae6dcc9"]]);ki.install=i=>{i.component("BarChart",ki)};function pd(){const i=_.ref(null),t=_.ref(null),e=_.ref(null);function n(h,d,u,f,m,p,g){return Wo(h,d,t,u,f,m,p,g)}function s(h,d,u){return t.value!==null?d.map((f,m)=>t.value===m?f(!1,h[m],u):f(!0,h[m],u)):d.map((f,m)=>f(!1,h[m],u))}function o(h){return t.value!==null?h.map((d,u)=>t.value===u?d:Ae(d,.2)):h}function a(){return(h,d)=>{d[0]!==void 0?t.value=d[0].element.$context.index:t.value=null}}const r=h=>h.charAt(0).toUpperCase()+h.slice(1).toLowerCase();function l(h,d,u,f){let m=h.slice(0),p=d.slice(0);return h.length>u&&(p=c(d,u),m=m.slice(0,u-1),m.push(f)),m.map((g,b)=>`${r(g)} (${ot(p[b].rate)} %)`)}function c(h,d){if(d<1)return h;let u=h.slice(0);return h.length>d&&(u=u.slice(0,d),u[d-1]=h.slice(d).reduce((f,m)=>(f.rate+=m.rate,f.value+=m.value,f),{rate:h[d-1].rate,value:h[d-1].value})),u}return{onHoverIndex:t,privateGetHtmlLegendPlugin:n,getOnHoverOptions:a,groupDataAfterNthValue:c,getDoughnutLabels:l,getBackgroundColor:s,getFormatedText:r,getBorderColor:o,backgroundColor:e,doughnutRef:i}}const md={class:"container"},bd={class:"main"},yd=_.defineComponent({__name:"DoughnutChart",props:{chartId:{type:String,default:"doughnut-chart"},data:{type:Array,default:()=>[]},labels:{type:Array,default:()=>[]},cssClasses:{type:String,default:void 0},disableAccessibility:{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"}},setup(i){const t=i;Pt.register(ve,ke,_e,ye);const{colourSets:e,patternsStandardList:n}=Le(),{onHoverIndex:s,doughnutRef:o,getBackgroundColor:a,privateGetHtmlLegendPlugin:r,getOnHoverOptions:l,groupDataAfterNthValue:c,getDoughnutLabels:h,getBorderColor:d}=pd(),u=_.ref(!1),f=_.ref(null),m=_.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(k=>e[t.colourSet][k])),p=_.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(k=>n[k])),g=_.computed(()=>({labels:h(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:c(t.data,t.maxValues).map(k=>k.rate),backgroundColor:a(m.value,p.value,t.disableAccessibility),borderColor:d(m.value)}]})),b=k=>{const M=k.tooltip.dataPoints[0].dataIndex,P=c(t.data,t.maxValues)[M],A=ot(P.rate),D=ot(P.value),L=P.unit||"";return`${D}${L} (${A})%`};function y(){return t.labels.length<=1?0:12}const x=_.computed(()=>{const k=m.value,M=p.value;return{onHover:l(),plugins:{legend:{display:!1,position:"bottom",align:"start",labels:{pointStyle:"rectRounded",usePointStyle:!0}},title:{display:!1},tooltip:{enabled:!1,external:function(P){new De().createTooltip(P,b,{chartType:qt.DOUGHNUT},k,M,v.value)}}},radius:"90%",cutout:"70%",borderWidth:3,spacing:y(),hoverOffset:4}}),S={data:t.data,labels:t.labels},v=_.computed(()=>t.disableAccessibility),w=_.computed(()=>r(f,u,v,m,p,t.maxValues,S));return _.onMounted(()=>{a(m.value,p.value,t.disableAccessibility)}),_.watch(s,(k,M)=>{k!==M&&a(m.value,p.value,t.disableAccessibility)}),_.watch(v,()=>{a(m.value,p.value,t.disableAccessibility)}),(k,M)=>(_.openBlock(),_.createElementBlock("div",md,[_.createElementVNode("div",bd,[g.value?(_.openBlock(),_.createBlock(_.unref(jh),{key:0,ref_key:"doughnutRef",ref:o,id:i.chartId,data:g.value,options:x.value,plugins:w.value,"max-values":i.maxValues,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","max-values","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:f},null,512)]))}}),Rd="",wi=Te(yd,[["__scopeId","data-v-9f73f105"]]);wi.install=i=>{i.component("DoughnutChart",wi)};const xd={class:"container"},_d={class:"main"},vd=_.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:()=>[]},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]}},setup(i){const t=i;Pt.register(ve,ke,_e,Xt,ut,we,Ce);const{colourSets:e,patternsStandardList:n}=Le(),s=_.ref(null),o=_.ref(!1),a=_.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(g=>e[t.colourSet][g])),r=t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(g=>n[g]),l=g=>{const b=g.tooltip.dataPoints[0].datasetIndex,y=g.tooltip.dataPoints[0].dataIndex,x=t.lines[b].data[y].toFixed(2);return t.lines[b].unit?x+" "+t.lines[b].unit:x},c=_.computed(()=>t.tooltipFirstLineLabel),h=_.computed(()=>t.tooltipSecondLineLabel),d=_.computed(()=>({labels:t.labels.map(g=>g),datasets:[{type:"line",borderColor:a.value[0],pointStyle:"rectRot",pointBackgroundColor:"#FFFFFF",pointRadius:5,label:t.lines[0].label,data:t.lines[0].data,borderWidth:2},{type:"line",borderColor:a.value[1],pointStyle:"circle",pointBackgroundColor:"#FFFFFF",pointRadius:5,label:t.lines[1].label,data:t.lines[1].data,borderWidth:2}]}));function u(g,b){return[{id:"htmlLegend",afterUpdate(y){const x=Si(g,"column");for(x.style.display="flex",x.style.flexDirection="row",x.style.margin="1.375rem 1.0625rem";x.firstChild;)x.firstChild.remove();y.options.plugins.legend.labels.generateLabels(y).forEach(v=>{const w=_i(y,b,v.datasetIndex);let k;b.value?k=f(y,v):k=pn(v),k.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(k),w.appendChild(xi(v)),x.appendChild(w)})}}]}function f(g,b){const y=gn(g,b);return y.onclick=x=>{vi(g,b.datasetIndex,o),x.stopPropagation()},y}const m=u(s,o),p=_.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!1,external:function(g){new De().createTooltip(g,l,{chartType:qt.LINE_CHART,firstLineLabel:c.value,secondLineLabel:h.value},a.value,r,t.disableAccessibility)}}},scales:{x:{offset:!0},y:{type:"linear",display:!0,position:"left",grid:{drawOnChartArea:!0},ticks:{callback:function(g){const b=t.lines[0].unit;return`${ot(g)} ${b||""}`}}}}}));return(g,b)=>(_.openBlock(),_.createElementBlock("div",xd,[_.createElementVNode("div",_d,[d.value?(_.openBlock(),_.createBlock(_.unref($h),{key:0,ref:"lineChartRef",id:i.chartId,data:d.value,options:p.value,plugins:_.unref(m),class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:s},null,512)]))}}),Ed="",Ci=Te(vd,[["__scopeId","data-v-d99146c4"]]);Ci.install=i=>{i.component("LineChart",Ci)};function Sd(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="15px Arial",o.forEach((u,f)=>{const m=f===o.length-1?kd(t)[a]:"#000000";e.fillStyle=m;const p=l.x+c,g=d+15*f;e.fillText(u,p,g)})}),e.restore())}const kd=i=>i.datasets[0].areaData.map(t=>{switch(t.color){case"red":return"#C61112";case"green":return"#46A610";default:return"#000000"}}),wd={class:"container"},Cd=_.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:()=>[]}},setup(i){const t=i;Pt.register(ve,ke,_e,Pe,ut,Xt,eh);const{colourSets:e,patternsStandardList:n}=Le(),s=_.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(g=>e[t.colourSet][g])),o=_.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(g=>n[g])),a=_.computed(()=>({labels:d(),datasets:[{label:t.datasets[0].label,backgroundColor:Ae(s.value[0],.1),borderColor:s.value[0],pointBackgroundColor:"#FFFFFF",pointBorderColor:s.value[0],pointBorderWidth:2,borderWidth:2,pointHitRadius:55,pointRadius:5,pointHoverBackgroundColor:s.value[0],pointHoverBorderColor:s.value[0],data:t.datasets[0].areaData.map(g=>g.position)},{label:t.datasets[1].label,backgroundColor:Ae(s.value[1],.1),borderColor:s.value[1],pointBackgroundColor:"#FFFFFF",pointBorderColor:s.value[1],pointBorderWidth:2,borderWidth:2,pointHitRadius:55,pointRadius:5,pointStyle:"rectRot",pointHoverBackgroundColor:s.value[1],pointHoverBorderColor:s.value[1],data:t.datasets[1].areaData.map(g=>g.position)}]})),r={onClick:(g,b,y)=>{b[0]&&Uo(y,b[0].datasetIndex,c)},plugins:{htmlLegend:{containerID:"legend-container"},legend:{display:!1},title:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(g){new De().createTooltip(g,p,{chartType:qt.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}}}},l=_.ref(null),c=_.ref(!1);function h(g,b){if(g.length>9&&g.includes(" ",9)){const x=g.indexOf(" ",9);return[g.substring(0,x),g.substring(x),b]}return[g,b]}const d=()=>t.labels.map((g,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 h(g,y)}),u=g=>ot(parseFloat(g));function f(g,b){const y=gn(g,b);return y.onclick=x=>{vi(g,b.datasetIndex,c),x.stopPropagation()},y}const m=[{id:"htmlLegend",afterUpdate(g){const b=Si(l,"row");for(;b.firstChild;)b.firstChild.remove();g.options.plugins.legend.labels.generateLabels(g).reverse().forEach(x=>{const S=_i(g,c,x.datasetIndex);let v;S.style.marginRight="0.625rem",c.value?v=f(g,x):v=pn(x,!0),S.appendChild(v),S.appendChild(xi(x)),b.appendChild(S)})}},{id:"radarLabelPlugin",beforeDraw(g){Sd(g,t)}}],p=g=>{const b=g.tooltip.dataPoints[0].datasetIndex,y=g.tooltip.dataPoints[0].dataIndex,x=t.datasets[b];return x.areaData[y].value.toFixed(2)+" "+x.areaData[y].unit};return(g,b)=>(_.openBlock(),_.createElementBlock("div",wd,[_.createElementVNode("div",{class:"main",style:_.normalizeStyle({height:i.height})},[a.value?(_.openBlock(),_.createBlock(_.unref(Uh),{key:0,id:i.chartId,data:a.value,options:r,plugins:m,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","class","style"])):_.createCommentVNode("",!0)],4),_.createElementVNode("div",{ref_key:"legendContainer",ref:l,class:"legendContainer"},null,512)]))}}),Bd="",Mi=Te(Cd,[["__scopeId","data-v-e59323c3"]]);Mi.install=i=>{i.component("RadarChart",Mi)};const Yo=Object.freeze(Object.defineProperty({__proto__:null,BarChart:ki,DoughnutChart:wi,LineChart:Ci,RadarChart:Mi},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:Xo}=bi();function Md(){const i=_.ref(2),t=_.reactive({dataSetIndex:-1,columnIndex:-1});function e(d,u,f,m,p,g){return[{id:"htmlLegend",afterUpdate(b){const y=Si(d,"column");for(y.style.display="flex",y.style.margin="1.375rem 1.0625rem",y.style.flexDirection="row-reverse",y.style.justifyContent="flex-end";y.firstChild;)y.firstChild.remove();b.options.plugins.legend.labels.generateLabels(b).forEach(S=>{const v=_i(b,u,S.datasetIndex);let w;u.value?w=No(b,S,u,-1,m.value):S!=null&&S.lineCap?w=pn(S):w=Ho(S,b,-1,m.value,p.value,g.value),w.style.boxSizing="border-box",v.style.marginRight="10px",v.appendChild(w),v.appendChild(xi(S)),y.appendChild(v)})}}]}function n(d,u,f,m,p){return e(d,u,t,f,m,p)}function s(d,u,f,m,p){const g=i.value;return d.map((b,y)=>({type:b.type,fill:b.type==="bar"?null:!1,borderWidth:function(){return u?1:g},borderColor:function(x){return u?"#00000000":b.type==="bar"?o(y,x.index,f,p):f[y]},backgroundColor:function(x){return a(y,x.index,u,f,m,p)},yAxisID:b.type==="bar"?"A":"B",pointStyle:y%2===0?"rectRot":"circle",data:b.data,label:b.label,pointBackgroundColor:"#FFFFFF",pointRadius:5,order:d.length-y}))}function o(d,u,f,m){const p=Xo(d,m);return r(d,u)?f[p]:Ae(f[p],.2)}function a(d,u,f,m,p,g){const b=Xo(d,g);return r(d,u)?p[b](!1,m[b],f):p[b](!0,m[b],f)}function r(d,u){return l()||c(d,u)||h(d)}function l(){return t.dataSetIndex<0}function c(d,u){return t.dataSetIndex===d&&t.columnIndex===u}function h(d){return t.dataSetIndex===d&&t.columnIndex<0}return{privateGetHtmlLegendPlugin:n,getMixedDatasets:s,getBorderColor:o,getPattern:a,onHoverIndex:t}}const Pd={class:"container"},Ad={class:"main"},Dd=_.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:"title 1"},yLeftAxisTitle:{type:String,default:"title 2"},yRightAxisTitle:{type:String,default:"title 3"}},setup(i){const t=i;Pt.register(ve,ke,_e,xe,we,Ce,ut,Xt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Md(),{colourSets:s,patternsStandardList:o}=Le(),a=_.ref(null),r=_.ref(!1),l=_.computed(()=>{let b=[];return t.barDatasets&&(b=b.concat(t.barDatasets)),t.lineDatasets&&(b=b.concat(t.lineDatasets)),b}),c=_.computed(()=>t.newPatternsOrder.length!==o.length?s[t.colourSet]:t.newPatternsOrder.map(b=>s[t.colourSet][b])),h=_.computed(()=>t.newPatternsOrder.length!==o.length?o:t.newPatternsOrder.map(b=>o[b])),d=_.computed(()=>t.disableAccessibility),u=_.computed(()=>({labels:m(),datasets:n(l.value,d.value,c.value,h.value,0)})),f=b=>{const y=b.tooltip.dataPoints[0].datasetIndex,x=b.tooltip.dataPoints[0].dataIndex,S=l.value[y].data[x],v=l.value[y].type==="bar"?t.barUnit:t.lineUnit;return(v==="%"?parseFloat(S.toString().replace(",",".")).toFixed(2):ot(S))+v},m=()=>Object.assign([],t.labels).map(y=>y),p=_.computed(()=>({type:"scatter",responsive:!0,maintainAspectRatio:!0,elements:{bar:{borderSkipped:!1}},plugins:{legend:{display:!1},title:{display:!1},tooltip:{enabled:!1,external:function(b){new De().createTooltip(b,f,{chartType:qt.MIXED_BAR_LINE_CHART,firstLineLabel:t.tooltipFirstLineLabel,secondLineLabel:t.tooltipSecondLineLabel},c.value,h.value,t.disableAccessibility)}}},scales:{x:{offset:!0,title:{display:!0,text:t.xAxisTitle}},A:{type:"linear",display:!0,position:"left",grid:{drawOnChartArea:!0},title:{display:!0,text:t.yLeftAxisTitle},ticks:{callback:function(b){return t.barUnit==="%"?un(b,t.unit):ot(b)+" "+t.barUnit}}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:!0,text:t.yRightAxisTitle},ticks:{callback:function(b){return(t.lineUnit==="%"?un(b,t.unit):ot(b))+" "+t.lineUnit}}}}})),g=_.ref(e(a,r,d,c,h));return(b,y)=>(_.openBlock(),_.createElementBlock("div",Pd,[_.createElementVNode("div",Ad,[u.value?(_.openBlock(),_.createBlock(_.unref(Eo),{key:0,ref:"mixedBarLineChartRef",id:i.chartId,data:u.value,options:p.value,plugins:g.value,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:a},null,512)]))}}),zd="",Wd="",bn=Te(Dd,[["__scopeId","data-v-758cd368"]]);bn.install=i=>{i.component("MixedBarLineChart",bn)};const Ld={install:(i,t)=>{Object.keys(Yo).forEach(e=>{i.component(e,Yo[e])})}};X.BarChart=ki,X.DoughnutChart=wi,X.LineChart=Ci,X.MixedBarLineChart=bn,X.RadarChart=Mi,X.default=Ld,Object.defineProperties(X,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+    border-color: ${o};`)}function gn(i,t,e=!1){const n=i.config.type==="doughnut",s=n?t.index:t.datasetIndex,o=document.createElement("input");o.setAttribute("type","checkbox"),o.setAttribute("data-test-id",`legend-checkbox-${s}`);const a=n?i.getDataVisibility(s):i.isDatasetVisible(s);return id(a,t,o,e),o}function jo(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function $o(i){let t=i.config.data.datasets;return jo(i)&&(t=i.config.data.datasets[0].data),t}function Uo(i,t,e){if(!e.value){const n=$o(i);e.value=!0,n.forEach((s,o)=>{o!==t&&vi(i,o)})}}function nd(i){let t=!0;return $o(i).forEach((n,s)=>{t=t&&i.isDatasetVisible(s)}),t}function vi(i,t,e){jo(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&nd(i)&&(e.value=!1),i.update()}function pn(i,t){const e=Vo(i,""),n=ed(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 Si(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 Ae(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:mn}=bi();function sd(){const i=_.ref(3),t=_.ref(null),e=_.reactive({dataSetIndex:-1,columnIndex:-1});function n(p,g,b,y,x){return Wo(p,g,e,b,y,x)}function s(){i.value=4,i.value=3}function o(p,g,b,y,x,S){const v=i.value;return p.map((w,k)=>({borderColor:function(M){return b?"#00000000":r(k,M.index,y,S)},backgroundColor:function(M){return l(k,M.index,b,y,x,S)},borderWidth:function(){return b?1:v},data:w.data,label:w.label,stack:`Stack ${g?"0":k}`}))}function a(p,g,b,y,x){return o([p,g],!1,x,b,y)}function r(p,g,b,y){const x=mn(p,y);return u(p,g)?b[x]:Ae(b[x],.2)}function l(p,g,b,y,x,S){const v=mn(p,S);return u(p,g)?x[v](!1,y[v],b):x[v](!0,y[v],b)}function c(){return e.dataSetIndex<0}function h(p,g){return e.dataSetIndex===p&&e.columnIndex===g}function d(p){return e.dataSetIndex===p&&e.columnIndex<0}function u(p,g){return c()||h(p,g)||d(p)}function f(){e.dataSetIndex=-1,e.columnIndex=-1}function m(){return(p,g)=>{g[0]!==void 0?(e.dataSetIndex=g[0].datasetIndex,e.columnIndex=g[0].index):f()}}return{onHoverIndex:e,reloadChart:s,getDatasets:a,getStackedDatasets:o,getOnHoverOptions:m,getBorderColor:r,getPattern:l,privateGetHtmlLegendPlugin:n,getPatternIndexWithShift:mn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:od}=bi();class De{constructor(){C(this,"chartType","");C(this,"datasetIndex",0);C(this,"dataIndex",0);C(this,"titleLines",[""]);C(this,"dataToDisplay","");C(this,"xValue","");C(this,"yValue","");C(this,"patternShifting",0)}createTooltip(t,e,n,s,o,a=!1){var c,h,d,u;if(!t.tooltip.dataPoints)return;this.datasetIndex=((c=t.tooltip)==null?void 0:c.dataPoints[0].datasetIndex)||0,this.dataIndex=t.tooltip.dataPoints[0].dataIndex||0,this.xValue=n.firstLineLabel||"",this.yValue=n.secondLineLabel||"",this.chartType=n.chartType,this.dataToDisplay=e(t),this.patternShifting=n.patternShifting||0;let r=document.querySelector("#chartjs-tooltip");r||(r=this.createNewTooltipElement());const l=t.tooltip;if(l.opacity===0){r.style.opacity="0";return}if(l.body){this.titleLines=l.title||[];const f=l.body.map(this.getBody);let m="background: white;";m+="border-bottom: 1px solid #CCCCCC;",m+="border-radius: 5px;",m+="padding: 10px 20px";const p=`<div style="${m}" class="tooltipTitle">`,g=this.chartType==="DOUGHNUT"?[l.title[0].split("(")[0].trim()]:f[0];let b="",y="";const x=(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"&&(x==="bar"?b=this.createPatternLegendStyle(t):(b=this.createLegendStyle(t),y=this.createLegendInnerStyle(t))),this.addLegendToDom(p,b,y,g,m,r,s,o,a,x)}this.handleTooltipPosition(t,l,r)}handleTooltipPosition(t,e,n){const s=t.chart.canvas.getBoundingClientRect(),o=window.innerWidth,a=s.left+window.pageXOffset+e.caretX,r=s.top+window.pageYOffset+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="99",n.style.backgroundColor="white",n.style.pointerEvents="none",n.getBoundingClientRect().width+a>o&&(n.style.left=a-n.getBoundingClientRect().width+"px")}createNewTooltipElement(){const t=document.createElement("div");return t.id="chartjs-tooltip",t.style.backgroundColor="white",t.style.borderRadius="5px",t.style.transition="opacity .5s",t.style.boxShadow="0px 1px 5px rgba(0, 0, 0, 0.2)",t.innerHTML='<div class="tooltipCtn"></div>',document.body.appendChild(t),t}createPatternLegendStyle(t){return this.createCommonLegendSquareStyle(t)}createLegendStyle(t){let e=`background-color:${t.tooltip.labelColors[0].backgroundColor}`;return e+=this.createCommonLegendSquareStyle(t),e}createCommonLegendSquareStyle(t){let e=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor}`;return e+=";min-height: 20px",e+=";min-width: 20px",e+=";border-radius: 5px",e+=";margin-right: 10px",e+=";display: flex",e+=";align-items: center",e+=";justify-content: center",e+=";background: rgba(0, 0, 0, 0.1);",e}createLegendInnerStyle(t){let e="height: 12px";return e+=";width: 12px",e+=";background-color: #FFF",e+=`;border: 2px solid ${t.tooltip.labelColors[0].borderColor};`,t.tooltip.labelPointStyles[0].pointStyle==="circle"?e+="border-radius: 25px;":t.tooltip.labelPointStyles[0].pointStyle==="rectRot"&&(e+="transform: rotate(45deg);"),e}addLegendToDom(t,e,n,s,o,a,r,l,c=!1,h){let d=t,u=`<div class="legendIcon" style="${e}">`;const f=`<div style="${n}"></div>`;u+=`${f}</div>`;const m=this.setInnerHtmlToAdd(s,o,u);d+=m;const p=a==null?void 0:a.querySelector(".tooltipCtn");(p==null?void 0:p.innerHTML)!=null&&(h?this.setInnerHtmlAndPattern(p,d,r,l,c,h):this.setInnerHtmlAndPattern(p,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=Yh(c,this.patternShifting);if(this.chartType!=="LINE_CHART"&&this.chartType!=="RADAR"&&a!=="line"){const d=s[h-1](!1,n[h-1],o),u=od(d,22,22);l.src=u.toDataURL(),r.style.backgroundImage=`url(${l.src})`}}getBody(t){return t.lines}}var qt=(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))(qt||{});function ad(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 rd(i,t="#143666",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(-o*.03,-.01*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.29*o,.33*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.63*o,.69*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.3,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.33*o,-.37*o,o+o/2,.04*o),s.fill(),s.restore(),s.save(),s.beginPath(),s.transform(.708293,.705919,-.666352,.745637,0,0),s.globalAlpha=.7,s.fillStyle=t,s.lineWidth=.075*o,s.miterLimit=4,s.rect(.71*o,-.72*o,o+o/2,.04*o),s.fill(),s.restore()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function ld(i,t="#00A3B2",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o/2),s.lineTo(0,0),s.lineTo(o/2,o/2),s.lineTo(o,0),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o),s.lineTo(0,o/2),s.lineTo(o/2,o),s.lineTo(o,o/2),s.lineTo(o+o/2,o),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,111e-6),s.lineTo(4e-6*o,-o/2),s.lineTo(o/2,111e-6),s.lineTo(o,-o/2),s.lineTo(o+o/2,111e-6),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.08*o,s.moveTo(-o/2,o+o/2),s.lineTo(0,o),s.lineTo(o/2,o+o/2),s.lineTo(o,o),s.lineTo(o+o/2,o+o/2),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas").getContext("2d");if(!r)return new CanvasPattern;const l=r.createPattern(n,"repeat");return l||new CanvasPattern}function cd(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 hd(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 dd(i,t="#095359",e=!1){const n=document.createElement("canvas"),s=n.getContext("2d");if(!s)return new CanvasPattern;const o=50,a=.04*o;n.width=o,n.height=o,e===!0?(s.beginPath(),s.fillStyle=t,s.rect(0,0,o,o),s.fill()):(s.beginPath(),s.fillStyle="#FFFFFF",s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.1,s.fillStyle=t,s.lineWidth=.1005*o,s.rect(0,0,o,o),s.fill(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.06*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=a,s.arc(a+.56*o,a+.06*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.3,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.44*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke(),s.beginPath(),s.globalAlpha=.7,s.strokeStyle=t,s.lineWidth=.04*o,s.arc(-a+.94*o,a+.56*o,.06*o,0,2*Math.PI),s.stroke()),i&&(s.beginPath(),s.globalAlpha=.5,s.fillStyle="#FFFFFF",s.lineWidth=.006*o,s.rect(0,0,o,o),s.fill());const r=document.createElement("canvas"),l=r.getContext("2d");if(!l)return new CanvasPattern;const c=l.createPattern(n,"repeat");return c?(l.fillStyle=c,l.fillRect(0,0,r.width,r.height),c):new CanvasPattern}function Le(){return{patternsStandardList:[ad,rd,ld,cd,hd,dd],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 ud={class:"container"},fd={class:"main"},gd=_.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},tooltipFirstLineLabel:{type:String,default:"content"},tooltipSecondLineLabel:{type:String,default:"content2"}},setup(i){const t=i;Pt.register(ve,ke,_e,xe,we,Ce);const{colourSets:e,patternsStandardList:n}=Le(),s=_.ref(null),o=_.ref(!1),a=_.computed(()=>t.newPatternsOrder.length!==n.length?e[t.colourSet]:t.newPatternsOrder.map(P=>e[t.colourSet][P])),r=_.computed(()=>t.newPatternsOrder.length!==n.length?n:t.newPatternsOrder.map(P=>n[P])),l=_.computed(()=>t.disableAccessibility),{onHoverIndex:c,barChartRef:h,reloadChart:d,getOnHoverOptions:u,getStackedDatasets:f,privateGetHtmlLegendPlugin:m}=sd(),p=_.computed(()=>{const P=w(x.value);return y(),{labels:P,datasets:f(t.datasets.map((A,D)=>({data:S(D,x.value),label:t.datasets[D].label})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let g,b;const y=()=>{g=t.tooltipFirstLineLabel,b=t.tooltipSecondLineLabel},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,D=!1)=>{const L=Object.assign([],t.datasets[P].data);return A&&x.value&&L.splice(x.value,1),L.map(z=>t.unit==="%"?z.rate:z.amount)},v=P=>{const A=P.tooltip.dataPoints[0].datasetIndex,D=P.tooltip.dataPoints[0].dataIndex,L=P.tooltip.body[0].lines[0].split(":")[1],z=t.datasets[A].data[D],Z=z.rate?parseFloat(L.replace(",",".")).toFixed(2)+"% ":"",I=z.amountUnit?z.amountUnit:"",E=z.amount?ot(z.amount):"";return Z+(Z&&E?"/ ":"")+E+I},w=P=>{const A=Object.assign([],t.labels);return P&&A.splice(P,1),A.map(D=>D)},k=_.computed(()=>({onHover:u(),elements:{bar:{borderSkipped:!1}},plugins:{responsive:!0,maintainAspectRatio:!1,legend:{display:!1},title:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(P){new De().createTooltip(P,v,{chartType:qt.BAR_CHART,firstLineLabel:g,secondLineLabel:b},a.value,r.value,t.disableAccessibility)}}},scales:{x:{stacked:t.stacked},y:{stacked:t.stacked,ticks:{callback:function(P){return t.unit==="%"?un(P,t.unit):ot(P)+" "+t.unit}}}}})),M=_.ref(m(s,o,l,a,r));return _.watch(c,()=>{d()},{deep:!0}),(P,A)=>(_.openBlock(),_.createElementBlock("div",ud,[_.createElementVNode("div",fd,[p.value?(_.openBlock(),_.createBlock(_.unref(Eo),{key:0,ref_key:"barChartRef",ref:h,id:i.chartId,data:p.value,options:k.value,plugins:M.value,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:s},null,512)]))}}),Id="",Fd="",Te=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},ki=Te(gd,[["__scopeId","data-v-fae6dcc9"]]);ki.install=i=>{i.component("BarChart",ki)};function pd(){const i=_.ref(null),t=_.ref(null),e=_.ref(null);function n(h,d,u,f,m,p,g){return Wo(h,d,t,u,f,m,p,g)}function s(h,d,u){return t.value!==null?d.map((f,m)=>t.value===m?f(!1,h[m],u):f(!0,h[m],u)):d.map((f,m)=>f(!1,h[m],u))}function o(h){return t.value!==null?h.map((d,u)=>t.value===u?d:Ae(d,.2)):h}function a(){return(h,d)=>{d[0]!==void 0?t.value=d[0].element.$context.index:t.value=null}}const r=h=>h.charAt(0).toUpperCase()+h.slice(1).toLowerCase();function l(h,d,u,f){let m=h.slice(0),p=d.slice(0);return h.length>u&&(p=c(d,u),m=m.slice(0,u-1),m.push(f)),m.map((g,b)=>`${r(g)} (${ot(p[b].rate)} %)`)}function c(h,d){if(d<1)return h;let u=h.slice(0);return h.length>d&&(u=u.slice(0,d),u[d-1]=h.slice(d).reduce((f,m)=>(f.rate+=m.rate,f.value+=m.value,f),{rate:h[d-1].rate,value:h[d-1].value})),u}return{onHoverIndex:t,privateGetHtmlLegendPlugin:n,getOnHoverOptions:a,groupDataAfterNthValue:c,getDoughnutLabels:l,getBackgroundColor:s,getFormatedText:r,getBorderColor:o,backgroundColor:e,doughnutRef:i}}const md={class:"container"},bd={class:"main"},yd=_.defineComponent({__name:"DoughnutChart",props:{chartId:{type:String,default:"doughnut-chart"},data:{type:Array,default:()=>[]},labels:{type:Array,default:()=>[]},cssClasses:{type:String,default:void 0},disableAccessibility:{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"}},setup(i){const t=i;Pt.register(ve,ke,_e,ye);const{colourSets:e,patternsStandardList:n}=Le(),{onHoverIndex:s,doughnutRef:o,getBackgroundColor:a,privateGetHtmlLegendPlugin:r,getOnHoverOptions:l,groupDataAfterNthValue:c,getDoughnutLabels:h,getBorderColor:d}=pd(),u=_.ref(!1),f=_.ref(null),m=_.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(k=>e[t.colourSet][k])),p=_.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(k=>n[k])),g=_.computed(()=>({labels:h(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:c(t.data,t.maxValues).map(k=>k.rate),backgroundColor:a(m.value,p.value,t.disableAccessibility),borderColor:d(m.value)}]})),b=k=>{const M=k.tooltip.dataPoints[0].dataIndex,P=c(t.data,t.maxValues)[M],A=ot(P.rate),D=ot(P.value),L=P.unit||"";return`${D}${L} (${A})%`};function y(){return t.labels.length<=1?0:12}const x=_.computed(()=>{const k=m.value,M=p.value;return{onHover:l(),plugins:{legend:{display:!1,position:"bottom",align:"start",labels:{pointStyle:"rectRounded",usePointStyle:!0}},title:{display:!1},tooltip:{enabled:!1,external:function(P){new De().createTooltip(P,b,{chartType:qt.DOUGHNUT},k,M,v.value)}}},radius:"90%",cutout:"70%",borderWidth:3,spacing:y(),hoverOffset:4}}),S={data:t.data,labels:t.labels},v=_.computed(()=>t.disableAccessibility),w=_.computed(()=>r(f,u,v,m,p,t.maxValues,S));return _.onMounted(()=>{a(m.value,p.value,t.disableAccessibility)}),_.watch(s,(k,M)=>{k!==M&&a(m.value,p.value,t.disableAccessibility)}),_.watch(v,()=>{a(m.value,p.value,t.disableAccessibility)}),(k,M)=>(_.openBlock(),_.createElementBlock("div",md,[_.createElementVNode("div",bd,[g.value?(_.openBlock(),_.createBlock(_.unref(jh),{key:0,ref_key:"doughnutRef",ref:o,id:i.chartId,data:g.value,options:x.value,plugins:w.value,"max-values":i.maxValues,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","max-values","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:f},null,512)]))}}),Rd="",wi=Te(yd,[["__scopeId","data-v-9f73f105"]]);wi.install=i=>{i.component("DoughnutChart",wi)};const xd={class:"container"},_d={class:"main"},vd=_.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:()=>[]},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]}},setup(i){const t=i;Pt.register(ve,ke,_e,Xt,ut,we,Ce);const{colourSets:e,patternsStandardList:n}=Le(),s=_.ref(null),o=_.ref(!1),a=_.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(g=>e[t.colourSet][g])),r=t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(g=>n[g]),l=g=>{const b=g.tooltip.dataPoints[0].datasetIndex,y=g.tooltip.dataPoints[0].dataIndex,x=t.lines[b].data[y].toFixed(2);return t.lines[b].unit?x+" "+t.lines[b].unit:x},c=_.computed(()=>t.tooltipFirstLineLabel),h=_.computed(()=>t.tooltipSecondLineLabel),d=_.computed(()=>({labels:t.labels.map(g=>g),datasets:[{type:"line",borderColor:a.value[0],pointStyle:"rectRot",pointBackgroundColor:"#FFFFFF",pointRadius:5,label:t.lines[0].label,data:t.lines[0].data,borderWidth:2},{type:"line",borderColor:a.value[1],pointStyle:"circle",pointBackgroundColor:"#FFFFFF",pointRadius:5,label:t.lines[1].label,data:t.lines[1].data,borderWidth:2}]}));function u(g,b){return[{id:"htmlLegend",afterUpdate(y){const x=Si(g,"column");for(x.style.display="flex",x.style.flexDirection="row",x.style.margin="1.375rem 1.0625rem";x.firstChild;)x.firstChild.remove();y.options.plugins.legend.labels.generateLabels(y).forEach(v=>{const w=_i(y,b,v.datasetIndex);let k;b.value?k=f(y,v):k=pn(v),k.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(k),w.appendChild(xi(v)),x.appendChild(w)})}}]}function f(g,b){const y=gn(g,b);return y.onclick=x=>{vi(g,b.datasetIndex,o),x.stopPropagation()},y}const m=u(s,o),p=_.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},tooltip:{enabled:!1,external:function(g){new De().createTooltip(g,l,{chartType:qt.LINE_CHART,firstLineLabel:c.value,secondLineLabel:h.value},a.value,r,t.disableAccessibility)}}},scales:{x:{offset:!0},y:{type:"linear",display:!0,position:"left",grid:{drawOnChartArea:!0},ticks:{callback:function(g){const b=t.lines[0].unit;return`${ot(g)} ${b||""}`}}}}}));return(g,b)=>(_.openBlock(),_.createElementBlock("div",xd,[_.createElementVNode("div",_d,[d.value?(_.openBlock(),_.createBlock(_.unref($h),{key:0,ref:"lineChartRef",id:i.chartId,data:d.value,options:p.value,plugins:_.unref(m),class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:s},null,512)]))}}),Ed="",Ci=Te(vd,[["__scopeId","data-v-d99146c4"]]);Ci.install=i=>{i.component("LineChart",Ci)};function Sd(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="15px Arial",o.forEach((u,f)=>{const m=f===o.length-1?kd(t)[a]:"#000000";e.fillStyle=m;const p=l.x+c,g=d+15*f;e.fillText(u,p,g)})}),e.restore())}const kd=i=>i.datasets[0].areaData.map(t=>{switch(t.color){case"red":return"#C61112";case"green":return"#46A610";default:return"#000000"}}),wd={class:"container"},Cd=_.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:()=>[]}},setup(i){const t=i;Pt.register(ve,ke,_e,Pe,ut,Xt,eh);const{colourSets:e,patternsStandardList:n}=Le(),s=_.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(g=>e[t.colourSet][g])),o=_.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(g=>n[g])),a=_.computed(()=>({labels:d(),datasets:[{label:t.datasets[0].label,backgroundColor:Ae(s.value[0],.1),borderColor:s.value[0],pointBackgroundColor:"#FFFFFF",pointBorderColor:s.value[0],pointBorderWidth:2,borderWidth:2,pointHitRadius:55,pointRadius:5,pointHoverBackgroundColor:s.value[0],pointHoverBorderColor:s.value[0],data:t.datasets[0].areaData.map(g=>g.position)},{label:t.datasets[1].label,backgroundColor:Ae(s.value[1],.1),borderColor:s.value[1],pointBackgroundColor:"#FFFFFF",pointBorderColor:s.value[1],pointBorderWidth:2,borderWidth:2,pointHitRadius:55,pointRadius:5,pointStyle:"rectRot",pointHoverBackgroundColor:s.value[1],pointHoverBorderColor:s.value[1],data:t.datasets[1].areaData.map(g=>g.position)}]})),r={onClick:(g,b,y)=>{b[0]&&Uo(y,b[0].datasetIndex,c)},plugins:{htmlLegend:{containerID:"legend-container"},legend:{display:!1},title:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(g){new De().createTooltip(g,p,{chartType:qt.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}}}},l=_.ref(null),c=_.ref(!1);function h(g,b){if(g.length>9&&g.includes(" ",9)){const x=g.indexOf(" ",9);return[g.substring(0,x),g.substring(x),b]}return[g,b]}const d=()=>t.labels.map((g,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 h(g,y)}),u=g=>ot(parseFloat(g));function f(g,b){const y=gn(g,b);return y.onclick=x=>{vi(g,b.datasetIndex,c),x.stopPropagation()},y}const m=[{id:"htmlLegend",afterUpdate(g){const b=Si(l,"row");for(;b.firstChild;)b.firstChild.remove();g.options.plugins.legend.labels.generateLabels(g).reverse().forEach(x=>{const S=_i(g,c,x.datasetIndex);let v;S.style.marginRight="0.625rem",c.value?v=f(g,x):v=pn(x,!0),S.appendChild(v),S.appendChild(xi(x)),b.appendChild(S)})}},{id:"radarLabelPlugin",beforeDraw(g){Sd(g,t)}}],p=g=>{const b=g.tooltip.dataPoints[0].datasetIndex,y=g.tooltip.dataPoints[0].dataIndex,x=t.datasets[b];return x.areaData[y].value.toFixed(2)+" "+x.areaData[y].unit};return(g,b)=>(_.openBlock(),_.createElementBlock("div",wd,[_.createElementVNode("div",{class:"main",style:_.normalizeStyle({height:i.height})},[a.value?(_.openBlock(),_.createBlock(_.unref(Uh),{key:0,id:i.chartId,data:a.value,options:r,plugins:m,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","class","style"])):_.createCommentVNode("",!0)],4),_.createElementVNode("div",{ref_key:"legendContainer",ref:l,class:"legendContainer"},null,512)]))}}),Bd="",Mi=Te(Cd,[["__scopeId","data-v-e59323c3"]]);Mi.install=i=>{i.component("RadarChart",Mi)};const Yo=Object.freeze(Object.defineProperty({__proto__:null,BarChart:ki,DoughnutChart:wi,LineChart:Ci,RadarChart:Mi},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:Xo}=bi();function Md(){const i=_.ref(2),t=_.reactive({dataSetIndex:-1,columnIndex:-1});function e(d,u,f,m,p,g){return[{id:"htmlLegend",afterUpdate(b){const y=Si(d,"column");for(y.style.display="flex",y.style.margin="1.375rem 1.0625rem",y.style.flexDirection="row-reverse",y.style.justifyContent="flex-end";y.firstChild;)y.firstChild.remove();b.options.plugins.legend.labels.generateLabels(b).forEach(S=>{const v=_i(b,u,S.datasetIndex);let w;u.value?w=No(b,S,u,{datasetIndex:-1},m.value):S!=null&&S.lineCap?w=pn(S):w=Ho(S,b,{datasetIndex:-1},m.value,p.value,g.value),w.style.boxSizing="border-box",v.style.marginRight="10px",v.appendChild(w),v.appendChild(xi(S)),y.appendChild(v)})}}]}function n(d,u,f,m,p){return e(d,u,t,f,m,p)}function s(d,u,f,m,p){const g=i.value;return d.map((b,y)=>{const x=b.type==="bar";return{type:b.type,fill:x?null:!1,borderWidth:function(){return u&&x?1:g},borderColor:function(S){return u&&x?"#00000000":x?o(y,S.index,f,p):f[y]},backgroundColor:function(S){return a(y,S.index,u,f,m,p)},yAxisID:x?"A":"B",pointStyle:y%2===0?"rectRot":"circle",data:b.data,label:b.label,pointBackgroundColor:"#FFFFFF",pointRadius:5,order:d.length-y}})}function o(d,u,f,m){const p=Xo(d,m);return r(d,u)?f[p]:Ae(f[p],.2)}function a(d,u,f,m,p,g){const b=Xo(d,g);return r(d,u)?p[b](!1,m[b],f):p[b](!0,m[b],f)}function r(d,u){return l()||c(d,u)||h(d)}function l(){return t.dataSetIndex<0}function c(d,u){return t.dataSetIndex===d&&t.columnIndex===u}function h(d){return t.dataSetIndex===d&&t.columnIndex<0}return{privateGetHtmlLegendPlugin:n,getMixedDatasets:s,getBorderColor:o,getPattern:a,onHoverIndex:t}}const Pd={class:"container"},Ad={class:"main"},Dd=_.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:"title 1"},yLeftAxisTitle:{type:String,default:"title 2"},yRightAxisTitle:{type:String,default:"title 3"}},setup(i){const t=i;Pt.register(ve,ke,_e,xe,we,Ce,ut,Xt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Md(),{colourSets:s,patternsStandardList:o}=Le(),a=_.ref(null),r=_.ref(!1),l=_.computed(()=>{let b=[];return t.barDatasets&&(b=b.concat(t.barDatasets)),t.lineDatasets&&(b=b.concat(t.lineDatasets)),b}),c=_.computed(()=>t.newPatternsOrder.length!==o.length?s[t.colourSet]:t.newPatternsOrder.map(b=>s[t.colourSet][b])),h=_.computed(()=>t.newPatternsOrder.length!==o.length?o:t.newPatternsOrder.map(b=>o[b])),d=_.computed(()=>t.disableAccessibility),u=_.computed(()=>({labels:m(),datasets:n(l.value,d.value,c.value,h.value,0)})),f=b=>{const y=b.tooltip.dataPoints[0].datasetIndex,x=b.tooltip.dataPoints[0].dataIndex,S=l.value[y].data[x],v=l.value[y].type==="bar"?t.barUnit:t.lineUnit;return(v==="%"?parseFloat(S.toString().replace(",",".")).toFixed(2):ot(S))+v},m=()=>Object.assign([],t.labels).map(y=>y),p=_.computed(()=>({type:"scatter",responsive:!0,maintainAspectRatio:!0,elements:{bar:{borderSkipped:!1}},plugins:{legend:{display:!1},title:{display:!1},tooltip:{enabled:!1,external:function(b){new De().createTooltip(b,f,{chartType:qt.MIXED_BAR_LINE_CHART,firstLineLabel:t.tooltipFirstLineLabel,secondLineLabel:t.tooltipSecondLineLabel},c.value,h.value,t.disableAccessibility)}}},scales:{x:{offset:!0,title:{display:!0,text:t.xAxisTitle}},A:{type:"linear",display:!0,position:"left",grid:{drawOnChartArea:!0},title:{display:!0,text:t.yLeftAxisTitle},ticks:{callback:function(b){return t.barUnit==="%"?un(b,t.unit):ot(b)+" "+t.barUnit}}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:!0,text:t.yRightAxisTitle},ticks:{callback:function(b){return(t.lineUnit==="%"?un(b,t.unit):ot(b))+" "+t.lineUnit}}}}})),g=_.ref(e(a,r,d,c,h));return(b,y)=>(_.openBlock(),_.createElementBlock("div",Pd,[_.createElementVNode("div",Ad,[u.value?(_.openBlock(),_.createBlock(_.unref(Eo),{key:0,ref:"mixedBarLineChartRef",id:i.chartId,data:u.value,options:p.value,plugins:g.value,class:_.normalizeClass(i.cssClasses),style:_.normalizeStyle([{width:i.width,height:i.height,cursor:"pointer"},i.styles])},null,8,["id","data","options","plugins","class","style"])):_.createCommentVNode("",!0)]),_.createElementVNode("div",{ref_key:"legendContainer",ref:a},null,512)]))}}),zd="",Wd="",bn=Te(Dd,[["__scopeId","data-v-758cd368"]]);bn.install=i=>{i.component("MixedBarLineChart",bn)};const Ld={install:(i,t)=>{Object.keys(Yo).forEach(e=>{i.component(e,Yo[e])})}};X.BarChart=ki,X.DoughnutChart=wi,X.LineChart=Ci,X.MixedBarLineChart=bn,X.RadarChart=Mi,X.default=Ld,Object.defineProperties(X,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/chart",
-  "version": "0.1.0-beta.13",
+  "version": "0.1.0-beta.14",
   "type": "module",
   "scripts": {
     "build": "vue-tsc && vite build",

package/src/services/MixedBarLineFunctions.ts

@@ -73,7 +73,7 @@ export default function () {
                 liContent = createLegendElementWithPatterns(
                   item,
                   chart,
-                  -1,
+                  { datasetIndex: -1 },
                   disableAccessibility.value,
                   patternsColors.value,
                   patternsList.value
@@ -84,7 +84,7 @@ export default function () {
                 chart,
                 item,
                 selectMode,
-                -1,
+                { datasetIndex: -1 },
                 disableAccessibility.value
               );
             }
@@ -122,11 +122,6 @@ export default function () {
     );
   }
 
-  function resetOnHoverIndex() {
-    onHoverIndex.dataSetIndex = -1;
-    onHoverIndex.columnIndex = -1;
-  }
-
   function getMixedDatasets(
     datasets: Dataset[],
     disableAccessibility: boolean,
@@ -141,16 +136,17 @@ export default function () {
     // Hack to force refresh
     const borderWithValue = borderWidth.value;
     return datasets.map((dataset, index) => {
+      const isBarChart = dataset.type === 'bar';
       return {
         type: dataset.type,
-        fill: dataset.type === 'bar' ? null : false,
+        fill: isBarChart ? null : false,
         borderWidth: function () {
-          return disableAccessibility ? 1 : borderWithValue;
+          return disableAccessibility && isBarChart ? 1 : borderWithValue;
         },
         borderColor: function (context: any) {
-          return disableAccessibility
+          return disableAccessibility && isBarChart
             ? '#00000000'
-            : dataset.type === 'bar'
+            : isBarChart
             ? getBorderColor(
                 index,
                 context.index,
@@ -169,7 +165,7 @@ export default function () {
             patternShifting
           );
         },
-        yAxisID: dataset.type === 'bar' ? 'A' : 'B',
+        yAxisID: isBarChart ? 'A' : 'B',
         pointStyle: index % 2 === 0 ? 'rectRot' : 'circle',
         data: dataset.data,
         label: dataset.label,