@mozaic-ds/chart 0.1.0-beta.25 → 0.1.0-beta.26

package/dist/mozaic-chart.js

@@ -21,7 +21,7 @@ function Lt(i) {
 function vt(i) {
   return At(Ye(i / 2.55) / 100, 0, 1);
 }
-function Wn(i) {
+function Hn(i) {
   return At(Ye(i * 100), 0, 100);
 }
 const at = { 0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, A: 10, B: 11, C: 12, D: 13, E: 14, F: 15, a: 10, b: 11, c: 12, d: 13, e: 14, f: 15 }, Qi = [..."0123456789ABCDEF"], Ra = (i) => Qi[i & 15], Ea = (i) => Qi[(i & 240) >> 4] + Qi[i & 15], Ke = (i) => (i & 240) >> 4 === (i & 15), Ba = (i) => Ke(i.r) && Ke(i.g) && Ke(i.b) && Ke(i.a);
@@ -39,10 +39,10 @@ function za(i) {
     a: t === 9 ? at[i[7]] << 4 | at[i[8]] : 255
   })), e;
 }
-const Wa = (i, t) => i < 255 ? t(i) : "";
-function Ha(i) {
+const Ha = (i, t) => i < 255 ? t(i) : "";
+function Wa(i) {
   var t = Ba(i) ? Ra : Ea;
-  return i ? "#" + t(i.r) + t(i.g) + t(i.b) + Wa(i.a, t) : void 0;
+  return i ? "#" + t(i.r) + t(i.g) + t(i.b) + Ha(i.a, t) : void 0;
 }
 const Na = /^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;
 function xo(i, t, e) {
@@ -104,10 +104,10 @@ function Ga(i, t) {
 function qa(i) {
   if (!i)
     return;
-  const t = yn(i), e = t[0], n = Wn(t[1]), s = Wn(t[2]);
+  const t = yn(i), e = t[0], n = Hn(t[1]), s = Hn(t[2]);
   return i.a < 255 ? `hsla(${e}, ${n}%, ${s}%, ${vt(i.a)})` : `hsl(${e}, ${n}%, ${s}%)`;
 }
-const Hn = {
+const Wn = {
   x: "dark",
   Z: "light",
   Y: "re",
@@ -286,11 +286,11 @@ const Hn = {
   LwgYF: "9acd32"
 };
 function Ka() {
-  const i = {}, t = Object.keys(Nn), e = Object.keys(Hn);
+  const i = {}, t = Object.keys(Nn), e = Object.keys(Wn);
   let n, s, o, a, r;
   for (n = 0; n < t.length; n++) {
     for (a = r = t[n], s = 0; s < e.length; s++)
-      o = e[s], r = r.replace(o, Hn[o]);
+      o = e[s], r = r.replace(o, Wn[o]);
     o = parseInt(Nn[a], 16), i[r] = [o >> 16 & 255, o >> 8 & 255, o & 255];
   }
   return i;
@@ -352,9 +352,9 @@ function Vn(i) {
 function ir(i) {
   return i.charAt(0) === "r" ? Qa(i) : Xa(i);
 }
-class He {
+class We {
   constructor(t) {
-    if (t instanceof He)
+    if (t instanceof We)
       return t;
     const e = typeof t;
     let n;
@@ -374,7 +374,7 @@ class He {
     return this._valid ? tr(this._rgb) : void 0;
   }
   hexString() {
-    return this._valid ? Ha(this._rgb) : void 0;
+    return this._valid ? Wa(this._rgb) : void 0;
   }
   hslString() {
     return this._valid ? qa(this._rgb) : void 0;
@@ -392,7 +392,7 @@ class He {
     return t && (this._rgb = er(this._rgb, t._rgb, e)), this;
   }
   clone() {
-    return new He(this.rgb);
+    return new We(this.rgb);
   }
   alpha(t) {
     return this._rgb.a = Lt(t), this;
@@ -585,7 +585,7 @@ const Ne = (i) => typeof i < "u", It = (i) => typeof i == "function", $n = (i, t
 function cr(i) {
   return i.type === "mouseup" || i.type === "click" || i.type === "contextmenu";
 }
-const j = Math.PI, W = 2 * j, hr = W + j, Si = Number.POSITIVE_INFINITY, dr = j / 180, Y = j / 2, Et = j / 4, Un = j * 2 / 3, tn = Math.log10, mt = Math.sign;
+const j = Math.PI, H = 2 * j, hr = H + j, Si = Number.POSITIVE_INFINITY, dr = j / 180, Y = j / 2, Et = j / 4, Un = j * 2 / 3, tn = Math.log10, mt = Math.sign;
 function Re(i, t, e) {
   return Math.abs(i - t) < e;
 }
@@ -631,7 +631,7 @@ function Xn(i) {
 function ko(i, t) {
   const e = t.x - i.x, n = t.y - i.y, s = Math.sqrt(e * e + n * n);
   let o = Math.atan2(n, e);
-  return o < -0.5 * j && (o += W), {
+  return o < -0.5 * j && (o += H), {
     angle: o,
     distance: s
   };
@@ -640,10 +640,10 @@ function en(i, t) {
   return Math.sqrt(Math.pow(t.x - i.x, 2) + Math.pow(t.y - i.y, 2));
 }
 function pr(i, t) {
-  return (i - t + hr) % W - j;
+  return (i - t + hr) % H - j;
 }
 function ot(i) {
-  return (i % W + W) % W;
+  return (i % H + H) % H;
 }
 function je(i, t, e, n) {
   const s = ot(i), o = ot(t), a = ot(e), r = ot(o - s), l = ot(a - s), c = ot(s - o), h = ot(s - a);
@@ -781,7 +781,7 @@ function wr(i) {
   const o = n.xmin !== t.min || n.xmax !== t.max || n.ymin !== e.min || n.ymax !== e.max;
   return Object.assign(n, s), o;
 }
-const Qe = (i) => i === 0 || i === 1, qn = (i, t, e) => -(Math.pow(2, 10 * (i -= 1)) * Math.sin((i - t) * W / e)), Kn = (i, t, e) => Math.pow(2, -10 * i) * Math.sin((i - t) * W / e) + 1, Ee = {
+const Qe = (i) => i === 0 || i === 1, qn = (i, t, e) => -(Math.pow(2, 10 * (i -= 1)) * Math.sin((i - t) * H / e)), Kn = (i, t, e) => Math.pow(2, -10 * i) * Math.sin((i - t) * H / e) + 1, Ee = {
   linear: (i) => i,
   easeInQuad: (i) => i * i,
   easeOutQuad: (i) => -i * (i - 2),
@@ -833,10 +833,10 @@ function Mn(i) {
   return !1;
 }
 function Zn(i) {
-  return Mn(i) ? i : new He(i);
+  return Mn(i) ? i : new We(i);
 }
-function Wi(i) {
-  return Mn(i) ? i : new He(i).saturate(0.5).darken(0.1).hexString();
+function Hi(i) {
+  return Mn(i) ? i : new We(i).saturate(0.5).darken(0.1).hexString();
 }
 const kr = [
   "x",
@@ -1047,7 +1047,7 @@ function Be(i, t) {
   }
   return i;
 }
-function Hi(i, t, e) {
+function Wi(i, t, e) {
   return typeof t == "string" ? bt(Be(i, t), e) : bt(Be(i, ""), t);
 }
 class Tr {
@@ -1064,23 +1064,23 @@ class Tr {
       style: "normal",
       lineHeight: 1.2,
       weight: null
-    }, this.hover = {}, this.hoverBackgroundColor = (n, s) => Wi(s.backgroundColor), this.hoverBorderColor = (n, s) => Wi(s.borderColor), this.hoverColor = (n, s) => Wi(s.color), this.indexAxis = "x", this.interaction = {
+    }, this.hover = {}, this.hoverBackgroundColor = (n, s) => Hi(s.backgroundColor), this.hoverBorderColor = (n, s) => Hi(s.borderColor), this.hoverColor = (n, s) => Hi(s.color), this.indexAxis = "x", this.interaction = {
       mode: "nearest",
       intersect: !0,
       includeInvisible: !1
     }, this.maintainAspectRatio = !0, this.onHover = null, this.onClick = null, this.parsing = !0, this.plugins = {}, this.responsive = !0, this.scale = void 0, this.scales = {}, this.showLine = !0, this.drawActiveElementsOnTop = !0, this.describe(t), this.apply(e);
   }
   set(t, e) {
-    return Hi(this, t, e);
+    return Wi(this, t, e);
   }
   get(t) {
     return Be(this, t);
   }
   describe(t, e) {
-    return Hi(nn, t, e);
+    return Wi(nn, t, e);
   }
   override(t, e) {
-    return Hi(Yt, t, e);
+    return Wi(Yt, t, e);
   }
   route(t, e, n, s) {
     const o = Be(this, t), a = Be(this, n), r = "_" + e;
@@ -1162,44 +1162,44 @@ function sn(i, t, e, n) {
 function Lo(i, t, e, n, s) {
   let o, a, r, l, c, h, d, u;
   const f = t.pointStyle, p = t.rotation, g = t.radius;
-  let m = (p || 0) * dr;
+  let b = (p || 0) * dr;
   if (f && typeof f == "object" && (o = f.toString(), o === "[object HTMLImageElement]" || o === "[object HTMLCanvasElement]")) {
-    i.save(), i.translate(e, n), i.rotate(m), i.drawImage(f, -f.width / 2, -f.height / 2, f.width, f.height), i.restore();
+    i.save(), i.translate(e, n), i.rotate(b), i.drawImage(f, -f.width / 2, -f.height / 2, f.width, f.height), i.restore();
     return;
   }
   if (!(isNaN(g) || g <= 0)) {
     switch (i.beginPath(), f) {
       default:
-        s ? i.ellipse(e, n, s / 2, g, 0, 0, W) : i.arc(e, n, g, 0, W), i.closePath();
+        s ? i.ellipse(e, n, s / 2, g, 0, 0, H) : i.arc(e, n, g, 0, H), i.closePath();
         break;
       case "triangle":
-        h = s ? s / 2 : g, i.moveTo(e + Math.sin(m) * h, n - Math.cos(m) * g), m += Un, i.lineTo(e + Math.sin(m) * h, n - Math.cos(m) * g), m += Un, i.lineTo(e + Math.sin(m) * h, n - Math.cos(m) * g), i.closePath();
+        h = s ? s / 2 : g, i.moveTo(e + Math.sin(b) * h, n - Math.cos(b) * g), b += Un, i.lineTo(e + Math.sin(b) * h, n - Math.cos(b) * g), b += Un, i.lineTo(e + Math.sin(b) * h, n - Math.cos(b) * g), i.closePath();
         break;
       case "rectRounded":
-        c = g * 0.516, l = g - c, a = Math.cos(m + Et) * l, d = Math.cos(m + Et) * (s ? s / 2 - c : l), r = Math.sin(m + Et) * l, u = Math.sin(m + Et) * (s ? s / 2 - c : l), i.arc(e - d, n - r, c, m - j, m - Y), i.arc(e + u, n - a, c, m - Y, m), i.arc(e + d, n + r, c, m, m + Y), i.arc(e - u, n + a, c, m + Y, m + j), i.closePath();
+        c = g * 0.516, l = g - c, a = Math.cos(b + Et) * l, d = Math.cos(b + Et) * (s ? s / 2 - c : l), r = Math.sin(b + Et) * l, u = Math.sin(b + Et) * (s ? s / 2 - c : l), i.arc(e - d, n - r, c, b - j, b - Y), i.arc(e + u, n - a, c, b - Y, b), i.arc(e + d, n + r, c, b, b + Y), i.arc(e - u, n + a, c, b + Y, b + j), i.closePath();
         break;
       case "rect":
         if (!p) {
           l = Math.SQRT1_2 * g, h = s ? s / 2 : l, i.rect(e - h, n - l, 2 * h, 2 * l);
           break;
         }
-        m += Et;
+        b += Et;
       case "rectRot":
-        d = Math.cos(m) * (s ? s / 2 : g), a = Math.cos(m) * g, r = Math.sin(m) * g, u = Math.sin(m) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + u, n - a), i.lineTo(e + d, n + r), i.lineTo(e - u, n + a), i.closePath();
+        d = Math.cos(b) * (s ? s / 2 : g), a = Math.cos(b) * g, r = Math.sin(b) * g, u = Math.sin(b) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + u, n - a), i.lineTo(e + d, n + r), i.lineTo(e - u, n + a), i.closePath();
         break;
       case "crossRot":
-        m += Et;
+        b += Et;
       case "cross":
-        d = Math.cos(m) * (s ? s / 2 : g), a = Math.cos(m) * g, r = Math.sin(m) * g, u = Math.sin(m) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a);
+        d = Math.cos(b) * (s ? s / 2 : g), a = Math.cos(b) * g, r = Math.sin(b) * g, u = Math.sin(b) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a);
         break;
       case "star":
-        d = Math.cos(m) * (s ? s / 2 : g), a = Math.cos(m) * g, r = Math.sin(m) * g, u = Math.sin(m) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a), m += Et, d = Math.cos(m) * (s ? s / 2 : g), a = Math.cos(m) * g, r = Math.sin(m) * g, u = Math.sin(m) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a);
+        d = Math.cos(b) * (s ? s / 2 : g), a = Math.cos(b) * g, r = Math.sin(b) * g, u = Math.sin(b) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a), b += Et, d = Math.cos(b) * (s ? s / 2 : g), a = Math.cos(b) * g, r = Math.sin(b) * g, u = Math.sin(b) * (s ? s / 2 : g), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a);
         break;
       case "line":
-        a = s ? s / 2 : Math.cos(m) * g, r = Math.sin(m) * g, i.moveTo(e - a, n - r), i.lineTo(e + a, n + r);
+        a = s ? s / 2 : Math.cos(b) * g, r = Math.sin(b) * g, i.moveTo(e - a, n - r), i.lineTo(e + a, n + r);
         break;
       case "dash":
-        i.moveTo(e, n), i.lineTo(e + Math.cos(m) * (s ? s / 2 : g), n + Math.sin(m) * g);
+        i.moveTo(e, n), i.lineTo(e + Math.cos(b) * (s ? s / 2 : g), n + Math.sin(b) * g);
         break;
       case !1:
         i.closePath();
@@ -1258,9 +1258,9 @@ function $e(i, t) {
   const { x: e, y: n, w: s, h: o, radius: a } = t;
   i.arc(e + a.topLeft, n + a.topLeft, a.topLeft, 1.5 * j, j, !0), i.lineTo(e, n + o - a.bottomLeft), i.arc(e + a.bottomLeft, n + o - a.bottomLeft, a.bottomLeft, j, Y, !0), i.lineTo(e + s - a.bottomRight, n + o), i.arc(e + s - a.bottomRight, n + o - a.bottomRight, a.bottomRight, Y, 0, !0), i.lineTo(e + s, n + a.topRight), i.arc(e + s - a.topRight, n + a.topRight, a.topRight, 0, -Y, !0), i.lineTo(e + a.topLeft, n);
 }
-const Wr = /^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/, Hr = /^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;
+const Hr = /^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/, Wr = /^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;
 function Nr(i, t) {
-  const e = ("" + i).match(Wr);
+  const e = ("" + i).match(Hr);
   if (!e || e[1] === "normal")
     return t * 1.2;
   switch (i = +e[2], e[3]) {
@@ -1304,7 +1304,7 @@ function X(i, t) {
   let e = L(i.size, t.size);
   typeof e == "string" && (e = parseInt(e, 10));
   let n = L(i.style, t.style);
-  n && !("" + n).match(Hr) && (console.warn('Invalid font style specified: "' + n + '"'), n = void 0);
+  n && !("" + n).match(Wr) && (console.warn('Invalid font style specified: "' + n + '"'), n = void 0);
   const s = {
     family: L(i.family, t.family),
     lineHeight: Nr(L(i.lineHeight, t.lineHeight), e),
@@ -1693,7 +1693,7 @@ function hl(i, t) {
     box: a
   };
 }
-function Wt(i, t) {
+function Ht(i, t) {
   if ("native" in i)
     return i;
   const { canvas: e, currentDevicePixelRatio: n } = t, s = Ti(e), o = s.boxSizing === "border-box", a = jt(s, "padding"), r = jt(s, "border", "width"), { x: l, y: c, box: h } = hl(i, e), d = a.left + (h && r.left), u = a.top + (h && r.top);
@@ -1757,7 +1757,7 @@ function ns(i, t) {
   const e = rl(i, t), n = e && e.match(/^(\d+)(\.\d+)?px$/);
   return n ? +n[1] : void 0;
 }
-function Ht(i, t, e, n) {
+function Wt(i, t, e, n) {
   return {
     x: i.x + e * (t.x - i.x),
     y: i.y + e * (t.y - i.y)
@@ -1776,8 +1776,8 @@ function pl(i, t, e, n) {
   }, o = {
     x: t.cp1x,
     y: t.cp1y
-  }, a = Ht(i, s, e), r = Ht(s, o, e), l = Ht(o, t, e), c = Ht(a, r, e), h = Ht(r, l, e);
-  return Ht(c, h, e);
+  }, a = Wt(i, s, e), r = Wt(s, o, e), l = Wt(o, t, e), c = Wt(a, r, e), h = Wt(r, l, e);
+  return Wt(c, h, e);
 }
 const ml = function(i, t) {
   return {
@@ -1825,10 +1825,10 @@ function zo(i, t) {
     e.getPropertyPriority("direction")
   ], e.setProperty("direction", t, "important"), i.prevTextDirection = n);
 }
-function Wo(i, t) {
+function Ho(i, t) {
   t !== void 0 && (delete i.prevTextDirection, i.canvas.style.setProperty("direction", t[0], t[1]));
 }
-function Ho(i) {
+function Wo(i) {
   return i === "angle" ? {
     between: je,
     compare: pr,
@@ -1848,7 +1848,7 @@ function ss({ start: i, end: t, count: e, loop: n, style: s }) {
   };
 }
 function yl(i, t, e) {
-  const { property: n, start: s, end: o } = e, { between: a, normalize: r } = Ho(n), l = t.length;
+  const { property: n, start: s, end: o } = e, { between: a, normalize: r } = Wo(n), l = t.length;
   let { start: c, end: h, loop: d } = i, u, f;
   if (d) {
     for (c += l, h += l, u = 0, f = l; u < f && a(r(t[c % l][n]), s, o); ++u)
@@ -1867,19 +1867,19 @@ function No(i, t, e) {
     return [
       i
     ];
-  const { property: n, start: s, end: o } = e, a = t.length, { compare: r, between: l, normalize: c } = Ho(n), { start: h, end: d, loop: u, style: f } = yl(i, t, e), p = [];
-  let g = !1, m = null, b, y, x;
-  const v = () => l(s, x, b) && r(s, x) !== 0, _ = () => r(o, b) === 0 || l(o, x, b), S = () => g || v(), M = () => !g || _();
-  for (let w = h, A = h; w <= d; ++w)
-    y = t[w % a], !y.skip && (b = c(y[n]), b !== x && (g = l(b, s, o), m === null && S() && (m = r(b, s) === 0 ? w : A), m !== null && M() && (p.push(ss({
-      start: m,
-      end: w,
+  const { property: n, start: s, end: o } = e, a = t.length, { compare: r, between: l, normalize: c } = Wo(n), { start: h, end: d, loop: u, style: f } = yl(i, t, e), p = [];
+  let g = !1, b = null, m, y, x;
+  const _ = () => l(s, x, m) && r(s, x) !== 0, v = () => r(o, m) === 0 || l(o, x, m), w = () => g || _(), M = () => !g || v();
+  for (let S = h, A = h; S <= d; ++S)
+    y = t[S % a], !y.skip && (m = c(y[n]), m !== x && (g = l(m, s, o), b === null && w() && (b = r(m, s) === 0 ? S : A), b !== null && M() && (p.push(ss({
+      start: b,
+      end: S,
       loop: u,
       count: a,
       style: f
-    })), m = null), A = w, x = b));
-  return m !== null && p.push(ss({
-    start: m,
+    })), b = null), A = S, x = m));
+  return b !== null && p.push(ss({
+    start: b,
     end: d,
     loop: u,
     count: a,
@@ -1947,7 +1947,7 @@ function os(i, t, e, n) {
 function Sl(i, t, e, n) {
   const s = i._chart.getContext(), o = as(i.options), { _datasetIndex: a, options: { spanGaps: r } } = i, l = e.length, c = [];
   let h = o, d = t[0].start, u = d;
-  function f(p, g, m, b) {
+  function f(p, g, b, m) {
     const y = r ? -1 : 1;
     if (p !== g) {
       for (p += l; e[p % l].skip; )
@@ -1957,24 +1957,24 @@ function Sl(i, t, e, n) {
       p % l !== g % l && (c.push({
         start: p % l,
         end: g % l,
-        loop: m,
-        style: b
-      }), h = b, d = g % l);
+        loop: b,
+        style: m
+      }), h = m, d = g % l);
     }
   }
   for (const p of t) {
     d = r ? d : p.start;
-    let g = e[d % l], m;
+    let g = e[d % l], b;
     for (u = d + 1; u <= p.end; u++) {
-      const b = e[u % l];
-      m = as(n.setContext(Rt(s, {
+      const m = e[u % l];
+      b = as(n.setContext(Rt(s, {
         type: "segment",
         p0: g,
-        p1: b,
+        p1: m,
         p0DataIndex: (u - 1) % l,
         p1DataIndex: u % l,
         datasetIndex: a
-      }))), wl(m, h) && f(d, u - 1, p.loop, h), g = b, h = m;
+      }))), wl(b, h) && f(d, u - 1, p.loop, h), g = m, h = b;
     }
     d < u - 1 && f(d, u - 1, p.loop, h);
   }
@@ -2341,10 +2341,10 @@ function us(i, t) {
   const { chart: e, _cachedMeta: n } = i, s = e._stacks || (e._stacks = {}), { iScale: o, vScale: a, index: r } = n, l = o.axis, c = a.axis, h = Ol(o, a, n), d = t.length;
   let u;
   for (let f = 0; f < d; ++f) {
-    const p = t[f], { [l]: g, [c]: m } = p, b = p._stacks || (p._stacks = {});
-    u = b[c] = Fl(s, h, g), u[r] = m, u._top = ds(u, a, !0, n.type), u._bottom = ds(u, a, !1, n.type);
+    const p = t[f], { [l]: g, [c]: b } = p, m = p._stacks || (p._stacks = {});
+    u = m[c] = Fl(s, h, g), u[r] = b, u._top = ds(u, a, !0, n.type), u._bottom = ds(u, a, !1, n.type);
     const y = u._visualValues || (u._visualValues = {});
-    y[r] = m;
+    y[r] = b;
   }
 }
 function Ni(i, t) {
@@ -2755,7 +2755,7 @@ function zl(i, t) {
   }
   return i._cache.$bar;
 }
-function Wl(i) {
+function Hl(i) {
   const t = i.iScale, e = zl(t, i.type);
   let n = t._length, s, o, a, r;
   const l = () => {
@@ -2767,7 +2767,7 @@ function Wl(i) {
     a = t.getPixelForTick(s), l();
   return n;
 }
-function Hl(i, t, e, n) {
+function Wl(i, t, e, n) {
   const s = e.barThickness;
   let o, a;
   return O(s) ? (o = t.min * e.categoryPercentage, a = e.barPercentage) : (o = s * n, a = 1), {
@@ -2901,18 +2901,18 @@ class fi extends Mt {
       const p = this.getParsed(f), g = o || O(p[r.axis]) ? {
         base: l,
         head: l
-      } : this._calculateBarValuePixels(f), m = this._calculateBarIndexPixels(f, h), b = (p._stacks || {})[r.axis], y = {
+      } : this._calculateBarValuePixels(f), b = this._calculateBarIndexPixels(f, h), m = (p._stacks || {})[r.axis], y = {
         horizontal: c,
         base: g.base,
-        enableBorderRadius: !b || ji(p._custom) || a === b._top || a === b._bottom,
-        x: c ? g.head : m.center,
-        y: c ? m.center : g.head,
-        height: c ? m.size : Math.abs(g.size),
-        width: c ? Math.abs(g.size) : m.size
+        enableBorderRadius: !m || ji(p._custom) || a === m._top || a === m._bottom,
+        x: c ? g.head : b.center,
+        y: c ? b.center : g.head,
+        height: c ? b.size : Math.abs(g.size),
+        width: c ? Math.abs(g.size) : b.size
       };
       u && (y.options = d || this.resolveDataElementOptions(f, t[f].active ? "active" : s));
       const x = y.options || t[f].options;
-      Ul(y, x, b, a), Xl(y, x, h.ratio), this.updateElement(t[f], f, y, s);
+      Ul(y, x, m, a), Xl(y, x, h.ratio), this.updateElement(t[f], f, y, s);
     }
   }
   _getStacks(t, e) {
@@ -2940,7 +2940,7 @@ class fi extends Mt {
       s.push(n.getPixelForValue(this.getParsed(o)[n.axis], o));
     const r = t.barThickness;
     return {
-      min: r || Wl(e),
+      min: r || Hl(e),
       pixels: s,
       start: n._startPixel,
       end: n._endPixel,
@@ -2954,20 +2954,20 @@ class fi extends Mt {
     const { _cachedMeta: { vScale: e, _stacked: n, index: s }, options: { base: o, minBarLength: a } } = this, r = o || 0, l = this.getParsed(t), c = l._custom, h = ji(c);
     let d = l[e.axis], u = 0, f = n ? this.applyStack(e, l, n) : d, p, g;
     f !== d && (u = f - d, f = d), h && (d = c.barStart, f = c.barEnd - c.barStart, d !== 0 && mt(d) !== mt(c.barEnd) && (u = 0), u += d);
-    const m = !O(o) && !h ? o : u;
-    let b = e.getPixelForValue(m);
-    if (this.chart.getDataVisibility(t) ? p = e.getPixelForValue(u + f) : p = b, g = p - b, Math.abs(g) < a) {
-      g = jl(g, e, r) * a, d === r && (b -= g / 2);
-      const y = e.getPixelForDecimal(0), x = e.getPixelForDecimal(1), v = Math.min(y, x), _ = Math.max(y, x);
-      b = Math.max(Math.min(b, _), v), p = b + g, n && !h && (l._stacks[e.axis]._visualValues[s] = e.getValueForPixel(p) - e.getValueForPixel(b));
-    }
-    if (b === e.getPixelForValue(r)) {
+    const b = !O(o) && !h ? o : u;
+    let m = e.getPixelForValue(b);
+    if (this.chart.getDataVisibility(t) ? p = e.getPixelForValue(u + f) : p = m, g = p - m, Math.abs(g) < a) {
+      g = jl(g, e, r) * a, d === r && (m -= g / 2);
+      const y = e.getPixelForDecimal(0), x = e.getPixelForDecimal(1), _ = Math.min(y, x), v = Math.max(y, x);
+      m = Math.max(Math.min(m, v), _), p = m + g, n && !h && (l._stacks[e.axis]._visualValues[s] = e.getValueForPixel(p) - e.getValueForPixel(m));
+    }
+    if (m === e.getPixelForValue(r)) {
       const y = mt(g) * e.getLineWidthForValue(r) / 2;
-      b += y, g -= y;
+      m += y, g -= y;
     }
     return {
       size: g,
-      base: b,
+      base: m,
       head: p,
       center: p + g / 2
     };
@@ -2976,7 +2976,7 @@ class fi extends Mt {
     const n = e.scale, s = this.options, o = s.skipNull, a = L(s.maxBarThickness, 1 / 0);
     let r, l;
     if (e.grouped) {
-      const c = o ? this._getStackCount(t) : e.stackCount, h = s.barThickness === "flex" ? Nl(t, e, s, c) : Hl(t, e, s, c), d = this._getStackIndex(this.index, this._cachedMeta.stack, o ? t : void 0);
+      const c = o ? this._getStackCount(t) : e.stackCount, h = s.barThickness === "flex" ? Nl(t, e, s, c) : Wl(t, e, s, c), d = this._getStackIndex(this.index, this._cachedMeta.stack, o ? t : void 0);
       r = h.start + h.chunk * d + h.chunk / 2, l = Math.min(a, h.chunk * h.ratio);
     } else
       r = n.getPixelForValue(this.getParsed(t)[n.axis], t), l = Math.min(a, e.min * e.ratio);
@@ -3074,8 +3074,8 @@ class gi extends Mt {
   updateElements(t, e, n, s) {
     const o = s === "reset", { iScale: a, vScale: r } = this._cachedMeta, { sharedOptions: l, includeOptions: c } = this._getSharedOptions(e, s), h = a.axis, d = r.axis;
     for (let u = e; u < e + n; u++) {
-      const f = t[u], p = !o && this.getParsed(u), g = {}, m = g[h] = o ? a.getPixelForDecimal(0.5) : a.getPixelForValue(p[h]), b = g[d] = o ? r.getBasePixel() : r.getPixelForValue(p[d]);
-      g.skip = isNaN(m) || isNaN(b), c && (g.options = l || this.resolveDataElementOptions(u, f.active ? "active" : s), o && (g.options.radius = 0)), this.updateElement(f, u, g, s);
+      const f = t[u], p = !o && this.getParsed(u), g = {}, b = g[h] = o ? a.getPixelForDecimal(0.5) : a.getPixelForValue(p[h]), m = g[d] = o ? r.getBasePixel() : r.getPixelForValue(p[d]);
+      g.skip = isNaN(b) || isNaN(m), c && (g.options = l || this.resolveDataElementOptions(u, f.active ? "active" : s), o && (g.options.radius = 0)), this.updateElement(f, u, g, s);
     }
   }
   resolveDataElementOptions(t, e) {
@@ -3114,9 +3114,9 @@ k(gi, "id", "bubble"), k(gi, "defaults", {
 });
 function Gl(i, t, e) {
   let n = 1, s = 1, o = 0, a = 0;
-  if (t < W) {
-    const r = i, l = r + t, c = Math.cos(r), h = Math.sin(r), d = Math.cos(l), u = Math.sin(l), f = (x, v, _) => je(x, r, l, !0) ? 1 : Math.max(v, v * e, _, _ * e), p = (x, v, _) => je(x, r, l, !0) ? -1 : Math.min(v, v * e, _, _ * e), g = f(0, c, d), m = f(Y, h, u), b = p(j, c, d), y = p(j + Y, h, u);
-    n = (g - b) / 2, s = (m - y) / 2, o = -(g + b) / 2, a = -(m + y) / 2;
+  if (t < H) {
+    const r = i, l = r + t, c = Math.cos(r), h = Math.sin(r), d = Math.cos(l), u = Math.sin(l), f = (x, _, v) => je(x, r, l, !0) ? 1 : Math.max(_, _ * e, v, v * e), p = (x, _, v) => je(x, r, l, !0) ? -1 : Math.min(_, _ * e, v, v * e), g = f(0, c, d), b = f(Y, h, u), m = p(j, c, d), y = p(j + Y, h, u);
+    n = (g - m) / 2, s = (b - y) / 2, o = -(g + m) / 2, a = -(b + y) / 2;
   }
   return {
     ratioX: n,
@@ -3153,7 +3153,7 @@ class Le extends Mt {
     return gt(this.options.circumference);
   }
   _getRotationExtents() {
-    let t = W, e = -W;
+    let t = H, e = -H;
     for (let n = 0; n < this.chart.data.datasets.length; ++n)
       if (this.chart.isDatasetVisible(n) && this.chart.getDatasetMeta(n).type === this._type) {
         const s = this.chart.getDatasetMeta(n).controller, o = s._getRotation(), a = s._getCircumference();
@@ -3165,29 +3165,29 @@ class Le extends Mt {
     };
   }
   update(t) {
-    const e = this.chart, { chartArea: n } = e, s = this._cachedMeta, o = s.data, a = this.getMaxBorderWidth() + this.getMaxOffset(o) + this.options.spacing, r = Math.max((Math.min(n.width, n.height) - a) / 2, 0), l = Math.min(sr(this.options.cutout, r), 1), c = this._getRingWeight(this.index), { circumference: h, rotation: d } = this._getRotationExtents(), { ratioX: u, ratioY: f, offsetX: p, offsetY: g } = Gl(d, h, l), m = (n.width - a) / u, b = (n.height - a) / f, y = Math.max(Math.min(m, b) / 2, 0), x = So(this.options.radius, y), v = Math.max(x * l, 0), _ = (x - v) / this._getVisibleDatasetWeightTotal();
-    this.offsetX = p * x, this.offsetY = g * x, s.total = this.calculateTotal(), this.outerRadius = x - _ * this._getRingWeightOffset(this.index), this.innerRadius = Math.max(this.outerRadius - _ * c, 0), this.updateElements(o, 0, o.length, t);
+    const e = this.chart, { chartArea: n } = e, s = this._cachedMeta, o = s.data, a = this.getMaxBorderWidth() + this.getMaxOffset(o) + this.options.spacing, r = Math.max((Math.min(n.width, n.height) - a) / 2, 0), l = Math.min(sr(this.options.cutout, r), 1), c = this._getRingWeight(this.index), { circumference: h, rotation: d } = this._getRotationExtents(), { ratioX: u, ratioY: f, offsetX: p, offsetY: g } = Gl(d, h, l), b = (n.width - a) / u, m = (n.height - a) / f, y = Math.max(Math.min(b, m) / 2, 0), x = So(this.options.radius, y), _ = Math.max(x * l, 0), v = (x - _) / this._getVisibleDatasetWeightTotal();
+    this.offsetX = p * x, this.offsetY = g * x, s.total = this.calculateTotal(), this.outerRadius = x - v * this._getRingWeightOffset(this.index), this.innerRadius = Math.max(this.outerRadius - v * c, 0), this.updateElements(o, 0, o.length, t);
   }
   _circumference(t, e) {
     const n = this.options, s = this._cachedMeta, o = this._getCircumference();
-    return e && n.animation.animateRotate || !this.chart.getDataVisibility(t) || s._parsed[t] === null || s.data[t].hidden ? 0 : this.calculateCircumference(s._parsed[t] * o / W);
+    return e && n.animation.animateRotate || !this.chart.getDataVisibility(t) || s._parsed[t] === null || s.data[t].hidden ? 0 : this.calculateCircumference(s._parsed[t] * o / H);
   }
   updateElements(t, e, n, s) {
-    const o = s === "reset", a = this.chart, r = a.chartArea, c = a.options.animation, h = (r.left + r.right) / 2, d = (r.top + r.bottom) / 2, u = o && c.animateScale, f = u ? 0 : this.innerRadius, p = u ? 0 : this.outerRadius, { sharedOptions: g, includeOptions: m } = this._getSharedOptions(e, s);
-    let b = this._getRotation(), y;
+    const o = s === "reset", a = this.chart, r = a.chartArea, c = a.options.animation, h = (r.left + r.right) / 2, d = (r.top + r.bottom) / 2, u = o && c.animateScale, f = u ? 0 : this.innerRadius, p = u ? 0 : this.outerRadius, { sharedOptions: g, includeOptions: b } = this._getSharedOptions(e, s);
+    let m = this._getRotation(), y;
     for (y = 0; y < e; ++y)
-      b += this._circumference(y, o);
+      m += this._circumference(y, o);
     for (y = e; y < e + n; ++y) {
-      const x = this._circumference(y, o), v = t[y], _ = {
+      const x = this._circumference(y, o), _ = t[y], v = {
         x: h + this.offsetX,
         y: d + this.offsetY,
-        startAngle: b,
-        endAngle: b + x,
+        startAngle: m,
+        endAngle: m + x,
         circumference: x,
         outerRadius: p,
         innerRadius: f
       };
-      m && (_.options = g || this.resolveDataElementOptions(y, v.active ? "active" : s)), b += x, this.updateElement(v, y, _, s);
+      b && (v.options = g || this.resolveDataElementOptions(y, _.active ? "active" : s)), m += x, this.updateElement(_, y, v, s);
     }
   }
   calculateTotal() {
@@ -3201,7 +3201,7 @@ class Le extends Mt {
   }
   calculateCircumference(t) {
     const e = this._cachedMeta.total;
-    return e > 0 && !isNaN(t) ? W * (Math.abs(t) / e) : 0;
+    return e > 0 && !isNaN(t) ? H * (Math.abs(t) / e) : 0;
   }
   getLabelAndValue(t) {
     const e = this._cachedMeta, n = this.chart, s = n.data.labels || [], o = Cn(e._parsed[t], n.options.locale);
@@ -3328,16 +3328,16 @@ class pi extends Mt {
     }, t), this.updateElements(s, r, l, t);
   }
   updateElements(t, e, n, s) {
-    const o = s === "reset", { iScale: a, vScale: r, _stacked: l, _dataset: c } = this._cachedMeta, { sharedOptions: h, includeOptions: d } = this._getSharedOptions(e, s), u = a.axis, f = r.axis, { spanGaps: p, segment: g } = this.options, m = Ve(p) ? p : Number.POSITIVE_INFINITY, b = this.chart._animationsDisabled || o || s === "none", y = e + n, x = t.length;
-    let v = e > 0 && this.getParsed(e - 1);
-    for (let _ = 0; _ < x; ++_) {
-      const S = t[_], M = b ? S : {};
-      if (_ < e || _ >= y) {
+    const o = s === "reset", { iScale: a, vScale: r, _stacked: l, _dataset: c } = this._cachedMeta, { sharedOptions: h, includeOptions: d } = this._getSharedOptions(e, s), u = a.axis, f = r.axis, { spanGaps: p, segment: g } = this.options, b = Ve(p) ? p : Number.POSITIVE_INFINITY, m = this.chart._animationsDisabled || o || s === "none", y = e + n, x = t.length;
+    let _ = e > 0 && this.getParsed(e - 1);
+    for (let v = 0; v < x; ++v) {
+      const w = t[v], M = m ? w : {};
+      if (v < e || v >= y) {
         M.skip = !0;
         continue;
       }
-      const w = this.getParsed(_), A = O(w[f]), C = M[u] = a.getPixelForValue(w[u], _), P = M[f] = o || A ? r.getBasePixel() : r.getPixelForValue(l ? this.applyStack(r, w, l) : w[f], _);
-      M.skip = isNaN(C) || isNaN(P) || A, M.stop = _ > 0 && Math.abs(w[u] - v[u]) > m, g && (M.parsed = w, M.raw = c.data[_]), d && (M.options = h || this.resolveDataElementOptions(_, S.active ? "active" : s)), b || this.updateElement(S, _, M, s), v = w;
+      const S = this.getParsed(v), A = O(S[f]), C = M[u] = a.getPixelForValue(S[u], v), P = M[f] = o || A ? r.getBasePixel() : r.getPixelForValue(l ? this.applyStack(r, S, l) : S[f], v);
+      M.skip = isNaN(C) || isNaN(P) || A, M.stop = v > 0 && Math.abs(S[u] - _[u]) > b, g && (M.parsed = S, M.raw = c.data[v]), d && (M.options = h || this.resolveDataElementOptions(v, w.active ? "active" : s)), m || this.updateElement(w, v, M, s), _ = S;
     }
   }
   getMaxOverflow() {
@@ -3552,14 +3552,14 @@ function Ql(i, t, e, n, s, o) {
     const p = h.getCenterPoint(s);
     if (!(!!o || i.isPointInArea(p)) && !f)
       return;
-    const m = r(t, p);
-    m < l ? (a = [
+    const b = r(t, p);
+    b < l ? (a = [
       {
         element: h,
         datasetIndex: d,
         index: u
       }
-    ], l = m) : m === l && a.push({
+    ], l = b) : b === l && a.push({
       element: h,
       datasetIndex: d,
       index: u
@@ -3585,7 +3585,7 @@ var tc = {
   evaluateInteractionItems: Xe,
   modes: {
     index(i, t, e, n) {
-      const s = Wt(t, i), o = e.axis || "x", a = e.includeInvisible || !1, r = e.intersect ? $i(i, s, o, n, a) : Ui(i, s, o, !1, n, a), l = [];
+      const s = Ht(t, i), o = e.axis || "x", a = e.includeInvisible || !1, r = e.intersect ? $i(i, s, o, n, a) : Ui(i, s, o, !1, n, a), l = [];
       return r.length ? (i.getSortedVisibleDatasetMetas().forEach((c) => {
         const h = r[0].index, d = c.data[h];
         d && !d.skip && l.push({
@@ -3596,7 +3596,7 @@ var tc = {
       }), l) : [];
     },
     dataset(i, t, e, n) {
-      const s = Wt(t, i), o = e.axis || "xy", a = e.includeInvisible || !1;
+      const s = Ht(t, i), o = e.axis || "xy", a = e.includeInvisible || !1;
       let r = e.intersect ? $i(i, s, o, n, a) : Ui(i, s, o, !1, n, a);
       if (r.length > 0) {
         const l = r[0].datasetIndex, c = i.getDatasetMeta(l).data;
@@ -3611,19 +3611,19 @@ var tc = {
       return r;
     },
     point(i, t, e, n) {
-      const s = Wt(t, i), o = e.axis || "xy", a = e.includeInvisible || !1;
+      const s = Ht(t, i), o = e.axis || "xy", a = e.includeInvisible || !1;
       return $i(i, s, o, n, a);
     },
     nearest(i, t, e, n) {
-      const s = Wt(t, i), o = e.axis || "xy", a = e.includeInvisible || !1;
+      const s = Ht(t, i), o = e.axis || "xy", a = e.includeInvisible || !1;
       return Ui(i, s, o, e.intersect, n, a);
     },
     x(i, t, e, n) {
-      const s = Wt(t, i);
+      const s = Ht(t, i);
       return bs(i, s, "x", e.intersect, n);
     },
     y(i, t, e, n) {
-      const s = Wt(t, i);
+      const s = Ht(t, i);
       return bs(i, s, "y", e.intersect, n);
     }
   }
@@ -3812,7 +3812,7 @@ var rt = {
     R(i.boxes, (g) => {
       typeof g.beforeLayout == "function" && g.beforeLayout();
     });
-    const h = l.reduce((g, m) => m.box.options && m.box.options.display === !1 ? g : g + 1, 0) || 1, d = Object.freeze({
+    const h = l.reduce((g, b) => b.box.options && b.box.options.display === !1 ? g : g + 1, 0) || 1, d = Object.freeze({
       outerWidth: t,
       outerHeight: e,
       padding: s,
@@ -3837,8 +3837,8 @@ var rt = {
       height: f.h,
       width: f.w
     }, R(r.chartArea, (g) => {
-      const m = g.box;
-      Object.assign(m, i.chartArea), m.update(f.w, f.h, {
+      const b = g.box;
+      Object.assign(b, i.chartArea), b.update(f.w, f.h, {
         left: 0,
         top: 0,
         right: 0,
@@ -3926,7 +3926,7 @@ function uc(i, t, e) {
   i.canvas.removeEventListener(t, e, qo);
 }
 function fc(i, t) {
-  const e = cc[i.type] || i.type, { x: n, y: s } = Wt(i, t);
+  const e = cc[i.type] || i.type, { x: n, y: s } = Ht(i, t);
   return {
     type: e,
     chart: t,
@@ -4201,20 +4201,20 @@ function Ic(i, t, e) {
 function Fc(i, t, e, n) {
   const { top: s, left: o, bottom: a, right: r, chart: l } = i, { chartArea: c, scales: h } = l;
   let d = 0, u, f, p;
-  const g = a - s, m = r - o;
+  const g = a - s, b = r - o;
   if (i.isHorizontal()) {
     if (f = J(n, o, r), T(e)) {
-      const b = Object.keys(e)[0], y = e[b];
-      p = h[b].getPixelForValue(y) + g - t;
+      const m = Object.keys(e)[0], y = e[m];
+      p = h[m].getPixelForValue(y) + g - t;
     } else
       e === "center" ? p = (c.bottom + c.top) / 2 + g - t : p = ws(i, e, t);
     u = r - o;
   } else {
     if (T(e)) {
-      const b = Object.keys(e)[0], y = e[b];
-      f = h[b].getPixelForValue(y) - m + t;
+      const m = Object.keys(e)[0], y = e[m];
+      f = h[m].getPixelForValue(y) - b + t;
     } else
-      e === "center" ? f = (c.left + c.right) / 2 - m + t : f = ws(i, e, t);
+      e === "center" ? f = (c.left + c.right) / 2 - b + t : f = ws(i, e, t);
     p = J(n, a, s), d = e === "left" ? -Y : Y;
   }
   return {
@@ -4399,15 +4399,15 @@ class de extends ht {
     if (a) {
       const l = Cs(s, e.options.font);
       if (r ? (t.width = this.maxWidth, t.height = Ce(o) + l) : (t.height = this.maxHeight, t.width = Ce(o) + l), n.display && this.ticks.length) {
-        const { first: c, last: h, widest: d, highest: u } = this._getLabelSizes(), f = n.padding * 2, p = gt(this.labelRotation), g = Math.cos(p), m = Math.sin(p);
+        const { first: c, last: h, widest: d, highest: u } = this._getLabelSizes(), f = n.padding * 2, p = gt(this.labelRotation), g = Math.cos(p), b = Math.sin(p);
         if (r) {
-          const b = n.mirror ? 0 : m * d.width + g * u.height;
-          t.height = Math.min(this.maxHeight, t.height + b + f);
+          const m = n.mirror ? 0 : b * d.width + g * u.height;
+          t.height = Math.min(this.maxHeight, t.height + m + f);
         } else {
-          const b = n.mirror ? 0 : g * d.width + m * u.height;
-          t.width = Math.min(this.maxWidth, t.width + b + f);
+          const m = n.mirror ? 0 : g * d.width + b * u.height;
+          t.width = Math.min(this.maxWidth, t.width + m + f);
         }
-        this._calculatePadding(c, h, m, g);
+        this._calculatePadding(c, h, b, g);
       }
     }
     this._handleMargins(), r ? (this.width = this._length = e.width - this._margins.left - this._margins.right, this.height = t.height) : (this.width = t.width, this.height = this._length = e.height - this._margins.top - this._margins.bottom);
@@ -4456,28 +4456,28 @@ class de extends ht {
   }
   _computeLabelSizes(t, e, n) {
     const { ctx: s, _longestTextCache: o } = this, a = [], r = [], l = Math.floor(e / ks(e, n));
-    let c = 0, h = 0, d, u, f, p, g, m, b, y, x, v, _;
+    let c = 0, h = 0, d, u, f, p, g, b, m, y, x, _, v;
     for (d = 0; d < e; d += l) {
-      if (p = t[d].label, g = this._resolveTickFontOptions(d), s.font = m = g.string, b = o[m] = o[m] || {
+      if (p = t[d].label, g = this._resolveTickFontOptions(d), s.font = b = g.string, m = o[b] = o[b] || {
         data: {},
         gc: []
-      }, y = g.lineHeight, x = v = 0, !O(p) && !z(p))
-        x = wi(s, b.data, b.gc, x, p), v = y;
+      }, y = g.lineHeight, x = _ = 0, !O(p) && !z(p))
+        x = wi(s, m.data, m.gc, x, p), _ = y;
       else if (z(p))
         for (u = 0, f = p.length; u < f; ++u)
-          _ = p[u], !O(_) && !z(_) && (x = wi(s, b.data, b.gc, x, _), v += y);
-      a.push(x), r.push(v), c = Math.max(x, c), h = Math.max(v, h);
+          v = p[u], !O(v) && !z(v) && (x = wi(s, m.data, m.gc, x, v), _ += y);
+      a.push(x), r.push(_), c = Math.max(x, c), h = Math.max(_, h);
     }
     Lc(o, e);
-    const S = a.indexOf(c), M = r.indexOf(h), w = (A) => ({
+    const w = a.indexOf(c), M = r.indexOf(h), S = (A) => ({
       width: a[A] || 0,
       height: r[A] || 0
     });
     return {
-      first: w(0),
-      last: w(e - 1),
-      widest: w(S),
-      highest: w(M),
+      first: S(0),
+      last: S(e - 1),
+      widest: S(w),
+      highest: S(M),
       widths: a,
       heights: r
     };
@@ -4527,47 +4527,47 @@ class de extends ht {
     return t !== "auto" ? !!t : this.getMatchingVisibleMetas().length > 0;
   }
   _computeGridLineItems(t) {
-    const e = this.axis, n = this.chart, s = this.options, { grid: o, position: a, border: r } = s, l = o.offset, c = this.isHorizontal(), d = this.ticks.length + (l ? 1 : 0), u = Ce(o), f = [], p = r.setContext(this.getContext()), g = p.display ? p.width : 0, m = g / 2, b = function(B) {
+    const e = this.axis, n = this.chart, s = this.options, { grid: o, position: a, border: r } = s, l = o.offset, c = this.isHorizontal(), d = this.ticks.length + (l ? 1 : 0), u = Ce(o), f = [], p = r.setContext(this.getContext()), g = p.display ? p.width : 0, b = g / 2, m = function(B) {
       return Bt(n, B, g);
     };
-    let y, x, v, _, S, M, w, A, C, P, D, H;
+    let y, x, _, v, w, M, S, A, C, P, D, W;
     if (a === "top")
-      y = b(this.bottom), M = this.bottom - u, A = y - m, P = b(t.top) + m, H = t.bottom;
+      y = m(this.bottom), M = this.bottom - u, A = y - b, P = m(t.top) + b, W = t.bottom;
     else if (a === "bottom")
-      y = b(this.top), P = t.top, H = b(t.bottom) - m, M = y + m, A = this.top + u;
+      y = m(this.top), P = t.top, W = m(t.bottom) - b, M = y + b, A = this.top + u;
     else if (a === "left")
-      y = b(this.right), S = this.right - u, w = y - m, C = b(t.left) + m, D = t.right;
+      y = m(this.right), w = this.right - u, S = y - b, C = m(t.left) + b, D = t.right;
     else if (a === "right")
-      y = b(this.left), C = t.left, D = b(t.right) - m, S = y + m, w = this.left + u;
+      y = m(this.left), C = t.left, D = m(t.right) - b, w = y + b, S = this.left + u;
     else if (e === "x") {
       if (a === "center")
-        y = b((t.top + t.bottom) / 2 + 0.5);
+        y = m((t.top + t.bottom) / 2 + 0.5);
       else if (T(a)) {
         const B = Object.keys(a)[0], N = a[B];
-        y = b(this.chart.scales[B].getPixelForValue(N));
+        y = m(this.chart.scales[B].getPixelForValue(N));
       }
-      P = t.top, H = t.bottom, M = y + m, A = M + u;
+      P = t.top, W = t.bottom, M = y + b, A = M + u;
     } else if (e === "y") {
       if (a === "center")
-        y = b((t.left + t.right) / 2);
+        y = m((t.left + t.right) / 2);
       else if (T(a)) {
         const B = Object.keys(a)[0], N = a[B];
-        y = b(this.chart.scales[B].getPixelForValue(N));
+        y = m(this.chart.scales[B].getPixelForValue(N));
       }
-      S = y - m, w = S - u, C = t.left, D = t.right;
+      w = y - b, S = w - u, C = t.left, D = t.right;
     }
     const U = L(s.ticks.maxTicksLimit, d), I = Math.max(1, Math.ceil(d / U));
     for (x = 0; x < d; x += I) {
       const B = this.getContext(x), N = o.setContext(B), ct = r.setContext(B), Z = N.lineWidth, Gt = N.color, qe = ct.dash || [], qt = ct.dashOffset, xe = N.tickWidth, _e = N.tickColor, ve = N.tickBorderDash || [], Se = N.tickBorderDashOffset;
-      v = Dc(this, x, l), v !== void 0 && (_ = Bt(n, v, Z), c ? S = w = C = D = _ : M = A = P = H = _, f.push({
-        tx1: S,
+      _ = Dc(this, x, l), _ !== void 0 && (v = Bt(n, _, Z), c ? w = S = C = D = v : M = A = P = W = v, f.push({
+        tx1: w,
         ty1: M,
-        tx2: w,
+        tx2: S,
         ty2: A,
         x1: C,
         y1: P,
         x2: D,
-        y2: H,
+        y2: W,
         width: Z,
         color: Gt,
         borderDash: qe,
@@ -4581,49 +4581,49 @@ class de extends ht {
     return this._ticksLength = d, this._borderValue = y, f;
   }
   _computeLabelItems(t) {
-    const e = this.axis, n = this.options, { position: s, ticks: o } = n, a = this.isHorizontal(), r = this.ticks, { align: l, crossAlign: c, padding: h, mirror: d } = o, u = Ce(n.grid), f = u + h, p = d ? -h : f, g = -gt(this.labelRotation), m = [];
-    let b, y, x, v, _, S, M, w, A, C, P, D, H = "middle";
+    const e = this.axis, n = this.options, { position: s, ticks: o } = n, a = this.isHorizontal(), r = this.ticks, { align: l, crossAlign: c, padding: h, mirror: d } = o, u = Ce(n.grid), f = u + h, p = d ? -h : f, g = -gt(this.labelRotation), b = [];
+    let m, y, x, _, v, w, M, S, A, C, P, D, W = "middle";
     if (s === "top")
-      S = this.bottom - p, M = this._getXAxisLabelAlignment();
+      w = this.bottom - p, M = this._getXAxisLabelAlignment();
     else if (s === "bottom")
-      S = this.top + p, M = this._getXAxisLabelAlignment();
+      w = this.top + p, M = this._getXAxisLabelAlignment();
     else if (s === "left") {
       const I = this._getYAxisLabelAlignment(u);
-      M = I.textAlign, _ = I.x;
+      M = I.textAlign, v = I.x;
     } else if (s === "right") {
       const I = this._getYAxisLabelAlignment(u);
-      M = I.textAlign, _ = I.x;
+      M = I.textAlign, v = I.x;
     } else if (e === "x") {
       if (s === "center")
-        S = (t.top + t.bottom) / 2 + f;
+        w = (t.top + t.bottom) / 2 + f;
       else if (T(s)) {
         const I = Object.keys(s)[0], B = s[I];
-        S = this.chart.scales[I].getPixelForValue(B) + f;
+        w = this.chart.scales[I].getPixelForValue(B) + f;
       }
       M = this._getXAxisLabelAlignment();
     } else if (e === "y") {
       if (s === "center")
-        _ = (t.left + t.right) / 2 - f;
+        v = (t.left + t.right) / 2 - f;
       else if (T(s)) {
         const I = Object.keys(s)[0], B = s[I];
-        _ = this.chart.scales[I].getPixelForValue(B);
+        v = this.chart.scales[I].getPixelForValue(B);
       }
       M = this._getYAxisLabelAlignment(u).textAlign;
     }
-    e === "y" && (l === "start" ? H = "top" : l === "end" && (H = "bottom"));
+    e === "y" && (l === "start" ? W = "top" : l === "end" && (W = "bottom"));
     const U = this._getLabelSizes();
-    for (b = 0, y = r.length; b < y; ++b) {
-      x = r[b], v = x.label;
-      const I = o.setContext(this.getContext(b));
-      w = this.getPixelForTick(b) + o.labelOffset, A = this._resolveTickFontOptions(b), C = A.lineHeight, P = z(v) ? v.length : 1;
+    for (m = 0, y = r.length; m < y; ++m) {
+      x = r[m], _ = x.label;
+      const I = o.setContext(this.getContext(m));
+      S = this.getPixelForTick(m) + o.labelOffset, A = this._resolveTickFontOptions(m), C = A.lineHeight, P = z(_) ? _.length : 1;
       const B = P / 2, N = I.color, ct = I.textStrokeColor, Z = I.textStrokeWidth;
       let Gt = M;
-      a ? (_ = w, M === "inner" && (b === y - 1 ? Gt = this.options.reverse ? "left" : "right" : b === 0 ? Gt = this.options.reverse ? "right" : "left" : Gt = "center"), s === "top" ? c === "near" || g !== 0 ? D = -P * C + C / 2 : c === "center" ? D = -U.highest.height / 2 - B * C + C : D = -U.highest.height + C / 2 : c === "near" || g !== 0 ? D = C / 2 : c === "center" ? D = U.highest.height / 2 - B * C : D = U.highest.height - P * C, d && (D *= -1), g !== 0 && !I.showLabelBackdrop && (_ += C / 2 * Math.sin(g))) : (S = w, D = (1 - P) * C / 2);
+      a ? (v = S, M === "inner" && (m === y - 1 ? Gt = this.options.reverse ? "left" : "right" : m === 0 ? Gt = this.options.reverse ? "right" : "left" : Gt = "center"), s === "top" ? c === "near" || g !== 0 ? D = -P * C + C / 2 : c === "center" ? D = -U.highest.height / 2 - B * C + C : D = -U.highest.height + C / 2 : c === "near" || g !== 0 ? D = C / 2 : c === "center" ? D = U.highest.height / 2 - B * C : D = U.highest.height - P * C, d && (D *= -1), g !== 0 && !I.showLabelBackdrop && (v += C / 2 * Math.sin(g))) : (w = S, D = (1 - P) * C / 2);
       let qe;
       if (I.showLabelBackdrop) {
-        const qt = K(I.backdropPadding), xe = U.heights[b], _e = U.widths[b];
+        const qt = K(I.backdropPadding), xe = U.heights[m], _e = U.widths[m];
         let ve = D - qt.top, Se = 0 - qt.left;
-        switch (H) {
+        switch (W) {
           case "middle":
             ve -= xe / 2;
             break;
@@ -4647,8 +4647,8 @@ class de extends ht {
           color: I.backdropColor
         };
       }
-      m.push({
-        label: v,
+      b.push({
+        label: _,
         font: A,
         textOffset: D,
         options: {
@@ -4657,16 +4657,16 @@ class de extends ht {
           strokeColor: ct,
           strokeWidth: Z,
           textAlign: Gt,
-          textBaseline: H,
+          textBaseline: W,
           translation: [
-            _,
-            S
+            v,
+            w
           ],
           backdrop: qe
         }
       });
     }
-    return m;
+    return b;
   }
   _getXAxisLabelAlignment() {
     const { position: t, ticks: e } = this.options;
@@ -4957,7 +4957,7 @@ class zc {
   }
 }
 var ft = /* @__PURE__ */ new zc();
-class Wc {
+class Hc {
   constructor() {
     this._init = [];
   }
@@ -4989,7 +4989,7 @@ class Wc {
     return this._notifyStateChanges(t), e;
   }
   _createDescriptors(t, e) {
-    const n = t && t.config, s = L(n.options && n.options.plugins, {}), o = Hc(n);
+    const n = t && t.config, s = L(n.options && n.options.plugins, {}), o = Wc(n);
     return s === !1 && !e ? [] : Vc(t, o, s, e);
   }
   _notifyStateChanges(t) {
@@ -4997,7 +4997,7 @@ class Wc {
     this._notify(s(e, n), t, "stop"), this._notify(s(n, e), t, "start");
   }
 }
-function Hc(i) {
+function Wc(i) {
   const t = {}, e = [], n = Object.keys(ft.plugins.items);
   for (let o = 0; o < n.length; o++)
     e.push(ft.getPlugin(n[o]));
@@ -5362,7 +5362,7 @@ let Ct = (Pt = class {
     const a = n.createResolver(n.chartOptionScopes(), this.getContext());
     this.platform = new (n.platform || vc(s))(), this.platform.updateConfig(n);
     const r = this.platform.acquireContext(s, a.aspectRatio), l = r && r.canvas, c = l && l.height, h = l && l.width;
-    if (this.id = nr(), this.ctx = r, this.canvas = l, this.width = h, this.height = c, this._options = a, this._aspectRatio = this.aspectRatio, this._layers = [], this._metasets = [], this._stacks = void 0, this.boxes = [], this.currentDevicePixelRatio = void 0, this.chartArea = void 0, this._active = [], this._lastEvent = void 0, this._listeners = {}, this._responsiveListeners = void 0, this._sortedMetasets = [], this.scales = {}, this._plugins = new Wc(), this.$proxies = {}, this._hiddenIndices = {}, this.attached = !1, this._animationsDisabled = void 0, this.$context = void 0, this._doResize = _r((d) => this.update(d), a.resizeDelay || 0), this._dataChanges = [], yi[this.id] = this, !r || !l) {
+    if (this.id = nr(), this.ctx = r, this.canvas = l, this.width = h, this.height = c, this._options = a, this._aspectRatio = this.aspectRatio, this._layers = [], this._metasets = [], this._stacks = void 0, this.boxes = [], this.currentDevicePixelRatio = void 0, this.chartArea = void 0, this._active = [], this._lastEvent = void 0, this._listeners = {}, this._responsiveListeners = void 0, this._sortedMetasets = [], this.scales = {}, this._plugins = new Hc(), this.$proxies = {}, this._hiddenIndices = {}, this.attached = !1, this._animationsDisabled = void 0, this.$context = void 0, this._doResize = _r((d) => this.update(d), a.resizeDelay || 0), this._dataChanges = [], yi[this.id] = this, !r || !l) {
       console.error("Failed to create chart: can't acquire context from the given item");
       return;
     }
@@ -5870,27 +5870,27 @@ function Ci(i, t, e, n, s, o) {
     const I = h > 0 ? h - n : 0, B = d > 0 ? d - n : 0, N = (I + B) / 2, ct = N !== 0 ? p * N / (N + n) : p;
     f = (p - ct) / 2;
   }
-  const g = Math.max(1e-3, p * d - e / j) / d, m = (p - g) / 2, b = l + m + f, y = s - m - f, { outerStart: x, outerEnd: v, innerStart: _, innerEnd: S } = rh(t, u, d, y - b), M = d - x, w = d - v, A = b + x / M, C = y - v / w, P = u + _, D = u + S, H = b + _ / P, U = y - S / D;
+  const g = Math.max(1e-3, p * d - e / j) / d, b = (p - g) / 2, m = l + b + f, y = s - b - f, { outerStart: x, outerEnd: _, innerStart: v, innerEnd: w } = rh(t, u, d, y - m), M = d - x, S = d - _, A = m + x / M, C = y - _ / S, P = u + v, D = u + w, W = m + v / P, U = y - w / D;
   if (i.beginPath(), o) {
     const I = (A + C) / 2;
-    if (i.arc(a, r, d, A, I), i.arc(a, r, d, I, C), v > 0) {
-      const Z = Zt(w, C, a, r);
-      i.arc(Z.x, Z.y, v, C, y + Y);
+    if (i.arc(a, r, d, A, I), i.arc(a, r, d, I, C), _ > 0) {
+      const Z = Zt(S, C, a, r);
+      i.arc(Z.x, Z.y, _, C, y + Y);
     }
     const B = Zt(D, y, a, r);
-    if (i.lineTo(B.x, B.y), S > 0) {
+    if (i.lineTo(B.x, B.y), w > 0) {
       const Z = Zt(D, U, a, r);
-      i.arc(Z.x, Z.y, S, y + Y, U + Math.PI);
+      i.arc(Z.x, Z.y, w, y + Y, U + Math.PI);
     }
-    const N = (y - S / u + (b + _ / u)) / 2;
-    if (i.arc(a, r, u, y - S / u, N, !0), i.arc(a, r, u, N, b + _ / u, !0), _ > 0) {
-      const Z = Zt(P, H, a, r);
-      i.arc(Z.x, Z.y, _, H + Math.PI, b - Y);
+    const N = (y - w / u + (m + v / u)) / 2;
+    if (i.arc(a, r, u, y - w / u, N, !0), i.arc(a, r, u, N, m + v / u, !0), v > 0) {
+      const Z = Zt(P, W, a, r);
+      i.arc(Z.x, Z.y, v, W + Math.PI, m - Y);
     }
-    const ct = Zt(M, b, a, r);
+    const ct = Zt(M, m, a, r);
     if (i.lineTo(ct.x, ct.y), x > 0) {
       const Z = Zt(M, A, a, r);
-      i.arc(Z.x, Z.y, x, b - Y, A);
+      i.arc(Z.x, Z.y, x, m - Y, A);
     }
   } else {
     i.moveTo(a, r);
@@ -5908,7 +5908,7 @@ function lh(i, t, e, n, s) {
     Ci(i, t, e, n, l, s);
     for (let c = 0; c < o; ++c)
       i.fill();
-    isNaN(r) || (l = a + (r % W || W));
+    isNaN(r) || (l = a + (r % H || H));
   }
   return Ci(i, t, e, n, l, s), i.fill(), l;
 }
@@ -5922,7 +5922,7 @@ function ch(i, t, e, n, s) {
     Ci(i, t, e, n, p, s);
     for (let g = 0; g < o; ++g)
       i.stroke();
-    isNaN(r) || (p = a + (r % W || W));
+    isNaN(r) || (p = a + (r % H || H));
   }
   f && oh(i, t, p), o || (Ci(i, t, e, n, p, s), i.stroke());
 }
@@ -5951,8 +5951,8 @@ class Qt extends ht {
       "innerRadius",
       "outerRadius",
       "circumference"
-    ], s), f = (this.options.spacing + this.options.borderWidth) / 2, g = L(u, c - l) >= W || je(a, l, c), m = St(r, h + f, d + f);
-    return g && m;
+    ], s), f = (this.options.spacing + this.options.borderWidth) / 2, g = L(u, c - l) >= H || je(a, l, c), b = St(r, h + f, d + f);
+    return g && b;
   }
   getCenterPoint(e) {
     const { x: n, y: s, startAngle: o, endAngle: a, innerRadius: r, outerRadius: l } = this.getProps([
@@ -5973,7 +5973,7 @@ class Qt extends ht {
   }
   draw(e) {
     const { options: n, circumference: s } = this, o = (n.offset || 0) / 4, a = (n.spacing || 0) / 2, r = n.circular;
-    if (this.pixelMargin = n.borderAlign === "inner" ? 0.33 : 0, this.fullCircles = s > W ? Math.floor(s / W) : 0, s === 0 || this.innerRadius < 0 || this.outerRadius < 0)
+    if (this.pixelMargin = n.borderAlign === "inner" ? 0.33 : 0, this.fullCircles = s > H ? Math.floor(s / H) : 0, s === 0 || this.innerRadius < 0 || this.outerRadius < 0)
       return;
     e.save();
     const l = (this.startAngle + this.endAngle) / 2;
@@ -6027,15 +6027,15 @@ function uh(i, t, e, n) {
 }
 function fh(i, t, e, n) {
   const s = t.points, { count: o, start: a, ilen: r } = ia(s, e, n), { move: l = !0, reverse: c } = n || {};
-  let h = 0, d = 0, u, f, p, g, m, b;
-  const y = (v) => (a + (c ? r - v : v)) % o, x = () => {
-    g !== m && (i.lineTo(h, m), i.lineTo(h, g), i.lineTo(h, b));
+  let h = 0, d = 0, u, f, p, g, b, m;
+  const y = (_) => (a + (c ? r - _ : _)) % o, x = () => {
+    g !== b && (i.lineTo(h, b), i.lineTo(h, g), i.lineTo(h, m));
   };
   for (l && (f = s[y(0)], i.moveTo(f.x, f.y)), u = 0; u <= r; ++u) {
     if (f = s[y(u)], f.skip)
       continue;
-    const v = f.x, _ = f.y, S = v | 0;
-    S === p ? (_ < g ? g = _ : _ > m && (m = _), h = (d * h + v) / ++d) : (x(), i.lineTo(v, _), p = S, d = 0, g = m = _), b = _;
+    const _ = f.x, v = f.y, w = _ | 0;
+    w === p ? (v < g ? g = v : v > b && (b = v), h = (d * h + _) / ++d) : (x(), i.lineTo(_, v), p = w, d = 0, g = b = v), m = v;
   }
   x();
 }
@@ -6044,7 +6044,7 @@ function rn(i) {
   return !i._decimated && !i._loop && !t.tension && t.cubicInterpolationMode !== "monotone" && !t.stepped && !e ? fh : uh;
 }
 function gh(i) {
-  return i.stepped ? gl : i.tension || i.cubicInterpolationMode === "monotone" ? pl : Ht;
+  return i.stepped ? gl : i.tension || i.cubicInterpolationMode === "monotone" ? pl : Wt;
 }
 function ph(i, t, e, n) {
   let s = t._path;
@@ -6106,8 +6106,8 @@ class pt extends ht {
         r.push(f);
         continue;
       }
-      const g = Math.abs((s - f[e]) / (p[e] - f[e])), m = l(f, p, g, n.stepped);
-      m[e] = t[e], r.push(m);
+      const g = Math.abs((s - f[e]) / (p[e] - f[e])), b = l(f, p, g, n.stepped);
+      b[e] = t[e], r.push(b);
     }
     return r.length === 1 ? r[0] : r;
   }
@@ -6548,7 +6548,7 @@ class oa {
     const { x: s, y: o, radius: a } = this;
     return e = e || {
       start: 0,
-      end: W
+      end: H
     }, t.arc(s, o, a, e.end, e.start, !0), !n.bounds;
   }
   interpolate(t) {
@@ -6576,9 +6576,9 @@ function Bh(i, t) {
   return e && i.isDatasetVisible(t) ? e.dataset : null;
 }
 function zh(i) {
-  return (i.scale || {}).getPointPositionForValue ? Hh(i) : Wh(i);
+  return (i.scale || {}).getPointPositionForValue ? Wh(i) : Hh(i);
 }
-function Wh(i) {
+function Hh(i) {
   const { scale: t = {}, fill: e } = i, n = Dh(e, t);
   if (q(n)) {
     const s = t.isHorizontal();
@@ -6589,7 +6589,7 @@ function Wh(i) {
   }
   return null;
 }
-function Hh(i) {
+function Wh(i) {
   const { scale: t, fill: e } = i, n = t.options, s = t.getLabels().length, o = n.reverse ? t.max : t.min, a = Lh(e, t, o), r = [];
   if (n.grid.circular) {
     const l = t.getPointPositionForValue(0, o);
@@ -6617,13 +6617,13 @@ function qi(i, t, e) {
 }
 function Nh(i, t) {
   const { line: e, target: n, above: s, below: o, area: a, scale: r } = t, l = e._loop ? "angle" : t.axis;
-  i.save(), l === "x" && o !== s && (Ws(i, n, a.top), Hs(i, {
+  i.save(), l === "x" && o !== s && (Hs(i, n, a.top), Ws(i, {
     line: e,
     target: n,
     color: s,
     scale: r,
     property: l
-  }), i.restore(), i.save(), Ws(i, n, a.bottom)), Hs(i, {
+  }), i.restore(), i.save(), Hs(i, n, a.bottom)), Ws(i, {
     line: e,
     target: n,
     color: o,
@@ -6631,7 +6631,7 @@ function Nh(i, t) {
     property: l
   }), i.restore();
 }
-function Ws(i, t, e) {
+function Hs(i, t, e) {
   const { segments: n, points: s } = t;
   let o = !0, a = !1;
   i.beginPath();
@@ -6643,7 +6643,7 @@ function Ws(i, t, e) {
   }
   i.lineTo(t.first().x, e), i.closePath(), i.clip();
 }
-function Hs(i, t) {
+function Ws(i, t) {
   const { line: e, target: n, property: s, color: o, scale: a } = t, r = kh(e, n, s);
   for (const { source: l, target: c, start: h, end: d } of r) {
     const { style: { backgroundColor: u = o } = {} } = l, f = n !== !0;
@@ -6652,11 +6652,11 @@ function Hs(i, t) {
     let g;
     if (f) {
       p ? i.closePath() : Ns(i, n, d, s);
-      const m = !!n.pathSegment(i, c, {
+      const b = !!n.pathSegment(i, c, {
         move: p,
         reverse: !0
       });
-      g = p && m, g || Ns(i, n, h, s);
+      g = p && b, g || Ns(i, n, h, s);
     }
     i.closePath(), i.fill(g ? "evenodd" : "nonzero"), i.restore();
   }
@@ -6755,25 +6755,25 @@ class js extends ht {
     o.textAlign = "left", o.textBaseline = "middle";
     let u = -1, f = -h;
     return this.legendItems.forEach((p, g) => {
-      const m = n + e / 2 + o.measureText(p.text).width;
-      (g === 0 || c[c.length - 1] + m + 2 * r > a) && (d += h, c[c.length - (g > 0 ? 0 : 1)] = 0, f += h, u++), l[g] = {
+      const b = n + e / 2 + o.measureText(p.text).width;
+      (g === 0 || c[c.length - 1] + b + 2 * r > a) && (d += h, c[c.length - (g > 0 ? 0 : 1)] = 0, f += h, u++), l[g] = {
         left: 0,
         top: f,
         row: u,
-        width: m,
+        width: b,
         height: s
-      }, c[c.length - 1] += m + r;
+      }, c[c.length - 1] += b + r;
     }), d;
   }
   _fitCols(t, e, n, s) {
     const { ctx: o, maxHeight: a, options: { labels: { padding: r } } } = this, l = this.legendHitBoxes = [], c = this.columnSizes = [], h = a - t;
     let d = r, u = 0, f = 0, p = 0, g = 0;
-    return this.legendItems.forEach((m, b) => {
-      const { itemWidth: y, itemHeight: x } = Uh(n, e, o, m, s);
-      b > 0 && f + x + 2 * r > h && (d += u + r, c.push({
+    return this.legendItems.forEach((b, m) => {
+      const { itemWidth: y, itemHeight: x } = Uh(n, e, o, b, s);
+      m > 0 && f + x + 2 * r > h && (d += u + r, c.push({
         width: u,
         height: f
-      }), p += u + r, g++, u = f = 0), l[b] = {
+      }), p += u + r, g++, u = f = 0), l[m] = {
         left: p,
         top: f,
         col: g,
@@ -6812,22 +6812,22 @@ class js extends ht {
     const { options: t, columnSizes: e, lineWidths: n, ctx: s } = this, { align: o, labels: a } = t, r = $.color, l = te(t.rtl, this.left, this.width), c = X(a.font), { padding: h } = a, d = c.size, u = d / 2;
     let f;
     this.drawTitle(), s.textAlign = l.textAlign("left"), s.textBaseline = "middle", s.lineWidth = 0.5, s.font = c.string;
-    const { boxWidth: p, boxHeight: g, itemHeight: m } = Vs(a, d), b = function(S, M, w) {
+    const { boxWidth: p, boxHeight: g, itemHeight: b } = Vs(a, d), m = function(w, M, S) {
       if (isNaN(p) || p <= 0 || isNaN(g) || g < 0)
         return;
       s.save();
-      const A = L(w.lineWidth, 1);
-      if (s.fillStyle = L(w.fillStyle, r), s.lineCap = L(w.lineCap, "butt"), s.lineDashOffset = L(w.lineDashOffset, 0), s.lineJoin = L(w.lineJoin, "miter"), s.lineWidth = A, s.strokeStyle = L(w.strokeStyle, r), s.setLineDash(L(w.lineDash, [])), a.usePointStyle) {
+      const A = L(S.lineWidth, 1);
+      if (s.fillStyle = L(S.fillStyle, r), s.lineCap = L(S.lineCap, "butt"), s.lineDashOffset = L(S.lineDashOffset, 0), s.lineJoin = L(S.lineJoin, "miter"), s.lineWidth = A, s.strokeStyle = L(S.strokeStyle, r), s.setLineDash(L(S.lineDash, [])), a.usePointStyle) {
         const C = {
           radius: g * Math.SQRT2 / 2,
-          pointStyle: w.pointStyle,
-          rotation: w.rotation,
+          pointStyle: S.pointStyle,
+          rotation: S.rotation,
           borderWidth: A
-        }, P = l.xPlus(S, p / 2), D = M + u;
+        }, P = l.xPlus(w, p / 2), D = M + u;
         Lo(s, C, P, D, a.pointStyleWidth && p);
       } else {
-        const C = M + Math.max((d - g) / 2, 0), P = l.leftForLtr(S, p), D = Vt(w.borderRadius);
-        s.beginPath(), Object.values(D).some((H) => H !== 0) ? $e(s, {
+        const C = M + Math.max((d - g) / 2, 0), P = l.leftForLtr(w, p), D = Vt(S.borderRadius);
+        s.beginPath(), Object.values(D).some((W) => W !== 0) ? $e(s, {
           x: P,
           y: C,
           w: p,
@@ -6836,36 +6836,36 @@ class js extends ht {
         }) : s.rect(P, C, p, g), s.fill(), A !== 0 && s.stroke();
       }
       s.restore();
-    }, y = function(S, M, w) {
-      Xt(s, w.text, S, M + m / 2, c, {
-        strikethrough: w.hidden,
-        textAlign: l.textAlign(w.textAlign)
+    }, y = function(w, M, S) {
+      Xt(s, S.text, w, M + b / 2, c, {
+        strikethrough: S.hidden,
+        textAlign: l.textAlign(S.textAlign)
       });
-    }, x = this.isHorizontal(), v = this._computeTitleHeight();
+    }, x = this.isHorizontal(), _ = this._computeTitleHeight();
     x ? f = {
       x: J(o, this.left + h, this.right - n[0]),
-      y: this.top + h + v,
+      y: this.top + h + _,
       line: 0
     } : f = {
       x: this.left + h,
-      y: J(o, this.top + v + h, this.bottom - e[0].height),
+      y: J(o, this.top + _ + h, this.bottom - e[0].height),
       line: 0
     }, zo(this.ctx, t.textDirection);
-    const _ = m + h;
-    this.legendItems.forEach((S, M) => {
-      s.strokeStyle = S.fontColor, s.fillStyle = S.fontColor;
-      const w = s.measureText(S.text).width, A = l.textAlign(S.textAlign || (S.textAlign = a.textAlign)), C = p + u + w;
+    const v = b + h;
+    this.legendItems.forEach((w, M) => {
+      s.strokeStyle = w.fontColor, s.fillStyle = w.fontColor;
+      const S = s.measureText(w.text).width, A = l.textAlign(w.textAlign || (w.textAlign = a.textAlign)), C = p + u + S;
       let P = f.x, D = f.y;
-      l.setWidth(this.width), x ? M > 0 && P + C + h > this.right && (D = f.y += _, f.line++, P = f.x = J(o, this.left + h, this.right - n[f.line])) : M > 0 && D + _ > this.bottom && (P = f.x = P + e[f.line].width + h, f.line++, D = f.y = J(o, this.top + v + h, this.bottom - e[f.line].height));
-      const H = l.x(P);
-      if (b(H, D, S), P = vr(A, P + p + u, x ? P + C : this.right, t.rtl), y(l.x(P), D, S), x)
+      l.setWidth(this.width), x ? M > 0 && P + C + h > this.right && (D = f.y += v, f.line++, P = f.x = J(o, this.left + h, this.right - n[f.line])) : M > 0 && D + v > this.bottom && (P = f.x = P + e[f.line].width + h, f.line++, D = f.y = J(o, this.top + _ + h, this.bottom - e[f.line].height));
+      const W = l.x(P);
+      if (m(W, D, w), P = vr(A, P + p + u, x ? P + C : this.right, t.rtl), y(l.x(P), D, w), x)
         f.x += C + h;
-      else if (typeof S.text != "string") {
+      else if (typeof w.text != "string") {
         const U = c.lineHeight;
-        f.y += aa(S, U) + h;
+        f.y += aa(w, U) + h;
       } else
-        f.y += _;
-    }), Wo(this.ctx, t.textDirection);
+        f.y += v;
+    }), Ho(this.ctx, t.textDirection);
   }
   drawTitle() {
     const t = this.options, e = t.title, n = X(e.font), s = K(e.padding);
@@ -6876,7 +6876,7 @@ class js extends ht {
     if (this.isHorizontal())
       u = Math.max(...this.lineWidths), h = this.top + c, d = J(t.align, d, this.right - u);
     else {
-      const p = this.columnSizes.reduce((g, m) => Math.max(g, m.height), 0);
+      const p = this.columnSizes.reduce((g, b) => Math.max(g, b.height), 0);
       h = c + J(t.align, this.top, this.bottom - p - t.labels.padding - this._computeTitleHeight());
     }
     const f = J(r, d, d + u);
@@ -7177,20 +7177,20 @@ function Kh(i, t) {
 }
 function $s(i, t) {
   const e = i.chart.ctx, { body: n, footer: s, title: o } = i, { boxWidth: a, boxHeight: r } = t, l = X(t.bodyFont), c = X(t.titleFont), h = X(t.footerFont), d = o.length, u = s.length, f = n.length, p = K(t.padding);
-  let g = p.height, m = 0, b = n.reduce((v, _) => v + _.before.length + _.lines.length + _.after.length, 0);
-  if (b += i.beforeBody.length + i.afterBody.length, d && (g += d * c.lineHeight + (d - 1) * t.titleSpacing + t.titleMarginBottom), b) {
-    const v = t.displayColors ? Math.max(r, l.lineHeight) : l.lineHeight;
-    g += f * v + (b - f) * l.lineHeight + (b - 1) * t.bodySpacing;
+  let g = p.height, b = 0, m = n.reduce((_, v) => _ + v.before.length + v.lines.length + v.after.length, 0);
+  if (m += i.beforeBody.length + i.afterBody.length, d && (g += d * c.lineHeight + (d - 1) * t.titleSpacing + t.titleMarginBottom), m) {
+    const _ = t.displayColors ? Math.max(r, l.lineHeight) : l.lineHeight;
+    g += f * _ + (m - f) * l.lineHeight + (m - 1) * t.bodySpacing;
   }
   u && (g += t.footerMarginTop + u * h.lineHeight + (u - 1) * t.footerSpacing);
   let y = 0;
-  const x = function(v) {
-    m = Math.max(m, e.measureText(v).width + y);
+  const x = function(_) {
+    b = Math.max(b, e.measureText(_).width + y);
   };
-  return e.save(), e.font = c.string, R(i.title, x), e.font = l.string, R(i.beforeBody.concat(i.afterBody), x), y = t.displayColors ? a + 2 + t.boxPadding : 0, R(n, (v) => {
-    R(v.before, x), R(v.lines, x), R(v.after, x);
-  }), y = 0, e.font = h.string, R(i.footer, x), e.restore(), m += p.width, {
-    width: m,
+  return e.save(), e.font = c.string, R(i.title, x), e.font = l.string, R(i.beforeBody.concat(i.afterBody), x), y = t.displayColors ? a + 2 + t.boxPadding : 0, R(n, (_) => {
+    R(_.before, x), R(_.lines, x), R(_.after, x);
+  }), y = 0, e.font = h.string, R(i.footer, x), e.restore(), b += p.width, {
+    width: b,
     height: g
   };
 }
@@ -7393,14 +7393,14 @@ class cn extends ht {
   }
   getCaretPosition(t, e, n) {
     const { xAlign: s, yAlign: o } = this, { caretSize: a, cornerRadius: r } = n, { topLeft: l, topRight: c, bottomLeft: h, bottomRight: d } = Vt(r), { x: u, y: f } = t, { width: p, height: g } = e;
-    let m, b, y, x, v, _;
-    return o === "center" ? (v = f + g / 2, s === "left" ? (m = u, b = m - a, x = v + a, _ = v - a) : (m = u + p, b = m + a, x = v - a, _ = v + a), y = m) : (s === "left" ? b = u + Math.max(l, h) + a : s === "right" ? b = u + p - Math.max(c, d) - a : b = this.caretX, o === "top" ? (x = f, v = x - a, m = b - a, y = b + a) : (x = f + g, v = x + a, m = b + a, y = b - a), _ = x), {
-      x1: m,
-      x2: b,
+    let b, m, y, x, _, v;
+    return o === "center" ? (_ = f + g / 2, s === "left" ? (b = u, m = b - a, x = _ + a, v = _ - a) : (b = u + p, m = b + a, x = _ - a, v = _ + a), y = b) : (s === "left" ? m = u + Math.max(l, h) + a : s === "right" ? m = u + p - Math.max(c, d) - a : m = this.caretX, o === "top" ? (x = f, _ = x - a, b = m - a, y = m + a) : (x = f + g, _ = x + a, b = m + a, y = m - a), v = x), {
+      x1: b,
+      x2: m,
       x3: y,
       y1: x,
-      y2: v,
-      y3: _
+      y2: _,
+      y3: v
     };
   }
   drawTitle(t, e, n) {
@@ -7420,38 +7420,38 @@ class cn extends ht {
         pointStyle: r.pointStyle,
         rotation: r.rotation,
         borderWidth: 1
-      }, m = s.leftForLtr(u, c) + c / 2, b = p + l / 2;
-      t.strokeStyle = o.multiKeyBackground, t.fillStyle = o.multiKeyBackground, sn(t, g, m, b), t.strokeStyle = a.borderColor, t.fillStyle = a.backgroundColor, sn(t, g, m, b);
+      }, b = s.leftForLtr(u, c) + c / 2, m = p + l / 2;
+      t.strokeStyle = o.multiKeyBackground, t.fillStyle = o.multiKeyBackground, sn(t, g, b, m), t.strokeStyle = a.borderColor, t.fillStyle = a.backgroundColor, sn(t, g, b, m);
     } else {
       t.lineWidth = T(a.borderWidth) ? Math.max(...Object.values(a.borderWidth)) : a.borderWidth || 1, t.strokeStyle = a.borderColor, t.setLineDash(a.borderDash || []), t.lineDashOffset = a.borderDashOffset || 0;
-      const g = s.leftForLtr(u, c), m = s.leftForLtr(s.xPlus(u, 1), c - 2), b = Vt(a.borderRadius);
-      Object.values(b).some((y) => y !== 0) ? (t.beginPath(), t.fillStyle = o.multiKeyBackground, $e(t, {
+      const g = s.leftForLtr(u, c), b = s.leftForLtr(s.xPlus(u, 1), c - 2), m = Vt(a.borderRadius);
+      Object.values(m).some((y) => y !== 0) ? (t.beginPath(), t.fillStyle = o.multiKeyBackground, $e(t, {
         x: g,
         y: p,
         w: c,
         h: l,
-        radius: b
+        radius: m
       }), t.fill(), t.stroke(), t.fillStyle = a.backgroundColor, t.beginPath(), $e(t, {
-        x: m,
+        x: b,
         y: p + 1,
         w: c - 2,
         h: l - 2,
-        radius: b
-      }), t.fill()) : (t.fillStyle = o.multiKeyBackground, t.fillRect(g, p, c, l), t.strokeRect(g, p, c, l), t.fillStyle = a.backgroundColor, t.fillRect(m, p + 1, c - 2, l - 2));
+        radius: m
+      }), t.fill()) : (t.fillStyle = o.multiKeyBackground, t.fillRect(g, p, c, l), t.strokeRect(g, p, c, l), t.fillStyle = a.backgroundColor, t.fillRect(b, p + 1, c - 2, l - 2));
     }
     t.fillStyle = this.labelTextColors[n];
   }
   drawBody(t, e, n) {
     const { body: s } = this, { bodySpacing: o, bodyAlign: a, displayColors: r, boxHeight: l, boxWidth: c, boxPadding: h } = n, d = X(n.bodyFont);
     let u = d.lineHeight, f = 0;
-    const p = te(n.rtl, this.x, this.width), g = function(w) {
-      e.fillText(w, p.x(t.x + f), t.y + u / 2), t.y += u + o;
-    }, m = p.textAlign(a);
-    let b, y, x, v, _, S, M;
-    for (e.textAlign = a, e.textBaseline = "middle", e.font = d.string, t.x = ri(this, m, n), e.fillStyle = n.bodyColor, R(this.beforeBody, g), f = r && m !== "right" ? a === "center" ? c / 2 + h : c + 2 + h : 0, v = 0, S = s.length; v < S; ++v) {
-      for (b = s[v], y = this.labelTextColors[v], e.fillStyle = y, R(b.before, g), x = b.lines, r && x.length && (this._drawColorBox(e, t, v, p, n), u = Math.max(d.lineHeight, l)), _ = 0, M = x.length; _ < M; ++_)
-        g(x[_]), u = d.lineHeight;
-      R(b.after, g);
+    const p = te(n.rtl, this.x, this.width), g = function(S) {
+      e.fillText(S, p.x(t.x + f), t.y + u / 2), t.y += u + o;
+    }, b = p.textAlign(a);
+    let m, y, x, _, v, w, M;
+    for (e.textAlign = a, e.textBaseline = "middle", e.font = d.string, t.x = ri(this, b, n), e.fillStyle = n.bodyColor, R(this.beforeBody, g), f = r && b !== "right" ? a === "center" ? c / 2 + h : c + 2 + h : 0, _ = 0, w = s.length; _ < w; ++_) {
+      for (m = s[_], y = this.labelTextColors[_], e.fillStyle = y, R(m.before, g), x = m.lines, r && x.length && (this._drawColorBox(e, t, _, p, n), u = Math.max(d.lineHeight, l)), v = 0, M = x.length; v < M; ++v)
+        g(x[v]), u = d.lineHeight;
+      R(m.after, g);
     }
     f = 0, u = d.lineHeight, R(this.afterBody, g), t.y -= o;
   }
@@ -7496,7 +7496,7 @@ class cn extends ht {
     };
     n = Math.abs(n) < 1e-3 ? 0 : n;
     const a = K(e.padding), r = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;
-    e.enabled && r && (t.save(), t.globalAlpha = n, this.drawBackground(o, t, s, e), zo(t, e.textDirection), o.y += a.top, this.drawTitle(o, t, e), this.drawBody(o, t, e), this.drawFooter(o, t, e), Wo(t, e.textDirection), t.restore());
+    e.enabled && r && (t.save(), t.globalAlpha = n, this.drawBackground(o, t, s, e), zo(t, e.textDirection), o.y += a.top, this.drawTitle(o, t, e), this.drawBody(o, t, e), this.drawFooter(o, t, e), Ho(t, e.textDirection), t.restore());
   }
   getActiveElements() {
     return this._active || [];
@@ -7732,35 +7732,35 @@ k(se, "id", "category"), k(se, "defaults", {
   }
 });
 function ad(i, t) {
-  const e = [], { bounds: s, step: o, min: a, max: r, precision: l, count: c, maxTicks: h, maxDigits: d, includeBounds: u } = i, f = o || 1, p = h - 1, { min: g, max: m } = t, b = !O(a), y = !O(r), x = !O(c), v = (m - g) / (d + 1);
-  let _ = Yn((m - g) / p / f) * f, S, M, w, A;
-  if (_ < 1e-14 && !b && !y)
+  const e = [], { bounds: s, step: o, min: a, max: r, precision: l, count: c, maxTicks: h, maxDigits: d, includeBounds: u } = i, f = o || 1, p = h - 1, { min: g, max: b } = t, m = !O(a), y = !O(r), x = !O(c), _ = (b - g) / (d + 1);
+  let v = Yn((b - g) / p / f) * f, w, M, S, A;
+  if (v < 1e-14 && !m && !y)
     return [
       {
         value: g
       },
       {
-        value: m
+        value: b
       }
     ];
-  A = Math.ceil(m / _) - Math.floor(g / _), A > p && (_ = Yn(A * _ / p / f) * f), O(l) || (S = Math.pow(10, l), _ = Math.ceil(_ * S) / S), s === "ticks" ? (M = Math.floor(g / _) * _, w = Math.ceil(m / _) * _) : (M = g, w = m), b && y && o && fr((r - a) / o, _ / 1e3) ? (A = Math.round(Math.min((r - a) / _, h)), _ = (r - a) / A, M = a, w = r) : x ? (M = b ? a : M, w = y ? r : w, A = c - 1, _ = (w - M) / A) : (A = (w - M) / _, Re(A, Math.round(A), _ / 1e3) ? A = Math.round(A) : A = Math.ceil(A));
-  const C = Math.max(Xn(_), Xn(M));
-  S = Math.pow(10, O(l) ? C : l), M = Math.round(M * S) / S, w = Math.round(w * S) / S;
+  A = Math.ceil(b / v) - Math.floor(g / v), A > p && (v = Yn(A * v / p / f) * f), O(l) || (w = Math.pow(10, l), v = Math.ceil(v * w) / w), s === "ticks" ? (M = Math.floor(g / v) * v, S = Math.ceil(b / v) * v) : (M = g, S = b), m && y && o && fr((r - a) / o, v / 1e3) ? (A = Math.round(Math.min((r - a) / v, h)), v = (r - a) / A, M = a, S = r) : x ? (M = m ? a : M, S = y ? r : S, A = c - 1, v = (S - M) / A) : (A = (S - M) / v, Re(A, Math.round(A), v / 1e3) ? A = Math.round(A) : A = Math.ceil(A));
+  const C = Math.max(Xn(v), Xn(M));
+  w = Math.pow(10, O(l) ? C : l), M = Math.round(M * w) / w, S = Math.round(S * w) / w;
   let P = 0;
-  for (b && (u && M !== a ? (e.push({
+  for (m && (u && M !== a ? (e.push({
     value: a
-  }), M < a && P++, Re(Math.round((M + P * _) * S) / S, a, Ks(a, v, i)) && P++) : M < a && P++); P < A; ++P) {
-    const D = Math.round((M + P * _) * S) / S;
+  }), M < a && P++, Re(Math.round((M + P * v) * w) / w, a, Ks(a, _, i)) && P++) : M < a && P++); P < A; ++P) {
+    const D = Math.round((M + P * v) * w) / w;
     if (y && D > r)
       break;
     e.push({
       value: D
     });
   }
-  return y && u && w !== r ? e.length && Re(e[e.length - 1].value, r, Ks(r, v, i)) ? e[e.length - 1].value = r : e.push({
+  return y && u && S !== r ? e.length && Re(e[e.length - 1].value, r, Ks(r, _, i)) ? e[e.length - 1].value = r : e.push({
     value: r
-  }) : (!y || w === r) && e.push({
-    value: w
+  }) : (!y || S === r) && e.push({
+    value: S
   }), e;
 }
 function Ks(i, t, { horizontal: e, minRotation: n }) {
@@ -7889,8 +7889,8 @@ function ld(i) {
     s[l] = c.padding;
     const h = i.getPointPosition(l, i.drawingArea + s[l], r), d = X(c.font), u = rd(i.ctx, d, i._pointLabels[l]);
     n[l] = u;
-    const f = ot(i.getIndexAngle(l) + r), p = Math.round(Sn(f)), g = Zs(p, h.x, u.w, 0, 180), m = Zs(p, h.y, u.h, 90, 270);
-    cd(e, t, f, g, m);
+    const f = ot(i.getIndexAngle(l) + r), p = Math.round(Sn(f)), g = Zs(p, h.x, u.w, 0, 180), b = Zs(p, h.y, u.h, 90, 270);
+    cd(e, t, f, g, b);
   }
   i.setCenterPoint(t.l - e.l, e.r - t.r, t.t - e.t, e.b - t.b), i._pointLabelItems = ud(i, n, s);
 }
@@ -7986,7 +7986,7 @@ function bd(i, t) {
 function ca(i, t, e, n) {
   const { ctx: s } = i;
   if (e)
-    s.arc(i.xCenter, i.yCenter, t, 0, W);
+    s.arc(i.xCenter, i.yCenter, t, 0, H);
   else {
     let o = i.getPointPosition(0, t);
     s.moveTo(o.x, o.y);
@@ -8037,7 +8037,7 @@ class Ie extends hn {
     this.xCenter += Math.floor((t - e) / 2), this.yCenter += Math.floor((n - s) / 2), this.drawingArea -= Math.min(this.drawingArea / 2, Math.max(t, e, n, s));
   }
   getIndexAngle(t) {
-    const e = W / (this._pointLabels.length || 1), n = this.options.startAngle || 0;
+    const e = H / (this._pointLabels.length || 1), n = this.options.startAngle || 0;
     return ot(t * e + gt(n));
   }
   getDistanceFromCenterForValue(t) {
@@ -8593,12 +8593,12 @@ const Ad = Ft({
         return;
       let g = !1;
       if (h) {
-        const m = Jt(h), b = Jt(u);
-        m && m !== b && (Cd(p, m), g = !0);
+        const b = Jt(h), m = Jt(u);
+        b && b !== m && (Cd(p, b), g = !0);
       }
       if (d) {
-        const m = Jt(d.labels), b = Jt(f.labels), y = Jt(d.datasets), x = Jt(f.datasets);
-        m !== b && (da(p.config.data, m), g = !0), y && y !== x && (ua(p.config.data, y, i.datasetIdKey), g = !0);
+        const b = Jt(d.labels), m = Jt(f.labels), y = Jt(d.datasets), x = Jt(f.datasets);
+        b !== m && (da(p.config.data, b), g = !0), y && y !== x && (ua(p.config.data, y, i.datasetIdKey), g = !0);
       }
       g && r(p);
     }, {
@@ -8663,15 +8663,15 @@ function pa(i, t, e, n, s, o, a, r, l) {
       for (u.style.margin = "1.375rem 1.0625rem"; u.firstChild; )
         u.firstChild.remove();
       c.options.plugins.legend.labels.generateLabels(c).forEach((p) => {
-        const g = c.config.type === "doughnut", m = g ? p.index : p.datasetIndex, b = Ri(c, t, m);
+        const g = c.config.type === "doughnut", b = g ? p.index : p.datasetIndex, m = Ri(c, t, b);
         if (g) {
-          const x = m + 1 === r;
-          b.style.marginTop = "12px", x && (b.style.position = "relative");
+          const x = b + 1 === r;
+          m.style.marginTop = "12px", x && (m.style.position = "relative");
         } else
-          b.style.marginRight = "10px";
-        b.style.width = "max-content", b.style.cursor = "pointer";
+          m.style.marginRight = "10px";
+        m.style.width = "max-content", m.style.cursor = "pointer";
         let y;
-        t.value ? y = ba(c, p, t, e, s.value, a.value) : y = ma(p, c, e, n.value, s.value, o.value, a.value), y.style.boxSizing = "border-box", b.appendChild(y), b.appendChild(Fi(p)), g && r && zd(l, r, m) && b.appendChild(Wd(l, r)), u.appendChild(b);
+        t.value ? y = ba(c, p, t, e, s.value, a.value) : y = ma(p, c, e, n.value, s.value, o.value, a.value), y.style.boxSizing = "border-box", m.appendChild(y), m.appendChild(Fi(p)), g && r && zd(l, r, b) && m.appendChild(Hd(l, r)), u.appendChild(m);
       });
     }
   }];
@@ -8679,17 +8679,17 @@ function pa(i, t, e, n, s, o, a, r, l) {
 function zd(i, t, e) {
   return i.data.length > t && e === t - 1;
 }
-function Wd(i, t) {
+function Hd(i, t) {
   const e = document.createElement("div"), n = document.createElement("div"), s = document.createElement("img");
   e.style.position = "absolute", e.style.right = "-32px", s.src = Rd, s.style.top = "0", s.style.width = "1.5rem", s.style.filter = "invert(38%) sepia(19%) saturate(18%) hue-rotate(337deg) brightness(97%) contrast(85%)", n.style.position = "relative", n.style.display = "flex";
-  const o = Hd(i, t);
+  const o = Wd(i, t);
   return s.onmouseover = () => {
     n.firstElementChild.style.visibility = "visible";
   }, s.onmouseleave = () => {
     n.firstElementChild.style.visibility = "hidden";
   }, e.appendChild(n), n.appendChild(o), n.appendChild(s), e;
 }
-function Hd(i, t) {
+function Wd(i, t) {
   const e = document.createElement("div");
   return e.style.visibility = "hidden", e.style.position = "absolute", e.style.zIndex = "10", e.style.width = "350px", e.style.bottom = "100%", e.style.left = "50%", e.style.marginLeft = "-150px", e.style.background = "#FFFFFF", e.style.boxShadow = "0px 1px 5px rgba(0, 0, 0, 0.2)", e.style.borderRadius = "0.5rem", e.style.fontSize = "14px", e.style.overflow = "hidden", Nd(i, t, e), e;
 }
@@ -8806,58 +8806,58 @@ function Ud() {
     dataSetIndex: -1,
     columnIndex: -1
   });
-  function n(g, m, b, y, x, v) {
-    return pa(g, m, e, b, y, x, v);
+  function n(g, b, m, y, x, _) {
+    return pa(g, b, e, m, y, x, _);
   }
   function s() {
     i.value = 4, i.value = 3;
   }
-  function o(g, m, b, y, x, v) {
-    const _ = i.value;
-    return g.map((S, M) => ({
-      borderColor: function(w) {
-        return b ? "#00000000" : r(M, w.index, y, v);
+  function o(g, b, m, y, x, _) {
+    const v = i.value;
+    return g.map((w, M) => ({
+      borderColor: function(S) {
+        return m ? "#00000000" : r(M, S.index, y, _);
       },
-      backgroundColor: function(w) {
-        return l(M, w.index, b, y, x, v);
+      backgroundColor: function(S) {
+        return l(M, S.index, m, y, x, _);
       },
       borderWidth: function() {
-        return b ? 1 : _;
+        return m ? 1 : v;
       },
-      data: S.data,
-      label: S.label,
-      stack: `Stack ${m ? S.stack : M}`
+      data: w.data,
+      label: w.label,
+      stack: `Stack ${b ? w.stack : M}`
     }));
   }
-  function a(g, m, b, y, x) {
-    return o([g, m], !1, x, b, y);
+  function a(g, b, m, y, x) {
+    return o([g, b], !1, x, m, y);
   }
-  function r(g, m, b, y) {
+  function r(g, b, m, y) {
     const x = Ki(g, y);
-    return u(g, m) ? b[x] : ae(b[x], 0.2);
+    return u(g, b) ? m[x] : ae(m[x], 0.2);
   }
-  function l(g, m, b, y, x, v) {
-    const _ = Ki(g, v);
-    return u(g, m) ? x[_](!1, y[_], b) : x[_](!0, y[_], b);
+  function l(g, b, m, y, x, _) {
+    const v = Ki(g, _);
+    return u(g, b) ? x[v](!1, y[v], m) : x[v](!0, y[v], m);
   }
   function c() {
     return e.dataSetIndex < 0;
   }
-  function h(g, m) {
-    return e.dataSetIndex === g && e.columnIndex === m;
+  function h(g, b) {
+    return e.dataSetIndex === g && e.columnIndex === b;
   }
   function d(g) {
     return e.dataSetIndex === g && e.columnIndex < 0;
   }
-  function u(g, m) {
-    return c() || h(g, m) || d(g);
+  function u(g, b) {
+    return c() || h(g, b) || 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 (g, b) => {
+      b[0] !== void 0 ? (e.dataSetIndex = b[0].datasetIndex, e.columnIndex = b[0].index) : f();
     };
   }
   return {
@@ -8903,14 +8903,14 @@ class pe {
       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 g = `<div style="${p}" class="tooltipTitle">`, b = this.chartType === "DOUGHNUT" ? [l.title[0].split("(")[0].trim()] : f[0];
+      let m = "", 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(
+      this.chartType === "RADAR" || this.chartType === "LINE_CHART" ? (m = this.createLegendStyle(t), y = this.createLegendInnerStyle(t)) : this.chartType === "BAR_CHART" || this.chartType === "DETAILS_BAR_CHART" || this.chartType === "DOUGHNUT" ? m = this.createPatternLegendStyle(t) : this.chartType === "MIXED_BAR_LINE_CHART" && (x === "bar" ? m = this.createPatternLegendStyle(t) : (m = this.createLegendStyle(t), y = this.createLegendInnerStyle(t))), this.addLegendToDom(
         g,
-        b,
-        y,
         m,
+        y,
+        b,
         p,
         r,
         s,
@@ -9260,13 +9260,13 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
       getOnHoverOptions: f,
       getStackedDatasets: p,
       privateGetHtmlLegendPlugin: g
-    } = Ud(), m = F(() => {
-      const C = M(v.value);
+    } = Ud(), b = F(() => {
+      const C = M(_.value);
       return x(), {
         labels: C,
         datasets: p(
           t.datasets.map((P, D) => ({
-            data: _(D, v.value),
+            data: v(D, _.value),
             label: t.datasets[D].label,
             stack: P.stack || 0
           })),
@@ -9278,10 +9278,10 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
         )
       };
     });
-    let b, y;
+    let m, y;
     const x = () => {
-      b = t.tooltipFirstLineLabel, y = t.tooltipSecondLineLabel;
-    }, v = F(() => {
+      m = t.tooltipFirstLineLabel, y = t.tooltipSecondLineLabel;
+    }, _ = F(() => {
       const C = t.labels;
       if (C.includes("other")) {
         const P = C.indexOf("other");
@@ -9289,18 +9289,18 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
           return P;
       }
       return null;
-    }), _ = (C, P, D = !1) => {
-      const H = Object.assign([], t.datasets[C].data);
-      return P && v.value && H.splice(v.value, 1), H.map(
+    }), v = (C, P, D = !1) => {
+      const W = Object.assign([], t.datasets[C].data);
+      return P && _.value && W.splice(_.value, 1), W.map(
         (U) => t.unit === "%" ? U.rate : U.amount
       );
-    }, S = (C) => {
-      const P = C.tooltip.dataPoints[0].datasetIndex, D = C.tooltip.dataPoints[0].dataIndex, H = C.tooltip.body[0].lines[0].split(":")[1], U = t.datasets[P].data[D], I = U.rate ? parseFloat(H.replace(",", ".")).toFixed(2) + "% " : "", B = U.amountUnit ? U.amountUnit : "", N = U.amount ? tt(U.amount) : "";
+    }, w = (C) => {
+      const P = C.tooltip.dataPoints[0].datasetIndex, D = C.tooltip.dataPoints[0].dataIndex, W = C.tooltip.body[0].lines[0].split(":")[1], U = t.datasets[P].data[D], I = U.rate ? parseFloat(W.replace(",", ".")).toFixed(2) + "% " : "", B = U.amountUnit ? U.amountUnit : "", N = U.amount ? tt(U.amount) : "";
       return I + (I && N ? "/ " : "") + N + B;
     }, M = (C) => {
       const P = Object.assign([], t.labels);
       return C && P.splice(C, 1), P.map((D) => D);
-    }, w = F(() => ({
+    }, S = F(() => ({
       // eslint-disable-next-line
       onHover: t.enableHoverFeature ? f() : () => {
       },
@@ -9331,10 +9331,10 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
             const P = ((D = C.tooltip.dataPoints) == null ? void 0 : D[0].dataIndex) || 0;
             !t.labels[P] || t.labels[P] === "" || new pe().createTooltip(
               C,
-              S,
+              w,
               {
                 chartType: me.BAR_CHART,
-                firstLineLabel: b,
+                firstLineLabel: m,
                 secondLineLabel: y
               },
               a.value,
@@ -9383,13 +9383,13 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
       { deep: !0 }
     ), (C, P) => (lt(), re("div", Qd, [
       st("div", tu, [
-        m.value ? (lt(), le($t(fa), {
+        b.value ? (lt(), le($t(fa), {
           key: 0,
           ref_key: "barChartRef",
           ref: d,
           id: i.chartId,
-          data: m.value,
-          options: w.value,
+          data: b.value,
+          options: S.value,
           plugins: A.value,
           class: ce(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
@@ -9413,7 +9413,7 @@ fn.install = (i) => {
 };
 function iu() {
   const i = G(null), t = G(null), e = G(null);
-  function n(h, d, u, f, p, g, m, b) {
+  function n(h, d, u, f, p, g, b, m) {
     return pa(
       h,
       d,
@@ -9421,9 +9421,9 @@ function iu() {
       u,
       f,
       p,
-      b,
+      m,
       g,
-      m
+      b
     );
   }
   function s(h, d, u, f) {
@@ -9447,8 +9447,8 @@ function iu() {
   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
+      (b, m) => `${r(b)} (${tt(
+        g[m].rate
       )} %)`
     );
   }
@@ -9598,7 +9598,7 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
       groupDataAfterNthValue: c,
       getDoughnutLabels: h,
       getBorderColor: d
-    } = iu(), u = G(!1), f = G(null), p = F(() => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((w) => e[t.colourSet][w])), g = F(() => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((w) => n[w])), m = F(() => ({
+    } = iu(), u = G(!1), f = G(null), p = F(() => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((S) => e[t.colourSet][S])), g = F(() => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((S) => n[S])), b = F(() => ({
       labels: h(
         t.labels,
         t.data,
@@ -9610,7 +9610,7 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
           data: c(
             t.data,
             t.maxValues
-          ).map((w) => w.rate),
+          ).map((S) => S.rate),
           backgroundColor: a(
             p.value,
             g.value,
@@ -9620,18 +9620,18 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
           borderColor: d(p.value, t.enableHoverFeature)
         }
       ]
-    })), b = (w) => {
-      const A = w.tooltip.dataPoints[0].dataIndex, C = c(
+    })), m = (S) => {
+      const A = S.tooltip.dataPoints[0].dataIndex, C = c(
         t.data,
         t.maxValues
-      )[A], P = tt(C.rate), D = tt(C.value), H = C.unit || "";
-      return `${D}${H} (${P})%`;
+      )[A], P = tt(C.rate), D = tt(C.value), W = C.unit || "";
+      return `${D}${W} (${P})%`;
     };
     function y() {
       return t.labels.length <= 1 ? 0 : 12;
     }
     const x = F(() => {
-      const w = p.value, A = g.value;
+      const S = p.value, A = g.value;
       return {
         onHover: t.enableHoverFeature ? l() : () => {
         },
@@ -9657,13 +9657,13 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
             external: function(C) {
               new pe().createTooltip(
                 C,
-                b,
+                m,
                 {
                   chartType: me.DOUGHNUT
                 },
-                w,
+                S,
                 A,
-                _.value
+                v.value
               );
             }
           }
@@ -9674,19 +9674,19 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
         spacing: y(),
         hoverOffset: 4
       };
-    }), v = {
+    }), _ = {
       data: t.data,
       labels: t.labels
-    }, _ = F(() => t.disableAccessibility), S = F(() => t.enableHoverFeature), M = F(
+    }, v = F(() => t.disableAccessibility), w = F(() => t.enableHoverFeature), M = F(
       () => r(
         f,
         u,
-        _,
+        v,
         p,
         g,
         t.maxValues,
-        v,
-        S
+        _,
+        w
       )
     );
     return po(() => {
@@ -9694,30 +9694,30 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
         p.value,
         g.value,
         t.disableAccessibility,
-        S.value
+        w.value
       );
-    }), xi(s, (w, A) => {
-      w !== A && S.value && a(
+    }), xi(s, (S, A) => {
+      S !== A && w.value && a(
         p.value,
         g.value,
         t.disableAccessibility,
-        S.value
+        w.value
       );
-    }), xi(_, () => {
+    }), xi(v, () => {
       a(
         p.value,
         g.value,
         t.disableAccessibility,
-        S.value
+        w.value
       );
-    }), (w, A) => (lt(), re("div", nu, [
+    }), (S, A) => (lt(), re("div", nu, [
       st("div", su, [
-        m.value ? (lt(), le($t(Dd), {
+        b.value ? (lt(), le($t(Dd), {
           key: 0,
           ref_key: "doughnutRef",
           ref: o,
           id: i.chartId,
-          data: m.value,
+          data: b.value,
           options: x.value,
           plugins: M.value,
           "max-values": i.maxValues,
@@ -9881,61 +9881,58 @@ const au = { class: "container" }, ru = { class: "main" }, lu = /* @__PURE__ */
     const { colourSets: e, patternsStandardList: n } = be(), s = G(null), o = G(!1), a = F(
       () => 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, x = t.lines[b].data[y].toFixed(2);
-      return t.lines[b].unit ? x + " " + t.lines[b].unit : x;
-    }, c = F(() => t.tooltipFirstLineLabel), h = F(() => t.tooltipSecondLineLabel), d = F(() => ({
+      const y = m.tooltip.dataPoints[0].datasetIndex, x = m.tooltip.dataPoints[0].dataIndex, _ = t.lines[y].data[x].toFixed(2);
+      return t.lines[y].unit ? _ + " " + t.lines[y].unit : _;
+    }, c = F(() => t.tooltipFirstLineLabel), h = F(() => t.tooltipSecondLineLabel), d = (m) => {
+      switch (m) {
+        case 1:
+          return "circle";
+        default:
+          return "rectRot";
+      }
+    }, u = F(() => ({
       labels: t.labels.map((m) => m),
-      datasets: [
-        {
+      datasets: t.lines.map(
+        (m, y) => ({
           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",
+          borderColor: a.value[y],
+          pointStyle: d(y),
           pointBackgroundColor: "#FFFFFF",
           pointRadius: 5,
-          label: t.lines[1].label,
-          data: t.lines[1].data,
+          label: m.label,
+          data: m.data,
           borderWidth: 2
-        }
-      ]
+        })
+      )
     }));
-    function u(m, b) {
+    function f(m, y) {
       return [
         {
           id: "htmlLegend",
-          afterUpdate(y) {
-            const x = Bi(m, "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((_) => {
-              const S = Ri(
+          afterUpdate(x) {
+            const _ = Bi(m, "column");
+            for (_.style.display = "flex", _.style.flexDirection = "row", _.style.margin = "1.375rem 1.0625rem"; _.firstChild; )
+              _.firstChild.remove();
+            x.options.plugins.legend.labels.generateLabels(x).forEach((w) => {
+              const M = Ri(
+                x,
                 y,
-                b,
-                _.datasetIndex
+                w.datasetIndex
               );
-              let M;
-              b.value ? M = f(y, _) : M = zn(_), M.style.boxSizing = "border-box", S.style.marginRight = "10px", S.appendChild(M), S.appendChild(Fi(_)), x.appendChild(S);
+              let S;
+              y.value ? S = p(x, w) : S = zn(w), S.style.boxSizing = "border-box", M.style.marginRight = "10px", M.appendChild(S), M.appendChild(Fi(w)), _.appendChild(M);
             });
           }
         }
       ];
     }
-    function f(m, b) {
-      const y = En(m, b, null);
-      return y.onclick = (x) => {
-        Ei(m, b.datasetIndex, o), x.stopPropagation();
-      }, y;
+    function p(m, y) {
+      const x = En(m, y, null);
+      return x.onclick = (_) => {
+        Ei(m, y.datasetIndex, o), _.stopPropagation();
+      }, x;
     }
-    const p = u(s, o), g = F(() => ({
+    const g = f(s, o), b = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
@@ -9986,22 +9983,22 @@ const au = { class: "container" }, ru = { class: "main" }, lu = /* @__PURE__ */
           },
           ticks: {
             callback: function(m) {
-              const b = t.lines[0].unit;
-              return `${tt(m)} ${b || ""}`;
+              const y = t.lines[0].unit;
+              return `${tt(m)} ${y || ""}`;
             }
           }
         }
       }
     }));
-    return (m, b) => (lt(), re("div", au, [
+    return (m, y) => (lt(), re("div", au, [
       st("div", ru, [
-        d.value ? (lt(), le($t(Ld), {
+        u.value ? (lt(), le($t(Ld), {
           key: 0,
           ref: "lineChartRef",
           id: i.chartId,
-          data: d.value,
-          options: g.value,
-          plugins: $t(p),
+          data: u.value,
+          options: b.value,
+          plugins: $t(g),
           class: ce(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
         }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : he("", !0)
@@ -10013,7 +10010,7 @@ const au = { class: "container" }, ru = { class: "main" }, lu = /* @__PURE__ */
     ]));
   }
 });
-const pn = /* @__PURE__ */ ye(lu, [["__scopeId", "data-v-a3d5cf61"]]);
+const pn = /* @__PURE__ */ ye(lu, [["__scopeId", "data-v-8e74b12a"]]);
 pn.install = (i) => {
   i.component("LineChart", pn);
 };
@@ -10028,8 +10025,8 @@ function cu(i, t) {
     e.font = "12px Arial", o.forEach((u, f) => {
       const p = f === o.length - 1 ? hu(t)[a] : "#000000";
       e.fillStyle = p;
-      const g = l.x + c, m = d + 15 * f;
-      e.fillText(u, g, m);
+      const g = l.x + c, b = d + 15 * f;
+      e.fillText(u, g, b);
     });
   }), e.restore());
 }
@@ -10191,8 +10188,8 @@ const uu = { class: "container" }, fu = /* @__PURE__ */ Ft({
         }
       ]
     })), r = {
-      onClick: (g, m, b) => {
-        m[0] && _a(b, m[0].datasetIndex, c);
+      onClick: (g, b, m) => {
+        b[0] && _a(m, b[0].datasetIndex, c);
       },
       plugins: {
         htmlLegend: {
@@ -10247,33 +10244,33 @@ const uu = { class: "container" }, fu = /* @__PURE__ */ Ft({
           }
         }
       }
-    }, l = G(null), c = G(!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 du(g, b);
+    }, l = G(null), c = G(!1), h = () => t.labels.map((g, b) => {
+      const m = t.datasets[0].areaData[b].value ? `${d(
+        t.datasets[0].areaData[b].value + ""
+      )} ${t.datasets[0].areaData[b].unit}` : "No Data";
+      return du(g, m);
     }), d = (g) => tt(parseFloat(g));
-    function u(g, m) {
-      const b = En(g, m, null);
-      return b.onclick = (y) => {
-        Ei(g, m.datasetIndex, c), y.stopPropagation();
-      }, b;
+    function u(g, b) {
+      const m = En(g, b, null);
+      return m.onclick = (y) => {
+        Ei(g, b.datasetIndex, c), y.stopPropagation();
+      }, m;
     }
     const f = [
       {
         id: "htmlLegend",
         afterUpdate(g) {
-          const m = Bi(l, "row");
-          for (; m.firstChild; )
-            m.firstChild.remove();
+          const b = Bi(l, "row");
+          for (; b.firstChild; )
+            b.firstChild.remove();
           g.options.plugins.legend.labels.generateLabels(g).reverse().forEach((y) => {
             const x = Ri(
               g,
               c,
               y.datasetIndex
             );
-            let v;
-            x.style.marginRight = "0.625rem", c.value ? v = u(g, y) : v = zn(y, !0), x.appendChild(v), x.appendChild(Fi(y)), m.appendChild(x);
+            let _;
+            x.style.marginRight = "0.625rem", c.value ? _ = u(g, y) : _ = zn(y, !0), x.appendChild(_), x.appendChild(Fi(y)), b.appendChild(x);
           });
         }
       },
@@ -10284,10 +10281,10 @@ const uu = { class: "container" }, fu = /* @__PURE__ */ Ft({
         }
       }
     ], 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;
+      const b = g.tooltip.dataPoints[0].datasetIndex, m = g.tooltip.dataPoints[0].dataIndex, y = t.datasets[b];
+      return y.areaData[m].value.toFixed(2) + " " + y.areaData[m].unit;
     };
-    return (g, m) => (lt(), re("div", uu, [
+    return (g, b) => (lt(), re("div", uu, [
       st("div", {
         class: "main",
         style: Ut({ height: i.height })
@@ -10326,40 +10323,40 @@ function gu() {
     dataSetIndex: -1,
     columnIndex: -1
   });
-  function e(d, u, f, p, g, m) {
+  function e(d, u, f, p, g, b) {
     return [
       {
         id: "htmlLegend",
-        afterUpdate(b) {
+        afterUpdate(m) {
           const y = Bi(
             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((v, _) => _.datasetIndex - v.datasetIndex).forEach((v) => {
-            const _ = Ri(
-              b,
+          m.options.plugins.legend.labels.generateLabels(m).sort((_, v) => v.datasetIndex - _.datasetIndex).forEach((_) => {
+            const v = Ri(
+              m,
               u,
-              v.datasetIndex
+              _.datasetIndex
             );
-            let S;
-            u.value ? S = ba(
-              b,
-              v,
+            let w;
+            u.value ? w = ba(
+              m,
+              _,
               u,
               { datasetIndex: -1 },
               g.value,
               !1
-            ) : v != null && v.lineCap ? S = zn(v) : S = ma(
-              v,
-              b,
+            ) : _ != null && _.lineCap ? w = zn(_) : w = ma(
+              _,
+              m,
               { datasetIndex: -1 },
               p.value,
               g.value,
-              m.value,
+              b.value,
               !1
-            ), S.style.boxSizing = "border-box", _.style.marginRight = "10px", _.appendChild(S), _.appendChild(Fi(v)), y.appendChild(_);
+            ), w.style.boxSizing = "border-box", v.style.marginRight = "10px", v.appendChild(w), v.appendChild(Fi(_)), y.appendChild(v);
           });
         }
       }
@@ -10376,27 +10373,27 @@ function gu() {
     );
   }
   function s(d, u, f, p, g) {
-    const m = i.value;
-    return d.map((b, y) => {
-      const x = b.type === "bar";
+    const b = i.value;
+    return d.map((m, y) => {
+      const x = m.type === "bar";
       return {
-        type: b.type,
+        type: m.type,
         fill: x ? null : !1,
         borderWidth: function() {
-          return u && x ? 1 : m;
+          return u && x ? 1 : b;
         },
-        borderColor: function(v) {
+        borderColor: function(_) {
           return u && x ? "#00000000" : x ? o(
             y,
-            v.index,
+            _.index,
             f,
             g
           ) : f[y];
         },
-        backgroundColor: function(v) {
+        backgroundColor: function(_) {
           return a(
             y,
-            v.index,
+            _.index,
             u,
             f,
             p,
@@ -10405,11 +10402,11 @@ function gu() {
         },
         yAxisID: x ? "A" : "B",
         pointStyle: y % 2 === 0 ? "rectRot" : "circle",
-        data: b.data,
-        label: b.label,
+        data: m.data,
+        label: m.label,
         pointBackgroundColor: "#FFFFFF",
         pointRadius: 5,
-        order: b.type === "line" ? 0 : 1
+        order: m.type === "line" ? 0 : 1
       };
     });
   }
@@ -10417,15 +10414,15 @@ function gu() {
     const g = ro(d, p);
     return r(d, u) ? f[g] : ae(f[g], 0.2);
   }
-  function a(d, u, f, p, g, m) {
-    const b = ro(d, m);
-    return r(d, u) ? g[b](
+  function a(d, u, f, p, g, b) {
+    const m = ro(d, b);
+    return r(d, u) ? g[m](
       !1,
-      p[b],
+      p[m],
       f
-    ) : g[b](
+    ) : g[m](
       !0,
-      p[b],
+      p[m],
       f
     );
   }
@@ -10620,9 +10617,9 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
       Tt
     );
     const { privateGetHtmlLegendPlugin: e, getMixedDatasets: n } = gu(), { colourSets: s, patternsStandardList: o } = be(), a = G(null), r = G(!1), l = F(() => {
-      let b = [];
-      return t.barDatasets && (b = b.concat(t.barDatasets)), t.lineDatasets && (b = b.concat(t.lineDatasets)), b;
-    }), c = F(() => t.newPatternsOrder.length !== o.length ? s[t.colourSet] : t.newPatternsOrder.map((b) => s[t.colourSet][b])), h = F(() => t.newPatternsOrder.length !== o.length ? o : t.newPatternsOrder.map((b) => o[b])), d = F(() => t.disableAccessibility), u = F(() => ({
+      let m = [];
+      return t.barDatasets && (m = m.concat(t.barDatasets)), t.lineDatasets && (m = m.concat(t.lineDatasets)), m;
+    }), c = F(() => t.newPatternsOrder.length !== o.length ? s[t.colourSet] : t.newPatternsOrder.map((m) => s[t.colourSet][m])), h = F(() => t.newPatternsOrder.length !== o.length ? o : t.newPatternsOrder.map((m) => o[m])), d = F(() => t.disableAccessibility), u = F(() => ({
       labels: p(),
       datasets: n(
         l.value,
@@ -10631,9 +10628,9 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
         h.value,
         0
       )
-    })), f = (b) => {
-      const y = b.tooltip.dataPoints[0].datasetIndex, x = b.tooltip.dataPoints[0].dataIndex, v = l.value[y].data[x], _ = l.value[y].type === "bar" ? t.barUnit : t.lineUnit;
-      return (_ === "%" ? parseFloat(v.toString().replace(",", ".")).toFixed(2) : tt(v)) + _;
+    })), f = (m) => {
+      const y = m.tooltip.dataPoints[0].datasetIndex, x = m.tooltip.dataPoints[0].dataIndex, _ = l.value[y].data[x], v = l.value[y].type === "bar" ? t.barUnit : t.lineUnit;
+      return (v === "%" ? parseFloat(_.toString().replace(",", ".")).toFixed(2) : tt(_)) + v;
     }, p = () => Object.assign([], t.labels).map((y) => y), g = F(() => ({
       type: "bar",
       responsive: !0,
@@ -10657,9 +10654,9 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
         },
         tooltip: {
           enabled: !1,
-          external: function(b) {
+          external: function(m) {
             new pe().createTooltip(
-              b,
+              m,
               f,
               {
                 chartType: me.MIXED_BAR_LINE_CHART,
@@ -10693,8 +10690,8 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
             text: t.yLeftAxisTitle
           },
           ticks: {
-            callback: function(b) {
-              return t.barUnit === "%" ? un(b, t.unit) : tt(b) + " " + t.barUnit;
+            callback: function(m) {
+              return t.barUnit === "%" ? un(m, t.unit) : tt(m) + " " + t.barUnit;
             }
           }
         },
@@ -10710,13 +10707,13 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
             text: t.yRightAxisTitle
           },
           ticks: {
-            callback: function(b) {
-              return (t.lineUnit === "%" ? un(b, t.unit) : tt(b)) + " " + t.lineUnit;
+            callback: function(m) {
+              return (t.lineUnit === "%" ? un(m, t.unit) : tt(m)) + " " + t.lineUnit;
             }
           }
         }
       }
-    })), m = G(
+    })), b = G(
       e(
         a,
         r,
@@ -10725,7 +10722,7 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
         h
       )
     );
-    return (b, y) => (lt(), re("div", pu, [
+    return (m, y) => (lt(), re("div", pu, [
       st("div", mu, [
         u.value ? (lt(), le($t(fa), {
           key: 0,
@@ -10733,7 +10730,7 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
           id: i.chartId,
           data: u.value,
           options: g.value,
-          plugins: m.value,
+          plugins: b.value,
           class: ce(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
         }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : he("", !0)
@@ -11168,7 +11165,7 @@ function Iu(i) {
     h && d || d ? c._visible = !1 : h && (l._visible = !1);
   });
 }
-var We = {
+var He = {
   prepare: function(i) {
     var t = [], e, n, s, o, a;
     for (e = 0, s = i.length; e < s; ++e)
@@ -11283,17 +11280,17 @@ function zu(i, t) {
   var e = i[it], n = e._listeners, s, o;
   if (!(!n.enter && !n.leave)) {
     if (t.type === "mousemove")
-      o = We.lookup(e._labels, t);
+      o = He.lookup(e._labels, t);
     else if (t.type !== "mouseout")
       return;
     s = e._hovered, e._hovered = o, Bu(i, n, s, o, t);
   }
 }
-function Wu(i, t) {
-  var e = i[it], n = e._listeners.click, s = n && We.lookup(e._labels, t);
+function Hu(i, t) {
+  var e = i[it], n = e._listeners.click, s = n && He.lookup(e._labels, t);
   s && bn(i, n, s, t);
 }
-var Hu = {
+var Wu = {
   id: "datalabels",
   defaults: Ru,
   beforeInit: function(i) {
@@ -11306,34 +11303,34 @@ var Hu = {
     t._listened = !1, t._listeners = {}, t._datasets = [], t._labels = [];
   },
   afterDatasetUpdate: function(i, t, e) {
-    var n = t.index, s = i[it], o = s._datasets[n] = [], a = i.isDatasetVisible(n), r = i.data.datasets[n], l = Eu(r, e), c = t.meta.data || [], h = i.ctx, d, u, f, p, g, m, b, y;
+    var n = t.index, s = i[it], o = s._datasets[n] = [], a = i.isDatasetVisible(n), r = i.data.datasets[n], l = Eu(r, e), c = t.meta.data || [], h = i.ctx, d, u, f, p, g, b, m, y;
     for (h.save(), d = 0, f = c.length; d < f; ++d)
-      if (b = c[d], b[it] = [], a && b && i.getDataVisibility(d) && !b.skip)
+      if (m = c[d], m[it] = [], a && m && i.getDataVisibility(d) && !m.skip)
         for (u = 0, p = l.labels.length; u < p; ++u)
-          g = l.labels[u], m = g._key, y = new Ca(g, h, b, d), y.$groups = {
+          g = l.labels[u], b = g._key, y = new Ca(g, h, m, d), y.$groups = {
             _set: n,
-            _key: m || Da
+            _key: b || Da
           }, y.$context = {
             active: !1,
             chart: i,
             dataIndex: d,
             dataset: r,
             datasetIndex: n
-          }, y.update(y.$context), b[it].push(y), o.push(y);
+          }, y.update(y.$context), m[it].push(y), o.push(y);
     h.restore(), bt(s._listeners, l.listeners, {
-      merger: function(x, v, _) {
-        v[x] = v[x] || {}, v[x][t.index] = _[x], s._listened = !0;
+      merger: function(x, _, v) {
+        _[x] = _[x] || {}, _[x][t.index] = v[x], s._listened = !0;
       }
     });
   },
   afterUpdate: function(i) {
-    i[it]._labels = We.prepare(i[it]._datasets);
+    i[it]._labels = He.prepare(i[it]._datasets);
   },
   // Draw labels on top of all dataset elements
   // https://github.com/chartjs/chartjs-plugin-datalabels/issues/29
   // https://github.com/chartjs/chartjs-plugin-datalabels/issues/32
   afterDatasetsDraw: function(i) {
-    We.draw(i, i[it]._labels);
+    He.draw(i, i[it]._labels);
   },
   beforeEvent: function(i, t) {
     if (i[it]._listened) {
@@ -11344,7 +11341,7 @@ var Hu = {
           zu(i, e);
           break;
         case "click":
-          Wu(i, e);
+          Hu(i, e);
           break;
       }
     }
@@ -11355,7 +11352,7 @@ var Hu = {
       if (c = s[o], c[1])
         for (d = c[0].element[it] || [], r = 0, l = d.length; r < l; ++r)
           h = d[r], h.$context.active = c[1] === 1, h.update(h.$context);
-    (t._dirty || s.length) && (We.update(t._labels), i.render()), delete t._dirty;
+    (t._dirty || s.length) && (He.update(t._labels), i.render()), delete t._dirty;
   }
 };
 const uo = "background: white; border-bottom: 1px solid #CCCCCC; border-radius: 5px; padding: 10px 20px";
@@ -11547,7 +11544,7 @@ const Vu = { class: "container" }, ju = { class: "main" }, $u = { class: "chart-
       Tt,
       se,
       oe,
-      Hu
+      Wu
     );
     const { colourSets: e } = be(), n = function(a) {
       const r = [];