@mozaic-ds/chart 0.1.0-beta.18 → 0.1.0-beta.22

package/dist/mozaic-chart.js

@@ -10319,7 +10319,7 @@ function gu() {
           );
           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((v) => {
+          b.options.plugins.legend.labels.generateLabels(b).sort((v, _) => _.datasetIndex - v.datasetIndex).forEach((v) => {
             const _ = Ri(
               b,
               u,
@@ -10391,7 +10391,7 @@ function gu() {
         label: b.label,
         pointBackgroundColor: "#FFFFFF",
         pointRadius: 5,
-        order: d.length - y
+        order: b.type === "line" ? 0 : 1
       };
     });
   }

package/dist/mozaic-chart.umd.cjs

@@ -19,7 +19,7 @@ var Au=Object.defineProperty;var Du=(G,x,rt)=>x in G?Au(G,x,{enumerable:!0,confi
     width: ${yi};
     height: ${yi};
     margin-right: ${Uo};
-    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=Qo(i,s),r=e?e[s]:void 0;return Sd(a,t,o,r),o}function wn(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function Zo(i){let t=i.config.data.datasets;return wn(i)&&(t=i.config.data.datasets[0].data),t}function Jo(i,t,e){if(!e.value){const n=Zo(i);e.value=!0,n.forEach((s,o)=>{o!==t&&vi(i,o)})}}function wd(i){let t=!0;return Zo(i).forEach((n,s)=>{t=t&&Qo(i,s)}),t}function Qo(i,t){return wn(i)?i.getDataVisibility(t):i.isDatasetVisible(t)}function vi(i,t,e){wn(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&wd(i)&&(e.value=!1),i.update()}function kn(i,t){const e=Ko(i,""),n=vd(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 ta(i){return i==="#00000000"}function se(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:Cn}=bi();function kd(){const i=x.ref(3),t=x.ref(null),e=x.reactive({dataSetIndex:-1,columnIndex:-1});function n(g,m,b,y,_,S){return Xo(g,m,e,b,y,_,S)}function s(){i.value=4,i.value=3}function o(g,m,b,y,_,S){const v=i.value;return g.map((w,M)=>({borderColor:function(k){return b?"#00000000":r(M,k.index,y,S)},backgroundColor:function(k){return l(M,k.index,b,y,_,S)},borderWidth:function(){return b?1:v},data:w.data,label:w.label,stack:`Stack ${m?w.stack:M}`}))}function a(g,m,b,y,_){return o([g,m],!1,_,b,y)}function r(g,m,b,y){const _=Cn(g,y);return u(g,m)?b[_]:se(b[_],.2)}function l(g,m,b,y,_,S){const v=Cn(g,S);return u(g,m)?_[v](!1,y[v],b):_[v](!0,y[v],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:Cn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:Cd}=bi();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.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 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=ud(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 Md(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 Pd(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 Dd(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 Ld(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 Td(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:[Md,Pd,Ad,Dd,Ld,Td],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 Od={class:"container"},Id={class:"main"},Fd=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"}},setup(i){const t=i;wt.register(Qt,te,Jt,Zt,ee,ie);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}=kd(),m=x.computed(()=>{const P=M(S.value);return _(),{labels:P,datasets:p(t.datasets.map((A,L)=>({data:v(L,S.value),label:t.datasets[L].label,stack:A.stack||0})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let b,y;const _=()=>{b=t.tooltipFirstLineLabel,y=t.tooltipSecondLineLabel},S=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}),v=(P,A,L=!1)=>{const V=Object.assign([],t.datasets[P].data);return A&&S.value&&V.splice(S.value,1),V.map(U=>t.unit==="%"?U.rate:U.amount)},w=P=>{const A=P.tooltip.dataPoints[0].datasetIndex,L=P.tooltip.dataPoints[0].dataIndex,V=P.tooltip.body[0].lines[0].split(":")[1],U=t.datasets[A].data[L],F=U.rate?parseFloat(V.replace(",",".")).toFixed(2)+"% ":"",B=U.amountUnit?U.amountUnit:"",j=U.amount?tt(U.amount):"";return F+(F&&j?"/ ":"")+j+B},M=P=>{const A=Object.assign([],t.labels);return P&&A.splice(P,1),A.map(L=>L)},k=x.computed(()=>({onHover:t.enableHoverFeature?f():()=>{},elements:{bar:{borderSkipped:!1}},plugins:{responsive:!0,maintainAspectRatio:!1,legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(P){var L;const A=((L=P.tooltip.dataPoints)==null?void 0:L[0].dataIndex)||0;!t.labels[A]||t.labels[A]===""||new oe().createTooltip(P,w,{chartType:ae.BAR_CHART,firstLineLabel:b,secondLineLabel:y},a.value,r.value,t.disableAccessibility)}}},scales:{x:{stacked:t.stacked,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle}},y:{stacked:t.stacked,title:{display:t.yAxisTitle!==null,text:t.yAxisTitle},ticks:{callback:function(P){return t.unit==="%"?_n(P,t.unit):tt(P)+" "+t.unit}}}}})),D=x.computed(()=>g(s,o,l,a,r,c));return x.watch(h,()=>{u()},{deep:!0}),(P,A)=>(x.openBlock(),x.createElementBlock("div",Od,[x.createElementVNode("div",Id,[m.value?(x.openBlock(),x.createBlock(x.unref($o),{key:0,ref_key:"barChartRef",ref:d,id:i.chartId,data:m.value,options:k.value,plugins:D.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)]))}}),Lu="",Tu="",le=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},wi=le(Fd,[["__scopeId","data-v-98d7a612"]]);wi.install=i=>{i.component("BarChart",wi)};function Rd(){const i=x.ref(null),t=x.ref(null),e=x.ref(null);function n(h,d,u,f,p,g,m,b){return Xo(h,d,t,u,f,p,b,g,m)}function s(h,d,u,f){return t.value!==null&&f?d.map((p,g)=>t.value===g?p(!1,h[g],u):p(!0,h[g],u)):d.map((p,g)=>p(!1,h[g],u))}function o(h,d){return t.value!==null&&d?h.map((u,f)=>t.value===f?u:se(u,.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 p=h.slice(0),g=d.slice(0);return h.length>u&&(g=c(d,u),p=p.slice(0,u-1),p.push(f)),p.map((m,b)=>`${r(m)} (${tt(g[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,p)=>(f.rate+=p.rate,f.value+=p.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 Ed={class:"container"},Bd={class:"main"},zd=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},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"}},setup(i){const t=i;wt.register(Qt,te,Jt,Kt);const{colourSets:e,patternsStandardList:n}=re(),{onHoverIndex:s,doughnutRef:o,getBackgroundColor:a,privateGetHtmlLegendPlugin:r,getOnHoverOptions:l,groupDataAfterNthValue:c,getDoughnutLabels:h,getBorderColor:d}=Rd(),u=x.ref(!1),f=x.ref(null),p=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(k=>e[t.colourSet][k])),g=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(k=>n[k])),m=x.computed(()=>({labels:h(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:c(t.data,t.maxValues).map(k=>k.rate),backgroundColor:a(p.value,g.value,t.disableAccessibility,t.enableHoverFeature),borderColor:d(p.value,t.enableHoverFeature)}]})),b=k=>{const D=k.tooltip.dataPoints[0].dataIndex,P=c(t.data,t.maxValues)[D],A=tt(P.rate),L=tt(P.value),V=P.unit||"";return`${L}${V} (${A})%`};function y(){return t.labels.length<=1?0:12}const _=x.computed(()=>{const k=p.value,D=g.value;return{onHover:t.enableHoverFeature?l():()=>{},plugins:{legend:{display:!1,position:"bottom",align:"start",labels:{pointStyle:"rectRounded",usePointStyle:!0}},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(P){new oe().createTooltip(P,b,{chartType:ae.DOUGHNUT},k,D,v.value)}}},radius:"90%",cutout:"70%",borderWidth:3,spacing:y(),hoverOffset:4}}),S={data:t.data,labels:t.labels},v=x.computed(()=>t.disableAccessibility),w=x.computed(()=>t.enableHoverFeature),M=x.computed(()=>r(f,u,v,p,g,t.maxValues,S,w));return x.onMounted(()=>{a(p.value,g.value,t.disableAccessibility,w.value)}),x.watch(s,(k,D)=>{k!==D&&w.value&&a(p.value,g.value,t.disableAccessibility,w.value)}),x.watch(v,()=>{a(p.value,g.value,t.disableAccessibility,w.value)}),(k,D)=>(x.openBlock(),x.createElementBlock("div",Ed,[x.createElementVNode("div",Bd,[m.value?(x.openBlock(),x.createBlock(x.unref(ld),{key:0,ref_key:"doughnutRef",ref:o,id:i.chartId,data:m.value,options:_.value,plugins:M.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)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:f},null,512)]))}}),Ou="",ki=le(zd,[["__scopeId","data-v-b0907849"]]);ki.install=i=>{i.component("DoughnutChart",ki)};const Wd={class:"container"},Hd={class:"main"},Nd=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},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]}},setup(i){const t=i;wt.register(Qt,te,Jt,Tt,pt,ee,ie);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(m=>e[t.colourSet][m])),r=t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(m=>n[m]),l=m=>{const b=m.tooltip.dataPoints[0].datasetIndex,y=m.tooltip.dataPoints[0].dataIndex,_=t.lines[b].data[y].toFixed(2);return t.lines[b].unit?_+" "+t.lines[b].unit:_},c=x.computed(()=>t.tooltipFirstLineLabel),h=x.computed(()=>t.tooltipSecondLineLabel),d=x.computed(()=>({labels:t.labels.map(m=>m),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(m,b){return[{id:"htmlLegend",afterUpdate(y){const _=Si(m,"column");for(_.style.display="flex",_.style.flexDirection="row",_.style.margin="1.375rem 1.0625rem";_.firstChild;)_.firstChild.remove();y.options.plugins.legend.labels.generateLabels(y).forEach(v=>{const w=_i(y,b,v.datasetIndex);let M;b.value?M=f(y,v):M=kn(v),M.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(M),w.appendChild(xi(v)),_.appendChild(w)})}}]}function f(m,b){const y=Sn(m,b,null);return y.onclick=_=>{vi(m,b.datasetIndex,o),_.stopPropagation()},y}const p=u(s,o),g=x.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(m){new oe().createTooltip(m,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},position:"left",grid:{drawOnChartArea:!0},ticks:{callback:function(m){const b=t.lines[0].unit;return`${tt(m)} ${b||""}`}}}}}));return(m,b)=>(x.openBlock(),x.createElementBlock("div",Wd,[x.createElementVNode("div",Hd,[d.value?(x.openBlock(),x.createBlock(x.unref(cd),{key:0,ref:"lineChartRef",id:i.chartId,data:d.value,options:g.value,plugins:x.unref(p),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)]))}}),Iu="",Ci=le(Nd,[["__scopeId","data-v-a49082e5"]]);Ci.install=i=>{i.component("LineChart",Ci)};function Vd(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?jd(t)[a]:"#000000";e.fillStyle=p;const g=l.x+c,m=d+15*f;e.fillText(u,g,m)})}),e.restore())}const jd=i=>i.datasets[0].areaData.map(t=>{switch(t.color){case"red":return"#C61112";case"green":return"#46A610";default:return"#000000"}});function $d(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 Ud={class:"container"},Yd=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:()=>[]}},setup(i){const t=i;wt.register(Qt,te,Jt,Te,pt,Tt,Sh);const{colourSets:e,patternsStandardList:n}=re(),s=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(g=>e[t.colourSet][g])),o=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(g=>n[g])),a=x.computed(()=>({labels:h(),datasets:[{label:t.datasets[0].label,backgroundColor:se(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:se(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,m,b)=>{m[0]&&Jo(b,m[0].datasetIndex,c)},plugins:{htmlLegend:{containerID:"legend-container"},legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(g){new oe().createTooltip(g,p,{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}}}},l=x.ref(null),c=x.ref(!1),h=()=>t.labels.map((g,m)=>{const b=t.datasets[0].areaData[m].value?`${d(t.datasets[0].areaData[m].value+"")} ${t.datasets[0].areaData[m].unit}`:"No Data";return $d(g,b)}),d=g=>tt(parseFloat(g));function u(g,m){const b=Sn(g,m,null);return b.onclick=y=>{vi(g,m.datasetIndex,c),y.stopPropagation()},b}const f=[{id:"htmlLegend",afterUpdate(g){const m=Si(l,"row");for(;m.firstChild;)m.firstChild.remove();g.options.plugins.legend.labels.generateLabels(g).reverse().forEach(y=>{const _=_i(g,c,y.datasetIndex);let S;_.style.marginRight="0.625rem",c.value?S=u(g,y):S=kn(y,!0),_.appendChild(S),_.appendChild(xi(y)),m.appendChild(_)})}},{id:"radarLabelPlugin",beforeDraw(g){Vd(g,t)}}],p=g=>{const m=g.tooltip.dataPoints[0].datasetIndex,b=g.tooltip.dataPoints[0].dataIndex,y=t.datasets[m];return y.areaData[b].value.toFixed(2)+" "+y.areaData[b].unit};return(g,m)=>(x.openBlock(),x.createElementBlock("div",Ud,[x.createElementVNode("div",{class:"main",style:x.normalizeStyle({height:i.height})},[a.value?(x.openBlock(),x.createBlock(x.unref(hd),{key:0,id:i.chartId,data:a.value,options:r,plugins:f,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:l,class:"legendContainer"},null,512)]))}}),Fu="",Mi=le(Yd,[["__scopeId","data-v-e38e3f99"]]);Mi.install=i=>{i.component("RadarChart",Mi)};const ea=Object.freeze(Object.defineProperty({__proto__:null,BarChart:wi,DoughnutChart:ki,LineChart:Ci,RadarChart:Mi},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:ia}=bi();function Xd(){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=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=qo(b,S,u,{datasetIndex:-1},g.value,!1):S!=null&&S.lineCap?w=kn(S):w=Go(S,b,{datasetIndex:-1},p.value,g.value,m.value,!1),w.style.boxSizing="border-box",v.style.marginRight="10px",v.appendChild(w),v.appendChild(xi(S)),y.appendChild(v)})}}]}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(S){return u&&_?"#00000000":_?o(y,S.index,f,g):f[y]},backgroundColor:function(S){return a(y,S.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:d.length-y}})}function o(d,u,f,p){const g=ia(d,p);return r(d,u)?f[g]:se(f[g],.2)}function a(d,u,f,p,g,m){const b=ia(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 Gd={class:"container"},qd={class:"main"},Kd=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}},setup(i){const t=i;wt.register(Qt,te,Jt,Zt,ee,ie,pt,Tt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Xd(),{colourSets:s,patternsStandardList:o}=re(),a=x.ref(null),r=x.ref(!1),l=x.computed(()=>{let b=[];return t.barDatasets&&(b=b.concat(t.barDatasets)),t.lineDatasets&&(b=b.concat(t.lineDatasets)),b}),c=x.computed(()=>t.newPatternsOrder.length!==o.length?s[t.colourSet]:t.newPatternsOrder.map(b=>s[t.colourSet][b])),h=x.computed(()=>t.newPatternsOrder.length!==o.length?o:t.newPatternsOrder.map(b=>o[b])),d=x.computed(()=>t.disableAccessibility),u=x.computed(()=>({labels:p(),datasets:n(l.value,d.value,c.value,h.value,0)})),f=b=>{const y=b.tooltip.dataPoints[0].datasetIndex,_=b.tooltip.dataPoints[0].dataIndex,S=l.value[y].data[_],v=l.value[y].type==="bar"?t.barUnit:t.lineUnit;return(v==="%"?parseFloat(S.toString().replace(",",".")).toFixed(2):tt(S))+v},p=()=>Object.assign([],t.labels).map(y=>y),g=x.computed(()=>({type:"scatter",responsive:!0,maintainAspectRatio:!0,elements:{bar:{borderSkipped:!1}},plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(b){new oe().createTooltip(b,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:function(b){return t.barUnit==="%"?_n(b,t.unit):tt(b)+" "+t.barUnit}}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:t.yRightAxisTitle!==null,text:t.yRightAxisTitle},ticks:{callback:function(b){return(t.lineUnit==="%"?_n(b,t.unit):tt(b))+" "+t.lineUnit}}}}})),m=x.ref(e(a,r,d,c,h));return(b,y)=>(x.openBlock(),x.createElementBlock("div",Gd,[x.createElementVNode("div",qd,[u.value?(x.openBlock(),x.createBlock(x.unref($o),{key:0,ref:"mixedBarLineChartRef",id:i.chartId,data:u.value,options:g.value,plugins:m.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)]))}}),Ru="",Eu="",Mn=le(Kd,[["__scopeId","data-v-2dbee7d5"]]);Mn.install=i=>{i.component("MixedBarLineChart",Mn)};const Zd="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9IiM2NjY2NjYiLz4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMTEuMiIgcj0iNC4zIiBzdHJva2U9IiM2NjY2NjYiLz4KPC9zdmc+";/*!
+    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=Qo(i,s),r=e?e[s]:void 0;return Sd(a,t,o,r),o}function wn(i){const{type:t}=i.config;return t==="pie"||t==="doughnut"}function Zo(i){let t=i.config.data.datasets;return wn(i)&&(t=i.config.data.datasets[0].data),t}function Jo(i,t,e){if(!e.value){const n=Zo(i);e.value=!0,n.forEach((s,o)=>{o!==t&&vi(i,o)})}}function wd(i){let t=!0;return Zo(i).forEach((n,s)=>{t=t&&Qo(i,s)}),t}function Qo(i,t){return wn(i)?i.getDataVisibility(t):i.isDatasetVisible(t)}function vi(i,t,e){wn(i)?i.toggleDataVisibility(t):i.setDatasetVisibility(t,!i.isDatasetVisible(t)),e&&wd(i)&&(e.value=!1),i.update()}function kn(i,t){const e=Ko(i,""),n=vd(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 ta(i){return i==="#00000000"}function se(i,t){const e=Math.round(Math.min(Math.max(t||1,0),1)*255);return i+e.toString(16).toUpperCase()}const{getPatternIndexWithShift:Cn}=bi();function kd(){const i=x.ref(3),t=x.ref(null),e=x.reactive({dataSetIndex:-1,columnIndex:-1});function n(g,m,b,y,_,S){return Xo(g,m,e,b,y,_,S)}function s(){i.value=4,i.value=3}function o(g,m,b,y,_,S){const v=i.value;return g.map((w,M)=>({borderColor:function(k){return b?"#00000000":r(M,k.index,y,S)},backgroundColor:function(k){return l(M,k.index,b,y,_,S)},borderWidth:function(){return b?1:v},data:w.data,label:w.label,stack:`Stack ${m?w.stack:M}`}))}function a(g,m,b,y,_){return o([g,m],!1,_,b,y)}function r(g,m,b,y){const _=Cn(g,y);return u(g,m)?b[_]:se(b[_],.2)}function l(g,m,b,y,_,S){const v=Cn(g,S);return u(g,m)?_[v](!1,y[v],b):_[v](!0,y[v],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:Cn,barChartRef:t,borderWidth:i}}const{getPatternCanvas:Cd}=bi();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.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 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=ud(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 Md(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 Pd(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 Dd(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 Ld(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 Td(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:[Md,Pd,Ad,Dd,Ld,Td],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 Od={class:"container"},Id={class:"main"},Fd=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"}},setup(i){const t=i;wt.register(Qt,te,Jt,Zt,ee,ie);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}=kd(),m=x.computed(()=>{const P=M(S.value);return _(),{labels:P,datasets:p(t.datasets.map((A,L)=>({data:v(L,S.value),label:t.datasets[L].label,stack:A.stack||0})),t.stacked,t.disableAccessibility,a.value,r.value,0)}});let b,y;const _=()=>{b=t.tooltipFirstLineLabel,y=t.tooltipSecondLineLabel},S=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}),v=(P,A,L=!1)=>{const V=Object.assign([],t.datasets[P].data);return A&&S.value&&V.splice(S.value,1),V.map(U=>t.unit==="%"?U.rate:U.amount)},w=P=>{const A=P.tooltip.dataPoints[0].datasetIndex,L=P.tooltip.dataPoints[0].dataIndex,V=P.tooltip.body[0].lines[0].split(":")[1],U=t.datasets[A].data[L],F=U.rate?parseFloat(V.replace(",",".")).toFixed(2)+"% ":"",B=U.amountUnit?U.amountUnit:"",j=U.amount?tt(U.amount):"";return F+(F&&j?"/ ":"")+j+B},M=P=>{const A=Object.assign([],t.labels);return P&&A.splice(P,1),A.map(L=>L)},k=x.computed(()=>({onHover:t.enableHoverFeature?f():()=>{},elements:{bar:{borderSkipped:!1}},plugins:{responsive:!0,maintainAspectRatio:!1,legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(P){var L;const A=((L=P.tooltip.dataPoints)==null?void 0:L[0].dataIndex)||0;!t.labels[A]||t.labels[A]===""||new oe().createTooltip(P,w,{chartType:ae.BAR_CHART,firstLineLabel:b,secondLineLabel:y},a.value,r.value,t.disableAccessibility)}}},scales:{x:{stacked:t.stacked,title:{display:t.xAxisTitle!==null,text:t.xAxisTitle}},y:{stacked:t.stacked,title:{display:t.yAxisTitle!==null,text:t.yAxisTitle},ticks:{callback:function(P){return t.unit==="%"?_n(P,t.unit):tt(P)+" "+t.unit}}}}})),D=x.computed(()=>g(s,o,l,a,r,c));return x.watch(h,()=>{u()},{deep:!0}),(P,A)=>(x.openBlock(),x.createElementBlock("div",Od,[x.createElementVNode("div",Id,[m.value?(x.openBlock(),x.createBlock(x.unref($o),{key:0,ref_key:"barChartRef",ref:d,id:i.chartId,data:m.value,options:k.value,plugins:D.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)]))}}),Lu="",Tu="",le=(i,t)=>{const e=i.__vccOpts||i;for(const[n,s]of t)e[n]=s;return e},wi=le(Fd,[["__scopeId","data-v-98d7a612"]]);wi.install=i=>{i.component("BarChart",wi)};function Rd(){const i=x.ref(null),t=x.ref(null),e=x.ref(null);function n(h,d,u,f,p,g,m,b){return Xo(h,d,t,u,f,p,b,g,m)}function s(h,d,u,f){return t.value!==null&&f?d.map((p,g)=>t.value===g?p(!1,h[g],u):p(!0,h[g],u)):d.map((p,g)=>p(!1,h[g],u))}function o(h,d){return t.value!==null&&d?h.map((u,f)=>t.value===f?u:se(u,.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 p=h.slice(0),g=d.slice(0);return h.length>u&&(g=c(d,u),p=p.slice(0,u-1),p.push(f)),p.map((m,b)=>`${r(m)} (${tt(g[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,p)=>(f.rate+=p.rate,f.value+=p.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 Ed={class:"container"},Bd={class:"main"},zd=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},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"}},setup(i){const t=i;wt.register(Qt,te,Jt,Kt);const{colourSets:e,patternsStandardList:n}=re(),{onHoverIndex:s,doughnutRef:o,getBackgroundColor:a,privateGetHtmlLegendPlugin:r,getOnHoverOptions:l,groupDataAfterNthValue:c,getDoughnutLabels:h,getBorderColor:d}=Rd(),u=x.ref(!1),f=x.ref(null),p=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(k=>e[t.colourSet][k])),g=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(k=>n[k])),m=x.computed(()=>({labels:h(t.labels,t.data,t.maxValues,t.othersLabel),datasets:[{data:c(t.data,t.maxValues).map(k=>k.rate),backgroundColor:a(p.value,g.value,t.disableAccessibility,t.enableHoverFeature),borderColor:d(p.value,t.enableHoverFeature)}]})),b=k=>{const D=k.tooltip.dataPoints[0].dataIndex,P=c(t.data,t.maxValues)[D],A=tt(P.rate),L=tt(P.value),V=P.unit||"";return`${L}${V} (${A})%`};function y(){return t.labels.length<=1?0:12}const _=x.computed(()=>{const k=p.value,D=g.value;return{onHover:t.enableHoverFeature?l():()=>{},plugins:{legend:{display:!1,position:"bottom",align:"start",labels:{pointStyle:"rectRounded",usePointStyle:!0}},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(P){new oe().createTooltip(P,b,{chartType:ae.DOUGHNUT},k,D,v.value)}}},radius:"90%",cutout:"70%",borderWidth:3,spacing:y(),hoverOffset:4}}),S={data:t.data,labels:t.labels},v=x.computed(()=>t.disableAccessibility),w=x.computed(()=>t.enableHoverFeature),M=x.computed(()=>r(f,u,v,p,g,t.maxValues,S,w));return x.onMounted(()=>{a(p.value,g.value,t.disableAccessibility,w.value)}),x.watch(s,(k,D)=>{k!==D&&w.value&&a(p.value,g.value,t.disableAccessibility,w.value)}),x.watch(v,()=>{a(p.value,g.value,t.disableAccessibility,w.value)}),(k,D)=>(x.openBlock(),x.createElementBlock("div",Ed,[x.createElementVNode("div",Bd,[m.value?(x.openBlock(),x.createBlock(x.unref(ld),{key:0,ref_key:"doughnutRef",ref:o,id:i.chartId,data:m.value,options:_.value,plugins:M.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)]),x.createElementVNode("div",{ref_key:"legendContainer",ref:f},null,512)]))}}),Ou="",ki=le(zd,[["__scopeId","data-v-b0907849"]]);ki.install=i=>{i.component("DoughnutChart",ki)};const Wd={class:"container"},Hd={class:"main"},Nd=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},cssClasses:{type:String,default:void 0},styles:{type:Object,default:()=>{}},plugins:{type:Array,default:()=>[]}},setup(i){const t=i;wt.register(Qt,te,Jt,Tt,pt,ee,ie);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(m=>e[t.colourSet][m])),r=t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(m=>n[m]),l=m=>{const b=m.tooltip.dataPoints[0].datasetIndex,y=m.tooltip.dataPoints[0].dataIndex,_=t.lines[b].data[y].toFixed(2);return t.lines[b].unit?_+" "+t.lines[b].unit:_},c=x.computed(()=>t.tooltipFirstLineLabel),h=x.computed(()=>t.tooltipSecondLineLabel),d=x.computed(()=>({labels:t.labels.map(m=>m),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(m,b){return[{id:"htmlLegend",afterUpdate(y){const _=Si(m,"column");for(_.style.display="flex",_.style.flexDirection="row",_.style.margin="1.375rem 1.0625rem";_.firstChild;)_.firstChild.remove();y.options.plugins.legend.labels.generateLabels(y).forEach(v=>{const w=_i(y,b,v.datasetIndex);let M;b.value?M=f(y,v):M=kn(v),M.style.boxSizing="border-box",w.style.marginRight="10px",w.appendChild(M),w.appendChild(xi(v)),_.appendChild(w)})}}]}function f(m,b){const y=Sn(m,b,null);return y.onclick=_=>{vi(m,b.datasetIndex,o),_.stopPropagation()},y}const p=u(s,o),g=x.computed(()=>({responsive:!0,maintainAspectRatio:!1,plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(m){new oe().createTooltip(m,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},position:"left",grid:{drawOnChartArea:!0},ticks:{callback:function(m){const b=t.lines[0].unit;return`${tt(m)} ${b||""}`}}}}}));return(m,b)=>(x.openBlock(),x.createElementBlock("div",Wd,[x.createElementVNode("div",Hd,[d.value?(x.openBlock(),x.createBlock(x.unref(cd),{key:0,ref:"lineChartRef",id:i.chartId,data:d.value,options:g.value,plugins:x.unref(p),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)]))}}),Iu="",Ci=le(Nd,[["__scopeId","data-v-a49082e5"]]);Ci.install=i=>{i.component("LineChart",Ci)};function Vd(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?jd(t)[a]:"#000000";e.fillStyle=p;const g=l.x+c,m=d+15*f;e.fillText(u,g,m)})}),e.restore())}const jd=i=>i.datasets[0].areaData.map(t=>{switch(t.color){case"red":return"#C61112";case"green":return"#46A610";default:return"#000000"}});function $d(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 Ud={class:"container"},Yd=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:()=>[]}},setup(i){const t=i;wt.register(Qt,te,Jt,Te,pt,Tt,Sh);const{colourSets:e,patternsStandardList:n}=re(),s=x.computed(()=>t.newPatternsOrder.length!==6?e[t.colourSet]:t.newPatternsOrder.map(g=>e[t.colourSet][g])),o=x.computed(()=>t.newPatternsOrder.length!==6?n:t.newPatternsOrder.map(g=>n[g])),a=x.computed(()=>({labels:h(),datasets:[{label:t.datasets[0].label,backgroundColor:se(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:se(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,m,b)=>{m[0]&&Jo(b,m[0].datasetIndex,c)},plugins:{htmlLegend:{containerID:"legend-container"},legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,position:"nearest",external:function(g){new oe().createTooltip(g,p,{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}}}},l=x.ref(null),c=x.ref(!1),h=()=>t.labels.map((g,m)=>{const b=t.datasets[0].areaData[m].value?`${d(t.datasets[0].areaData[m].value+"")} ${t.datasets[0].areaData[m].unit}`:"No Data";return $d(g,b)}),d=g=>tt(parseFloat(g));function u(g,m){const b=Sn(g,m,null);return b.onclick=y=>{vi(g,m.datasetIndex,c),y.stopPropagation()},b}const f=[{id:"htmlLegend",afterUpdate(g){const m=Si(l,"row");for(;m.firstChild;)m.firstChild.remove();g.options.plugins.legend.labels.generateLabels(g).reverse().forEach(y=>{const _=_i(g,c,y.datasetIndex);let S;_.style.marginRight="0.625rem",c.value?S=u(g,y):S=kn(y,!0),_.appendChild(S),_.appendChild(xi(y)),m.appendChild(_)})}},{id:"radarLabelPlugin",beforeDraw(g){Vd(g,t)}}],p=g=>{const m=g.tooltip.dataPoints[0].datasetIndex,b=g.tooltip.dataPoints[0].dataIndex,y=t.datasets[m];return y.areaData[b].value.toFixed(2)+" "+y.areaData[b].unit};return(g,m)=>(x.openBlock(),x.createElementBlock("div",Ud,[x.createElementVNode("div",{class:"main",style:x.normalizeStyle({height:i.height})},[a.value?(x.openBlock(),x.createBlock(x.unref(hd),{key:0,id:i.chartId,data:a.value,options:r,plugins:f,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:l,class:"legendContainer"},null,512)]))}}),Fu="",Mi=le(Yd,[["__scopeId","data-v-e38e3f99"]]);Mi.install=i=>{i.component("RadarChart",Mi)};const ea=Object.freeze(Object.defineProperty({__proto__:null,BarChart:wi,DoughnutChart:ki,LineChart:Ci,RadarChart:Mi},Symbol.toStringTag,{value:"Module"})),{getPatternIndexWithShift:ia}=bi();function Xd(){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=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).sort((S,v)=>v.datasetIndex-S.datasetIndex).forEach(S=>{const v=_i(b,u,S.datasetIndex);let w;u.value?w=qo(b,S,u,{datasetIndex:-1},g.value,!1):S!=null&&S.lineCap?w=kn(S):w=Go(S,b,{datasetIndex:-1},p.value,g.value,m.value,!1),w.style.boxSizing="border-box",v.style.marginRight="10px",v.appendChild(w),v.appendChild(xi(S)),y.appendChild(v)})}}]}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(S){return u&&_?"#00000000":_?o(y,S.index,f,g):f[y]},backgroundColor:function(S){return a(y,S.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=ia(d,p);return r(d,u)?f[g]:se(f[g],.2)}function a(d,u,f,p,g,m){const b=ia(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 Gd={class:"container"},qd={class:"main"},Kd=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}},setup(i){const t=i;wt.register(Qt,te,Jt,Zt,ee,ie,pt,Tt);const{privateGetHtmlLegendPlugin:e,getMixedDatasets:n}=Xd(),{colourSets:s,patternsStandardList:o}=re(),a=x.ref(null),r=x.ref(!1),l=x.computed(()=>{let b=[];return t.barDatasets&&(b=b.concat(t.barDatasets)),t.lineDatasets&&(b=b.concat(t.lineDatasets)),b}),c=x.computed(()=>t.newPatternsOrder.length!==o.length?s[t.colourSet]:t.newPatternsOrder.map(b=>s[t.colourSet][b])),h=x.computed(()=>t.newPatternsOrder.length!==o.length?o:t.newPatternsOrder.map(b=>o[b])),d=x.computed(()=>t.disableAccessibility),u=x.computed(()=>({labels:p(),datasets:n(l.value,d.value,c.value,h.value,0)})),f=b=>{const y=b.tooltip.dataPoints[0].datasetIndex,_=b.tooltip.dataPoints[0].dataIndex,S=l.value[y].data[_],v=l.value[y].type==="bar"?t.barUnit:t.lineUnit;return(v==="%"?parseFloat(S.toString().replace(",",".")).toFixed(2):tt(S))+v},p=()=>Object.assign([],t.labels).map(y=>y),g=x.computed(()=>({type:"scatter",responsive:!0,maintainAspectRatio:!0,elements:{bar:{borderSkipped:!1}},plugins:{legend:{display:!1},title:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1,external:function(b){new oe().createTooltip(b,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:function(b){return t.barUnit==="%"?_n(b,t.unit):tt(b)+" "+t.barUnit}}},B:{type:"linear",display:!0,position:"right",grid:{drawOnChartArea:!1},title:{display:t.yRightAxisTitle!==null,text:t.yRightAxisTitle},ticks:{callback:function(b){return(t.lineUnit==="%"?_n(b,t.unit):tt(b))+" "+t.lineUnit}}}}})),m=x.ref(e(a,r,d,c,h));return(b,y)=>(x.openBlock(),x.createElementBlock("div",Gd,[x.createElementVNode("div",qd,[u.value?(x.openBlock(),x.createBlock(x.unref($o),{key:0,ref:"mixedBarLineChartRef",id:i.chartId,data:u.value,options:g.value,plugins:m.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)]))}}),Ru="",Eu="",Mn=le(Kd,[["__scopeId","data-v-2dbee7d5"]]);Mn.install=i=>{i.component("MixedBarLineChart",Mn)};const Zd="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9IiM2NjY2NjYiLz4KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMTEuMiIgcj0iNC4zIiBzdHJva2U9IiM2NjY2NjYiLz4KPC9zdmc+";/*!
  * chartjs-plugin-datalabels v2.2.0
  * https://chartjs-plugin-datalabels.netlify.app
  * (c) 2017-2022 chartjs-plugin-datalabels contributors

package/package.json

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

package/src/services/MixedBarLineFunctions.ts

@@ -59,7 +59,7 @@ export default function () {
           }
           const items: ChartItem[] =
             chart.options.plugins.legend.labels.generateLabels(chart);
-          items.forEach((item: ChartItem): void => {
+          items.sort((a,b) => b.datasetIndex - a.datasetIndex).forEach((item: ChartItem): void => {
             const li: HTMLElement = createHtmlLegendListElement(
               chart,
               selectMode,
@@ -173,7 +173,7 @@ export default function () {
         label: dataset.label,
         pointBackgroundColor: '#FFFFFF',
         pointRadius: 5,
-        order: datasets.length - index,
+        order: dataset.type === 'line' ? 0 : 1,
       };
     });
   }