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

package/dist/mozaic-chart.js

@@ -1,28 +1,28 @@
 var La = Object.defineProperty;
 var Ta = (i, t, e) => t in i ? La(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var k = (i, t, e) => (Ta(i, typeof t != "symbol" ? t + "" : t, e), e);
-import { version as Oa, defineComponent as Ft, ref as G, shallowRef as go, onMounted as po, onBeforeUnmount as Ia, watch as xi, toRaw as Ji, h as mo, isProxy as bo, reactive as yo, computed as F, openBlock as lt, createElementBlock as re, createElementVNode as st, createBlock as le, unref as $t, normalizeClass as ce, normalizeStyle as Ut, createCommentVNode as he, toDisplayString as Fa } from "vue";
+import { version as Oa, defineComponent as Ft, ref as G, shallowRef as go, onMounted as po, onBeforeUnmount as Ia, watch as xi, toRaw as Ji, h as mo, isProxy as bo, reactive as yo, computed as F, openBlock as lt, createElementBlock as ae, createElementVNode as st, createBlock as re, unref as $t, normalizeClass as le, normalizeStyle as Ut, createCommentVNode as ce, toDisplayString as Fa } from "vue";
 /*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
  * (c) 2023 Jukka Kurkela
  * Released under the MIT License
  */
-function Ye(i) {
+function Ue(i) {
   return i + 0.5 | 0;
 }
 const At = (i, t, e) => Math.max(Math.min(i, e), t);
-function De(i) {
-  return At(Ye(i * 2.55), 0, 255);
+function Ae(i) {
+  return At(Ue(i * 2.55), 0, 255);
 }
 function Lt(i) {
-  return At(Ye(i * 255), 0, 255);
+  return At(Ue(i * 255), 0, 255);
 }
 function vt(i) {
-  return At(Ye(i / 2.55) / 100, 0, 1);
+  return At(Ue(i / 2.55) / 100, 0, 1);
 }
 function Wn(i) {
-  return At(Ye(i * 100), 0, 100);
+  return At(Ue(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);
 function za(i) {
@@ -88,7 +88,7 @@ function Xa(i) {
   let e = 255, n;
   if (!t)
     return;
-  t[5] !== n && (e = t[6] ? De(+t[5]) : Lt(+t[5]));
+  t[5] !== n && (e = t[6] ? Ae(+t[5]) : Lt(+t[5]));
   const s = _o(+t[2]), o = +t[3] / 100, a = +t[4] / 100;
   return t[1] === "hwb" ? n = Ua(s, o, a) : t[1] === "hsv" ? n = Ya(s, o, a) : n = _n(s, o, a), {
     r: n[0],
@@ -313,9 +313,9 @@ function Qa(i) {
   if (t) {
     if (t[7] !== n) {
       const a = +t[7];
-      e = t[8] ? De(a) : At(a * 255, 0, 255);
+      e = t[8] ? Ae(a) : At(a * 255, 0, 255);
     }
-    return n = +t[1], s = +t[3], o = +t[5], n = 255 & (t[2] ? De(n) : At(n, 0, 255)), s = 255 & (t[4] ? De(s) : At(s, 0, 255)), o = 255 & (t[6] ? De(o) : At(o, 0, 255)), {
+    return n = +t[1], s = +t[3], o = +t[5], n = 255 & (t[2] ? Ae(n) : At(n, 0, 255)), s = 255 & (t[4] ? Ae(s) : At(s, 0, 255)), o = 255 & (t[6] ? Ae(o) : At(o, 0, 255)), {
       r: n,
       g: s,
       b: o,
@@ -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;
@@ -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;
@@ -402,7 +402,7 @@ class He {
     return e.a *= 1 - t, this;
   }
   greyscale() {
-    const t = this._rgb, e = Ye(t.r * 0.3 + t.g * 0.59 + t.b * 0.11);
+    const t = this._rgb, e = Ue(t.r * 0.3 + t.g * 0.59 + t.b * 0.11);
     return t.r = t.g = t.b = e, this;
   }
   opaquer(t) {
@@ -532,7 +532,7 @@ function bt(i, t, e) {
   }
   return i;
 }
-function Fe(i, t) {
+function Ie(i, t) {
   return bt(i, t, {
     merger: ar
   });
@@ -541,7 +541,7 @@ function ar(i, t, e) {
   if (!wo(i))
     return;
   const n = t[i], s = e[i];
-  T(n) && T(s) ? Fe(n, s) : Object.prototype.hasOwnProperty.call(t, i) || (t[i] = vi(s));
+  T(n) && T(s) ? Ie(n, s) : Object.prototype.hasOwnProperty.call(t, i) || (t[i] = vi(s));
 }
 const jn = {
   // Chart.helpers.core resolveObjectKey should resolve empty key to root object
@@ -574,7 +574,7 @@ function Ot(i, t) {
 function vn(i) {
   return i.charAt(0).toUpperCase() + i.slice(1);
 }
-const Ne = (i) => typeof i < "u", It = (i) => typeof i == "function", $n = (i, t) => {
+const He = (i) => typeof i < "u", It = (i) => typeof i == "function", $n = (i, t) => {
   if (i.size !== t.size)
     return !1;
   for (const e of i)
@@ -586,12 +586,12 @@ 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;
-function Re(i, t, e) {
+function Fe(i, t, e) {
   return Math.abs(i - t) < e;
 }
 function Yn(i) {
   const t = Math.round(i);
-  i = Re(i, t, i / 1e3) ? t : i;
+  i = Fe(i, t, i / 1e3) ? t : i;
   const e = Math.pow(10, Math.floor(tn(i))), n = i / e;
   return (n <= 1 ? 1 : n <= 2 ? 2 : n <= 5 ? 5 : 10) * e;
 }
@@ -602,7 +602,7 @@ function ur(i) {
     i % n === 0 && (t.push(n), t.push(i / n));
   return e === (e | 0) && t.push(e), t.sort((s, o) => s - o).pop(), t;
 }
-function Ve(i) {
+function Ne(i) {
   return !isNaN(parseFloat(i)) && isFinite(i);
 }
 function fr(i, t) {
@@ -645,7 +645,7 @@ function pr(i, t) {
 function ot(i) {
   return (i % W + W) % W;
 }
-function je(i, t, e, n) {
+function Ve(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);
   return s === o || s === a || n && o === a || r > l && c < h;
 }
@@ -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) * W / e)), Kn = (i, t, e) => Math.pow(2, -10 * i) * Math.sin((i - t) * W / e) + 1, Re = {
   linear: (i) => i,
   easeInQuad: (i) => i * i,
   easeOutQuad: (i) => -i * (i - 2),
@@ -819,11 +819,11 @@ const Qe = (i) => i === 0 || i === 1, qn = (i, t, e) => -(Math.pow(2, 10 * (i -=
     let t = 1.70158;
     return (i /= 0.5) < 1 ? 0.5 * (i * i * (((t *= 1.525) + 1) * i - t)) : 0.5 * ((i -= 2) * i * (((t *= 1.525) + 1) * i + t) + 2);
   },
-  easeInBounce: (i) => 1 - Ee.easeOutBounce(1 - i),
+  easeInBounce: (i) => 1 - Re.easeOutBounce(1 - i),
   easeOutBounce(i) {
     return i < 1 / 2.75 ? 7.5625 * i * i : i < 2 / 2.75 ? 7.5625 * (i -= 1.5 / 2.75) * i + 0.75 : i < 2.5 / 2.75 ? 7.5625 * (i -= 2.25 / 2.75) * i + 0.9375 : 7.5625 * (i -= 2.625 / 2.75) * i + 0.984375;
   },
-  easeInOutBounce: (i) => i < 0.5 ? Ee.easeInBounce(i * 2) * 0.5 : Ee.easeOutBounce(i * 2 - 1) * 0.5 + 0.5
+  easeInOutBounce: (i) => i < 0.5 ? Re.easeInBounce(i * 2) * 0.5 : Re.easeOutBounce(i * 2 - 1) * 0.5 + 0.5
 };
 function Mn(i) {
   if (i && typeof i == "object") {
@@ -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();
+  return Mn(i) ? i : new We(i).saturate(0.5).darken(0.1).hexString();
 }
 const kr = [
   "x",
@@ -1037,7 +1037,7 @@ function Lr(i) {
   });
 }
 const Yt = /* @__PURE__ */ Object.create(null), nn = /* @__PURE__ */ Object.create(null);
-function Be(i, t) {
+function Ee(i, t) {
   if (!t)
     return i;
   const e = t.split(".");
@@ -1048,7 +1048,7 @@ function Be(i, t) {
   return i;
 }
 function Hi(i, t, e) {
-  return typeof t == "string" ? bt(Be(i, t), e) : bt(Be(i, ""), t);
+  return typeof t == "string" ? bt(Ee(i, t), e) : bt(Ee(i, ""), t);
 }
 class Tr {
   constructor(t, e) {
@@ -1074,7 +1074,7 @@ class Tr {
     return Hi(this, t, e);
   }
   get(t) {
-    return Be(this, t);
+    return Ee(this, t);
   }
   describe(t, e) {
     return Hi(nn, t, e);
@@ -1083,7 +1083,7 @@ class Tr {
     return Hi(Yt, t, e);
   }
   route(t, e, n, s) {
-    const o = Be(this, t), a = Be(this, n), r = "_" + e;
+    const o = Ee(this, t), a = Ee(this, n), r = "_" + e;
     Object.defineProperties(o, {
       [r]: {
         value: o[e],
@@ -1161,10 +1161,10 @@ 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;
+  const f = t.pointStyle, m = t.rotation, g = t.radius;
+  let b = (m || 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)) {
@@ -1173,33 +1173,33 @@ function Lo(i, t, e, n, s) {
         s ? i.ellipse(e, n, s / 2, g, 0, 0, W) : i.arc(e, n, g, 0, W), 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) {
+        if (!m) {
           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();
@@ -1254,7 +1254,7 @@ function Xt(i, t, e, n, s, o = {}) {
     c = a[l], o.backdrop && zr(i, o.backdrop), r && (o.strokeColor && (i.strokeStyle = o.strokeColor), O(o.strokeWidth) || (i.lineWidth = o.strokeWidth), i.strokeText(c, e, n, o.maxWidth)), i.fillText(c, e, n, o.maxWidth), Br(i, e, n, c, o), n += Number(s.lineHeight);
   i.restore();
 }
-function $e(i, t) {
+function je(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);
 }
@@ -1598,7 +1598,7 @@ function il(i, t, e) {
   let s, o, a, r, l, c = ne(i, 0);
   for (let h = 0; h < n - 1; ++h)
     if (l = c, c = ne(i, h + 1), !(!l || !c)) {
-      if (Re(t[h], 0, tl)) {
+      if (Fe(t[h], 0, tl)) {
         e[h] = e[h + 1] = 0;
         continue;
       }
@@ -1697,10 +1697,10 @@ function Wt(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);
-  let { width: f, height: p } = t;
-  return o && (f -= a.width + r.width, p -= a.height + r.height), {
+  let { width: f, height: m } = t;
+  return o && (f -= a.width + r.width, m -= a.height + r.height), {
     x: Math.round((l - d) / f * e.width / n),
-    y: Math.round((c - u) / p * e.height / n)
+    y: Math.round((c - u) / m * e.height / n)
   };
 }
 function dl(i, t, e) {
@@ -1830,7 +1830,7 @@ function Wo(i, t) {
 }
 function Ho(i) {
   return i === "angle" ? {
-    between: je,
+    between: Ve,
     compare: pr,
     normalize: ot
   } : {
@@ -1867,24 +1867,24 @@ 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 } = Ho(n), { start: h, end: d, loop: u, style: f } = yl(i, t, e), m = [];
+  let g = !1, b = null, p, y, x;
+  const _ = () => l(s, x, p) && r(s, x) !== 0, v = () => r(o, p) === 0 || l(o, x, p), w = () => g || _(), M = () => !g || v();
+  for (let S = h, A = h; S <= d; ++S)
+    y = t[S % a], !y.skip && (p = c(y[n]), p !== x && (g = l(p, s, o), b === null && w() && (b = r(p, s) === 0 ? S : A), b !== null && M() && (m.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 = p));
+  return b !== null && m.push(ss({
+    start: b,
     end: d,
     loop: u,
     count: a,
     style: f
-  })), p;
+  })), m;
 }
 function Vo(i, t) {
   const e = [], n = i.segments;
@@ -1947,36 +1947,36 @@ 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(m, g, b, p) {
     const y = r ? -1 : 1;
-    if (p !== g) {
-      for (p += l; e[p % l].skip; )
-        p -= y;
+    if (m !== g) {
+      for (m += l; e[m % l].skip; )
+        m -= y;
       for (; e[g % l].skip; )
         g += y;
-      p % l !== g % l && (c.push({
-        start: p % l,
+      m % l !== g % l && (c.push({
+        start: m % l,
         end: g % l,
-        loop: m,
-        style: b
-      }), h = b, d = g % l);
+        loop: b,
+        style: p
+      }), h = p, d = g % l);
     }
   }
-  for (const p of t) {
-    d = r ? d : p.start;
-    let g = e[d % l], m;
-    for (u = d + 1; u <= p.end; u++) {
-      const b = e[u % l];
-      m = as(n.setContext(Rt(s, {
+  for (const m of t) {
+    d = r ? d : m.start;
+    let g = e[d % l], b;
+    for (u = d + 1; u <= m.end; u++) {
+      const p = e[u % l];
+      b = as(n.setContext(Rt(s, {
         type: "segment",
         p0: g,
-        p1: b,
+        p1: p,
         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, m.loop, h), g = p, h = b;
     }
-    d < u - 1 && f(d, u - 1, p.loop, h);
+    d < u - 1 && f(d, u - 1, m.loop, h);
   }
   return c;
 }
@@ -2108,7 +2108,7 @@ class Cl {
       o,
       s
     ]);
-    this._active = !0, this._fn = t.fn || Ml[t.type || typeof a], this._easing = Ee[t.easing] || Ee.linear, this._start = Math.floor(Date.now() + (t.delay || 0)), this._duration = this._total = Math.floor(t.duration), this._loop = !!t.loop, this._target = e, this._prop = n, this._from = a, this._to = s, this._promises = void 0;
+    this._active = !0, this._fn = t.fn || Ml[t.type || typeof a], this._easing = Re[t.easing] || Re.linear, this._start = Math.floor(Date.now() + (t.delay || 0)), this._duration = this._total = Math.floor(t.duration), this._loop = !!t.loop, this._target = e, this._prop = n, this._from = a, this._to = s, this._promises = void 0;
   }
   active() {
     return this._active;
@@ -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 m = t[f], { [l]: g, [c]: b } = m, p = m._stacks || (m._stacks = {});
+    u = p[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) {
@@ -2373,7 +2373,7 @@ function El(i, t, e) {
     type: "data"
   });
 }
-function we(i, t) {
+function Se(i, t) {
   const e = i.controller.index, n = i.vScale && i.vScale.axis;
   if (n) {
     t = t || i._parsed;
@@ -2398,10 +2398,10 @@ class Mt {
     this.configure(), this.linkScales(), t._stacked = hs(t.vScale, t), this.addElements(), this.options.fill && !this.chart.isPluginEnabled("filler") && console.warn("Tried to use the 'fill' option without the 'Filler' plugin enabled. Please import and register the 'Filler' plugin and make sure it is not disabled in the options");
   }
   updateIndex(t) {
-    this.index !== t && we(this._cachedMeta), this.index = t;
+    this.index !== t && Se(this._cachedMeta), this.index = t;
   }
   linkScales() {
-    const t = this.chart, e = this._cachedMeta, n = this.getDataset(), s = (d, u, f, p) => d === "x" ? u : d === "r" ? p : f, o = e.xAxisID = L(n.xAxisID, Ni(t, "x")), a = e.yAxisID = L(n.yAxisID, Ni(t, "y")), r = e.rAxisID = L(n.rAxisID, Ni(t, "r")), l = e.indexAxis, c = e.iAxisID = s(l, o, a, r), h = e.vAxisID = s(l, a, o, r);
+    const t = this.chart, e = this._cachedMeta, n = this.getDataset(), s = (d, u, f, m) => d === "x" ? u : d === "r" ? m : f, o = e.xAxisID = L(n.xAxisID, Ni(t, "x")), a = e.yAxisID = L(n.yAxisID, Ni(t, "y")), r = e.rAxisID = L(n.rAxisID, Ni(t, "r")), l = e.indexAxis, c = e.iAxisID = s(l, o, a, r), h = e.vAxisID = s(l, a, o, r);
     e.xScale = this.getScaleForId(o), e.yScale = this.getScaleForId(a), e.rScale = this.getScaleForId(r), e.iScale = this.getScaleForId(c), e.vScale = this.getScaleForId(h);
   }
   getDataset() {
@@ -2422,7 +2422,7 @@ class Mt {
   }
   _destroy() {
     const t = this._cachedMeta;
-    this._data && Gn(this._data, this), t._stacked && we(t);
+    this._data && Gn(this._data, this), t._stacked && Se(t);
   }
   _dataCheck() {
     const t = this.getDataset(), e = t.data || (t.data = []), n = this._data;
@@ -2432,7 +2432,7 @@ class Mt {
       if (n) {
         Gn(n, this);
         const s = this._cachedMeta;
-        we(s), s._parsed = [];
+        Se(s), s._parsed = [];
       }
       e && Object.isExtensible(e) && xr(e, this), this._syncList = [], this._data = e;
     }
@@ -2446,7 +2446,7 @@ class Mt {
     let s = !1;
     this._dataCheck();
     const o = e._stacked;
-    e._stacked = hs(e.vScale, e), e.stack !== n.stack && (s = !0, we(e), e.stack = n.stack), this._resyncElements(t), (s || o !== e._stacked) && us(this, e._parsed);
+    e._stacked = hs(e.vScale, e), e.stack !== n.stack && (s = !0, Se(e), e.stack = n.stack), this._resyncElements(t), (s || o !== e._stacked) && us(this, e._parsed);
   }
   configure() {
     const t = this.chart.config, e = t.datasetScopeKeys(this._type), n = t.getOptionScopes(this.getDataset(), e, !0);
@@ -2468,11 +2468,11 @@ class Mt {
   }
   parsePrimitiveData(t, e, n, s) {
     const { iScale: o, vScale: a } = t, r = o.axis, l = a.axis, c = o.getLabels(), h = o === a, d = new Array(s);
-    let u, f, p;
+    let u, f, m;
     for (u = 0, f = s; u < f; ++u)
-      p = u + n, d[u] = {
-        [r]: h || o.parse(c[p], p),
-        [l]: a.parse(e[p], p)
+      m = u + n, d[u] = {
+        [r]: h || o.parse(c[m], m),
+        [l]: a.parse(e[m], m)
       };
     return d;
   }
@@ -2523,16 +2523,16 @@ class Mt {
       max: Number.NEGATIVE_INFINITY
     }, { min: h, max: d } = Il(r);
     let u, f;
-    function p() {
+    function m() {
       f = s[u];
       const g = f[r.axis];
       return !q(f[t.axis]) || h > g || d < g;
     }
-    for (u = 0; u < a && !(!p() && (this.updateRangeFromParsed(c, t, f, l), o)); ++u)
+    for (u = 0; u < a && !(!m() && (this.updateRangeFromParsed(c, t, f, l), o)); ++u)
       ;
     if (o) {
       for (u = a - 1; u >= 0; --u)
-        if (!p()) {
+        if (!m()) {
           this.updateRangeFromParsed(c, t, f, l);
           break;
         }
@@ -2593,7 +2593,7 @@ class Mt {
     return this._resolveElementOptions(this.dataElementType.id, e, t);
   }
   _resolveElementOptions(t, e = "default", n) {
-    const s = e === "active", o = this._cachedDataOpts, a = t + "-" + e, r = o[a], l = this.enableOptionSharing && Ne(n);
+    const s = e === "active", o = this._cachedDataOpts, a = t + "-" + e, r = o[a], l = this.enableOptionSharing && He(n);
     if (r)
       return fs(r, l);
     const c = this.chart.config, h = c.datasetElementScopeKeys(this._type, t), d = s ? [
@@ -2604,7 +2604,7 @@ class Mt {
     ] : [
       t,
       ""
-    ], u = c.getOptionScopes(this.getDataset(), h), f = Object.keys($.elements[t]), p = () => this.getContext(n, s, e), g = c.resolveNamedOptions(u, f, p, d);
+    ], u = c.getOptionScopes(this.getDataset(), h), f = Object.keys($.elements[t]), m = () => this.getContext(n, s, e), g = c.resolveNamedOptions(u, f, m, d);
     return g.$shared && (g.$shared = l, o[a] = Object.freeze(fs(g, l))), g;
   }
   _resolveAnimations(t, e, n) {
@@ -2685,7 +2685,7 @@ class Mt {
     const n = this._cachedMeta;
     if (this._parsing) {
       const s = n._parsed.splice(t, e);
-      n._stacked && we(n, s);
+      n._stacked && Se(n, s);
     }
     n.data.splice(t, e);
   }
@@ -2759,7 +2759,7 @@ function Wl(i) {
   const t = i.iScale, e = zl(t, i.type);
   let n = t._length, s, o, a, r;
   const l = () => {
-    a === 32767 || a === -32768 || (Ne(r) && (n = Math.min(n, Math.abs(a - r) || n)), r = a);
+    a === 32767 || a === -32768 || (He(r) && (n = Math.min(n, Math.abs(a - r) || n)), r = a);
   };
   for (s = 0, o = e.length; s < o; ++s)
     a = t.getPixelForValue(e[s]), l();
@@ -2866,9 +2866,9 @@ class fi extends Mt {
   }
   parseObjectData(t, e, n, s) {
     const { iScale: o, vScale: a } = t, { xAxisKey: r = "x", yAxisKey: l = "y" } = this._parsing, c = o.axis === "x" ? r : l, h = a.axis === "x" ? r : l, d = [];
-    let u, f, p, g;
+    let u, f, m, g;
     for (u = n, f = n + s; u < f; ++u)
-      g = e[u], p = {}, p[o.axis] = o.parse(Ot(g, c), u), d.push(Uo(Ot(g, h), p, a, u));
+      g = e[u], m = {}, m[o.axis] = o.parse(Ot(g, c), u), d.push(Uo(Ot(g, h), m, a, u));
     return d;
   }
   updateRangeFromParsed(t, e, n, s) {
@@ -2898,21 +2898,21 @@ class fi extends Mt {
   updateElements(t, e, n, s) {
     const o = s === "reset", { index: a, _cachedMeta: { vScale: r } } = this, l = r.getBasePixel(), c = r.isHorizontal(), h = this._getRuler(), { sharedOptions: d, includeOptions: u } = this._getSharedOptions(e, s);
     for (let f = e; f < e + n; f++) {
-      const p = this.getParsed(f), g = o || O(p[r.axis]) ? {
+      const m = this.getParsed(f), g = o || O(m[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), p = (m._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: !p || ji(m._custom) || a === p._top || a === p._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, p, a), Xl(y, x, h.ratio), this.updateElement(t[f], f, y, s);
     }
   }
   _getStacks(t, e) {
@@ -2952,24 +2952,24 @@ class fi extends Mt {
   }
   _calculateBarValuePixels(t) {
     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;
+    let d = l[e.axis], u = 0, f = n ? this.applyStack(e, l, n) : d, m, 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 p = e.getPixelForValue(b);
+    if (this.chart.getDataVisibility(t) ? m = e.getPixelForValue(u + f) : m = p, g = m - p, Math.abs(g) < a) {
+      g = jl(g, e, r) * a, d === r && (p -= g / 2);
+      const y = e.getPixelForDecimal(0), x = e.getPixelForDecimal(1), _ = Math.min(y, x), v = Math.max(y, x);
+      p = Math.max(Math.min(p, v), _), m = p + g, n && !h && (l._stacks[e.axis]._visualValues[s] = e.getValueForPixel(m) - e.getValueForPixel(p));
+    }
+    if (p === e.getPixelForValue(r)) {
       const y = mt(g) * e.getLineWidthForValue(r) / 2;
-      b += y, g -= y;
+      p += y, g -= y;
     }
     return {
       size: g,
-      base: b,
-      head: p,
-      center: p + g / 2
+      base: p,
+      head: m,
+      center: m + g / 2
     };
   }
   _calculateBarIndexPixels(t, e) {
@@ -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], m = !o && this.getParsed(u), g = {}, b = g[h] = o ? a.getPixelForDecimal(0.5) : a.getPixelForValue(m[h]), p = g[d] = o ? r.getBasePixel() : r.getPixelForValue(m[d]);
+      g.skip = isNaN(b) || isNaN(p), 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) {
@@ -3115,8 +3115,8 @@ 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;
+    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) => Ve(x, r, l, !0) ? 1 : Math.max(_, _ * e, v, v * e), m = (x, _, v) => Ve(x, r, l, !0) ? -1 : Math.min(_, _ * e, v, v * e), g = f(0, c, d), b = f(Y, h, u), p = m(j, c, d), y = m(j + Y, h, u);
+    n = (g - p) / 2, s = (b - y) / 2, o = -(g + p) / 2, a = -(b + y) / 2;
   }
   return {
     ratioX: n,
@@ -3125,7 +3125,7 @@ function Gl(i, t, e) {
     offsetY: a
   };
 }
-class Le extends Mt {
+class De extends Mt {
   constructor(t, e) {
     super(t, e), this.enableOptionSharing = !0, this.innerRadius = void 0, this.outerRadius = void 0, this.offsetX = void 0, this.offsetY = void 0;
   }
@@ -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: m, offsetY: g } = Gl(d, h, l), b = (n.width - a) / u, p = (n.height - a) / f, y = Math.max(Math.min(b, p) / 2, 0), x = So(this.options.radius, y), _ = Math.max(x * l, 0), v = (x - _) / this._getVisibleDatasetWeightTotal();
+    this.offsetX = m * 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);
   }
   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, m = u ? 0 : this.outerRadius, { sharedOptions: g, includeOptions: b } = this._getSharedOptions(e, s);
+    let p = this._getRotation(), y;
     for (y = 0; y < e; ++y)
-      b += this._circumference(y, o);
+      p += 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: p,
+        endAngle: p + x,
         circumference: x,
-        outerRadius: p,
+        outerRadius: m,
         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)), p += x, this.updateElement(_, y, v, s);
     }
   }
   calculateTotal() {
@@ -3248,7 +3248,7 @@ class Le extends Mt {
     return this._getRingWeightOffset(this.chart.data.datasets.length) || 1;
   }
 }
-k(Le, "id", "doughnut"), k(Le, "defaults", {
+k(De, "id", "doughnut"), k(De, "defaults", {
   datasetElementType: !1,
   dataElementType: "arc",
   animation: {
@@ -3278,10 +3278,10 @@ k(Le, "id", "doughnut"), k(Le, "defaults", {
   radius: "100%",
   spacing: 0,
   indexAxis: "r"
-}), k(Le, "descriptors", {
+}), k(De, "descriptors", {
   _scriptable: (t) => t !== "spacing",
   _indexable: (t) => t !== "spacing" && !t.startsWith("borderDash") && !t.startsWith("hoverBorderDash")
-}), k(Le, "overrides", {
+}), k(De, "overrides", {
   aspectRatio: 1,
   plugins: {
     legend: {
@@ -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: m, segment: g } = this.options, b = Ne(m) ? m : Number.POSITIVE_INFINITY, p = 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 = p ? 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)), p || this.updateElement(w, v, M, s), _ = S;
     }
   }
   getMaxOverflow() {
@@ -3496,13 +3496,13 @@ function Kl(i, t, e, n) {
     hi: o.length - 1
   };
 }
-function Xe(i, t, e, n, s) {
+function Ye(i, t, e, n, s) {
   const o = i.getSortedVisibleDatasetMetas(), a = e[t];
   for (let r = 0, l = o.length; r < l; ++r) {
     const { index: c, data: h } = o[r], { lo: d, hi: u } = Kl(o[r], t, a, s);
     for (let f = d; f <= u; ++f) {
-      const p = h[f];
-      p.skip || n(p, c, f);
+      const m = h[f];
+      m.skip || n(m, c, f);
     }
   }
 }
@@ -3515,7 +3515,7 @@ function Zl(i) {
 }
 function $i(i, t, e, n, s) {
   const o = [];
-  return !s && !i.isPointInArea(t) || Xe(i, e, t, function(r, l, c) {
+  return !s && !i.isPointInArea(t) || Ye(i, e, t, function(r, l, c) {
     !s && !wt(r, i.chartArea, 0) || r.inRange(t.x, t.y, n) && o.push({
       element: r,
       datasetIndex: l,
@@ -3533,13 +3533,13 @@ function Jl(i, t, e, n) {
       x: t.x,
       y: t.y
     });
-    je(d, c, h) && s.push({
+    Ve(d, c, h) && s.push({
       element: a,
       datasetIndex: r,
       index: l
     });
   }
-  return Xe(i, e, t, o), s;
+  return Ye(i, e, t, o), s;
 }
 function Ql(i, t, e, n, s, o) {
   let a = [];
@@ -3549,23 +3549,23 @@ function Ql(i, t, e, n, s, o) {
     const f = h.inRange(t.x, t.y, s);
     if (n && !f)
       return;
-    const p = h.getCenterPoint(s);
-    if (!(!!o || i.isPointInArea(p)) && !f)
+    const m = h.getCenterPoint(s);
+    if (!(!!o || i.isPointInArea(m)) && !f)
       return;
-    const m = r(t, p);
-    m < l ? (a = [
+    const b = r(t, m);
+    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
     });
   }
-  return Xe(i, e, t, c), a;
+  return Ye(i, e, t, c), a;
 }
 function Ui(i, t, e, n, s, o) {
   return !o && !i.isPointInArea(t) ? [] : e === "r" && !n ? Jl(i, t, e, s) : Ql(i, t, e, n, s, o);
@@ -3573,7 +3573,7 @@ function Ui(i, t, e, n, s, o) {
 function bs(i, t, e, n, s) {
   const o = [], a = e === "x" ? "inXRange" : "inYRange";
   let r = !1;
-  return Xe(i, e, t, (l, c, h) => {
+  return Ye(i, e, t, (l, c, h) => {
     l[a](t[e], s) && (o.push({
       element: l,
       datasetIndex: c,
@@ -3582,7 +3582,7 @@ function bs(i, t, e, n, s) {
   }), n && !r ? [] : o;
 }
 var tc = {
-  evaluateInteractionItems: Xe,
+  evaluateInteractionItems: Ye,
   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 = [];
@@ -3634,13 +3634,13 @@ const Yo = [
   "right",
   "bottom"
 ];
-function ke(i, t) {
+function we(i, t) {
   return i.filter((e) => e.pos === t);
 }
 function ys(i, t) {
   return i.filter((e) => Yo.indexOf(e.pos) === -1 && e.box.axis === t);
 }
-function Me(i, t) {
+function ke(i, t) {
   return i.sort((e, n) => {
     const s = t ? n : e, o = t ? e : n;
     return s.weight === o.weight ? s.index - o.index : s.weight - o.weight;
@@ -3688,12 +3688,12 @@ function nc(i, t) {
   return e;
 }
 function sc(i) {
-  const t = ec(i), e = Me(t.filter((c) => c.box.fullSize), !0), n = Me(ke(t, "left"), !0), s = Me(ke(t, "right")), o = Me(ke(t, "top"), !0), a = Me(ke(t, "bottom")), r = ys(t, "x"), l = ys(t, "y");
+  const t = ec(i), e = ke(t.filter((c) => c.box.fullSize), !0), n = ke(we(t, "left"), !0), s = ke(we(t, "right")), o = ke(we(t, "top"), !0), a = ke(we(t, "bottom")), r = ys(t, "x"), l = ys(t, "y");
   return {
     fullSize: e,
     leftAndTop: n.concat(o),
     rightAndBottom: s.concat(l).concat(a).concat(r),
-    chartArea: ke(t, "chartArea"),
+    chartArea: we(t, "chartArea"),
     vertical: n.concat(s).concat(l),
     horizontal: o.concat(a).concat(r)
   };
@@ -3753,7 +3753,7 @@ function rc(i, t) {
     "bottom"
   ]);
 }
-function Te(i, t, e, n) {
+function Le(i, t, e, n) {
   const s = [];
   let o, a, r, l, c, h;
   for (o = 0, a = i.length, c = 0; o < a; ++o) {
@@ -3761,7 +3761,7 @@ function Te(i, t, e, n) {
     const { same: d, other: u } = oc(t, e, r, n);
     c |= d && s.length, h = h || u, l.fullSize || s.push(r);
   }
-  return c && Te(s, t, e, n) || h;
+  return c && Le(s, t, e, n) || h;
 }
 function ii(i, t, e, n, s) {
   i.top = e, i.left = t, i.right = t + n, i.bottom = e + s, i.width = n, i.height = s;
@@ -3777,10 +3777,10 @@ function _s(i, t, e, n) {
     }, h = r.stackWeight / c.weight || 1;
     if (r.horizontal) {
       const d = t.w * h, u = c.size || l.height;
-      Ne(c.start) && (a = c.start), l.fullSize ? ii(l, s.left, a, e.outerWidth - s.right - s.left, u) : ii(l, t.left + c.placed, a, d, u), c.start = a, c.placed += d, a = l.bottom;
+      He(c.start) && (a = c.start), l.fullSize ? ii(l, s.left, a, e.outerWidth - s.right - s.left, u) : ii(l, t.left + c.placed, a, d, u), c.start = a, c.placed += d, a = l.bottom;
     } else {
       const d = t.h * h, u = c.size || l.width;
-      Ne(c.start) && (o = c.start), l.fullSize ? ii(l, o, s.top, u, e.outerHeight - s.bottom - s.top) : ii(l, o, t.top + c.placed, u, d), c.start = o, c.placed += d, o = l.right;
+      He(c.start) && (o = c.start), l.fullSize ? ii(l, o, s.top, u, e.outerHeight - s.bottom - s.top) : ii(l, o, t.top + c.placed, u, d), c.start = o, c.placed += d, o = l.right;
     }
   }
   t.x = o, t.y = a;
@@ -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,
@@ -3828,8 +3828,8 @@ var rt = {
       h: a,
       x: s.left,
       y: s.top
-    }, s), p = nc(l.concat(c), d);
-    Te(r.fullSize, f, d, p), Te(l, f, d, p), Te(c, f, d, p) && Te(l, f, d, p), ac(f), _s(r.leftAndTop, f, d, p), f.x += f.w, f.y += f.h, _s(r.rightAndBottom, f, d, p), i.chartArea = {
+    }, s), m = nc(l.concat(c), d);
+    Le(r.fullSize, f, d, m), Le(l, f, d, m), Le(c, f, d, m) && Le(l, f, d, m), ac(f), _s(r.leftAndTop, f, d, m), f.x += f.w, f.y += f.h, _s(r.rightAndBottom, f, d, m), i.chartArea = {
       left: f.left,
       top: f.top,
       right: f.left + f.w,
@@ -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,
@@ -3964,19 +3964,19 @@ function pc(i, t, e) {
     subtree: !0
   }), s;
 }
-const Ue = /* @__PURE__ */ new Map();
+const $e = /* @__PURE__ */ new Map();
 let Ss = 0;
 function Ko() {
   const i = window.devicePixelRatio;
-  i !== Ss && (Ss = i, Ue.forEach((t, e) => {
+  i !== Ss && (Ss = i, $e.forEach((t, e) => {
     e.currentDevicePixelRatio !== i && t();
   }));
 }
 function mc(i, t) {
-  Ue.size || window.addEventListener("resize", Ko), Ue.set(i, t);
+  $e.size || window.addEventListener("resize", Ko), $e.set(i, t);
 }
 function bc(i) {
-  Ue.delete(i), Ue.size || window.removeEventListener("resize", Ko);
+  $e.delete(i), $e.size || window.removeEventListener("resize", Ko);
 }
 function yc(i, t, e) {
   const n = i.canvas, s = n && On(n);
@@ -4074,7 +4074,7 @@ class ht {
     };
   }
   hasValue() {
-    return Ve(this.x) && Ve(this.y);
+    return Ne(this.x) && Ne(this.y);
   }
   getProps(t, e) {
     const n = this.$animations;
@@ -4172,7 +4172,7 @@ function Lc(i, t) {
     }
   });
 }
-function Ce(i) {
+function Me(i) {
   return i.drawTicks ? i.tickLength : 0;
 }
 function Cs(i, t) {
@@ -4200,31 +4200,31 @@ 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;
+  let d = 0, u, f, m;
+  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 p = Object.keys(e)[0], y = e[p];
+      m = h[p].getPixelForValue(y) + g - t;
     } else
-      e === "center" ? p = (c.bottom + c.top) / 2 + g - t : p = ws(i, e, t);
+      e === "center" ? m = (c.bottom + c.top) / 2 + g - t : m = 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 p = Object.keys(e)[0], y = e[p];
+      f = h[p].getPixelForValue(y) - b + t;
     } else
-      e === "center" ? f = (c.left + c.right) / 2 - m + t : f = ws(i, e, t);
-    p = J(n, a, s), d = e === "left" ? -Y : Y;
+      e === "center" ? f = (c.left + c.right) / 2 - b + t : f = ws(i, e, t);
+    m = J(n, a, s), d = e === "left" ? -Y : Y;
   }
   return {
     titleX: f,
-    titleY: p,
+    titleY: m,
     maxWidth: u,
     rotation: d
   };
 }
-class de extends ht {
+class he extends ht {
   constructor(t) {
     super(), this.id = t.id, this.type = t.type, this.options = void 0, this.ctx = t.ctx, this.chart = t.chart, this.top = void 0, this.bottom = void 0, this.left = void 0, this.right = void 0, this.width = void 0, this.height = void 0, this._margins = {
       left: 0,
@@ -4377,7 +4377,7 @@ class de extends ht {
       return;
     }
     const h = this._getLabelSizes(), d = h.widest.width, u = h.highest.height, f = Q(this.chart.width - d, 0, this.maxWidth);
-    r = t.offset ? this.maxWidth / n : f / (n - 1), d + 6 > r && (r = f / (n - (t.offset ? 0.5 : 1)), l = this.maxHeight - Ce(t.grid) - e.padding - Cs(t.title, this.chart.options.font), c = Math.sqrt(d * d + u * u), a = Sn(Math.min(Math.asin(Q((h.highest.height + 6) / r, -1, 1)), Math.asin(Q(l / c, -1, 1)) - Math.asin(Q(u / c, -1, 1)))), a = Math.max(s, Math.min(o, a))), this.labelRotation = a;
+    r = t.offset ? this.maxWidth / n : f / (n - 1), d + 6 > r && (r = f / (n - (t.offset ? 0.5 : 1)), l = this.maxHeight - Me(t.grid) - e.padding - Cs(t.title, this.chart.options.font), c = Math.sqrt(d * d + u * u), a = Sn(Math.min(Math.asin(Q((h.highest.height + 6) / r, -1, 1)), Math.asin(Q(l / c, -1, 1)) - Math.asin(Q(u / c, -1, 1)))), a = Math.max(s, Math.min(o, a))), this.labelRotation = a;
   }
   afterCalculateLabelRotation() {
     E(this.options.afterCalculateLabelRotation, [
@@ -4398,16 +4398,16 @@ class de extends ht {
     }, { chart: e, options: { ticks: n, title: s, grid: o } } = this, a = this._isVisible(), r = this.isHorizontal();
     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);
+      if (r ? (t.width = this.maxWidth, t.height = Me(o) + l) : (t.height = this.maxHeight, t.width = Me(o) + l), n.display && this.ticks.length) {
+        const { first: c, last: h, widest: d, highest: u } = this._getLabelSizes(), f = n.padding * 2, m = gt(this.labelRotation), g = Math.cos(m), b = Math.sin(m);
         if (r) {
-          const b = n.mirror ? 0 : m * d.width + g * u.height;
-          t.height = Math.min(this.maxHeight, t.height + b + f);
+          const p = n.mirror ? 0 : b * d.width + g * u.height;
+          t.height = Math.min(this.maxHeight, t.height + p + f);
         } else {
-          const b = n.mirror ? 0 : g * d.width + m * u.height;
-          t.width = Math.min(this.maxWidth, t.width + b + f);
+          const p = n.mirror ? 0 : g * d.width + b * u.height;
+          t.width = Math.min(this.maxWidth, t.width + p + 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, m, g, b, p, 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 (m = t[d].label, g = this._resolveTickFontOptions(d), s.font = b = g.string, p = 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;
-      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);
+      }, y = g.lineHeight, x = _ = 0, !O(m) && !z(m))
+        x = wi(s, p.data, p.gc, x, m), _ = y;
+      else if (z(m))
+        for (u = 0, f = m.length; u < f; ++u)
+          v = m[u], !O(v) && !z(v) && (x = wi(s, p.data, p.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,42 +4527,42 @@ 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 = Me(o), f = [], m = r.setContext(this.getContext()), g = m.display ? m.width : 0, b = g / 2, p = 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, H;
     if (a === "top")
-      y = b(this.bottom), M = this.bottom - u, A = y - m, P = b(t.top) + m, H = t.bottom;
+      y = p(this.bottom), M = this.bottom - u, A = y - b, P = p(t.top) + b, H = 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 = p(this.top), P = t.top, H = p(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 = p(this.right), w = this.right - u, S = y - b, C = p(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 = p(this.left), C = t.left, D = p(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 = p((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 = p(this.chart.scales[B].getPixelForValue(N));
       }
-      P = t.top, H = t.bottom, M = y + m, A = M + u;
+      P = t.top, H = t.bottom, M = y + b, A = M + u;
     } else if (e === "y") {
       if (a === "center")
-        y = b((t.left + t.right) / 2);
+        y = p((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 = p(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,
+      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, ye = N.tickWidth, xe = N.tickColor, _e = N.tickBorderDash || [], ve = N.tickBorderDashOffset;
+      _ = Dc(this, x, l), _ !== void 0 && (v = Bt(n, _, Z), c ? w = S = C = D = v : M = A = P = H = v, f.push({
+        tx1: w,
         ty1: M,
-        tx2: w,
+        tx2: S,
         ty2: A,
         x1: C,
         y1: P,
@@ -4572,83 +4572,83 @@ class de extends ht {
         color: Gt,
         borderDash: qe,
         borderDashOffset: qt,
-        tickWidth: xe,
-        tickColor: _e,
-        tickBorderDash: ve,
-        tickBorderDashOffset: Se
+        tickWidth: ye,
+        tickColor: xe,
+        tickBorderDash: _e,
+        tickBorderDashOffset: ve
       }));
     }
     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 = Me(n.grid), f = u + h, m = d ? -h : f, g = -gt(this.labelRotation), b = [];
+    let p, y, x, _, v, w, M, S, A, C, P, D, H = "middle";
     if (s === "top")
-      S = this.bottom - p, M = this._getXAxisLabelAlignment();
+      w = this.bottom - m, M = this._getXAxisLabelAlignment();
     else if (s === "bottom")
-      S = this.top + p, M = this._getXAxisLabelAlignment();
+      w = this.top + m, 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"));
     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 (p = 0, y = r.length; p < y; ++p) {
+      x = r[p], _ = x.label;
+      const I = o.setContext(this.getContext(p));
+      S = this.getPixelForTick(p) + o.labelOffset, A = this._resolveTickFontOptions(p), 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" && (p === y - 1 ? Gt = this.options.reverse ? "left" : "right" : p === 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];
-        let ve = D - qt.top, Se = 0 - qt.left;
+        const qt = K(I.backdropPadding), ye = U.heights[p], xe = U.widths[p];
+        let _e = D - qt.top, ve = 0 - qt.left;
         switch (H) {
           case "middle":
-            ve -= xe / 2;
+            _e -= ye / 2;
             break;
           case "bottom":
-            ve -= xe;
+            _e -= ye;
             break;
         }
         switch (M) {
           case "center":
-            Se -= _e / 2;
+            ve -= xe / 2;
             break;
           case "right":
-            Se -= _e;
+            ve -= xe;
             break;
         }
         qe = {
-          left: Se,
-          top: ve,
-          width: _e + qt.width,
-          height: xe + qt.height,
+          left: ve,
+          top: _e,
+          width: xe + qt.width,
+          height: ye + qt.height,
           color: I.backdropColor
         };
       }
-      m.push({
-        label: v,
+      b.push({
+        label: _,
         font: A,
         textOffset: D,
         options: {
@@ -4659,14 +4659,14 @@ class de extends ht {
           textAlign: Gt,
           textBaseline: H,
           translation: [
-            _,
-            S
+            v,
+            w
           ],
           backdrop: qe
         }
       });
     }
-    return m;
+    return b;
   }
   _getXAxisLabelAlignment() {
     const { position: t, ticks: e } = this.options;
@@ -4787,7 +4787,7 @@ class de extends ht {
   }
   _layers() {
     const t = this.options, e = t.ticks && t.ticks.z || 0, n = L(t.grid && t.grid.z, -1), s = L(t.border && t.border.z, 0);
-    return !this._isVisible() || this.draw !== de.prototype.draw ? [
+    return !this._isVisible() || this.draw !== he.prototype.draw ? [
       {
         z: e,
         draw: (o) => {
@@ -4878,7 +4878,7 @@ function Bc(i) {
 }
 class zc {
   constructor() {
-    this.controllers = new si(Mt, "datasets", !0), this.elements = new si(ht, "elements"), this.plugins = new si(Object, "plugins"), this.scales = new si(de, "scales"), this._typedRegistries = [
+    this.controllers = new si(Mt, "datasets", !0), this.elements = new si(ht, "elements"), this.plugins = new si(Object, "plugins"), this.scales = new si(he, "scales"), this._typedRegistries = [
       this.controllers,
       this.scales,
       this.elements
@@ -5094,7 +5094,7 @@ function Gc(i, t) {
     if (r._proxy)
       return console.warn(`Ignoring resolver passed as options for scale: ${a}`);
     const l = an(a, r, Xc(a, i), $.scales[r.type]), c = Uc(l, s), h = e.scales || {};
-    o[a] = Fe(/* @__PURE__ */ Object.create(null), [
+    o[a] = Ie(/* @__PURE__ */ Object.create(null), [
       {
         axis: l
       },
@@ -5106,7 +5106,7 @@ function Gc(i, t) {
     const r = a.type || i.type, l = a.indexAxis || on(r, t), h = (Yt[r] || {}).scales || {};
     Object.keys(h).forEach((d) => {
       const u = $c(d, l), f = a[u + "AxisID"] || u;
-      o[f] = o[f] || /* @__PURE__ */ Object.create(null), Fe(o[f], [
+      o[f] = o[f] || /* @__PURE__ */ Object.create(null), Ie(o[f], [
         {
           axis: u
         },
@@ -5116,7 +5116,7 @@ function Gc(i, t) {
     });
   }), Object.keys(o).forEach((a) => {
     const r = o[a];
-    Fe(r, [
+    Ie(r, [
       $.scales[r.type],
       $.scale
     ]);
@@ -5137,7 +5137,7 @@ function oi(i, t) {
   let e = Ds.get(i);
   return e || (e = t(), Ds.set(i, e), Qo.add(e)), e;
 }
-const Pe = (i, t, e) => {
+const Ce = (i, t, e) => {
   const n = Ot(t, e);
   n !== void 0 && i.add(n);
 };
@@ -5226,7 +5226,7 @@ class Kc {
       return r;
     const l = /* @__PURE__ */ new Set();
     e.forEach((h) => {
-      t && (l.add(t), h.forEach((d) => Pe(l, t, d))), h.forEach((d) => Pe(l, s, d)), h.forEach((d) => Pe(l, Yt[o] || {}, d)), h.forEach((d) => Pe(l, $, d)), h.forEach((d) => Pe(l, nn, d));
+      t && (l.add(t), h.forEach((d) => Ce(l, t, d))), h.forEach((d) => Ce(l, s, d)), h.forEach((d) => Ce(l, Yt[o] || {}, d)), h.forEach((d) => Ce(l, $, d)), h.forEach((d) => Ce(l, nn, d));
     });
     const c = Array.from(l);
     return c.length === 0 && c.push(/* @__PURE__ */ Object.create(null)), Qo.has(e) && a.set(e, c), c;
@@ -5696,7 +5696,7 @@ let Ct = (Pt = class {
   }
   _updateVisibility(t, e, n) {
     const s = n ? "show" : "hide", o = this.getDatasetMeta(t), a = o.controller._resolveAnimations(void 0, s);
-    Ne(e) ? (o.data[e].hidden = !n, this.update()) : (this.setDatasetVisibility(t, n), a.update(o, {
+    He(e) ? (o.data[e].hidden = !n, this.update()) : (this.setDatasetVisibility(t, n), a.update(o, {
       visible: n
     }), this.update((r) => r.datasetIndex === t ? s : void 0));
   }
@@ -5865,32 +5865,32 @@ function Zt(i, t, e, n) {
 function Ci(i, t, e, n, s, o) {
   const { x: a, y: r, startAngle: l, pixelMargin: c, innerRadius: h } = t, d = Math.max(t.outerRadius + n + e - c, 0), u = h > 0 ? h + n + e + c : 0;
   let f = 0;
-  const p = s - l;
+  const m = s - l;
   if (n) {
-    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 I = h > 0 ? h - n : 0, B = d > 0 ? d - n : 0, N = (I + B) / 2, ct = N !== 0 ? m * N / (N + n) : m;
+    f = (m - 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, m * d - e / j) / d, b = (m - g) / 2, p = l + b + f, y = s - b - f, { outerStart: x, outerEnd: _, innerStart: v, innerEnd: w } = rh(t, u, d, y - p), M = d - x, S = d - _, A = p + x / M, C = y - _ / S, P = u + v, D = u + w, H = p + 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 N = (y - w / u + (p + v / u)) / 2;
+    if (i.arc(a, r, u, y - w / u, N, !0), i.arc(a, r, u, N, p + v / u, !0), v > 0) {
       const Z = Zt(P, H, a, r);
-      i.arc(Z.x, Z.y, _, H + Math.PI, b - Y);
+      i.arc(Z.x, Z.y, v, H + Math.PI, p - Y);
     }
-    const ct = Zt(M, b, a, r);
+    const ct = Zt(M, p, 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, p - Y, A);
     }
   } else {
     i.moveTo(a, r);
@@ -5917,14 +5917,14 @@ function ch(i, t, e, n, s) {
   if (!c)
     return;
   i.setLineDash(d || []), i.lineDashOffset = u, f ? (i.lineWidth = c * 2, i.lineJoin = h || "round") : (i.lineWidth = c, i.lineJoin = h || "bevel");
-  let p = t.endAngle;
+  let m = t.endAngle;
   if (o) {
-    Ci(i, t, e, n, p, s);
+    Ci(i, t, e, n, m, s);
     for (let g = 0; g < o; ++g)
       i.stroke();
-    isNaN(r) || (p = a + (r % W || W));
+    isNaN(r) || (m = a + (r % W || W));
   }
-  f && oh(i, t, p), o || (Ci(i, t, e, n, p, s), i.stroke());
+  f && oh(i, t, m), o || (Ci(i, t, e, n, m, s), i.stroke());
 }
 class Qt extends ht {
   constructor(e) {
@@ -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) >= W || Ve(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([
@@ -6020,22 +6020,22 @@ function ia(i, t, e = {}) {
 }
 function uh(i, t, e, n) {
   const { points: s, options: o } = t, { count: a, start: r, loop: l, ilen: c } = ia(s, e, n), h = dh(o);
-  let { move: d = !0, reverse: u } = n || {}, f, p, g;
+  let { move: d = !0, reverse: u } = n || {}, f, m, g;
   for (f = 0; f <= c; ++f)
-    p = s[(r + (u ? c - f : f)) % a], !p.skip && (d ? (i.moveTo(p.x, p.y), d = !1) : h(i, g, p, u, o.stepped), g = p);
-  return l && (p = s[(r + (u ? c : 0)) % a], h(i, g, p, u, o.stepped)), !!l;
+    m = s[(r + (u ? c - f : f)) % a], !m.skip && (d ? (i.moveTo(m.x, m.y), d = !1) : h(i, g, m, u, o.stepped), g = m);
+  return l && (m = s[(r + (u ? c : 0)) % a], h(i, g, m, u, o.stepped)), !!l;
 }
 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, m, g, b, p;
+  const y = (_) => (a + (c ? r - _ : _)) % o, x = () => {
+    g !== b && (i.lineTo(h, b), i.lineTo(h, g), i.lineTo(h, p));
   };
   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 === m ? (v < g ? g = v : v > b && (b = v), h = (d * h + _) / ++d) : (x(), i.lineTo(_, v), m = w, d = 0, g = b = v), p = v;
   }
   x();
 }
@@ -6101,13 +6101,13 @@ class pt extends ht {
     const r = [], l = gh(n);
     let c, h;
     for (c = 0, h = a.length; c < h; ++c) {
-      const { start: d, end: u } = a[c], f = o[d], p = o[u];
-      if (f === p) {
+      const { start: d, end: u } = a[c], f = o[d], m = o[u];
+      if (f === m) {
         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]) / (m[e] - f[e])), b = l(f, m, g, n.stepped);
+      b[e] = t[e], r.push(b);
     }
     return r.length === 1 ? r[0] : r;
   }
@@ -6308,7 +6308,7 @@ class ee extends ht {
     super(), this.options = void 0, this.horizontal = void 0, this.base = void 0, this.width = void 0, this.height = void 0, this.inflateAmount = void 0, t && Object.assign(this, t);
   }
   draw(t) {
-    const { inflateAmount: e, options: { borderColor: n, backgroundColor: s } } = this, { inner: o, outer: a } = vh(this), r = Sh(a.radius) ? $e : wh;
+    const { inflateAmount: e, options: { borderColor: n, backgroundColor: s } } = this, { inner: o, outer: a } = vh(this), r = Sh(a.radius) ? je : wh;
     t.save(), (a.w !== o.w || a.h !== o.h) && (t.beginPath(), r(t, Gi(a, e, o)), t.clip(), r(t, Gi(o, -e, a)), t.fillStyle = n, t.fill("evenodd")), t.beginPath(), r(t, Gi(o, e)), t.fillStyle = s, t.fill(), t.restore();
   }
   inRange(t, e, n) {
@@ -6363,8 +6363,8 @@ function kh(i, t, e) {
     }
     const d = Vo(t, h);
     for (const u of d) {
-      const f = ln(e, o[u.start], o[u.end], u.loop), p = No(r, s, f);
-      for (const g of p)
+      const f = ln(e, o[u.start], o[u.end], u.loop), m = No(r, s, f);
+      for (const g of m)
         a.push({
           source: g,
           target: u,
@@ -6648,15 +6648,15 @@ function Hs(i, t) {
   for (const { source: l, target: c, start: h, end: d } of r) {
     const { style: { backgroundColor: u = o } = {} } = l, f = n !== !0;
     i.save(), i.fillStyle = u, Vh(i, a, f && ln(s, h, d)), i.beginPath();
-    const p = !!e.pathSegment(i, l);
+    const m = !!e.pathSegment(i, l);
     let g;
     if (f) {
-      p ? i.closePath() : Ns(i, n, d, s);
-      const m = !!n.pathSegment(i, c, {
-        move: p,
+      m ? i.closePath() : Ns(i, n, d, s);
+      const b = !!n.pathSegment(i, c, {
+        move: m,
         reverse: !0
       });
-      g = p && m, g || Ns(i, n, h, s);
+      g = m && b, g || Ns(i, n, h, s);
     }
     i.closePath(), i.fill(g ? "evenodd" : "nonzero"), i.restore();
   }
@@ -6754,27 +6754,27 @@ class js extends ht {
     let d = t;
     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] = {
+    return this.legendItems.forEach((m, g) => {
+      const b = n + e / 2 + o.measureText(m.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({
+    let d = r, u = 0, f = 0, m = 0, g = 0;
+    return this.legendItems.forEach((b, p) => {
+      const { itemWidth: y, itemHeight: x } = Uh(n, e, o, b, s);
+      p > 0 && f + x + 2 * r > h && (d += u + r, c.push({
         width: u,
         height: f
-      }), p += u + r, g++, u = f = 0), l[b] = {
-        left: p,
+      }), m += u + r, g++, u = f = 0), l[p] = {
+        left: m,
         top: f,
         col: g,
         width: y,
@@ -6812,59 +6812,59 @@ 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) {
-      if (isNaN(p) || p <= 0 || isNaN(g) || g < 0)
+    const { boxWidth: m, boxHeight: g, itemHeight: b } = Vs(a, d), p = function(w, M, S) {
+      if (isNaN(m) || m <= 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;
-        Lo(s, C, P, D, a.pointStyleWidth && p);
+        }, P = l.xPlus(w, m / 2), D = M + u;
+        Lo(s, C, P, D, a.pointStyleWidth && m);
       } 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, m), D = Vt(S.borderRadius);
+        s.beginPath(), Object.values(D).some((H) => H !== 0) ? je(s, {
           x: P,
           y: C,
-          w: p,
+          w: m,
           h: g,
           radius: D
-        }) : s.rect(P, C, p, g), s.fill(), A !== 0 && s.stroke();
+        }) : s.rect(P, C, m, 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 = m + 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));
+      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 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)
+      if (p(H, D, w), P = vr(A, P + m + 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 += _;
+        f.y += v;
     }), Wo(this.ctx, t.textDirection);
   }
   drawTitle() {
@@ -6876,8 +6876,8 @@ 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);
-      h = c + J(t.align, this.top, this.bottom - p - t.labels.padding - this._computeTitleHeight());
+      const m = this.columnSizes.reduce((g, b) => Math.max(g, b.height), 0);
+      h = c + J(t.align, this.top, this.bottom - m - t.labels.padding - this._computeTitleHeight());
     }
     const f = J(r, d, d + u);
     a.textAlign = o.textAlign(kn(r)), a.textBaseline = "middle", a.strokeStyle = e.color, a.fillStyle = e.color, a.font = n.string, Xt(a, e.text, f, h, n);
@@ -6941,7 +6941,7 @@ function aa(i, t) {
 function Gh(i, t) {
   return !!((i === "mousemove" || i === "mouseout") && (t.onHover || t.onLeave) || t.onClick && (i === "click" || i === "mouseup"));
 }
-var ue = {
+var de = {
   id: "legend",
   _element: js,
   start(i, t, e) {
@@ -7081,7 +7081,7 @@ function qh(i, t) {
   });
   rt.configure(i, e, t), rt.addBox(i, e), i.titleBlock = e;
 }
-var fe = {
+var ue = {
   id: "title",
   _element: ra,
   start(i, t, e) {
@@ -7115,7 +7115,7 @@ var fe = {
     _indexable: !1
   }
 };
-const Oe = {
+const Te = {
   average(i) {
     if (!i.length)
       return !1;
@@ -7176,21 +7176,21 @@ 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;
+  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, m = K(t.padding);
+  let g = m.height, b = 0, p = n.reduce((_, v) => _ + v.before.length + v.lines.length + v.after.length, 0);
+  if (p += i.beforeBody.length + i.afterBody.length, d && (g += d * c.lineHeight + (d - 1) * t.titleSpacing + t.titleMarginBottom), p) {
+    const _ = t.displayColors ? Math.max(r, l.lineHeight) : l.lineHeight;
+    g += f * _ + (p - f) * l.lineHeight + (p - 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 += m.width, {
+    width: b,
     height: g
   };
 }
@@ -7225,10 +7225,10 @@ function ed(i, t, e) {
 }
 function Ys(i, t, e, n) {
   const { caretSize: s, caretPadding: o, cornerRadius: a } = i, { xAlign: r, yAlign: l } = e, c = s + o, { topLeft: h, topRight: d, bottomLeft: u, bottomRight: f } = Vt(a);
-  let p = td(t, r);
+  let m = td(t, r);
   const g = ed(t, l, c);
-  return l === "center" ? r === "left" ? p += c : r === "right" && (p -= c) : r === "left" ? p -= Math.max(h, u) + s : r === "right" && (p += Math.max(d, f) + s), {
-    x: Q(p, 0, n.width - t.width),
+  return l === "center" ? r === "left" ? m += c : r === "right" && (m -= c) : r === "left" ? m -= Math.max(h, u) + s : r === "right" && (m += Math.max(d, f) + s), {
+    x: Q(m, 0, n.width - t.width),
     y: Q(g, 0, n.height - t.height)
   };
 }
@@ -7368,7 +7368,7 @@ class cn extends ht {
         opacity: 0
       });
     else {
-      const r = Oe[n.position].call(this, s, this._eventPosition);
+      const r = Te[n.position].call(this, s, this._eventPosition);
       a = this._createItems(n), this.title = this.getTitle(a, n), this.beforeBody = this.getBeforeBody(a, n), this.body = this.getBody(a, n), this.afterBody = this.getAfterBody(a, n), this.footer = this.getFooter(a, n);
       const l = this._size = $s(this, n), c = Object.assign({}, r, l), h = Us(this.chart, n, c), d = Ys(n, c, h, this.chart);
       this.xAlign = h.xAlign, this.yAlign = h.yAlign, o = {
@@ -7392,15 +7392,15 @@ class cn extends ht {
     e.lineTo(o.x1, o.y1), e.lineTo(o.x2, o.y2), e.lineTo(o.x3, o.y3);
   }
   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,
+    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: m, height: g } = e;
+    let b, p, y, x, _, v;
+    return o === "center" ? (_ = f + g / 2, s === "left" ? (b = u, p = b - a, x = _ + a, v = _ - a) : (b = u + m, p = b + a, x = _ - a, v = _ + a), y = b) : (s === "left" ? p = u + Math.max(l, h) + a : s === "right" ? p = u + m - Math.max(c, d) - a : p = this.caretX, o === "top" ? (x = f, _ = x - a, b = p - a, y = p + a) : (x = f + g, _ = x + a, b = p + a, y = p - a), v = x), {
+      x1: b,
+      x2: p,
       x3: y,
       y1: x,
-      y2: v,
-      y3: _
+      y2: _,
+      y3: v
     };
   }
   drawTitle(t, e, n) {
@@ -7413,45 +7413,45 @@ class cn extends ht {
     }
   }
   _drawColorBox(t, e, n, s, o) {
-    const a = this.labelColors[n], r = this.labelPointStyles[n], { boxHeight: l, boxWidth: c } = o, h = X(o.bodyFont), d = ri(this, "left", o), u = s.x(d), f = l < h.lineHeight ? (h.lineHeight - l) / 2 : 0, p = e.y + f;
+    const a = this.labelColors[n], r = this.labelPointStyles[n], { boxHeight: l, boxWidth: c } = o, h = X(o.bodyFont), d = ri(this, "left", o), u = s.x(d), f = l < h.lineHeight ? (h.lineHeight - l) / 2 : 0, m = e.y + f;
     if (o.usePointStyle) {
       const g = {
         radius: Math.min(c, l) / 2,
         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, p = m + l / 2;
+      t.strokeStyle = o.multiKeyBackground, t.fillStyle = o.multiKeyBackground, sn(t, g, b, p), t.strokeStyle = a.borderColor, t.fillStyle = a.backgroundColor, sn(t, g, b, p);
     } 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), p = Vt(a.borderRadius);
+      Object.values(p).some((y) => y !== 0) ? (t.beginPath(), t.fillStyle = o.multiKeyBackground, je(t, {
         x: g,
-        y: p,
+        y: m,
         w: c,
         h: l,
-        radius: b
-      }), t.fill(), t.stroke(), t.fillStyle = a.backgroundColor, t.beginPath(), $e(t, {
-        x: m,
-        y: p + 1,
+        radius: p
+      }), t.fill(), t.stroke(), t.fillStyle = a.backgroundColor, t.beginPath(), je(t, {
+        x: b,
+        y: m + 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: p
+      }), t.fill()) : (t.fillStyle = o.multiKeyBackground, t.fillRect(g, m, c, l), t.strokeRect(g, m, c, l), t.fillStyle = a.backgroundColor, t.fillRect(b, m + 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 m = te(n.rtl, this.x, this.width), g = function(S) {
+      e.fillText(S, m.x(t.x + f), t.y + u / 2), t.y += u + o;
+    }, b = m.textAlign(a);
+    let p, 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 (p = s[_], y = this.labelTextColors[_], e.fillStyle = y, R(p.before, g), x = p.lines, r && x.length && (this._drawColorBox(e, t, _, m, n), u = Math.max(d.lineHeight, l)), v = 0, M = x.length; v < M; ++v)
+        g(x[v]), u = d.lineHeight;
+      R(p.after, g);
     }
     f = 0, u = d.lineHeight, R(this.afterBody, g), t.y -= o;
   }
@@ -7465,13 +7465,13 @@ class cn extends ht {
     }
   }
   drawBackground(t, e, n, s) {
-    const { xAlign: o, yAlign: a } = this, { x: r, y: l } = t, { width: c, height: h } = n, { topLeft: d, topRight: u, bottomLeft: f, bottomRight: p } = Vt(s.cornerRadius);
-    e.fillStyle = s.backgroundColor, e.strokeStyle = s.borderColor, e.lineWidth = s.borderWidth, e.beginPath(), e.moveTo(r + d, l), a === "top" && this.drawCaret(t, e, n, s), e.lineTo(r + c - u, l), e.quadraticCurveTo(r + c, l, r + c, l + u), a === "center" && o === "right" && this.drawCaret(t, e, n, s), e.lineTo(r + c, l + h - p), e.quadraticCurveTo(r + c, l + h, r + c - p, l + h), a === "bottom" && this.drawCaret(t, e, n, s), e.lineTo(r + f, l + h), e.quadraticCurveTo(r, l + h, r, l + h - f), a === "center" && o === "left" && this.drawCaret(t, e, n, s), e.lineTo(r, l + d), e.quadraticCurveTo(r, l, r + d, l), e.closePath(), e.fill(), s.borderWidth > 0 && e.stroke();
+    const { xAlign: o, yAlign: a } = this, { x: r, y: l } = t, { width: c, height: h } = n, { topLeft: d, topRight: u, bottomLeft: f, bottomRight: m } = Vt(s.cornerRadius);
+    e.fillStyle = s.backgroundColor, e.strokeStyle = s.borderColor, e.lineWidth = s.borderWidth, e.beginPath(), e.moveTo(r + d, l), a === "top" && this.drawCaret(t, e, n, s), e.lineTo(r + c - u, l), e.quadraticCurveTo(r + c, l, r + c, l + u), a === "center" && o === "right" && this.drawCaret(t, e, n, s), e.lineTo(r + c, l + h - m), e.quadraticCurveTo(r + c, l + h, r + c - m, l + h), a === "bottom" && this.drawCaret(t, e, n, s), e.lineTo(r + f, l + h), e.quadraticCurveTo(r, l + h, r, l + h - f), a === "center" && o === "left" && this.drawCaret(t, e, n, s), e.lineTo(r, l + d), e.quadraticCurveTo(r, l, r + d, l), e.closePath(), e.fill(), s.borderWidth > 0 && e.stroke();
   }
   _updateAnimationTarget(t) {
     const e = this.chart, n = this.$animations, s = n && n.x, o = n && n.y;
     if (s || o) {
-      const a = Oe[t.position].call(this, this._active, this._eventPosition);
+      const a = Te[t.position].call(this, this._active, this._eventPosition);
       if (!a)
         return;
       const r = this._size = $s(this, t), l = Object.assign({}, a, this._size), c = Us(e, t, l), h = Ys(t, l, c, e);
@@ -7534,15 +7534,15 @@ class cn extends ht {
     return o.reverse && a.reverse(), a;
   }
   _positionChanged(t, e) {
-    const { caretX: n, caretY: s, options: o } = this, a = Oe[o.position].call(this, t, e);
+    const { caretX: n, caretY: s, options: o } = this, a = Te[o.position].call(this, t, e);
     return a !== !1 && (n !== a.x || s !== a.y);
   }
 }
-k(cn, "positioners", Oe);
-var ge = {
+k(cn, "positioners", Te);
+var fe = {
   id: "tooltip",
   _element: cn,
-  positioners: Oe,
+  positioners: Te,
   afterInit(i, t, e) {
     e && (i.tooltip = new cn({
       chart: i,
@@ -7671,7 +7671,7 @@ function qs(i) {
   const t = this.getLabels();
   return i >= 0 && i < t.length ? t[i] : i;
 }
-class se extends de {
+class se extends he {
   constructor(t) {
     super(t), this._startValue = void 0, this._valueRange = 0, this._addedLabels = [];
   }
@@ -7732,42 +7732,42 @@ 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, m = h - 1, { min: g, max: b } = t, p = !O(a), y = !O(r), x = !O(c), _ = (b - g) / (d + 1);
+  let v = Yn((b - g) / m / f) * f, w, M, S, A;
+  if (v < 1e-14 && !p && !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 > m && (v = Yn(A * v / m / 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), p && 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 = p ? a : M, S = y ? r : S, A = c - 1, v = (S - M) / A) : (A = (S - M) / v, Fe(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 (p && (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++, Fe(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 && Fe(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 }) {
   const s = gt(n), o = (e ? Math.sin(s) : Math.cos(s)) || 1e-3, a = 0.75 * t * ("" + i).length;
   return Math.min(t / o, a);
 }
-class hn extends de {
+class hn extends he {
   constructor(t) {
     super(t), this.start = void 0, this.end = void 0, this._startValue = void 0, this._endValue = void 0, this._valueRange = 0;
   }
@@ -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), m = Math.round(Sn(f)), g = Zs(m, h.x, u.w, 0, 180), b = Zs(m, 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);
 }
@@ -7958,7 +7958,7 @@ function md(i, t, e) {
     const l = Vt(t.borderRadius), c = K(t.backdropPadding);
     i.fillStyle = r;
     const h = n - c.left, d = s - c.top, u = o - n + c.width, f = a - s + c.height;
-    Object.values(l).some((p) => p !== 0) ? (i.beginPath(), $e(i, {
+    Object.values(l).some((m) => m !== 0) ? (i.beginPath(), je(i, {
       x: h,
       y: d,
       w: u,
@@ -8005,7 +8005,7 @@ function xd(i, t, e) {
     type: "pointLabel"
   });
 }
-class Ie extends hn {
+class Oe extends hn {
   constructor(t) {
     super(t), this.xCenter = void 0, this.yCenter = void 0, this.drawingArea = void 0, this._pointLabels = [], this._pointLabelItems = [];
   }
@@ -8095,8 +8095,8 @@ class Ie extends hn {
     if (e.pointLabels.display && bd(this, a), s.display && this.ticks.forEach((h, d) => {
       if (d !== 0) {
         l = this.getDistanceFromCenterForValue(h.value);
-        const u = this.getContext(d), f = s.setContext(u), p = o.setContext(u);
-        yd(this, f, l, a, p);
+        const u = this.getContext(d), f = s.setContext(u), m = o.setContext(u);
+        yd(this, f, l, a, m);
       }
     }), n.display) {
       for (t.save(), r = a - 1; r >= 0; r--) {
@@ -8133,7 +8133,7 @@ class Ie extends hn {
   drawTitle() {
   }
 }
-k(Ie, "id", "radialLinear"), k(Ie, "defaults", {
+k(Oe, "id", "radialLinear"), k(Oe, "defaults", {
   display: !0,
   animate: !0,
   position: "chartArea",
@@ -8164,11 +8164,11 @@ k(Ie, "id", "radialLinear"), k(Ie, "defaults", {
     padding: 5,
     centerPointLabels: !1
   }
-}), k(Ie, "defaultRoutes", {
+}), k(Oe, "defaultRoutes", {
   "angleLines.color": "borderColor",
   "pointLabels.color": "color",
   "ticks.color": "color"
-}), k(Ie, "descriptors", {
+}), k(Oe, "descriptors", {
   angleLines: {
     _fallback: "grid"
   }
@@ -8227,7 +8227,7 @@ function Qs(i, t) {
     return null;
   const e = i._adapter, { parser: n, round: s, isoWeekday: o } = i._parseOpts;
   let a = t;
-  return typeof n == "function" && (a = n(a)), q(a) || (a = typeof n == "string" ? e.parse(a, n) : e.parse(a)), a === null ? null : (s && (a = s === "week" && (Ve(o) || o === !0) ? e.startOf(a, "isoWeek", o) : e.startOf(a, s)), +a);
+  return typeof n == "function" && (a = n(a)), q(a) || (a = typeof n == "string" ? e.parse(a, n) : e.parse(a)), a === null ? null : (s && (a = s === "week" && (Ne(o) || o === !0) ? e.startOf(a, "isoWeek", o) : e.startOf(a, s)), +a);
 }
 function to(i, t, e, n) {
   const s = nt.length;
@@ -8276,7 +8276,7 @@ function io(i, t, e) {
     });
   return o === 0 || !e ? n : Sd(i, n, s, e);
 }
-class Pi extends de {
+class Pi extends he {
   constructor(t) {
     super(t), this._cache = {
       data: [],
@@ -8286,7 +8286,7 @@ class Pi extends de {
   }
   init(t, e = {}) {
     const n = t.time || (t.time = {}), s = this._adapter = new ql._date(t.adapters.date);
-    s.init(e), Fe(n.displayFormats, s.formats()), this._parseOpts = {
+    s.init(e), Ie(n.displayFormats, s.formats()), this._parseOpts = {
       parser: n.parser,
       round: n.round,
       isoWeekday: n.isoWeekday
@@ -8338,14 +8338,14 @@ class Pi extends de {
     };
   }
   _generate() {
-    const t = this._adapter, e = this.min, n = this.max, s = this.options, o = s.time, a = o.unit || to(o.minUnit, e, n, this._getLabelCapacity(e)), r = L(s.ticks.stepSize, 1), l = a === "week" ? o.isoWeekday : !1, c = Ve(l) || l === !0, h = {};
+    const t = this._adapter, e = this.min, n = this.max, s = this.options, o = s.time, a = o.unit || to(o.minUnit, e, n, this._getLabelCapacity(e)), r = L(s.ticks.stepSize, 1), l = a === "week" ? o.isoWeekday : !1, c = Ne(l) || l === !0, h = {};
     let d = e, u, f;
     if (c && (d = +t.startOf(d, "isoWeek", l)), d = +t.startOf(d, c ? "day" : a), t.diff(n, e, a) > 1e5 * r)
       throw new Error(e + " and " + n + " are too far apart with stepSize of " + r + " " + a);
-    const p = s.ticks.source === "data" && this.getDataTimestamps();
+    const m = s.ticks.source === "data" && this.getDataTimestamps();
     for (u = d, f = 0; u < n; u = +t.add(u, r, a), f++)
-      eo(h, u, p);
-    return (u === n || s.bounds === "ticks" || f === 1) && eo(h, u, p), Object.keys(h).sort(Js).map((g) => +g);
+      eo(h, u, m);
+    return (u === n || s.bounds === "ticks" || f === 1) && eo(h, u, m), Object.keys(h).sort(Js).map((g) => +g);
   }
   getLabelForValue(t) {
     const e = this._adapter, n = this.options.time;
@@ -8568,10 +8568,10 @@ const Ad = Ft({
     const o = () => {
       if (!n.value)
         return;
-      const { type: l, data: c, options: h, plugins: d, datasetIdKey: u } = i, f = Pd(c, u), p = Md(f, c);
+      const { type: l, data: c, options: h, plugins: d, datasetIdKey: u } = i, f = Pd(c, u), m = Md(f, c);
       s.value = new Ct(n.value, {
         type: l,
-        data: p,
+        data: m,
         options: {
           ...h
         },
@@ -8588,19 +8588,19 @@ const Ad = Ft({
       () => i.data
     ], (l, c) => {
       let [h, d] = l, [u, f] = c;
-      const p = Ji(s.value);
-      if (!p)
+      const m = Ji(s.value);
+      if (!m)
         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), p = Jt(u);
+        b && b !== p && (Cd(m, 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), p = Jt(f.labels), y = Jt(d.datasets), x = Jt(f.datasets);
+        b !== p && (da(m.config.data, b), g = !0), y && y !== x && (ua(m.config.data, y, i.datasetIdKey), g = !0);
       }
-      g && r(p);
+      g && r(m);
     }, {
       deep: !0
     }), () => mo("canvas", {
@@ -8608,7 +8608,7 @@ const Ad = Ft({
     });
   }
 });
-function Ge(i, t) {
+function Xe(i, t) {
   return Ct.register(t), Ft({
     props: ha,
     setup(e, n) {
@@ -8627,14 +8627,14 @@ function Ge(i, t) {
     }
   });
 }
-const fa = /* @__PURE__ */ Ge("bar", fi), Dd = /* @__PURE__ */ Ge("doughnut", Le), Ld = /* @__PURE__ */ Ge("line", pi), Td = /* @__PURE__ */ Ge("radar", mi), Od = /* @__PURE__ */ Ge("bubble", gi);
+const fa = /* @__PURE__ */ Xe("bar", fi), Dd = /* @__PURE__ */ Xe("doughnut", De), Ld = /* @__PURE__ */ Xe("line", pi), Td = /* @__PURE__ */ Xe("radar", mi), Od = /* @__PURE__ */ Xe("bubble", gi);
 function Ii() {
   function i(e, n = 50, s = 50) {
     const o = document.createElement("canvas"), a = o.getContext("2d");
     return a && (o.width = n, o.height = s, a.fillStyle = e, a.fillRect(0, 0, n, s)), o;
   }
   function t(e, n) {
-    return n ? (e + n) % 6 : e;
+    return (n ? e + n : e) % 6;
   }
   return {
     getPatternCanvas: i,
@@ -8662,16 +8662,16 @@ function pa(i, t, e, n, s, o, a, r, l) {
       const d = c.config.type === "doughnut" ? "column" : "row", u = Bi(i, d);
       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);
+      c.options.plugins.legend.labels.generateLabels(c).forEach((m) => {
+        const g = c.config.type === "doughnut", b = g ? m.index : m.datasetIndex, p = 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;
+          p.style.marginTop = "12px", x && (p.style.position = "relative");
         } else
-          b.style.marginRight = "10px";
-        b.style.width = "max-content", b.style.cursor = "pointer";
+          p.style.marginRight = "10px";
+        p.style.width = "max-content", p.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, m, t, e, s.value, a.value) : y = ma(m, c, e, n.value, s.value, o.value, a.value), y.style.boxSizing = "border-box", p.appendChild(y), p.appendChild(Fi(m)), g && r && zd(l, r, b) && p.appendChild(Wd(l, r)), u.appendChild(p);
       });
     }
   }];
@@ -8730,7 +8730,7 @@ function Fi(i) {
 }
 function ya(i, t) {
   const e = document.createElement("div");
-  return t !== "doughnut" && (e.style.background = "rgba(0, 0, 0, 0.1)", e.style.borderColor = i.strokeStyle, e.style.borderWidth = Rn), e.style.borderRadius = "5px", e.style.borderStyle = "solid", e.style.display = "flex", e.style.justifyContent = "center", e.style.alignItems = "center", e.style.width = Ai, e.style.marginRight = ga, e.style.height = Ai, e;
+  return t !== "doughnut" && (e.style.background = "rgba(0, 0, 0, 0.1)", e.style.borderColor = i.strokeStyle, e.style.borderWidth = Rn), e.style.borderRadius = "5px", e.style.borderStyle = "solid", e.style.display = "flex", e.style.justifyContent = "center", e.style.alignItems = "center", e.style.minWidth = Ai, e.style.marginRight = ga, e.style.minHeight = Ai, e;
 }
 function Vd(i) {
   const t = document.createElement("div");
@@ -8745,8 +8745,8 @@ function Ri(i, t, e) {
 function jd(i, t, e, n) {
   let s = "#fff", o = "#666";
   i && (s = oo(t.strokeStyle) ? n : t.strokeStyle, o = oo(t.strokeStyle) ? n : t.strokeStyle, e.setAttribute("checked", "" + i)), e.setAttribute("class", "mc-checkbox__input"), e.setAttribute("style", `background-color: ${s};
-    width: ${Ai};
-    height: ${Ai};
+    min-width: ${Ai};
+    min-height: ${Ai};
     margin-right: ${ga};
     border-color: ${o};`);
 }
@@ -8796,7 +8796,7 @@ function Bi(i, t) {
 function oo(i) {
   return i === "#00000000";
 }
-function ae(i, t) {
+function Ge(i, t) {
   const e = Math.round(Math.min(Math.max(t || 1, 0), 1) * 255);
   return i + e.toString(16).toUpperCase();
 }
@@ -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, p, y, x, _) {
+    return pa(g, b, e, p, 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, p, y, x, _) {
+    const v = i.value;
+    return g.map((w, M) => ({
+      borderColor: function(S) {
+        return p ? "#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, p, y, x, _);
       },
       borderWidth: function() {
-        return b ? 1 : _;
+        return p ? 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, p, y, x) {
+    return o([g, b], !1, x, p, y);
   }
-  function r(g, m, b, y) {
+  function r(g, b, p, y) {
     const x = Ki(g, y);
-    return u(g, m) ? b[x] : ae(b[x], 0.2);
+    return u(g, b) ? p[x] : Ge(p[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, p, y, x, _) {
+    const v = Ki(g, _);
+    return u(g, b) ? x[v](!1, y[v], p) : x[v](!0, y[v], p);
   }
   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();
+  function m() {
+    return (g, b) => {
+      b[0] !== void 0 ? (e.dataSetIndex = b[0].datasetIndex, e.columnIndex = b[0].index) : f();
     };
   }
   return {
@@ -8865,7 +8865,7 @@ function Ud() {
     reloadChart: s,
     getDatasets: a,
     getStackedDatasets: o,
-    getOnHoverOptions: p,
+    getOnHoverOptions: m,
     getBorderColor: r,
     getPattern: l,
     privateGetHtmlLegendPlugin: n,
@@ -8875,7 +8875,7 @@ function Ud() {
   };
 }
 const { getPatternCanvas: Yd } = Ii();
-class pe {
+class ge {
   constructor() {
     k(this, "chartType", "");
     k(this, "datasetIndex", 0);
@@ -8901,17 +8901,17 @@ class pe {
     if (l.body) {
       this.titleLines = l.title || [];
       const f = l.body.map(this.getBody);
-      let p = "background: white;";
-      p += "border-bottom: 1px solid #CCCCCC;", p += "border-radius: 5px;", p += "padding: 10px 20px";
-      const g = `<div style="${p}" class="tooltipTitle">`, m = this.chartType === "DOUGHNUT" ? [l.title[0].split("(")[0].trim()] : f[0];
-      let b = "", y = "";
+      let m = "background: white;";
+      m += "border-bottom: 1px solid #CCCCCC;", m += "border-radius: 5px;", m += "padding: 10px 20px";
+      const g = `<div style="${m}" class="tooltipTitle">`, b = this.chartType === "DOUGHNUT" ? [l.title[0].split("(")[0].trim()] : f[0];
+      let p = "", 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" ? (p = this.createLegendStyle(t), y = this.createLegendInnerStyle(t)) : this.chartType === "BAR_CHART" || this.chartType === "DETAILS_BAR_CHART" || this.chartType === "DOUGHNUT" ? p = this.createPatternLegendStyle(t) : this.chartType === "MIXED_BAR_LINE_CHART" && (x === "bar" ? p = this.createPatternLegendStyle(t) : (p = this.createLegendStyle(t), y = this.createLegendInnerStyle(t))), this.addLegendToDom(
         g,
-        b,
+        p,
         y,
+        b,
         m,
-        p,
         r,
         s,
         o,
@@ -8948,8 +8948,8 @@ class pe {
     let d = t, u = `<div class="legendIcon" style="${e}">`;
     const f = `<div style="${n}"></div>`;
     u += `${f}</div>`;
-    const p = this.setInnerHtmlToAdd(s, o, u);
-    d += p;
+    const m = this.setInnerHtmlToAdd(s, o, u);
+    d += m;
     const g = a == null ? void 0 : a.querySelector(".tooltipCtn");
     (g == null ? void 0 : g.innerHTML) != null && (h ? this.setInnerHtmlAndPattern(g, d, r, l, c, h) : this.setInnerHtmlAndPattern(g, d, r, l, c));
   }
@@ -8987,7 +8987,7 @@ class pe {
     return t.lines;
   }
 }
-var me = /* @__PURE__ */ ((i) => (i.RADAR = "RADAR", i.BAR_CHART = "BAR_CHART", i.MIXED_BAR_LINE_CHART = "MIXED_BAR_LINE_CHART", i.DETAILS_BAR_CHART = "DETAILS_BAR_CHART", i.LINE_CHART = "LINE_CHART", i.DOUGHNUT = "DOUGHNUT", i))(me || {});
+var pe = /* @__PURE__ */ ((i) => (i.RADAR = "RADAR", i.BAR_CHART = "BAR_CHART", i.MIXED_BAR_LINE_CHART = "MIXED_BAR_LINE_CHART", i.DETAILS_BAR_CHART = "DETAILS_BAR_CHART", i.LINE_CHART = "LINE_CHART", i.DOUGHNUT = "DOUGHNUT", i))(pe || {});
 function Xd(i, t = "#A274FF", e = !1) {
   const n = document.createElement("canvas"), s = n.getContext("2d");
   if (!s)
@@ -9084,7 +9084,7 @@ function Jd(i, t = "#095359", e = !1) {
   const c = l.createPattern(n, "repeat");
   return c ? (l.fillStyle = c, l.fillRect(0, 0, r.width, r.height), c) : new CanvasPattern();
 }
-function be() {
+function me() {
   return {
     patternsStandardList: [
       Xd,
@@ -9246,27 +9246,27 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
   setup(i) {
     const t = i;
     Ct.register(
-      fe,
-      ge,
       ue,
+      fe,
+      de,
       ee,
       se,
       oe
     );
-    const { colourSets: e, patternsStandardList: n } = be(), s = G(null), o = G(!1), a = F(() => t.newPatternsOrder.length !== n.length ? e[t.colourSet] : t.newPatternsOrder.map((C) => e[t.colourSet][C])), r = F(() => t.newPatternsOrder.length !== n.length ? n : t.newPatternsOrder.map((C) => n[C])), l = F(() => t.disableAccessibility), c = F(() => t.enableHoverFeature), {
+    const { colourSets: e, patternsStandardList: n } = me(), s = G(null), o = G(!1), a = F(() => t.newPatternsOrder.length !== n.length ? e[t.colourSet] : t.newPatternsOrder.map((C) => e[t.colourSet][C])), r = F(() => t.newPatternsOrder.length !== n.length ? n : t.newPatternsOrder.map((C) => n[C])), l = F(() => t.disableAccessibility), c = F(() => t.enableHoverFeature), {
       onHoverIndex: h,
       barChartRef: d,
       reloadChart: u,
       getOnHoverOptions: f,
-      getStackedDatasets: p,
+      getStackedDatasets: m,
       privateGetHtmlLegendPlugin: g
-    } = Ud(), m = F(() => {
-      const C = M(v.value);
+    } = Ud(), b = F(() => {
+      const C = M(_.value);
       return x(), {
         labels: C,
-        datasets: p(
+        datasets: m(
           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 p, y;
     const x = () => {
-      b = t.tooltipFirstLineLabel, y = t.tooltipSecondLineLabel;
-    }, v = F(() => {
+      p = 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) => {
+    }), v = (C, P, D = !1) => {
       const H = Object.assign([], t.datasets[C].data);
-      return P && v.value && H.splice(v.value, 1), H.map(
+      return P && _.value && H.splice(_.value, 1), H.map(
         (U) => t.unit === "%" ? U.rate : U.amount
       );
-    }, S = (C) => {
+    }, w = (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) : "";
       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() : () => {
       },
@@ -9329,12 +9329,12 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
           external: function(C) {
             var D;
             const P = ((D = C.tooltip.dataPoints) == null ? void 0 : D[0].dataIndex) || 0;
-            !t.labels[P] || t.labels[P] === "" || new pe().createTooltip(
+            !t.labels[P] || t.labels[P] === "" || new ge().createTooltip(
               C,
-              S,
+              w,
               {
-                chartType: me.BAR_CHART,
-                firstLineLabel: b,
+                chartType: pe.BAR_CHART,
+                firstLineLabel: p,
                 secondLineLabel: y
               },
               a.value,
@@ -9381,19 +9381,19 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
         u();
       },
       { deep: !0 }
-    ), (C, P) => (lt(), re("div", Qd, [
+    ), (C, P) => (lt(), ae("div", Qd, [
       st("div", tu, [
-        m.value ? (lt(), le($t(fa), {
+        b.value ? (lt(), re($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),
+          class: le(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
-        }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : he("", !0)
+        }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : ce("", !0)
       ]),
       st("div", {
         ref_key: "legendContainer",
@@ -9402,40 +9402,40 @@ const Qd = { class: "container" }, tu = { class: "main" }, eu = /* @__PURE__ */
     ]));
   }
 });
-const ye = (i, t) => {
+const be = (i, t) => {
   const e = i.__vccOpts || i;
   for (const [n, s] of t)
     e[n] = s;
   return e;
-}, fn = /* @__PURE__ */ ye(eu, [["__scopeId", "data-v-aaa6e255"]]);
+}, fn = /* @__PURE__ */ be(eu, [["__scopeId", "data-v-aaa6e255"]]);
 fn.install = (i) => {
   i.component("BarChart", fn);
 };
 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, m, g, b, p) {
     return pa(
       h,
       d,
       t,
       u,
       f,
+      m,
       p,
-      b,
       g,
-      m
+      b
     );
   }
   function s(h, d, u, f) {
     return t.value !== null && f ? d.map(
-      (p, g) => t.value === g ? p(!1, h[g], u) : p(!0, h[g], u)
+      (m, g) => t.value === g ? m(!1, h[g], u) : m(!0, h[g], u)
     ) : d.map(
-      (p, g) => p(!1, h[g], u)
+      (m, g) => m(!1, h[g], u)
     );
   }
   function o(h, d) {
     return t.value !== null && d ? h.map(
-      (u, f) => t.value === f ? u : ae(u, 0.2)
+      (u, f) => t.value === f ? u : Ge(u, 0.2)
     ) : h;
   }
   function a() {
@@ -9445,10 +9445,10 @@ function iu() {
   }
   const r = (h) => h.charAt(0).toUpperCase() + h.slice(1).toLowerCase();
   function l(h, d, u, f) {
-    let p = h.slice(0), g = d.slice(0);
-    return h.length > u && (g = c(d, u), p = p.slice(0, u - 1), p.push(f)), p.map(
-      (m, b) => `${r(m)} (${tt(
-        g[b].rate
+    let m = h.slice(0), g = d.slice(0);
+    return h.length > u && (g = c(d, u), m = m.slice(0, u - 1), m.push(f)), m.map(
+      (b, p) => `${r(b)} (${tt(
+        g[p].rate
       )} %)`
     );
   }
@@ -9457,7 +9457,7 @@ function iu() {
       return h;
     let u = h.slice(0);
     return h.length > d && (u = u.slice(0, d), u[d - 1] = h.slice(d).reduce(
-      (f, p) => (f.rate += p.rate, f.value += p.value, f),
+      (f, m) => (f.rate += m.rate, f.value += m.value, f),
       {
         rate: h[d - 1].rate,
         value: h[d - 1].value
@@ -9588,8 +9588,8 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
   },
   setup(i) {
     const t = i;
-    Ct.register(fe, ge, ue, Qt);
-    const { colourSets: e, patternsStandardList: n } = be(), {
+    Ct.register(ue, fe, de, Qt);
+    const { colourSets: e, patternsStandardList: n } = me(), {
       onHoverIndex: s,
       doughnutRef: o,
       getBackgroundColor: a,
@@ -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), m = 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,18 +9610,18 @@ 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,
+            m.value,
             g.value,
             t.disableAccessibility,
             t.enableHoverFeature
           ),
-          borderColor: d(p.value, t.enableHoverFeature)
+          borderColor: d(m.value, t.enableHoverFeature)
         }
       ]
-    })), b = (w) => {
-      const A = w.tooltip.dataPoints[0].dataIndex, C = c(
+    })), p = (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 || "";
@@ -9631,7 +9631,7 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
       return t.labels.length <= 1 ? 0 : 12;
     }
     const x = F(() => {
-      const w = p.value, A = g.value;
+      const S = m.value, A = g.value;
       return {
         onHover: t.enableHoverFeature ? l() : () => {
         },
@@ -9655,15 +9655,15 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
           tooltip: {
             enabled: !1,
             external: function(C) {
-              new pe().createTooltip(
+              new ge().createTooltip(
                 C,
-                b,
+                p,
                 {
-                  chartType: me.DOUGHNUT
+                  chartType: pe.DOUGHNUT
                 },
-                w,
+                S,
                 A,
-                _.value
+                v.value
               );
             }
           }
@@ -9674,56 +9674,56 @@ 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,
-        _,
-        p,
+        v,
+        m,
         g,
         t.maxValues,
-        v,
-        S
+        _,
+        w
       )
     );
     return po(() => {
       a(
-        p.value,
+        m.value,
         g.value,
         t.disableAccessibility,
-        S.value
+        w.value
       );
-    }), xi(s, (w, A) => {
-      w !== A && S.value && a(
-        p.value,
+    }), xi(s, (S, A) => {
+      S !== A && w.value && a(
+        m.value,
         g.value,
         t.disableAccessibility,
-        S.value
+        w.value
       );
-    }), xi(_, () => {
+    }), xi(v, () => {
       a(
-        p.value,
+        m.value,
         g.value,
         t.disableAccessibility,
-        S.value
+        w.value
       );
-    }), (w, A) => (lt(), re("div", nu, [
+    }), (S, A) => (lt(), ae("div", nu, [
       st("div", su, [
-        m.value ? (lt(), le($t(Dd), {
+        b.value ? (lt(), re($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,
-          class: ce(i.cssClasses),
+          class: le(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
-        }, null, 8, ["id", "data", "options", "plugins", "max-values", "class", "style"])) : he("", !0)
+        }, null, 8, ["id", "data", "options", "plugins", "max-values", "class", "style"])) : ce("", !0)
       ]),
       st("div", {
         ref_key: "legendContainer",
@@ -9732,7 +9732,7 @@ const nu = { class: "container" }, su = { class: "main" }, ou = /* @__PURE__ */
     ]));
   }
 });
-const gn = /* @__PURE__ */ ye(ou, [["__scopeId", "data-v-b0907849"]]);
+const gn = /* @__PURE__ */ be(ou, [["__scopeId", "data-v-b0907849"]]);
 gn.install = (i) => {
   i.component("DoughnutChart", gn);
 };
@@ -9870,72 +9870,69 @@ const au = { class: "container" }, ru = { class: "main" }, lu = /* @__PURE__ */
   setup(i) {
     const t = i;
     Ct.register(
-      fe,
-      ge,
       ue,
+      fe,
+      de,
       Tt,
       pt,
       se,
       oe
     );
-    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(() => ({
-      labels: t.labels.map((m) => m),
-      datasets: [
-        {
-          type: "line",
-          borderColor: a.value[0],
-          pointStyle: "rectRot",
-          pointBackgroundColor: "#FFFFFF",
-          pointRadius: 5,
-          label: t.lines[0].label,
-          data: t.lines[0].data,
-          borderWidth: 2
-        },
-        {
+    const { colourSets: e, patternsStandardList: n } = me(), s = G(null), o = G(!1), a = F(
+      () => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((p) => e[t.colourSet][p])
+    ), r = t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((p) => n[p]), l = (p) => {
+      const y = p.tooltip.dataPoints[0].datasetIndex, x = p.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 = (p) => {
+      switch (p) {
+        case 1:
+          return "circle";
+        default:
+          return "rectRot";
+      }
+    }, u = F(() => ({
+      labels: t.labels.map((p) => p),
+      datasets: t.lines.map(
+        (p, y) => ({
           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: p.label,
+          data: p.data,
           borderWidth: 2
-        }
-      ]
+        })
+      )
     }));
-    function u(m, b) {
+    function f(p, 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(p, "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 = m(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 m(p, y) {
+      const x = En(p, y, null);
+      return x.onclick = (_) => {
+        Ei(p, y.datasetIndex, o), _.stopPropagation();
+      }, x;
     }
-    const p = u(s, o), g = F(() => ({
+    const g = f(s, o), b = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
@@ -9947,12 +9944,12 @@ const au = { class: "container" }, ru = { class: "main" }, lu = /* @__PURE__ */
         },
         tooltip: {
           enabled: !1,
-          external: function(m) {
-            new pe().createTooltip(
-              m,
+          external: function(p) {
+            new ge().createTooltip(
+              p,
               l,
               {
-                chartType: me.LINE_CHART,
+                chartType: pe.LINE_CHART,
                 firstLineLabel: c.value,
                 secondLineLabel: h.value
               },
@@ -9985,26 +9982,26 @@ const au = { class: "container" }, ru = { class: "main" }, lu = /* @__PURE__ */
             drawOnChartArea: !0
           },
           ticks: {
-            callback: function(m) {
-              const b = t.lines[0].unit;
-              return `${tt(m)} ${b || ""}`;
+            callback: function(p) {
+              const y = t.lines[0].unit;
+              return `${tt(p)} ${y || ""}`;
             }
           }
         }
       }
     }));
-    return (m, b) => (lt(), re("div", au, [
+    return (p, y) => (lt(), ae("div", au, [
       st("div", ru, [
-        d.value ? (lt(), le($t(Ld), {
+        u.value ? (lt(), re($t(Ld), {
           key: 0,
           ref: "lineChartRef",
           id: i.chartId,
-          data: d.value,
-          options: g.value,
-          plugins: $t(p),
-          class: ce(i.cssClasses),
+          data: u.value,
+          options: b.value,
+          plugins: $t(g),
+          class: le(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
-        }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : he("", !0)
+        }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : ce("", !0)
       ]),
       st("div", {
         ref_key: "legendContainer",
@@ -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__ */ be(lu, [["__scopeId", "data-v-8e74b12a"]]);
 pn.install = (i) => {
   i.component("LineChart", pn);
 };
@@ -10026,10 +10023,10 @@ function cu(i, t) {
     r < 0 || r > Math.PI ? h = -15 : h = 15, r > Math.PI / 4 && r < 3 * Math.PI / 4 && (h *= 3), (r < -Math.PI / 4 || r > 5 * Math.PI / 4) && (h *= 3, c = 0), (r > 11 * Math.PI / 8 || r < -3 * Math.PI / 8) && (e.textAlign = "center");
     const d = l.y + h * (o.length - 1) / 2;
     e.font = "12px Arial", o.forEach((u, f) => {
-      const p = f === o.length - 1 ? hu(t)[a] : "#000000";
-      e.fillStyle = p;
-      const g = l.x + c, m = d + 15 * f;
-      e.fillText(u, g, m);
+      const m = f === o.length - 1 ? hu(t)[a] : "#000000";
+      e.fillStyle = m;
+      const g = l.x + c, b = d + 15 * f;
+      e.fillText(u, g, b);
     });
   }), e.restore());
 }
@@ -10141,58 +10138,42 @@ const uu = { class: "container" }, fu = /* @__PURE__ */ Ft({
   setup(i) {
     const t = i;
     Ct.register(
-      fe,
-      ge,
       ue,
-      Ie,
+      fe,
+      de,
+      Oe,
       pt,
       Tt,
       jh
     );
-    const { colourSets: e, patternsStandardList: n } = be(), s = F(
-      () => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((g) => e[t.colourSet][g])
+    const { colourSets: e, patternsStandardList: n } = me(), s = F(
+      () => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((b) => e[t.colourSet][b])
     ), o = F(
-      () => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((g) => n[g])
+      () => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((b) => n[b])
     ), a = F(() => ({
-      labels: h(),
-      datasets: [
-        {
-          label: t.datasets[0].label,
-          backgroundColor: ae(s.value[0], 0.1),
-          borderColor: s.value[0],
-          pointBackgroundColor: "#FFFFFF",
-          pointBorderColor: s.value[0],
-          pointBorderWidth: 2,
-          borderWidth: 2,
-          pointHitRadius: 55,
-          pointRadius: 5,
-          pointHoverBackgroundColor: s.value[0],
-          pointHoverBorderColor: s.value[0],
-          data: t.datasets[0].areaData.map(
-            (g) => g.position
-          )
-        },
-        {
-          label: t.datasets[1].label,
-          backgroundColor: ae(s.value[1], 0.1),
-          borderColor: s.value[1],
-          pointBackgroundColor: "#FFFFFF",
-          pointBorderColor: s.value[1],
-          pointBorderWidth: 2,
-          borderWidth: 2,
-          pointHitRadius: 55,
-          pointRadius: 5,
-          pointStyle: "rectRot",
-          pointHoverBackgroundColor: s.value[1],
-          pointHoverBorderColor: s.value[1],
-          data: t.datasets[1].areaData.map(
-            (g) => g.position
-          )
-        }
-      ]
-    })), r = {
-      onClick: (g, m, b) => {
-        m[0] && _a(b, m[0].datasetIndex, c);
+      labels: d(),
+      datasets: r()
+    }));
+    function r() {
+      return t.datasets.map((b, p) => ({
+        label: b.label,
+        backgroundColor: Ge(s.value[p], 0.1),
+        borderColor: s.value[p],
+        pointBackgroundColor: "#FFFFFF",
+        pointBorderColor: s.value[p],
+        pointBorderWidth: 2,
+        borderWidth: 2,
+        pointHitRadius: 55,
+        pointRadius: 5,
+        pointStyle: p % 2 === 0 ? "circle" : "rectRot",
+        pointHoverBackgroundColor: s.value[p],
+        pointHoverBorderColor: s.value[p],
+        data: b.areaData.map((y) => y.position)
+      }));
+    }
+    const l = {
+      onClick: (b, p, y) => {
+        p[0] && _a(y, p[0].datasetIndex, h);
       },
       plugins: {
         htmlLegend: {
@@ -10210,11 +10191,11 @@ const uu = { class: "container" }, fu = /* @__PURE__ */ Ft({
         tooltip: {
           enabled: !1,
           position: "nearest",
-          external: function(g) {
-            new pe().createTooltip(
+          external: function(b) {
+            new ge().createTooltip(
+              b,
               g,
-              p,
-              { chartType: me.RADAR },
+              { chartType: pe.RADAR },
               s.value,
               o.value,
               t.disableAccessibility
@@ -10247,70 +10228,70 @@ 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);
-    }), 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;
-    }
-    const f = [
+    }, c = G(null), h = G(!1), d = () => t.labels.map((b, p) => {
+      const y = t.datasets[0].areaData[p].value ? `${u(
+        t.datasets[0].areaData[p].value + ""
+      )} ${t.datasets[0].areaData[p].unit}` : "No Data";
+      return du(b, y);
+    }), u = (b) => tt(parseFloat(b));
+    function f(b, p) {
+      const y = En(b, p, null);
+      return y.onclick = (x) => {
+        Ei(b, p.datasetIndex, h), x.stopPropagation();
+      }, y;
+    }
+    const m = [
       {
         id: "htmlLegend",
-        afterUpdate(g) {
-          const m = Bi(l, "row");
-          for (; m.firstChild; )
-            m.firstChild.remove();
-          g.options.plugins.legend.labels.generateLabels(g).reverse().forEach((y) => {
-            const x = Ri(
-              g,
-              c,
-              y.datasetIndex
+        afterUpdate(b) {
+          const p = Bi(c, "row");
+          for (; p.firstChild; )
+            p.firstChild.remove();
+          b.options.plugins.legend.labels.generateLabels(b).reverse().forEach((x) => {
+            const _ = Ri(
+              b,
+              h,
+              x.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);
+            _.style.marginRight = "0.625rem", h.value ? v = f(b, x) : v = zn(x, !0), _.appendChild(v), _.appendChild(Fi(x)), p.appendChild(_);
           });
         }
       },
       {
         id: "radarLabelPlugin",
-        beforeDraw(g) {
-          cu(g, t);
+        beforeDraw(b) {
+          cu(b, t);
         }
       }
-    ], p = (g) => {
-      const m = g.tooltip.dataPoints[0].datasetIndex, b = g.tooltip.dataPoints[0].dataIndex, y = t.datasets[m];
-      return y.areaData[b].value.toFixed(2) + " " + y.areaData[b].unit;
+    ], g = (b) => {
+      const p = b.tooltip.dataPoints[0].datasetIndex, y = b.tooltip.dataPoints[0].dataIndex, x = t.datasets[p];
+      return x.areaData[y].value.toFixed(2) + " " + x.areaData[y].unit;
     };
-    return (g, m) => (lt(), re("div", uu, [
+    return (b, p) => (lt(), ae("div", uu, [
       st("div", {
         class: "main",
         style: Ut({ height: i.height })
       }, [
-        a.value ? (lt(), le($t(Td), {
+        a.value ? (lt(), re($t(Td), {
           key: 0,
           id: i.chartId,
           data: a.value,
-          options: r,
-          plugins: f,
-          class: ce(i.cssClasses),
+          options: l,
+          plugins: m,
+          class: le(i.cssClasses),
           style: Ut([{ height: i.height, cursor: "pointer" }, i.styles])
-        }, null, 8, ["id", "data", "class", "style"])) : he("", !0)
+        }, null, 8, ["id", "data", "class", "style"])) : ce("", !0)
       ], 4),
       st("div", {
         ref_key: "legendContainer",
-        ref: l,
+        ref: c,
         class: "legendContainer"
       }, null, 512)
     ]));
   }
 });
-const mn = /* @__PURE__ */ ye(fu, [["__scopeId", "data-v-e38e3f99"]]);
+const mn = /* @__PURE__ */ be(fu, [["__scopeId", "data-v-00cff15e"]]);
 mn.install = (i) => {
   i.component("RadarChart", mn);
 };
@@ -10326,106 +10307,106 @@ function gu() {
     dataSetIndex: -1,
     columnIndex: -1
   });
-  function e(d, u, f, p, g, m) {
+  function e(d, u, f, m, g, b) {
     return [
       {
         id: "htmlLegend",
-        afterUpdate(b) {
+        afterUpdate(p) {
           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,
+          p.options.plugins.legend.labels.generateLabels(p).sort((_, v) => v.datasetIndex - _.datasetIndex).forEach((_) => {
+            const v = Ri(
+              p,
               u,
-              v.datasetIndex
+              _.datasetIndex
             );
-            let S;
-            u.value ? S = ba(
-              b,
-              v,
+            let w;
+            u.value ? w = ba(
+              p,
+              _,
               u,
               { datasetIndex: -1 },
               g.value,
               !1
-            ) : v != null && v.lineCap ? S = zn(v) : S = ma(
-              v,
-              b,
+            ) : _ != null && _.lineCap ? w = zn(_) : w = ma(
+              _,
+              p,
               { datasetIndex: -1 },
-              p.value,
-              g.value,
               m.value,
+              g.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);
           });
         }
       }
     ];
   }
-  function n(d, u, f, p, g) {
+  function n(d, u, f, m, g) {
     return e(
       d,
       u,
       t,
       f,
-      p,
+      m,
       g
     );
   }
-  function s(d, u, f, p, g) {
-    const m = i.value;
-    return d.map((b, y) => {
-      const x = b.type === "bar";
+  function s(d, u, f, m, g) {
+    const b = i.value;
+    return d.map((p, y) => {
+      const x = p.type === "bar";
       return {
-        type: b.type,
+        type: p.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];
+          ) : f[y % f.length];
         },
-        backgroundColor: function(v) {
+        backgroundColor: function(_) {
           return a(
             y,
-            v.index,
+            _.index,
             u,
             f,
-            p,
+            m,
             g
           );
         },
         yAxisID: x ? "A" : "B",
         pointStyle: y % 2 === 0 ? "rectRot" : "circle",
-        data: b.data,
-        label: b.label,
+        data: p.data,
+        label: p.label,
         pointBackgroundColor: "#FFFFFF",
         pointRadius: 5,
-        order: b.type === "line" ? 0 : 1
+        order: p.type === "line" ? 0 : 1
       };
     });
   }
-  function o(d, u, f, p) {
-    const g = ro(d, p);
-    return r(d, u) ? f[g] : ae(f[g], 0.2);
+  function o(d, u, f, m) {
+    const g = ro(d, m);
+    return r(d, u) ? f[g] : Ge(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, m, g, b) {
+    const p = ro(d, b);
+    return r(d, u) ? g[p](
       !1,
-      p[b],
+      m[p],
       f
-    ) : g[b](
+    ) : g[p](
       !0,
-      p[b],
+      m[p],
       f
     );
   }
@@ -10610,20 +10591,20 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
   setup(i) {
     const t = i;
     Ct.register(
-      fe,
-      ge,
       ue,
+      fe,
+      de,
       ee,
       se,
       oe,
       pt,
       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(() => ({
-      labels: p(),
+    const { privateGetHtmlLegendPlugin: e, getMixedDatasets: n } = gu(), { colourSets: s, patternsStandardList: o } = me(), a = G(null), r = G(!1), l = F(() => {
+      let p = [];
+      return t.barDatasets && (p = p.concat(t.barDatasets)), t.lineDatasets && (p = p.concat(t.lineDatasets)), p;
+    }), c = F(() => t.newPatternsOrder.length !== o.length ? s[t.colourSet] : t.newPatternsOrder.map((p) => s[t.colourSet][p])), h = F(() => t.newPatternsOrder.length !== o.length ? o : t.newPatternsOrder.map((p) => o[p])), d = F(() => t.disableAccessibility), u = F(() => ({
+      labels: m(),
       datasets: n(
         l.value,
         d.value,
@@ -10631,10 +10612,10 @@ 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)) + _;
-    }, p = () => Object.assign([], t.labels).map((y) => y), g = F(() => ({
+    })), f = (p) => {
+      const y = p.tooltip.dataPoints[0].datasetIndex, x = p.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;
+    }, m = () => Object.assign([], t.labels).map((y) => y), g = F(() => ({
       type: "bar",
       responsive: !0,
       maintainAspectRatio: !0,
@@ -10657,12 +10638,12 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
         },
         tooltip: {
           enabled: !1,
-          external: function(b) {
-            new pe().createTooltip(
-              b,
+          external: function(p) {
+            new ge().createTooltip(
+              p,
               f,
               {
-                chartType: me.MIXED_BAR_LINE_CHART,
+                chartType: pe.MIXED_BAR_LINE_CHART,
                 firstLineLabel: t.tooltipFirstLineLabel,
                 secondLineLabel: t.tooltipSecondLineLabel
               },
@@ -10693,8 +10674,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(p) {
+              return t.barUnit === "%" ? un(p, t.unit) : tt(p) + " " + t.barUnit;
             }
           }
         },
@@ -10710,13 +10691,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(p) {
+              return (t.lineUnit === "%" ? un(p, t.unit) : tt(p)) + " " + t.lineUnit;
             }
           }
         }
       }
-    })), m = G(
+    })), b = G(
       e(
         a,
         r,
@@ -10725,18 +10706,18 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
         h
       )
     );
-    return (b, y) => (lt(), re("div", pu, [
+    return (p, y) => (lt(), ae("div", pu, [
       st("div", mu, [
-        u.value ? (lt(), le($t(fa), {
+        u.value ? (lt(), re($t(fa), {
           key: 0,
           ref: "mixedBarLineChartRef",
           id: i.chartId,
           data: u.value,
           options: g.value,
-          plugins: m.value,
-          class: ce(i.cssClasses),
+          plugins: b.value,
+          class: le(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
-        }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : he("", !0)
+        }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : ce("", !0)
       ]),
       st("div", {
         ref_key: "legendContainer",
@@ -10745,7 +10726,7 @@ const pu = { class: "container" }, mu = { class: "main" }, bu = /* @__PURE__ */
     ]));
   }
 });
-const lo = /* @__PURE__ */ ye(bu, [["__scopeId", "data-v-6a9cb065"]]);
+const lo = /* @__PURE__ */ be(bu, [["__scopeId", "data-v-6a9cb065"]]);
 lo.install = (i) => {
   i.component("MixedBarLineChart", lo);
 };
@@ -10765,7 +10746,7 @@ var co = function() {
       return (i.deviceXDPI || 1) / (i.logicalXDPI || 1);
   }
   return 1;
-}(), ze = {
+}(), Be = {
   // @todo move this in Chart.helpers.toTextLines
   toTextLines: function(i) {
     var t = [], e;
@@ -10922,7 +10903,7 @@ var di = {
       vy: e.y
     }, t);
   }
-}, kt = ze.rasterize;
+}, kt = Be.rasterize;
 function Su(i) {
   var t = i.borderWidth || 0, e = i.padding, n = i.size.height, s = i.size.width, o = -s / 2, a = -n / 2;
   return {
@@ -11026,7 +11007,7 @@ bt(Ca.prototype, {
       padding: K(V([e.padding, 4], n, o)),
       positioner: ku(s._el),
       rotation: V([e.rotation, 0], n, o) * (Math.PI / 180),
-      size: ze.textSize(s._ctx, t, a),
+      size: Be.textSize(s._ctx, t, a),
       textAlign: V([e.textAlign, "start"], n, o),
       textShadowBlur: V([e.textShadowBlur, 0], n, o),
       textShadowColor: V([e.textShadowColor, r], n, o),
@@ -11036,7 +11017,7 @@ bt(Ca.prototype, {
   },
   update: function(i) {
     var t = this, e = null, n = null, s = t._index, o = t._config, a, r, l, c = V([o.display, !0], i, s);
-    c && (a = i.dataset.data[s], r = L(E(o.formatter, [a, i]), a), l = O(r) ? [] : ze.toTextLines(r), l.length && (e = t._modelize(c, l, o, i), n = Su(e))), t._model = e, t._rects = n;
+    c && (a = i.dataset.data[s], r = L(E(o.formatter, [a, i]), a), l = O(r) ? [] : Be.toTextLines(r), l.length && (e = t._modelize(c, l, o, i), n = Su(e))), t._model = e, t._rects = n;
   },
   geometry: function() {
     return this._rects ? this._rects.frame : {};
@@ -11057,11 +11038,11 @@ bt(Ca.prototype, {
       a.top,
       a.right - a.left,
       a.bottom - a.top
-    ), n.clip()), n.globalAlpha = ze.bound(0, s.opacity, 1), n.translate(kt(t.x), kt(t.y)), n.rotate(s.rotation), Cu(n, o.frame, s), Du(n, s.lines, o.text, s), n.restore());
+    ), n.clip()), n.globalAlpha = Be.bound(0, s.opacity, 1), n.translate(kt(t.x), kt(t.y)), n.rotate(s.rotation), Cu(n, o.frame, s), Du(n, s.lines, o.text, s), n.restore());
   }
 });
 var Lu = Number.MIN_SAFE_INTEGER || -9007199254740991, Tu = Number.MAX_SAFE_INTEGER || 9007199254740991;
-function Ae(i, t, e) {
+function Pe(i, t, e) {
   var n = Math.cos(e), s = Math.sin(e), o = t.x, a = t.y;
   return {
     x: o + n * (i.x - o) - s * (i.y - a),
@@ -11112,7 +11093,7 @@ bt(Pa.prototype, {
   },
   contains: function(i) {
     var t = this, e = 1, n = t._rect;
-    return i = Ae(i, t.center(), -t._rotation), !(i.x < n.x - e || i.y < n.y - e || i.x > n.x + n.w + e * 2 || i.y > n.y + n.h + e * 2);
+    return i = Pe(i, t.center(), -t._rotation), !(i.x < n.x - e || i.y < n.y - e || i.x > n.x + n.w + e * 2 || i.y > n.y + n.h + e * 2);
   },
   // Separating Axis Theorem
   // https://gamedevelopment.tutsplus.com/tutorials/collision-detection-using-the-separating-axis-theorem--gamedev-169
@@ -11135,10 +11116,10 @@ bt(Pa.prototype, {
   _points: function() {
     var i = this, t = i._rect, e = i._rotation, n = i.center();
     return [
-      Ae({ x: t.x, y: t.y }, n, e),
-      Ae({ x: t.x + t.w, y: t.y }, n, e),
-      Ae({ x: t.x + t.w, y: t.y + t.h }, n, e),
-      Ae({ x: t.x, y: t.y + t.h }, n, e)
+      Pe({ x: t.x, y: t.y }, n, e),
+      Pe({ x: t.x + t.w, y: t.y }, n, e),
+      Pe({ x: t.x + t.w, y: t.y + t.h }, n, e),
+      Pe({ x: t.x, y: t.y + t.h }, n, e)
     ];
   }
 });
@@ -11168,7 +11149,7 @@ function Iu(i) {
     h && d || d ? c._visible = !1 : h && (l._visible = !1);
   });
 }
-var We = {
+var ze = {
   prepare: function(i) {
     var t = [], e, n, s, o, a;
     for (e = 0, s = i.length; e < s; ++e)
@@ -11283,14 +11264,14 @@ 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 = ze.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);
+  var e = i[it], n = e._listeners.click, s = n && ze.lookup(e._labels, t);
   s && bn(i, n, s, t);
 }
 var Hu = {
@@ -11306,34 +11287,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, m, g, b, p, 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)
-        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 = {
+      if (p = c[d], p[it] = [], a && p && i.getDataVisibility(d) && !p.skip)
+        for (u = 0, m = l.labels.length; u < m; ++u)
+          g = l.labels[u], b = g._key, y = new Ca(g, h, p, 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), p[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 = ze.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);
+    ze.draw(i, i[it]._labels);
   },
   beforeEvent: function(i, t) {
     if (i[it]._listened) {
@@ -11350,16 +11331,16 @@ var Hu = {
     }
   },
   afterEvent: function(i) {
-    var t = i[it], e = t._actives, n = t._actives = i.getActiveElements(), s = ze.arrayDiff(e, n), o, a, r, l, c, h, d;
+    var t = i[it], e = t._actives, n = t._actives = i.getActiveElements(), s = Be.arrayDiff(e, n), o, a, r, l, c, h, d;
     for (o = 0, a = s.length; o < a; ++o)
       if (c = s[o], c[1])
         for (d = c[0].element[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) && (ze.update(t._labels), i.render()), delete t._dirty;
   }
 };
 const uo = "background: white; border-bottom: 1px solid #CCCCCC; border-radius: 5px; padding: 10px 20px";
-class Nu extends pe {
+class Nu extends ge {
   constructor() {
     super(...arguments);
     k(this, "fontProperties", "font-family: Arial; font-size: 16px");
@@ -11541,15 +11522,15 @@ const Vu = { class: "container" }, ju = { class: "main" }, $u = { class: "chart-
   setup(i) {
     const t = i;
     Ct.register(
-      fe,
-      ge,
       ue,
+      fe,
+      de,
       Tt,
       se,
       oe,
       Hu
     );
-    const { colourSets: e } = be(), n = function(a) {
+    const { colourSets: e } = me(), n = function(a) {
       const r = [];
       a.forEach((u) => {
         u.forEach((f) => {
@@ -11572,7 +11553,7 @@ const Vu = { class: "container" }, ju = { class: "main" }, $u = { class: "chart-
         datasets: n(t.datasets).map((r, l) => ({
           data: r,
           pointStyle: t.shapes[l],
-          backgroundColor: ae(a[t.colours[l]], 0.2),
+          backgroundColor: Ge(a[t.colours[l]], 0.2),
           borderColor: a[t.colours[l]],
           label: t.labels[l]
         }))
@@ -11619,13 +11600,13 @@ const Vu = { class: "container" }, ju = { class: "main" }, $u = { class: "chart-
           enabled: !1,
           position: "nearest",
           external: function(a) {
-            var h, d, u, f, p, g;
+            var h, d, u, f, m, g;
             const r = ((d = (h = a.tooltip) == null ? void 0 : h.dataPoints) == null ? void 0 : d[0].datasetIndex) || 0, l = ((u = a.tooltip.dataPoints) == null ? void 0 : u[0].dataIndex) || 0, c = t.datasets[r][l];
             new Nu().createBubbleTooltip(
               a,
               [
                 { label: t.xAxis.title, value: `${tt(c.x)}`, unit: (f = t.xAxis) == null ? void 0 : f.unit },
-                { label: t.yAxis.title, value: `${tt(c.y)}`, unit: (p = t.yAxis) == null ? void 0 : p.unit },
+                { label: t.yAxis.title, value: `${tt(c.y)}`, unit: (m = t.yAxis) == null ? void 0 : m.unit },
                 { label: t.rAxis.title, value: `${tt(c.r)}`, unit: (g = t.rAxis) == null ? void 0 : g.unit }
               ],
               t.labels[r]
@@ -11634,17 +11615,17 @@ const Vu = { class: "container" }, ju = { class: "main" }, $u = { class: "chart-
         }
       }
     }));
-    return (a, r) => (lt(), re("div", Vu, [
+    return (a, r) => (lt(), ae("div", Vu, [
       st("div", ju, [
-        s.value ? (lt(), le($t(Od), {
+        s.value ? (lt(), re($t(Od), {
           key: 0,
           ref: "bubbleChartRef",
           id: i.chartId,
           data: s.value,
           options: o.value,
-          class: ce(i.cssClasses),
+          class: le(i.cssClasses),
           style: Ut([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
-        }, null, 8, ["id", "data", "options", "class", "style"])) : he("", !0)
+        }, null, 8, ["id", "data", "options", "class", "style"])) : ce("", !0)
       ]),
       st("div", $u, [
         st("img", {
@@ -11657,7 +11638,7 @@ const Vu = { class: "container" }, ju = { class: "main" }, $u = { class: "chart-
     ]));
   }
 });
-const fo = /* @__PURE__ */ ye(Xu, [["__scopeId", "data-v-a786496d"]]);
+const fo = /* @__PURE__ */ be(Xu, [["__scopeId", "data-v-a786496d"]]);
 fo.install = (i) => {
   i.component("BubbleChart", fo);
 };