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

package/dist/mozaic-chart.js

@@ -1161,45 +1161,45 @@ function Zi(i, t, e, n) {
 }
 function yo(i, t, e, n, s) {
   let o, a, r, l, c, h, d, u;
-  const f = t.pointStyle, m = t.rotation, p = t.radius;
-  let g = (m || 0) * $a;
+  const f = t.pointStyle, m = t.rotation, g = t.radius;
+  let p = (m || 0) * $a;
   if (f && typeof f == "object" && (o = f.toString(), o === "[object HTMLImageElement]" || o === "[object HTMLCanvasElement]")) {
-    i.save(), i.translate(e, n), i.rotate(g), i.drawImage(f, -f.width / 2, -f.height / 2, f.width, f.height), i.restore();
+    i.save(), i.translate(e, n), i.rotate(p), i.drawImage(f, -f.width / 2, -f.height / 2, f.width, f.height), i.restore();
     return;
   }
-  if (!(isNaN(p) || p <= 0)) {
+  if (!(isNaN(g) || g <= 0)) {
     switch (i.beginPath(), f) {
       default:
-        s ? i.ellipse(e, n, s / 2, p, 0, 0, H) : i.arc(e, n, p, 0, H), i.closePath();
+        s ? i.ellipse(e, n, s / 2, g, 0, 0, H) : i.arc(e, n, g, 0, H), i.closePath();
         break;
       case "triangle":
-        h = s ? s / 2 : p, i.moveTo(e + Math.sin(g) * h, n - Math.cos(g) * p), g += Fn, i.lineTo(e + Math.sin(g) * h, n - Math.cos(g) * p), g += Fn, i.lineTo(e + Math.sin(g) * h, n - Math.cos(g) * p), i.closePath();
+        h = s ? s / 2 : g, i.moveTo(e + Math.sin(p) * h, n - Math.cos(p) * g), p += Fn, i.lineTo(e + Math.sin(p) * h, n - Math.cos(p) * g), p += Fn, i.lineTo(e + Math.sin(p) * h, n - Math.cos(p) * g), i.closePath();
         break;
       case "rectRounded":
-        c = p * 0.516, l = p - c, a = Math.cos(g + Tt) * l, d = Math.cos(g + Tt) * (s ? s / 2 - c : l), r = Math.sin(g + Tt) * l, u = Math.sin(g + Tt) * (s ? s / 2 - c : l), i.arc(e - d, n - r, c, g - N, g - U), i.arc(e + u, n - a, c, g - U, g), i.arc(e + d, n + r, c, g, g + U), i.arc(e - u, n + a, c, g + U, g + N), i.closePath();
+        c = g * 0.516, l = g - c, a = Math.cos(p + Tt) * l, d = Math.cos(p + Tt) * (s ? s / 2 - c : l), r = Math.sin(p + Tt) * l, u = Math.sin(p + Tt) * (s ? s / 2 - c : l), i.arc(e - d, n - r, c, p - N, p - U), i.arc(e + u, n - a, c, p - U, p), i.arc(e + d, n + r, c, p, p + U), i.arc(e - u, n + a, c, p + U, p + N), i.closePath();
         break;
       case "rect":
         if (!m) {
-          l = Math.SQRT1_2 * p, h = s ? s / 2 : l, i.rect(e - h, n - l, 2 * h, 2 * l);
+          l = Math.SQRT1_2 * g, h = s ? s / 2 : l, i.rect(e - h, n - l, 2 * h, 2 * l);
           break;
         }
-        g += Tt;
+        p += Tt;
       case "rectRot":
-        d = Math.cos(g) * (s ? s / 2 : p), a = Math.cos(g) * p, r = Math.sin(g) * p, u = Math.sin(g) * (s ? s / 2 : p), 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(p) * (s ? s / 2 : g), a = Math.cos(p) * g, r = Math.sin(p) * g, u = Math.sin(p) * (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":
-        g += Tt;
+        p += Tt;
       case "cross":
-        d = Math.cos(g) * (s ? s / 2 : p), a = Math.cos(g) * p, r = Math.sin(g) * p, u = Math.sin(g) * (s ? s / 2 : p), 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(p) * (s ? s / 2 : g), a = Math.cos(p) * g, r = Math.sin(p) * g, u = Math.sin(p) * (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(g) * (s ? s / 2 : p), a = Math.cos(g) * p, r = Math.sin(g) * p, u = Math.sin(g) * (s ? s / 2 : p), i.moveTo(e - d, n - r), i.lineTo(e + d, n + r), i.moveTo(e + u, n - a), i.lineTo(e - u, n + a), g += Tt, d = Math.cos(g) * (s ? s / 2 : p), a = Math.cos(g) * p, r = Math.sin(g) * p, u = Math.sin(g) * (s ? s / 2 : p), 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(p) * (s ? s / 2 : g), a = Math.cos(p) * g, r = Math.sin(p) * g, u = Math.sin(p) * (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), p += Tt, d = Math.cos(p) * (s ? s / 2 : g), a = Math.cos(p) * g, r = Math.sin(p) * g, u = Math.sin(p) * (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(g) * p, r = Math.sin(g) * p, i.moveTo(e - a, n - r), i.lineTo(e + a, n + r);
+        a = s ? s / 2 : Math.cos(p) * g, r = Math.sin(p) * 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(g) * (s ? s / 2 : p), n + Math.sin(g) * p);
+        i.moveTo(e, n), i.lineTo(e + Math.cos(p) * (s ? s / 2 : g), n + Math.sin(p) * g);
         break;
       case !1:
         i.closePath();
@@ -1868,18 +1868,18 @@ function Do(i, t, e) {
       i
     ];
   const { property: n, start: s, end: o } = e, a = t.length, { compare: r, between: l, normalize: c } = Ao(n), { start: h, end: d, loop: u, style: f } = Kr(i, t, e), m = [];
-  let p = !1, g = null, b, y, x;
-  const v = () => l(s, x, b) && r(s, x) !== 0, _ = () => r(o, b) === 0 || l(o, x, b), w = () => p || v(), S = () => !p || _();
+  let g = !1, p = null, b, y, x;
+  const v = () => l(s, x, b) && r(s, x) !== 0, _ = () => r(o, b) === 0 || l(o, x, b), w = () => g || v(), S = () => !g || _();
   for (let M = h, C = h; M <= d; ++M)
-    y = t[M % a], !y.skip && (b = c(y[n]), b !== x && (p = l(b, s, o), g === null && w() && (g = r(b, s) === 0 ? M : C), g !== null && S() && (m.push(Xn({
-      start: g,
+    y = t[M % a], !y.skip && (b = c(y[n]), b !== x && (g = l(b, s, o), p === null && w() && (p = r(b, s) === 0 ? M : C), p !== null && S() && (m.push(Xn({
+      start: p,
       end: M,
       loop: u,
       count: a,
       style: f
-    })), g = null), C = M, x = b));
-  return g !== null && m.push(Xn({
-    start: g,
+    })), p = null), C = M, x = b));
+  return p !== null && m.push(Xn({
+    start: p,
     end: d,
     loop: u,
     count: a,
@@ -1947,34 +1947,34 @@ function Gn(i, t, e, n) {
 function tl(i, t, e, n) {
   const s = i._chart.getContext(), o = qn(i.options), { _datasetIndex: a, options: { spanGaps: r } } = i, l = e.length, c = [];
   let h = o, d = t[0].start, u = d;
-  function f(m, p, g, b) {
+  function f(m, g, p, b) {
     const y = r ? -1 : 1;
-    if (m !== p) {
+    if (m !== g) {
       for (m += l; e[m % l].skip; )
         m -= y;
-      for (; e[p % l].skip; )
-        p += y;
-      m % l !== p % l && (c.push({
+      for (; e[g % l].skip; )
+        g += y;
+      m % l !== g % l && (c.push({
         start: m % l,
-        end: p % l,
-        loop: g,
+        end: g % l,
+        loop: p,
         style: b
-      }), h = b, d = p % l);
+      }), h = b, d = g % l);
     }
   }
   for (const m of t) {
     d = r ? d : m.start;
-    let p = e[d % l], g;
+    let g = e[d % l], p;
     for (u = d + 1; u <= m.end; u++) {
       const b = e[u % l];
-      g = qn(n.setContext(Dt(s, {
+      p = qn(n.setContext(Dt(s, {
         type: "segment",
-        p0: p,
+        p0: g,
         p1: b,
         p0DataIndex: (u - 1) % l,
         p1DataIndex: u % l,
         datasetIndex: a
-      }))), el(g, h) && f(d, u - 1, m.loop, h), p = b, h = g;
+      }))), el(p, h) && f(d, u - 1, m.loop, h), g = b, h = p;
     }
     d < u - 1 && f(d, u - 1, m.loop, h);
   }
@@ -2341,10 +2341,10 @@ function es(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 = hl(o, a, n), d = t.length;
   let u;
   for (let f = 0; f < d; ++f) {
-    const m = t[f], { [l]: p, [c]: g } = m, b = m._stacks || (m._stacks = {});
-    u = b[c] = ul(s, h, p), u[r] = g, u._top = ts(u, a, !0, n.type), u._bottom = ts(u, a, !1, n.type);
+    const m = t[f], { [l]: g, [c]: p } = m, b = m._stacks || (m._stacks = {});
+    u = b[c] = ul(s, h, g), u[r] = p, u._top = ts(u, a, !0, n.type), u._bottom = ts(u, a, !1, n.type);
     const y = u._visualValues || (u._visualValues = {});
-    y[r] = g;
+    y[r] = p;
   }
 }
 function Bi(i, t) {
@@ -2525,8 +2525,8 @@ class Ct {
     let u, f;
     function m() {
       f = s[u];
-      const p = f[r.axis];
-      return !V(f[t.axis]) || h > p || d < p;
+      const g = f[r.axis];
+      return !V(f[t.axis]) || h > g || d < g;
     }
     for (u = 0; u < a && !(!m() && (this.updateRangeFromParsed(c, t, f, l), o)); ++u)
       ;
@@ -2604,8 +2604,8 @@ class Ct {
     ] : [
       t,
       ""
-    ], u = c.getOptionScopes(this.getDataset(), h), f = Object.keys(j.elements[t]), m = () => this.getContext(n, s, e), p = c.resolveNamedOptions(u, f, m, d);
-    return p.$shared && (p.$shared = l, o[a] = Object.freeze(is(p, l))), p;
+    ], u = c.getOptionScopes(this.getDataset(), h), f = Object.keys(j.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(is(g, l))), g;
   }
   _resolveAnimations(t, e, n) {
     const s = this.chart, o = this._cachedDataOpts, a = `animation-${e}`, r = o[a];
@@ -2866,9 +2866,9 @@ class ai extends Ct {
   }
   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, m, p;
+    let u, f, m, g;
     for (u = n, f = n + s; u < f; ++u)
-      p = e[u], m = {}, m[o.axis] = o.parse(Pt(p, c), u), d.push(Io(Pt(p, h), m, a, u));
+      g = e[u], m = {}, m[o.axis] = o.parse(Pt(g, c), u), d.push(Io(Pt(g, h), m, a, u));
     return d;
   }
   updateRangeFromParsed(t, e, n, s) {
@@ -2898,17 +2898,17 @@ class ai extends Ct {
   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 m = this.getParsed(f), p = o || F(m[r.axis]) ? {
+      const m = this.getParsed(f), g = o || F(m[r.axis]) ? {
         base: l,
         head: l
-      } : this._calculateBarValuePixels(f), g = this._calculateBarIndexPixels(f, h), b = (m._stacks || {})[r.axis], y = {
+      } : this._calculateBarValuePixels(f), p = this._calculateBarIndexPixels(f, h), b = (m._stacks || {})[r.axis], y = {
         horizontal: c,
-        base: p.base,
+        base: g.base,
         enableBorderRadius: !b || Wi(m._custom) || a === b._top || a === b._bottom,
-        x: c ? p.head : g.center,
-        y: c ? g.center : p.head,
-        height: c ? g.size : Math.abs(p.size),
-        width: c ? Math.abs(p.size) : g.size
+        x: c ? g.head : p.center,
+        y: c ? p.center : g.head,
+        height: c ? p.size : Math.abs(g.size),
+        width: c ? Math.abs(g.size) : p.size
       };
       u && (y.options = d || this.resolveDataElementOptions(f, t[f].active ? "active" : s));
       const x = y.options || t[f].options;
@@ -2952,24 +2952,24 @@ class ai extends Ct {
   }
   _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 = Wi(c);
-    let d = l[e.axis], u = 0, f = n ? this.applyStack(e, l, n) : d, m, p;
+    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 && ut(d) !== ut(c.barEnd) && (u = 0), u += d);
-    const g = !F(o) && !h ? o : u;
-    let b = e.getPixelForValue(g);
-    if (this.chart.getDataVisibility(t) ? m = e.getPixelForValue(u + f) : m = b, p = m - b, Math.abs(p) < a) {
-      p = vl(p, e, r) * a, d === r && (b -= p / 2);
+    const p = !F(o) && !h ? o : u;
+    let b = e.getPixelForValue(p);
+    if (this.chart.getDataVisibility(t) ? m = e.getPixelForValue(u + f) : m = b, g = m - b, Math.abs(g) < a) {
+      g = vl(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), m = b + p, n && !h && (l._stacks[e.axis]._visualValues[s] = e.getValueForPixel(m) - e.getValueForPixel(b));
+      b = Math.max(Math.min(b, _), v), m = b + g, n && !h && (l._stacks[e.axis]._visualValues[s] = e.getValueForPixel(m) - e.getValueForPixel(b));
     }
     if (b === e.getPixelForValue(r)) {
-      const y = ut(p) * e.getLineWidthForValue(r) / 2;
-      b += y, p -= y;
+      const y = ut(g) * e.getLineWidthForValue(r) / 2;
+      b += y, g -= y;
     }
     return {
-      size: p,
+      size: g,
       base: b,
       head: m,
-      center: m + p / 2
+      center: m + g / 2
     };
   }
   _calculateBarIndexPixels(t, e) {
@@ -3030,8 +3030,8 @@ k(ai, "id", "bar"), k(ai, "defaults", {
 function Cl(i, t, e) {
   let n = 1, s = 1, o = 0, a = 0;
   if (t < H) {
-    const r = i, l = r + t, c = Math.cos(r), h = Math.sin(r), d = Math.cos(l), u = Math.sin(l), f = (x, v, _) => Ce(x, r, l, !0) ? 1 : Math.max(v, v * e, _, _ * e), m = (x, v, _) => Ce(x, r, l, !0) ? -1 : Math.min(v, v * e, _, _ * e), p = f(0, c, d), g = f(U, h, u), b = m(N, c, d), y = m(N + U, h, u);
-    n = (p - b) / 2, s = (g - y) / 2, o = -(p + b) / 2, a = -(g + 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, _) => Ce(x, r, l, !0) ? 1 : Math.max(v, v * e, _, _ * e), m = (x, v, _) => Ce(x, r, l, !0) ? -1 : Math.min(v, v * e, _, _ * e), g = f(0, c, d), p = f(U, h, u), b = m(N, c, d), y = m(N + U, h, u);
+    n = (g - b) / 2, s = (p - y) / 2, o = -(g + b) / 2, a = -(p + y) / 2;
   }
   return {
     ratioX: n,
@@ -3080,15 +3080,15 @@ class ue extends Ct {
     };
   }
   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(Ba(this.options.cutout, r), 1), c = this._getRingWeight(this.index), { circumference: h, rotation: d } = this._getRotationExtents(), { ratioX: u, ratioY: f, offsetX: m, offsetY: p } = Cl(d, h, l), g = (n.width - a) / u, b = (n.height - a) / f, y = Math.max(Math.min(g, b) / 2, 0), x = lo(this.options.radius, y), v = Math.max(x * l, 0), _ = (x - v) / this._getVisibleDatasetWeightTotal();
-    this.offsetX = m * x, this.offsetY = p * 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(Ba(this.options.cutout, r), 1), c = this._getRingWeight(this.index), { circumference: h, rotation: d } = this._getRotationExtents(), { ratioX: u, ratioY: f, offsetX: m, offsetY: g } = Cl(d, h, l), p = (n.width - a) / u, b = (n.height - a) / f, y = Math.max(Math.min(p, b) / 2, 0), x = lo(this.options.radius, y), v = Math.max(x * l, 0), _ = (x - v) / this._getVisibleDatasetWeightTotal();
+    this.offsetX = m * 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);
   }
   _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 / H);
   }
   updateElements(t, e, n, s) {
-    const o = s === "reset", a = this.chart, r = a.chartArea, c = a.options.animation, h = (r.left + r.right) / 2, d = (r.top + r.bottom) / 2, u = o && c.animateScale, f = u ? 0 : this.innerRadius, m = u ? 0 : this.outerRadius, { sharedOptions: p, includeOptions: g } = this._getSharedOptions(e, 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, m = u ? 0 : this.outerRadius, { sharedOptions: g, includeOptions: p } = this._getSharedOptions(e, s);
     let b = this._getRotation(), y;
     for (y = 0; y < e; ++y)
       b += this._circumference(y, o);
@@ -3102,7 +3102,7 @@ class ue extends Ct {
         outerRadius: m,
         innerRadius: f
       };
-      g && (_.options = p || this.resolveDataElementOptions(y, v.active ? "active" : s)), b += x, this.updateElement(v, y, _, s);
+      p && (_.options = g || this.resolveDataElementOptions(y, v.active ? "active" : s)), b += x, this.updateElement(v, y, _, s);
     }
   }
   calculateTotal() {
@@ -3243,7 +3243,7 @@ class ri extends Ct {
     }, 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: m, segment: p } = this.options, g = Me(m) ? m : Number.POSITIVE_INFINITY, b = this.chart._animationsDisabled || o || s === "none", y = e + n, x = t.length;
+    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, p = Me(m) ? m : 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 w = t[_], S = b ? w : {};
@@ -3252,7 +3252,7 @@ class ri extends Ct {
         continue;
       }
       const M = this.getParsed(_), C = F(M[f]), P = S[u] = a.getPixelForValue(M[u], _), A = S[f] = o || C ? r.getBasePixel() : r.getPixelForValue(l ? this.applyStack(r, M, l) : M[f], _);
-      S.skip = isNaN(P) || isNaN(A) || C, S.stop = _ > 0 && Math.abs(M[u] - v[u]) > g, p && (S.parsed = M, S.raw = c.data[_]), d && (S.options = h || this.resolveDataElementOptions(_, w.active ? "active" : s)), b || this.updateElement(w, _, S, s), v = M;
+      S.skip = isNaN(P) || isNaN(A) || C, S.stop = _ > 0 && Math.abs(M[u] - v[u]) > p, g && (S.parsed = M, S.raw = c.data[_]), d && (S.options = h || this.resolveDataElementOptions(_, w.active ? "active" : s)), b || this.updateElement(w, _, S, s), v = M;
     }
   }
   getMaxOverflow() {
@@ -3467,14 +3467,14 @@ function Tl(i, t, e, n, s, o) {
     const m = h.getCenterPoint(s);
     if (!(!!o || i.isPointInArea(m)) && !f)
       return;
-    const g = r(t, m);
-    g < l ? (a = [
+    const p = r(t, m);
+    p < l ? (a = [
       {
         element: h,
         datasetIndex: d,
         index: u
       }
-    ], l = g) : g === l && a.push({
+    ], l = p) : p === l && a.push({
       element: h,
       datasetIndex: d,
       index: u
@@ -3724,10 +3724,10 @@ var st = {
     if (!i)
       return;
     const s = Q(i.options.layout.padding), o = Math.max(t - s.width, 0), a = Math.max(e - s.height, 0), r = El(i.boxes), l = r.vertical, c = r.horizontal;
-    I(i.boxes, (p) => {
-      typeof p.beforeLayout == "function" && p.beforeLayout();
+    I(i.boxes, (g) => {
+      typeof g.beforeLayout == "function" && g.beforeLayout();
     });
-    const h = l.reduce((p, g) => g.box.options && g.box.options.display === !1 ? p : p + 1, 0) || 1, d = Object.freeze({
+    const h = l.reduce((g, p) => p.box.options && p.box.options.display === !1 ? g : g + 1, 0) || 1, d = Object.freeze({
       outerWidth: t,
       outerHeight: e,
       padding: s,
@@ -3751,9 +3751,9 @@ var st = {
       bottom: f.top + f.h,
       height: f.h,
       width: f.w
-    }, I(r.chartArea, (p) => {
-      const g = p.box;
-      Object.assign(g, i.chartArea), g.update(f.w, f.h, {
+    }, I(r.chartArea, (g) => {
+      const p = g.box;
+      Object.assign(p, i.chartArea), p.update(f.w, f.h, {
         left: 0,
         top: 0,
         right: 0,
@@ -4116,20 +4116,20 @@ function dc(i, t, e) {
 function uc(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, m;
-  const p = a - s, g = r - o;
+  const g = a - s, p = r - o;
   if (i.isHorizontal()) {
     if (f = K(n, o, r), T(e)) {
       const b = Object.keys(e)[0], y = e[b];
-      m = h[b].getPixelForValue(y) + p - t;
+      m = h[b].getPixelForValue(y) + g - t;
     } else
-      e === "center" ? m = (c.bottom + c.top) / 2 + p - t : m = us(i, e, t);
+      e === "center" ? m = (c.bottom + c.top) / 2 + g - t : m = us(i, e, t);
     u = r - o;
   } else {
     if (T(e)) {
       const b = Object.keys(e)[0], y = e[b];
-      f = h[b].getPixelForValue(y) - g + t;
+      f = h[b].getPixelForValue(y) - p + t;
     } else
-      e === "center" ? f = (c.left + c.right) / 2 - g + t : f = us(i, e, t);
+      e === "center" ? f = (c.left + c.right) / 2 - p + t : f = us(i, e, t);
     m = K(n, a, s), d = e === "left" ? -U : U;
   }
   return {
@@ -4314,15 +4314,15 @@ class jt extends rt {
     if (a) {
       const l = ps(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, m = ht(this.labelRotation), p = Math.cos(m), g = Math.sin(m);
+        const { first: c, last: h, widest: d, highest: u } = this._getLabelSizes(), f = n.padding * 2, m = ht(this.labelRotation), g = Math.cos(m), p = Math.sin(m);
         if (r) {
-          const b = n.mirror ? 0 : g * d.width + p * u.height;
+          const b = n.mirror ? 0 : p * d.width + g * u.height;
           t.height = Math.min(this.maxHeight, t.height + b + f);
         } else {
-          const b = n.mirror ? 0 : p * d.width + g * u.height;
+          const b = n.mirror ? 0 : g * d.width + p * u.height;
           t.width = Math.min(this.maxWidth, t.width + b + f);
         }
-        this._calculatePadding(c, h, g, p);
+        this._calculatePadding(c, h, p, 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);
@@ -4371,12 +4371,12 @@ class jt extends rt {
   }
   _computeLabelSizes(t, e, n) {
     const { ctx: s, _longestTextCache: o } = this, a = [], r = [], l = Math.floor(e / fs(e, n));
-    let c = 0, h = 0, d, u, f, m, p, g, b, y, x, v, _;
+    let c = 0, h = 0, d, u, f, m, g, p, b, y, x, v, _;
     for (d = 0; d < e; d += l) {
-      if (m = t[d].label, p = this._resolveTickFontOptions(d), s.font = g = p.string, b = o[g] = o[g] || {
+      if (m = t[d].label, g = this._resolveTickFontOptions(d), s.font = p = g.string, b = o[p] = o[p] || {
         data: {},
         gc: []
-      }, y = p.lineHeight, x = v = 0, !F(m) && !W(m))
+      }, y = g.lineHeight, x = v = 0, !F(m) && !W(m))
         x = pi(s, b.data, b.gc, x, m), v = y;
       else if (W(m))
         for (u = 0, f = m.length; u < f; ++u)
@@ -4442,18 +4442,18 @@ class jt extends rt {
     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 = [], m = r.setContext(this.getContext()), p = m.display ? m.width : 0, g = p / 2, b = function(R) {
-      return Ot(n, R, p);
+    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 = [], m = r.setContext(this.getContext()), g = m.display ? m.width : 0, p = g / 2, b = function(R) {
+      return Ot(n, R, g);
     };
     let y, x, v, _, w, S, M, C, P, A, D, E;
     if (a === "top")
-      y = b(this.bottom), S = this.bottom - u, C = y - g, A = b(t.top) + g, E = t.bottom;
+      y = b(this.bottom), S = this.bottom - u, C = y - p, A = b(t.top) + p, E = t.bottom;
     else if (a === "bottom")
-      y = b(this.top), A = t.top, E = b(t.bottom) - g, S = y + g, C = this.top + u;
+      y = b(this.top), A = t.top, E = b(t.bottom) - p, S = y + p, C = this.top + u;
     else if (a === "left")
-      y = b(this.right), w = this.right - u, M = y - g, P = b(t.left) + g, D = t.right;
+      y = b(this.right), w = this.right - u, M = y - p, P = b(t.left) + p, D = t.right;
     else if (a === "right")
-      y = b(this.left), P = t.left, D = b(t.right) - g, w = y + g, M = this.left + u;
+      y = b(this.left), P = t.left, D = b(t.right) - p, w = y + p, M = this.left + u;
     else if (e === "x") {
       if (a === "center")
         y = b((t.top + t.bottom) / 2 + 0.5);
@@ -4461,7 +4461,7 @@ class jt extends rt {
         const R = Object.keys(a)[0], $ = a[R];
         y = b(this.chart.scales[R].getPixelForValue($));
       }
-      A = t.top, E = t.bottom, S = y + g, C = S + u;
+      A = t.top, E = t.bottom, S = y + p, C = S + u;
     } else if (e === "y") {
       if (a === "center")
         y = b((t.left + t.right) / 2);
@@ -4469,7 +4469,7 @@ class jt extends rt {
         const R = Object.keys(a)[0], $ = a[R];
         y = b(this.chart.scales[R].getPixelForValue($));
       }
-      w = y - g, M = w - u, P = t.left, D = t.right;
+      w = y - p, M = w - u, P = t.left, D = t.right;
     }
     const G = L(s.ticks.maxTicksLimit, d), O = Math.max(1, Math.ceil(d / G));
     for (x = 0; x < d; x += O) {
@@ -4496,7 +4496,7 @@ class jt extends rt {
     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, m = d ? -h : f, p = -ht(this.labelRotation), g = [];
+    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, m = d ? -h : f, g = -ht(this.labelRotation), p = [];
     let b, y, x, v, _, w, S, M, C, P, A, D, E = "middle";
     if (s === "top")
       w = this.bottom - m, S = this._getXAxisLabelAlignment();
@@ -4533,7 +4533,7 @@ class jt extends rt {
       M = this.getPixelForTick(b) + o.labelOffset, C = this._resolveTickFontOptions(b), P = C.lineHeight, A = W(v) ? v.length : 1;
       const R = A / 2, $ = O.color, at = O.textStrokeColor, q = O.textStrokeWidth;
       let $t = S;
-      a ? (_ = M, S === "inner" && (b === y - 1 ? $t = this.options.reverse ? "left" : "right" : b === 0 ? $t = this.options.reverse ? "right" : "left" : $t = "center"), s === "top" ? c === "near" || p !== 0 ? D = -A * P + P / 2 : c === "center" ? D = -G.highest.height / 2 - R * P + P : D = -G.highest.height + P / 2 : c === "near" || p !== 0 ? D = P / 2 : c === "center" ? D = G.highest.height / 2 - R * P : D = G.highest.height - A * P, d && (D *= -1), p !== 0 && !O.showLabelBackdrop && (_ += P / 2 * Math.sin(p))) : (w = M, D = (1 - A) * P / 2);
+      a ? (_ = M, S === "inner" && (b === y - 1 ? $t = this.options.reverse ? "left" : "right" : b === 0 ? $t = this.options.reverse ? "right" : "left" : $t = "center"), s === "top" ? c === "near" || g !== 0 ? D = -A * P + P / 2 : c === "center" ? D = -G.highest.height / 2 - R * P + P : D = -G.highest.height + P / 2 : c === "near" || g !== 0 ? D = P / 2 : c === "center" ? D = G.highest.height / 2 - R * P : D = G.highest.height - A * P, d && (D *= -1), g !== 0 && !O.showLabelBackdrop && (_ += P / 2 * Math.sin(g))) : (w = M, D = (1 - A) * P / 2);
       let Ue;
       if (O.showLabelBackdrop) {
         const Ut = Q(O.backdropPadding), ie = G.heights[b], ne = G.widths[b];
@@ -4562,12 +4562,12 @@ class jt extends rt {
           color: O.backdropColor
         };
       }
-      g.push({
+      p.push({
         label: v,
         font: C,
         textOffset: D,
         options: {
-          rotation: p,
+          rotation: g,
           color: $,
           strokeColor: at,
           strokeWidth: q,
@@ -4581,7 +4581,7 @@ class jt extends rt {
         }
       });
     }
-    return g;
+    return p;
   }
   _getXAxisLabelAlignment() {
     const { position: t, ticks: e } = this.options;
@@ -5785,7 +5785,7 @@ function yi(i, t, e, n, s, o) {
     const O = h > 0 ? h - n : 0, R = d > 0 ? d - n : 0, $ = (O + R) / 2, at = $ !== 0 ? m * $ / ($ + n) : m;
     f = (m - at) / 2;
   }
-  const p = Math.max(1e-3, m * d - e / N) / d, g = (m - p) / 2, b = l + g + f, y = s - g - f, { outerStart: x, outerEnd: v, innerStart: _, innerEnd: w } = Wc(t, u, d, y - b), S = d - x, M = d - v, C = b + x / S, P = y - v / M, A = u + _, D = u + w, E = b + _ / A, G = y - w / D;
+  const g = Math.max(1e-3, m * d - e / N) / d, p = (m - g) / 2, b = l + p + f, y = s - p - f, { outerStart: x, outerEnd: v, innerStart: _, innerEnd: w } = Wc(t, u, d, y - b), S = d - x, M = d - v, C = b + x / S, P = y - v / M, A = u + _, D = u + w, E = b + _ / A, G = y - w / D;
   if (i.beginPath(), o) {
     const O = (C + P) / 2;
     if (i.arc(a, r, d, C, O), i.arc(a, r, d, O, P), v > 0) {
@@ -5835,7 +5835,7 @@ function Nc(i, t, e, n, s) {
   let m = t.endAngle;
   if (o) {
     yi(i, t, e, n, m, s);
-    for (let p = 0; p < o; ++p)
+    for (let g = 0; g < o; ++g)
       i.stroke();
     isNaN(r) || (m = a + (r % H || H));
   }
@@ -5866,8 +5866,8 @@ class ge extends rt {
       "innerRadius",
       "outerRadius",
       "circumference"
-    ], s), f = (this.options.spacing + this.options.borderWidth) / 2, p = L(u, c - l) >= H || Ce(a, l, c), g = xt(r, h + f, d + f);
-    return p && g;
+    ], s), f = (this.options.spacing + this.options.borderWidth) / 2, g = L(u, c - l) >= H || Ce(a, l, c), p = xt(r, h + f, d + f);
+    return g && p;
   }
   getCenterPoint(e) {
     const { x: n, y: s, startAngle: o, endAngle: a, innerRadius: r, outerRadius: l } = this.getProps([
@@ -5935,22 +5935,22 @@ function $o(i, t, e = {}) {
 }
 function $c(i, t, e, n) {
   const { points: s, options: o } = t, { count: a, start: r, loop: l, ilen: c } = $o(s, e, n), h = jc(o);
-  let { move: d = !0, reverse: u } = n || {}, f, m, p;
+  let { move: d = !0, reverse: u } = n || {}, f, m, g;
   for (f = 0; f <= c; ++f)
-    m = s[(r + (u ? c - f : f)) % a], !m.skip && (d ? (i.moveTo(m.x, m.y), d = !1) : h(i, p, m, u, o.stepped), p = m);
-  return l && (m = s[(r + (u ? c : 0)) % a], h(i, p, m, 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 Uc(i, t, e, n) {
   const s = t.points, { count: o, start: a, ilen: r } = $o(s, e, n), { move: l = !0, reverse: c } = n || {};
-  let h = 0, d = 0, u, f, m, p, g, b;
+  let h = 0, d = 0, u, f, m, g, p, b;
   const y = (v) => (a + (c ? r - v : v)) % o, x = () => {
-    p !== g && (i.lineTo(h, g), i.lineTo(h, p), i.lineTo(h, b));
+    g !== p && (i.lineTo(h, p), i.lineTo(h, g), i.lineTo(h, b));
   };
   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, w = v | 0;
-    w === m ? (_ < p ? p = _ : _ > g && (g = _), h = (d * h + v) / ++d) : (x(), i.lineTo(v, _), m = w, d = 0, p = g = _), b = _;
+    w === m ? (_ < g ? g = _ : _ > p && (p = _), h = (d * h + v) / ++d) : (x(), i.lineTo(v, _), m = w, d = 0, g = p = _), b = _;
   }
   x();
 }
@@ -6021,8 +6021,8 @@ class dt extends rt {
         r.push(f);
         continue;
       }
-      const p = Math.abs((s - f[e]) / (m[e] - f[e])), g = l(f, m, p, n.stepped);
-      g[e] = t[e], r.push(g);
+      const g = Math.abs((s - f[e]) / (m[e] - f[e])), p = l(f, m, g, n.stepped);
+      p[e] = t[e], r.push(p);
     }
     return r.length === 1 ? r[0] : r;
   }
@@ -6279,9 +6279,9 @@ function ih(i, t, e) {
     const d = Lo(t, h);
     for (const u of d) {
       const f = en(e, o[u.start], o[u.end], u.loop), m = Do(r, s, f);
-      for (const p of m)
+      for (const g of m)
         a.push({
-          source: p,
+          source: g,
           target: u,
           start: {
             [e]: Cs(h, f, "start", Math.max)
@@ -6564,16 +6564,16 @@ function Ds(i, t) {
     const { style: { backgroundColor: u = o } = {} } = l, f = n !== !0;
     i.save(), i.fillStyle = u, _h(i, a, f && en(s, h, d)), i.beginPath();
     const m = !!e.pathSegment(i, l);
-    let p;
+    let g;
     if (f) {
       m ? i.closePath() : Ls(i, n, d, s);
-      const g = !!n.pathSegment(i, c, {
+      const p = !!n.pathSegment(i, c, {
         move: m,
         reverse: !0
       });
-      p = m && g, p || Ls(i, n, h, s);
+      g = m && p, g || Ls(i, n, h, s);
     }
-    i.closePath(), i.fill(p ? "evenodd" : "nonzero"), i.restore();
+    i.closePath(), i.fill(g ? "evenodd" : "nonzero"), i.restore();
   }
 }
 function _h(i, t, e) {
@@ -6669,29 +6669,29 @@ class Os extends rt {
     let d = t;
     o.textAlign = "left", o.textBaseline = "middle";
     let u = -1, f = -h;
-    return this.legendItems.forEach((m, p) => {
-      const g = n + e / 2 + o.measureText(m.text).width;
-      (p === 0 || c[c.length - 1] + g + 2 * r > a) && (d += h, c[c.length - (p > 0 ? 0 : 1)] = 0, f += h, u++), l[p] = {
+    return this.legendItems.forEach((m, g) => {
+      const p = n + e / 2 + o.measureText(m.text).width;
+      (g === 0 || c[c.length - 1] + p + 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: g,
+        width: p,
         height: s
-      }, c[c.length - 1] += g + r;
+      }, c[c.length - 1] += p + 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, m = 0, p = 0;
-    return this.legendItems.forEach((g, b) => {
-      const { itemWidth: y, itemHeight: x } = wh(n, e, o, g, s);
+    let d = r, u = 0, f = 0, m = 0, g = 0;
+    return this.legendItems.forEach((p, b) => {
+      const { itemWidth: y, itemHeight: x } = wh(n, e, o, p, s);
       b > 0 && f + x + 2 * r > h && (d += u + r, c.push({
         width: u,
         height: f
-      }), m += u + r, p++, u = f = 0), l[b] = {
+      }), m += u + r, g++, u = f = 0), l[b] = {
         left: m,
         top: f,
-        col: p,
+        col: g,
         width: y,
         height: x
       }, u = Math.max(u, y), f += x + r;
@@ -6727,32 +6727,32 @@ class Os extends rt {
     const { options: t, columnSizes: e, lineWidths: n, ctx: s } = this, { align: o, labels: a } = t, r = j.color, l = qt(t.rtl, this.left, this.width), c = Y(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: m, boxHeight: p, itemHeight: g } = Ts(a, d), b = function(w, S, M) {
-      if (isNaN(m) || m <= 0 || isNaN(p) || p < 0)
+    const { boxWidth: m, boxHeight: g, itemHeight: p } = Ts(a, d), b = function(w, S, M) {
+      if (isNaN(m) || m <= 0 || isNaN(g) || g < 0)
         return;
       s.save();
       const C = L(M.lineWidth, 1);
       if (s.fillStyle = L(M.fillStyle, r), s.lineCap = L(M.lineCap, "butt"), s.lineDashOffset = L(M.lineDashOffset, 0), s.lineJoin = L(M.lineJoin, "miter"), s.lineWidth = C, s.strokeStyle = L(M.strokeStyle, r), s.setLineDash(L(M.lineDash, [])), a.usePointStyle) {
         const P = {
-          radius: p * Math.SQRT2 / 2,
+          radius: g * Math.SQRT2 / 2,
           pointStyle: M.pointStyle,
           rotation: M.rotation,
           borderWidth: C
         }, A = l.xPlus(w, m / 2), D = S + u;
         yo(s, P, A, D, a.pointStyleWidth && m);
       } else {
-        const P = S + Math.max((d - p) / 2, 0), A = l.leftForLtr(w, m), D = zt(M.borderRadius);
+        const P = S + Math.max((d - g) / 2, 0), A = l.leftForLtr(w, m), D = zt(M.borderRadius);
         s.beginPath(), Object.values(D).some((E) => E !== 0) ? Pe(s, {
           x: A,
           y: P,
           w: m,
-          h: p,
+          h: g,
           radius: D
-        }) : s.rect(A, P, m, p), s.fill(), C !== 0 && s.stroke();
+        }) : s.rect(A, P, m, g), s.fill(), C !== 0 && s.stroke();
       }
       s.restore();
     }, y = function(w, S, M) {
-      Nt(s, M.text, w, S + g / 2, c, {
+      Nt(s, M.text, w, S + p / 2, c, {
         strikethrough: M.hidden,
         textAlign: l.textAlign(M.textAlign)
       });
@@ -6766,7 +6766,7 @@ class Os extends rt {
       y: K(o, this.top + v + h, this.bottom - e[0].height),
       line: 0
     }, Co(this.ctx, t.textDirection);
-    const _ = g + h;
+    const _ = p + h;
     this.legendItems.forEach((w, S) => {
       s.strokeStyle = w.fontColor, s.fillStyle = w.fontColor;
       const M = s.measureText(w.text).width, C = l.textAlign(w.textAlign || (w.textAlign = a.textAlign)), P = m + u + M;
@@ -6791,7 +6791,7 @@ class Os extends rt {
     if (this.isHorizontal())
       u = Math.max(...this.lineWidths), h = this.top + c, d = K(t.align, d, this.right - u);
     else {
-      const m = this.columnSizes.reduce((p, g) => Math.max(p, g.height), 0);
+      const m = this.columnSizes.reduce((g, p) => Math.max(g, p.height), 0);
       h = c + K(t.align, this.top, this.bottom - m - t.labels.padding - this._computeTitleHeight());
     }
     const f = K(r, d, d + u);
@@ -7092,21 +7092,21 @@ function Ah(i, t) {
 }
 function Is(i, t) {
   const e = i.chart.ctx, { body: n, footer: s, title: o } = i, { boxWidth: a, boxHeight: r } = t, l = Y(t.bodyFont), c = Y(t.titleFont), h = Y(t.footerFont), d = o.length, u = s.length, f = n.length, m = Q(t.padding);
-  let p = m.height, g = 0, b = n.reduce((v, _) => v + _.before.length + _.lines.length + _.after.length, 0);
-  if (b += i.beforeBody.length + i.afterBody.length, d && (p += d * c.lineHeight + (d - 1) * t.titleSpacing + t.titleMarginBottom), b) {
+  let g = m.height, p = 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;
-    p += f * v + (b - f) * l.lineHeight + (b - 1) * t.bodySpacing;
+    g += f * v + (b - f) * l.lineHeight + (b - 1) * t.bodySpacing;
   }
-  u && (p += t.footerMarginTop + u * h.lineHeight + (u - 1) * t.footerSpacing);
+  u && (g += t.footerMarginTop + u * h.lineHeight + (u - 1) * t.footerSpacing);
   let y = 0;
   const x = function(v) {
-    g = Math.max(g, e.measureText(v).width + y);
+    p = Math.max(p, e.measureText(v).width + y);
   };
   return e.save(), e.font = c.string, I(i.title, x), e.font = l.string, I(i.beforeBody.concat(i.afterBody), x), y = t.displayColors ? a + 2 + t.boxPadding : 0, I(n, (v) => {
     I(v.before, x), I(v.lines, x), I(v.after, x);
-  }), y = 0, e.font = h.string, I(i.footer, x), e.restore(), g += m.width, {
-    width: g,
-    height: p
+  }), y = 0, e.font = h.string, I(i.footer, x), e.restore(), p += m.width, {
+    width: p,
+    height: g
   };
 }
 function Dh(i, t) {
@@ -7141,10 +7141,10 @@ function Ih(i, t, e) {
 function Rs(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 } = zt(a);
   let m = Oh(t, r);
-  const p = Ih(t, l, c);
+  const g = Ih(t, l, c);
   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: Z(m, 0, n.width - t.width),
-    y: Z(p, 0, n.height - t.height)
+    y: Z(g, 0, n.height - t.height)
   };
 }
 function si(i, t, e) {
@@ -7307,10 +7307,10 @@ class nn extends rt {
     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 } = zt(r), { x: u, y: f } = t, { width: m, height: p } = e;
-    let g, b, y, x, v, _;
-    return o === "center" ? (v = f + p / 2, s === "left" ? (g = u, b = g - a, x = v + a, _ = v - a) : (g = u + m, b = g + a, x = v - a, _ = v + a), y = g) : (s === "left" ? b = u + Math.max(l, h) + a : s === "right" ? b = u + m - Math.max(c, d) - a : b = this.caretX, o === "top" ? (x = f, v = x - a, g = b - a, y = b + a) : (x = f + p, v = x + a, g = b + a, y = b - a), _ = x), {
-      x1: g,
+    const { xAlign: s, yAlign: o } = this, { caretSize: a, cornerRadius: r } = n, { topLeft: l, topRight: c, bottomLeft: h, bottomRight: d } = zt(r), { x: u, y: f } = t, { width: m, height: g } = e;
+    let p, b, y, x, v, _;
+    return o === "center" ? (v = f + g / 2, s === "left" ? (p = u, b = p - a, x = v + a, _ = v - a) : (p = u + m, b = p + a, x = v - a, _ = v + a), y = p) : (s === "left" ? b = u + Math.max(l, h) + a : s === "right" ? b = u + m - Math.max(c, d) - a : b = this.caretX, o === "top" ? (x = f, v = x - a, p = b - a, y = b + a) : (x = f + g, v = x + a, p = b + a, y = b - a), _ = x), {
+      x1: p,
       x2: b,
       x3: y,
       y1: x,
@@ -7330,45 +7330,45 @@ class nn extends rt {
   _drawColorBox(t, e, n, s, o) {
     const a = this.labelColors[n], r = this.labelPointStyles[n], { boxHeight: l, boxWidth: c } = o, h = Y(o.bodyFont), d = si(this, "left", o), u = s.x(d), f = l < h.lineHeight ? (h.lineHeight - l) / 2 : 0, m = e.y + f;
     if (o.usePointStyle) {
-      const p = {
+      const g = {
         radius: Math.min(c, l) / 2,
         pointStyle: r.pointStyle,
         rotation: r.rotation,
         borderWidth: 1
-      }, g = s.leftForLtr(u, c) + c / 2, b = m + l / 2;
-      t.strokeStyle = o.multiKeyBackground, t.fillStyle = o.multiKeyBackground, Zi(t, p, g, b), t.strokeStyle = a.borderColor, t.fillStyle = a.backgroundColor, Zi(t, p, g, b);
+      }, p = s.leftForLtr(u, c) + c / 2, b = m + l / 2;
+      t.strokeStyle = o.multiKeyBackground, t.fillStyle = o.multiKeyBackground, Zi(t, g, p, b), t.strokeStyle = a.borderColor, t.fillStyle = a.backgroundColor, Zi(t, g, p, b);
     } 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 p = s.leftForLtr(u, c), g = s.leftForLtr(s.xPlus(u, 1), c - 2), b = zt(a.borderRadius);
+      const g = s.leftForLtr(u, c), p = s.leftForLtr(s.xPlus(u, 1), c - 2), b = zt(a.borderRadius);
       Object.values(b).some((y) => y !== 0) ? (t.beginPath(), t.fillStyle = o.multiKeyBackground, Pe(t, {
-        x: p,
+        x: g,
         y: m,
         w: c,
         h: l,
         radius: b
       }), t.fill(), t.stroke(), t.fillStyle = a.backgroundColor, t.beginPath(), Pe(t, {
-        x: g,
+        x: p,
         y: m + 1,
         w: c - 2,
         h: l - 2,
         radius: b
-      }), t.fill()) : (t.fillStyle = o.multiKeyBackground, t.fillRect(p, m, c, l), t.strokeRect(p, m, c, l), t.fillStyle = a.backgroundColor, t.fillRect(g, m + 1, c - 2, l - 2));
+      }), t.fill()) : (t.fillStyle = o.multiKeyBackground, t.fillRect(g, m, c, l), t.strokeRect(g, m, c, l), t.fillStyle = a.backgroundColor, t.fillRect(p, 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 = Y(n.bodyFont);
     let u = d.lineHeight, f = 0;
-    const m = qt(n.rtl, this.x, this.width), p = function(M) {
+    const m = qt(n.rtl, this.x, this.width), g = function(M) {
       e.fillText(M, m.x(t.x + f), t.y + u / 2), t.y += u + o;
-    }, g = m.textAlign(a);
+    }, p = m.textAlign(a);
     let b, y, x, v, _, w, S;
-    for (e.textAlign = a, e.textBaseline = "middle", e.font = d.string, t.x = si(this, g, n), e.fillStyle = n.bodyColor, I(this.beforeBody, p), f = r && g !== "right" ? a === "center" ? c / 2 + h : c + 2 + h : 0, v = 0, w = s.length; v < w; ++v) {
-      for (b = s[v], y = this.labelTextColors[v], e.fillStyle = y, I(b.before, p), x = b.lines, r && x.length && (this._drawColorBox(e, t, v, m, n), u = Math.max(d.lineHeight, l)), _ = 0, S = x.length; _ < S; ++_)
-        p(x[_]), u = d.lineHeight;
-      I(b.after, p);
+    for (e.textAlign = a, e.textBaseline = "middle", e.font = d.string, t.x = si(this, p, n), e.fillStyle = n.bodyColor, I(this.beforeBody, g), f = r && p !== "right" ? a === "center" ? c / 2 + h : c + 2 + h : 0, v = 0, w = s.length; v < w; ++v) {
+      for (b = s[v], y = this.labelTextColors[v], e.fillStyle = y, I(b.before, g), x = b.lines, r && x.length && (this._drawColorBox(e, t, v, m, n), u = Math.max(d.lineHeight, l)), _ = 0, S = x.length; _ < S; ++_)
+        g(x[_]), u = d.lineHeight;
+      I(b.after, g);
     }
-    f = 0, u = d.lineHeight, I(this.afterBody, p), t.y -= o;
+    f = 0, u = d.lineHeight, I(this.afterBody, g), t.y -= o;
   }
   drawFooter(t, e, n) {
     const s = this.footer, o = s.length;
@@ -7647,18 +7647,18 @@ k(De, "id", "category"), k(De, "defaults", {
   }
 });
 function zh(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, m = h - 1, { min: p, max: g } = t, b = !F(a), y = !F(r), x = !F(c), v = (g - p) / (d + 1);
-  let _ = Rn((g - p) / m / f) * f, w, S, M, C;
+  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: p } = t, b = !F(a), y = !F(r), x = !F(c), v = (p - g) / (d + 1);
+  let _ = Rn((p - g) / m / f) * f, w, S, M, C;
   if (_ < 1e-14 && !b && !y)
     return [
       {
-        value: p
+        value: g
       },
       {
-        value: g
+        value: p
       }
     ];
-  C = Math.ceil(g / _) - Math.floor(p / _), C > m && (_ = Rn(C * _ / m / f) * f), F(l) || (w = Math.pow(10, l), _ = Math.ceil(_ * w) / w), s === "ticks" ? (S = Math.floor(p / _) * _, M = Math.ceil(g / _) * _) : (S = p, M = g), b && y && o && Ya((r - a) / o, _ / 1e3) ? (C = Math.round(Math.min((r - a) / _, h)), _ = (r - a) / C, S = a, M = r) : x ? (S = b ? a : S, M = y ? r : M, C = c - 1, _ = (M - S) / C) : (C = (M - S) / _, ye(C, Math.round(C), _ / 1e3) ? C = Math.round(C) : C = Math.ceil(C));
+  C = Math.ceil(p / _) - Math.floor(g / _), C > m && (_ = Rn(C * _ / m / f) * f), F(l) || (w = Math.pow(10, l), _ = Math.ceil(_ * w) / w), s === "ticks" ? (S = Math.floor(g / _) * _, M = Math.ceil(p / _) * _) : (S = g, M = p), b && y && o && Ya((r - a) / o, _ / 1e3) ? (C = Math.round(Math.min((r - a) / _, h)), _ = (r - a) / C, S = a, M = r) : x ? (S = b ? a : S, M = y ? r : M, C = c - 1, _ = (M - S) / C) : (C = (M - S) / _, ye(C, Math.round(C), _ / 1e3) ? C = Math.round(C) : C = Math.ceil(C));
   const P = Math.max(En(_), En(S));
   w = Math.pow(10, F(l) ? P : l), S = Math.round(S * w) / w, M = Math.round(M * w) / w;
   let A = 0;
@@ -7895,8 +7895,8 @@ function Vh(i) {
     s[l] = c.padding;
     const h = i.getPointPosition(l, i.drawingArea + s[l], r), d = Y(c.font), u = Nh(i.ctx, d, i._pointLabels[l]);
     n[l] = u;
-    const f = it(i.getIndexAngle(l) + r), m = Math.round(gn(f)), p = js(m, h.x, u.w, 0, 180), g = js(m, h.y, u.h, 90, 270);
-    jh(e, t, f, p, g);
+    const f = it(i.getIndexAngle(l) + r), m = Math.round(gn(f)), g = js(m, h.x, u.w, 0, 180), p = js(m, h.y, u.h, 90, 270);
+    jh(e, t, f, g, p);
   }
   i.setCenterPoint(t.l - e.l, e.r - t.r, t.t - e.t, e.b - t.b), i._pointLabelItems = Yh(i, n, s);
 }
@@ -8351,7 +8351,7 @@ class _i extends jt {
     const m = s.ticks.source === "data" && this.getDataTimestamps();
     for (u = d, f = 0; u < n; u = +t.add(u, r, a), f++)
       Xs(h, u, m);
-    return (u === n || s.bounds === "ticks" || f === 1) && Xs(h, u, m), Object.keys(h).sort($s).map((p) => +p);
+    return (u === n || s.bounds === "ticks" || f === 1) && Xs(h, u, m), Object.keys(h).sort($s).map((g) => +g);
   }
   getLabelForValue(t) {
     const e = this._adapter, n = this.options.time;
@@ -8597,16 +8597,16 @@ const ld = Vt({
       const m = Xi(s.value);
       if (!m)
         return;
-      let p = !1;
+      let g = !1;
       if (h) {
-        const g = Gt(h), b = Gt(u);
-        g && g !== b && (ad(m, g), p = !0);
+        const p = Gt(h), b = Gt(u);
+        p && p !== b && (ad(m, p), g = !0);
       }
       if (d) {
-        const g = Gt(d.labels), b = Gt(f.labels), y = Gt(d.datasets), x = Gt(f.datasets);
-        g !== b && (Jo(m.config.data, g), p = !0), y && y !== x && (ta(m.config.data, y, i.datasetIdKey), p = !0);
+        const p = Gt(d.labels), b = Gt(f.labels), y = Gt(d.datasets), x = Gt(f.datasets);
+        p !== b && (Jo(m.config.data, p), g = !0), y && y !== x && (ta(m.config.data, y, i.datasetIdKey), g = !0);
       }
-      p && r(m);
+      g && r(m);
     }, {
       deep: !0
     }), () => io("canvas", {
@@ -8669,15 +8669,15 @@ function na(i, t, e, n, s, o, a, r) {
       for (d.style.margin = "1.375rem 1.0625rem"; d.firstChild; )
         d.firstChild.remove();
       l.options.plugins.legend.labels.generateLabels(l).forEach((f) => {
-        const m = l.config.type === "doughnut", p = m ? f.index : f.datasetIndex, g = Ti(l, t, p);
+        const m = l.config.type === "doughnut", g = m ? f.index : f.datasetIndex, p = Ti(l, t, g);
         if (m) {
-          const y = p + 1 === a;
-          g.style.marginTop = "12px", y && (g.style.position = "relative");
+          const y = g + 1 === a;
+          p.style.marginTop = "12px", y && (p.style.position = "relative");
         } else
-          g.style.marginRight = "10px";
-        g.style.width = "max-content", g.style.cursor = "pointer";
+          p.style.marginRight = "10px";
+        p.style.width = "max-content", p.style.cursor = "pointer";
         let b;
-        t.value ? b = oa(l, f, t, e, n.value) : b = sa(f, l, e, n.value, s.value, o.value), b.style.boxSizing = "border-box", g.appendChild(b), g.appendChild(Li(f)), m && a && bd(r, a, p) && g.appendChild(yd(r, a)), d.appendChild(g);
+        t.value ? b = oa(l, f, t, e, n.value) : b = sa(f, l, e, n.value, s.value, o.value), b.style.boxSizing = "border-box", p.appendChild(b), p.appendChild(Li(f)), m && a && bd(r, a, g) && p.appendChild(yd(r, a)), d.appendChild(p);
       });
     }
   }];
@@ -8804,15 +8804,15 @@ function kd() {
     dataSetIndex: -1,
     columnIndex: -1
   });
-  function n(p, g, b, y, x) {
-    return na(p, g, e, b, y, x);
+  function n(g, p, b, y, x) {
+    return na(g, p, e, b, y, x);
   }
   function s() {
     i.value = 4, i.value = 3;
   }
-  function o(p, g, b, y, x, v) {
+  function o(g, p, b, y, x, v) {
     const _ = i.value;
-    return p.map((w, S) => ({
+    return g.map((w, S) => ({
       borderColor: function(M) {
         return b ? "#00000000" : r(S, M.index, y, v);
       },
@@ -8824,38 +8824,38 @@ function kd() {
       },
       data: w.data,
       label: w.label,
-      stack: `Stack ${g ? "0" : S}`
+      stack: `Stack ${p ? "0" : S}`
     }));
   }
-  function a(p, g, b, y, x) {
-    return o([p, g], !1, x, b, y);
+  function a(g, p, b, y, x) {
+    return o([g, p], !1, x, b, y);
   }
-  function r(p, g, b, y) {
-    const x = Yi(p, y);
-    return u(p, g) ? b[x] : Oe(b[x], 0.2);
+  function r(g, p, b, y) {
+    const x = Yi(g, y);
+    return u(g, p) ? b[x] : Oe(b[x], 0.2);
   }
-  function l(p, g, b, y, x, v) {
-    const _ = Yi(p, v);
-    return u(p, g) ? x[_](!1, y[_], b) : x[_](!0, y[_], b);
+  function l(g, p, b, y, x, v) {
+    const _ = Yi(g, v);
+    return u(g, p) ? x[_](!1, y[_], b) : x[_](!0, y[_], b);
   }
   function c() {
     return e.dataSetIndex < 0;
   }
-  function h(p, g) {
-    return e.dataSetIndex === p && e.columnIndex === g;
+  function h(g, p) {
+    return e.dataSetIndex === g && e.columnIndex === p;
   }
-  function d(p) {
-    return e.dataSetIndex === p && e.columnIndex < 0;
+  function d(g) {
+    return e.dataSetIndex === g && e.columnIndex < 0;
   }
-  function u(p, g) {
-    return c() || h(p, g) || d(p);
+  function u(g, p) {
+    return c() || h(g, p) || d(g);
   }
   function f() {
     e.dataSetIndex = -1, e.columnIndex = -1;
   }
   function m() {
-    return (p, g) => {
-      g[0] !== void 0 ? (e.dataSetIndex = g[0].datasetIndex, e.columnIndex = g[0].index) : f();
+    return (g, p) => {
+      p[0] !== void 0 ? (e.dataSetIndex = p[0].datasetIndex, e.columnIndex = p[0].index) : f();
     };
   }
   return {
@@ -8901,14 +8901,14 @@ class Ve {
       const f = l.body.map(this.getBody);
       let m = "background: white;";
       m += "border-bottom: 1px solid #CCCCCC;", m += "border-radius: 5px;", m += "padding: 10px 20px";
-      const p = `<div style="${m}" class="tooltipTitle">`, g = this.chartType === "DOUGHNUT" ? [l.title[0].split("(")[0].trim()] : f[0];
+      const g = `<div style="${m}" class="tooltipTitle">`, p = this.chartType === "DOUGHNUT" ? [l.title[0].split("(")[0].trim()] : f[0];
       let b = "", y = "";
       const x = (u = (d = (h = t.tooltip) == null ? void 0 : h.dataPoints[0]) == null ? void 0 : d.dataset) == null ? void 0 : u.type;
       this.chartType === "RADAR" || this.chartType === "LINE_CHART" ? (b = this.createLegendStyle(t), y = this.createLegendInnerStyle(t)) : this.chartType === "BAR_CHART" || this.chartType === "DETAILS_BAR_CHART" || this.chartType === "DOUGHNUT" ? b = this.createPatternLegendStyle(t) : this.chartType === "MIXED_BAR_LINE_CHART" && (x === "bar" ? b = this.createPatternLegendStyle(t) : (b = this.createLegendStyle(t), y = this.createLegendInnerStyle(t))), this.addLegendToDom(
-        p,
+        g,
         b,
         y,
-        g,
+        p,
         m,
         r,
         s,
@@ -8948,8 +8948,8 @@ class Ve {
     u += `${f}</div>`;
     const m = this.setInnerHtmlToAdd(s, o, u);
     d += m;
-    const p = a == null ? void 0 : a.querySelector(".tooltipCtn");
-    (p == null ? void 0 : p.innerHTML) != null && (h ? this.setInnerHtmlAndPattern(p, d, r, l, c, h) : this.setInnerHtmlAndPattern(p, d, r, l, c));
+    const g = a == null ? void 0 : a.querySelector(".tooltipCtn");
+    (g == null ? void 0 : g.innerHTML) != null && (h ? this.setInnerHtmlAndPattern(g, d, r, l, c, h) : this.setInnerHtmlAndPattern(g, d, r, l, c));
   }
   setInnerHtmlToAdd(t, e, n) {
     const a = `<span style="font-family: Arial; font-size: 16px">${t[0].split(":")[0]}</span>`;
@@ -9236,7 +9236,7 @@ const Od = { class: "container" }, Id = { class: "main" }, Fd = /* @__PURE__ */
       getOnHoverOptions: u,
       getStackedDatasets: f,
       privateGetHtmlLegendPlugin: m
-    } = kd(), p = z(() => {
+    } = kd(), g = z(() => {
       const C = w(x.value);
       return y(), {
         labels: C,
@@ -9253,9 +9253,9 @@ const Od = { class: "container" }, Id = { class: "main" }, Fd = /* @__PURE__ */
         )
       };
     });
-    let g, b;
+    let p, b;
     const y = () => {
-      g = t.tooltipFirstLineLabel, b = t.tooltipSecondLineLabel;
+      p = t.tooltipFirstLineLabel, b = t.tooltipSecondLineLabel;
     }, x = z(() => {
       const C = t.labels;
       if (C.includes("other")) {
@@ -9301,7 +9301,7 @@ const Od = { class: "container" }, Id = { class: "main" }, Fd = /* @__PURE__ */
               _,
               {
                 chartType: ee.BAR_CHART,
-                firstLineLabel: g,
+                firstLineLabel: p,
                 secondLineLabel: b
               },
               a.value,
@@ -9341,12 +9341,12 @@ const Od = { class: "container" }, Id = { class: "main" }, Fd = /* @__PURE__ */
       { deep: !0 }
     ), (C, P) => (ft(), Ie("div", Od, [
       gt("div", Id, [
-        p.value ? (ft(), Fe(Zt(ea), {
+        g.value ? (ft(), Fe(Zt(ea), {
           key: 0,
           ref_key: "barChartRef",
           ref: h,
           id: i.chartId,
-          data: p.value,
+          data: g.value,
           options: S.value,
           plugins: M.value,
           class: Re(i.cssClasses),
@@ -9371,7 +9371,7 @@ an.install = (i) => {
 };
 function Rd() {
   const i = X(null), t = X(null), e = X(null);
-  function n(h, d, u, f, m, p, g) {
+  function n(h, d, u, f, m, g, p) {
     return na(
       h,
       d,
@@ -9379,8 +9379,8 @@ function Rd() {
       u,
       f,
       m,
-      p,
-      g
+      g,
+      p
     );
   }
   function s(h, d, u) {
@@ -9402,10 +9402,10 @@ function Rd() {
   }
   const r = (h) => h.charAt(0).toUpperCase() + h.slice(1).toLowerCase();
   function l(h, d, u, f) {
-    let m = h.slice(0), p = d.slice(0);
-    return h.length > u && (p = c(d, u), m = m.slice(0, u - 1), m.push(f)), m.map(
-      (g, b) => `${r(g)} (${ot(
-        p[b].rate
+    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(
+      (p, b) => `${r(p)} (${ot(
+        g[b].rate
       )} %)`
     );
   }
@@ -9548,7 +9548,7 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
       groupDataAfterNthValue: c,
       getDoughnutLabels: h,
       getBorderColor: d
-    } = Rd(), u = X(!1), f = X(null), m = z(() => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((S) => e[t.colourSet][S])), p = z(() => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((S) => n[S])), g = z(() => ({
+    } = Rd(), u = X(!1), f = X(null), m = z(() => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((S) => e[t.colourSet][S])), g = z(() => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((S) => n[S])), p = z(() => ({
       labels: h(
         t.labels,
         t.data,
@@ -9563,7 +9563,7 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
           ).map((S) => S.rate),
           backgroundColor: a(
             m.value,
-            p.value,
+            g.value,
             t.disableAccessibility
           ),
           borderColor: d(m.value)
@@ -9580,7 +9580,7 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
       return t.labels.length <= 1 ? 0 : 12;
     }
     const x = z(() => {
-      const S = m.value, M = p.value;
+      const S = m.value, M = g.value;
       return {
         onHover: l(),
         plugins: {
@@ -9628,7 +9628,7 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
         u,
         _,
         m,
-        p,
+        g,
         t.maxValues,
         v
       )
@@ -9636,29 +9636,29 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
     return eo(() => {
       a(
         m.value,
-        p.value,
+        g.value,
         t.disableAccessibility
       );
     }), di(s, (S, M) => {
       S !== M && a(
         m.value,
-        p.value,
+        g.value,
         t.disableAccessibility
       );
     }), di(_, () => {
       a(
         m.value,
-        p.value,
+        g.value,
         t.disableAccessibility
       );
     }), (S, M) => (ft(), Ie("div", Ed, [
       gt("div", Bd, [
-        g.value ? (ft(), Fe(Zt(cd), {
+        p.value ? (ft(), Fe(Zt(cd), {
           key: 0,
           ref_key: "doughnutRef",
           ref: o,
           id: i.chartId,
-          data: g.value,
+          data: p.value,
           options: x.value,
           plugins: w.value,
           "max-values": i.maxValues,
@@ -9792,12 +9792,12 @@ const Wd = { class: "container" }, Hd = { class: "main" }, Nd = /* @__PURE__ */
       Le
     );
     const { colourSets: e, patternsStandardList: n } = je(), s = X(null), o = X(!1), a = z(
-      () => t.newPatternsOrder.length !== 6 ? e[t.colourSet] : t.newPatternsOrder.map((g) => e[t.colourSet][g])
-    ), r = t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((g) => n[g]), l = (g) => {
-      const b = g.tooltip.dataPoints[0].datasetIndex, y = g.tooltip.dataPoints[0].dataIndex, x = t.lines[b].data[y].toFixed(2);
+      () => 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 b = p.tooltip.dataPoints[0].datasetIndex, y = p.tooltip.dataPoints[0].dataIndex, x = t.lines[b].data[y].toFixed(2);
       return t.lines[b].unit ? x + " " + t.lines[b].unit : x;
     }, c = z(() => t.tooltipFirstLineLabel), h = z(() => t.tooltipSecondLineLabel), d = z(() => ({
-      labels: t.labels.map((g) => g),
+      labels: t.labels.map((p) => p),
       datasets: [
         {
           type: "line",
@@ -9821,12 +9821,12 @@ const Wd = { class: "container" }, Hd = { class: "main" }, Nd = /* @__PURE__ */
         }
       ]
     }));
-    function u(g, b) {
+    function u(p, b) {
       return [
         {
           id: "htmlLegend",
           afterUpdate(y) {
-            const x = Ii(g, "column");
+            const x = Ii(p, "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((_) => {
@@ -9842,13 +9842,13 @@ const Wd = { class: "container" }, Hd = { class: "main" }, Nd = /* @__PURE__ */
         }
       ];
     }
-    function f(g, b) {
-      const y = Cn(g, b);
+    function f(p, b) {
+      const y = Cn(p, b);
       return y.onclick = (x) => {
-        Oi(g, b.datasetIndex, o), x.stopPropagation();
+        Oi(p, b.datasetIndex, o), x.stopPropagation();
       }, y;
     }
-    const m = u(s, o), p = z(() => ({
+    const m = u(s, o), g = z(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
@@ -9857,9 +9857,9 @@ const Wd = { class: "container" }, Hd = { class: "main" }, Nd = /* @__PURE__ */
         },
         tooltip: {
           enabled: !1,
-          external: function(g) {
+          external: function(p) {
             new Ve().createTooltip(
-              g,
+              p,
               l,
               {
                 chartType: ee.LINE_CHART,
@@ -9885,22 +9885,22 @@ const Wd = { class: "container" }, Hd = { class: "main" }, Nd = /* @__PURE__ */
             drawOnChartArea: !0
           },
           ticks: {
-            callback: function(g) {
+            callback: function(p) {
               const b = t.lines[0].unit;
-              return `${ot(g)} ${b || ""}`;
+              return `${ot(p)} ${b || ""}`;
             }
           }
         }
       }
     }));
-    return (g, b) => (ft(), Ie("div", Wd, [
+    return (p, b) => (ft(), Ie("div", Wd, [
       gt("div", Hd, [
         d.value ? (ft(), Fe(Zt(hd), {
           key: 0,
           ref: "lineChartRef",
           id: i.chartId,
           data: d.value,
-          options: p.value,
+          options: g.value,
           plugins: Zt(m),
           class: Re(i.cssClasses),
           style: Qt([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
@@ -9925,11 +9925,11 @@ function Vd(i, t) {
     let c = r <= Math.PI / 2 || r > 3 * Math.PI / 2 ? 15 : -15, h;
     r < 0 || r > Math.PI ? h = -15 : h = 15, r > Math.PI / 4 && r < 3 * Math.PI / 4 && (h *= 3), (r < -Math.PI / 4 || r > 5 * Math.PI / 4) && (h *= 3, c = 0), (r > 11 * Math.PI / 8 || r < -3 * Math.PI / 8) && (e.textAlign = "center");
     const d = l.y + h * (o.length - 1) / 2;
-    e.font = "15px Arial", o.forEach((u, f) => {
+    e.font = "12px Arial", o.forEach((u, f) => {
       const m = f === o.length - 1 ? jd(t)[a] : "#000000";
       e.fillStyle = m;
-      const p = l.x + c, g = d + 15 * f;
-      e.fillText(u, p, g);
+      const g = l.x + c, p = d + 15 * f;
+      e.fillText(u, g, p);
     });
   }), e.restore());
 }
@@ -9942,7 +9942,22 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
     default:
       return "#000000";
   }
-}), $d = { class: "container" }, Ud = /* @__PURE__ */ Vt({
+});
+function $d(i, t) {
+  if (i.length > 7 && i.includes(" ", 7)) {
+    const n = i.indexOf(
+      " ",
+      7
+    );
+    return [
+      i.substring(0, n),
+      i.substring(n),
+      t
+    ];
+  }
+  return [i, t];
+}
+const Ud = { class: "container" }, Yd = /* @__PURE__ */ Vt({
   __name: "RadarChart",
   props: {
     /**
@@ -10039,7 +10054,7 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
     ), o = z(
       () => t.newPatternsOrder.length !== 6 ? n : t.newPatternsOrder.map((g) => n[g])
     ), a = z(() => ({
-      labels: d(),
+      labels: h(),
       datasets: [
         {
           label: t.datasets[0].label,
@@ -10076,8 +10091,8 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
         }
       ]
     })), r = {
-      onClick: (g, b, y) => {
-        b[0] && ca(y, b[0].datasetIndex, c);
+      onClick: (g, p, b) => {
+        p[0] && ca(b, p[0].datasetIndex, c);
       },
       plugins: {
         htmlLegend: {
@@ -10095,7 +10110,7 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
           external: function(g) {
             new Ve().createTooltip(
               g,
-              p,
+              m,
               { chartType: ee.RADAR },
               s.value,
               o.value,
@@ -10129,48 +10144,33 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
           }
         }
       }
-    }, l = X(null), c = X(!1);
-    function h(g, b) {
-      if (g.length > 9 && g.includes(" ", 9)) {
-        const x = g.indexOf(
-          " ",
-          9
-        );
-        return [
-          g.substring(0, x),
-          g.substring(x),
-          b
-        ];
-      }
-      return [g, b];
-    }
-    const d = () => t.labels.map((g, b) => {
-      const y = t.datasets[0].areaData[b].value ? `${u(
-        t.datasets[0].areaData[b].value + ""
-      )} ${t.datasets[0].areaData[b].unit}` : "No Data";
-      return h(g, y);
-    }), u = (g) => ot(parseFloat(g));
-    function f(g, b) {
-      const y = Cn(g, b);
-      return y.onclick = (x) => {
-        Oi(g, b.datasetIndex, c), x.stopPropagation();
-      }, y;
-    }
-    const m = [
+    }, l = X(null), c = X(!1), h = () => t.labels.map((g, p) => {
+      const b = t.datasets[0].areaData[p].value ? `${d(
+        t.datasets[0].areaData[p].value + ""
+      )} ${t.datasets[0].areaData[p].unit}` : "No Data";
+      return $d(g, b);
+    }), d = (g) => ot(parseFloat(g));
+    function u(g, p) {
+      const b = Cn(g, p);
+      return b.onclick = (y) => {
+        Oi(g, p.datasetIndex, c), y.stopPropagation();
+      }, b;
+    }
+    const f = [
       {
         id: "htmlLegend",
         afterUpdate(g) {
-          const b = Ii(l, "row");
-          for (; b.firstChild; )
-            b.firstChild.remove();
-          g.options.plugins.legend.labels.generateLabels(g).reverse().forEach((x) => {
-            const v = Ti(
+          const p = Ii(l, "row");
+          for (; p.firstChild; )
+            p.firstChild.remove();
+          g.options.plugins.legend.labels.generateLabels(g).reverse().forEach((y) => {
+            const x = Ti(
               g,
               c,
-              x.datasetIndex
+              y.datasetIndex
             );
-            let _;
-            v.style.marginRight = "0.625rem", c.value ? _ = f(g, x) : _ = Pn(x, !0), v.appendChild(_), v.appendChild(Li(x)), b.appendChild(v);
+            let v;
+            x.style.marginRight = "0.625rem", c.value ? v = u(g, y) : v = Pn(y, !0), x.appendChild(v), x.appendChild(Li(y)), p.appendChild(x);
           });
         }
       },
@@ -10180,11 +10180,11 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
           Vd(g, t);
         }
       }
-    ], p = (g) => {
-      const b = g.tooltip.dataPoints[0].datasetIndex, y = g.tooltip.dataPoints[0].dataIndex, x = t.datasets[b];
-      return x.areaData[y].value.toFixed(2) + " " + x.areaData[y].unit;
+    ], m = (g) => {
+      const p = g.tooltip.dataPoints[0].datasetIndex, b = g.tooltip.dataPoints[0].dataIndex, y = t.datasets[p];
+      return y.areaData[b].value.toFixed(2) + " " + y.areaData[b].unit;
     };
-    return (g, b) => (ft(), Ie("div", $d, [
+    return (g, p) => (ft(), Ie("div", Ud, [
       gt("div", {
         class: "main",
         style: Qt({ height: i.height })
@@ -10194,7 +10194,7 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
           id: i.chartId,
           data: a.value,
           options: r,
-          plugins: m,
+          plugins: f,
           class: Re(i.cssClasses),
           style: Qt([{ height: i.height, cursor: "pointer" }, i.styles])
         }, null, 8, ["id", "data", "class", "style"])) : Ee("", !0)
@@ -10207,7 +10207,7 @@ const jd = (i) => i.datasets[0].areaData.map((t) => {
     ]));
   }
 });
-const cn = /* @__PURE__ */ $e(Ud, [["__scopeId", "data-v-e59323c3"]]);
+const cn = /* @__PURE__ */ $e(Yd, [["__scopeId", "data-v-a28617e3"]]);
 cn.install = (i) => {
   i.component("RadarChart", cn);
 };
@@ -10218,12 +10218,12 @@ const Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   LineChart: ln,
   RadarChart: cn
 }, Symbol.toStringTag, { value: "Module" })), { getPatternIndexWithShift: Qs } = Di();
-function Yd() {
+function Xd() {
   const i = X(2), t = so({
     dataSetIndex: -1,
     columnIndex: -1
   });
-  function e(d, u, f, m, p, g) {
+  function e(d, u, f, m, g, p) {
     return [
       {
         id: "htmlLegend",
@@ -10245,77 +10245,80 @@ function Yd() {
               b,
               v,
               u,
-              -1,
+              { datasetIndex: -1 },
               m.value
             ) : v != null && v.lineCap ? w = Pn(v) : w = sa(
               v,
               b,
-              -1,
+              { datasetIndex: -1 },
               m.value,
-              p.value,
-              g.value
+              g.value,
+              p.value
             ), w.style.boxSizing = "border-box", _.style.marginRight = "10px", _.appendChild(w), _.appendChild(Li(v)), y.appendChild(_);
           });
         }
       }
     ];
   }
-  function n(d, u, f, m, p) {
+  function n(d, u, f, m, g) {
     return e(
       d,
       u,
       t,
       f,
       m,
-      p
+      g
     );
   }
-  function s(d, u, f, m, p) {
-    const g = i.value;
-    return d.map((b, y) => ({
-      type: b.type,
-      fill: b.type === "bar" ? null : !1,
-      borderWidth: function() {
-        return u ? 1 : g;
-      },
-      borderColor: function(x) {
-        return u ? "#00000000" : b.type === "bar" ? o(
-          y,
-          x.index,
-          f,
-          p
-        ) : f[y];
-      },
-      backgroundColor: function(x) {
-        return a(
-          y,
-          x.index,
-          u,
-          f,
-          m,
-          p
-        );
-      },
-      yAxisID: b.type === "bar" ? "A" : "B",
-      pointStyle: y % 2 === 0 ? "rectRot" : "circle",
-      data: b.data,
-      label: b.label,
-      pointBackgroundColor: "#FFFFFF",
-      pointRadius: 5,
-      order: d.length - y
-    }));
+  function s(d, u, f, m, g) {
+    const p = i.value;
+    return d.map((b, y) => {
+      const x = b.type === "bar";
+      return {
+        type: b.type,
+        fill: x ? null : !1,
+        borderWidth: function() {
+          return u && x ? 1 : p;
+        },
+        borderColor: function(v) {
+          return u && x ? "#00000000" : x ? o(
+            y,
+            v.index,
+            f,
+            g
+          ) : f[y];
+        },
+        backgroundColor: function(v) {
+          return a(
+            y,
+            v.index,
+            u,
+            f,
+            m,
+            g
+          );
+        },
+        yAxisID: x ? "A" : "B",
+        pointStyle: y % 2 === 0 ? "rectRot" : "circle",
+        data: b.data,
+        label: b.label,
+        pointBackgroundColor: "#FFFFFF",
+        pointRadius: 5,
+        order: d.length - y
+      };
+    });
   }
   function o(d, u, f, m) {
-    const p = Qs(d, m);
-    return r(d, u) ? f[p] : Oe(f[p], 0.2);
+    const g = Qs(d, m);
+    return r(d, u) ? f[g] : Oe(f[g], 0.2);
   }
-  function a(d, u, f, m, p, g) {
-    const b = Qs(d, g);
-    return r(d, u) ? p[b](
+  function a(d, u, f, m, g, p) {
+    const b = Qs(d, p);
+    return r(d, u) ? g[b](
       !1,
       m[b],
       f
-    ) : p[b](
+    ) : g[b](
       !0,
       m[b],
       f
@@ -10341,7 +10344,7 @@ function Yd() {
     onHoverIndex: t
   };
 }
-const Xd = { class: "container" }, Gd = { class: "main" }, qd = /* @__PURE__ */ Vt({
+const Gd = { class: "container" }, qd = { class: "main" }, Kd = /* @__PURE__ */ Vt({
   __name: "MixedBarLineChart",
   props: {
     /**
@@ -10511,7 +10514,7 @@ const Xd = { class: "container" }, Gd = { class: "main" }, qd = /* @__PURE__ */
       dt,
       Kt
     );
-    const { privateGetHtmlLegendPlugin: e, getMixedDatasets: n } = Yd(), { colourSets: s, patternsStandardList: o } = je(), a = X(null), r = X(!1), l = z(() => {
+    const { privateGetHtmlLegendPlugin: e, getMixedDatasets: n } = Xd(), { colourSets: s, patternsStandardList: o } = je(), a = X(null), r = X(!1), l = z(() => {
       let b = [];
       return t.barDatasets && (b = b.concat(t.barDatasets)), t.lineDatasets && (b = b.concat(t.lineDatasets)), b;
     }), c = z(() => t.newPatternsOrder.length !== o.length ? s[t.colourSet] : t.newPatternsOrder.map((b) => s[t.colourSet][b])), h = z(() => t.newPatternsOrder.length !== o.length ? o : t.newPatternsOrder.map((b) => o[b])), d = z(() => t.disableAccessibility), u = z(() => ({
@@ -10526,7 +10529,7 @@ const Xd = { class: "container" }, Gd = { class: "main" }, qd = /* @__PURE__ */
     })), 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) : ot(v)) + _;
-    }, m = () => Object.assign([], t.labels).map((y) => y), p = z(() => ({
+    }, m = () => Object.assign([], t.labels).map((y) => y), g = z(() => ({
       type: "scatter",
       responsive: !0,
       maintainAspectRatio: !0,
@@ -10603,7 +10606,7 @@ const Xd = { class: "container" }, Gd = { class: "main" }, qd = /* @__PURE__ */
           }
         }
       }
-    })), g = X(
+    })), p = X(
       e(
         a,
         r,
@@ -10612,15 +10615,15 @@ const Xd = { class: "container" }, Gd = { class: "main" }, qd = /* @__PURE__ */
         h
       )
     );
-    return (b, y) => (ft(), Ie("div", Xd, [
-      gt("div", Gd, [
+    return (b, y) => (ft(), Ie("div", Gd, [
+      gt("div", qd, [
         u.value ? (ft(), Fe(Zt(ea), {
           key: 0,
           ref: "mixedBarLineChartRef",
           id: i.chartId,
           data: u.value,
-          options: p.value,
-          plugins: g.value,
+          options: g.value,
+          plugins: p.value,
           class: Re(i.cssClasses),
           style: Qt([{ width: i.width, height: i.height, cursor: "pointer" }, i.styles])
         }, null, 8, ["id", "data", "options", "plugins", "class", "style"])) : Ee("", !0)
@@ -10632,11 +10635,11 @@ const Xd = { class: "container" }, Gd = { class: "main" }, qd = /* @__PURE__ */
     ]));
   }
 });
-const Js = /* @__PURE__ */ $e(qd, [["__scopeId", "data-v-758cd368"]]);
+const Js = /* @__PURE__ */ $e(Kd, [["__scopeId", "data-v-758cd368"]]);
 Js.install = (i) => {
   i.component("MixedBarLineChart", Js);
 };
-const Jd = {
+const tu = {
   install: (i, t) => {
     Object.keys(Zs).forEach((e) => {
       i.component(e, Zs[e]);
@@ -10649,5 +10652,5 @@ export {
   ln as LineChart,
   Js as MixedBarLineChart,
   cn as RadarChart,
-  Jd as default
+  tu as default
 };