@mozaic-ds/chart 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/mozaic-chart.js

@@ -649,11 +649,11 @@ function we(i, t, e, n) {
   const s = it(i), o = it(t), a = it(e), r = it(o - s), l = it(a - s), c = it(s - o), h = it(s - a);
   return s === o || s === a || n && o === a || r > l && c < h;
 }
-function G(i, t, e) {
+function K(i, t, e) {
   return Math.max(t, Math.min(e, i));
 }
 function Na(i) {
-  return G(i, -32768, 32767);
+  return K(i, -32768, 32767);
 }
 function pt(i, t, e, n = 1e-6) {
   return i >= Math.min(t, e) - n && i <= Math.max(t, e) + n;
@@ -746,18 +746,18 @@ function Ya(i, t) {
     return t ? (clearTimeout(e), e = setTimeout(i, t, n)) : i.apply(this, n), t;
   };
 }
-const dn = (i) => i === "start" ? "left" : i === "end" ? "right" : "center", q = (i, t, e) => i === "start" ? t : i === "end" ? e : (t + e) / 2, Ua = (i, t, e, n) => i === (n ? "left" : "right") ? e : i === "center" ? (t + e) / 2 : t;
+const dn = (i) => i === "start" ? "left" : i === "end" ? "right" : "center", G = (i, t, e) => i === "start" ? t : i === "end" ? e : (t + e) / 2, Ua = (i, t, e, n) => i === (n ? "left" : "right") ? e : i === "center" ? (t + e) / 2 : t;
 function Xa(i, t, e) {
   const n = t.length;
   let s = 0, o = n;
   if (i._sorted) {
     const { iScale: a, _parsed: r } = i, l = a.axis, { min: c, max: h, minDefined: d, maxDefined: u } = a.getUserBounds();
-    d && (s = G(Math.min(
+    d && (s = K(Math.min(
       // @ts-expect-error Need to type _parsed
       Et(r, l, c).lo,
       // @ts-expect-error Need to fix types on _lookupByKey
       e ? n : Et(t, l, a.getPixelForValue(c)).lo
-    ), 0, n - 1)), u ? o = G(Math.max(
+    ), 0, n - 1)), u ? o = K(Math.max(
       // @ts-expect-error Need to type _parsed
       Et(r, a.axis, h, !0).hi + 1,
       // @ts-expect-error Need to fix types on _lookupByKey
@@ -1295,7 +1295,7 @@ function Bt(i) {
     "bottomRight"
   ]);
 }
-function K(i) {
+function Z(i) {
   const t = fo(i);
   return t.width = t.left + t.right, t.height = t.top + t.bottom, t;
 }
@@ -3723,7 +3723,7 @@ var st = {
   update(i, t, e, n) {
     if (!i)
       return;
-    const s = K(i.options.layout.padding), o = Math.max(t - s.width, 0), a = Math.max(e - s.height, 0), r = Dl(i.boxes), l = r.vertical, c = r.horizontal;
+    const s = Z(i.options.layout.padding), o = Math.max(t - s.width, 0), a = Math.max(e - s.height, 0), r = Dl(i.boxes), l = r.vertical, c = r.horizontal;
     F(i.boxes, (m) => {
       typeof m.beforeLayout == "function" && m.beforeLayout();
     });
@@ -3736,7 +3736,7 @@ var st = {
       vBoxMaxWidth: o / 2 / h,
       hBoxMaxHeight: a / 2
     }), u = Object.assign({}, s);
-    Do(u, K(n));
+    Do(u, Z(n));
     const f = Object.assign({
       maxPadding: u,
       w: o,
@@ -4093,7 +4093,7 @@ function oe(i) {
 function us(i, t) {
   if (!i.display)
     return 0;
-  const e = U(i.font, t), n = K(i.padding);
+  const e = U(i.font, t), n = Z(i.padding);
   return (z(i.text) ? i.text.length : 1) * e.lineHeight + n.height;
 }
 function ic(i, t) {
@@ -4118,7 +4118,7 @@ function oc(i, t, e, n) {
   let d = 0, u, f, p;
   const m = a - s, g = r - o;
   if (i.isHorizontal()) {
-    if (f = q(n, o, r), T(e)) {
+    if (f = G(n, o, r), T(e)) {
       const b = Object.keys(e)[0], y = e[b];
       p = h[b].getPixelForValue(y) + m - t;
     } else
@@ -4130,7 +4130,7 @@ function oc(i, t, e, n) {
       f = h[b].getPixelForValue(y) - g + t;
     } else
       e === "center" ? f = (c.left + c.right) / 2 - g + t : f = cs(i, e, t);
-    p = q(n, a, s), d = e === "left" ? -$ : $;
+    p = G(n, a, s), d = e === "left" ? -$ : $;
   }
   return {
     titleX: f,
@@ -4291,8 +4291,8 @@ class Nt extends at {
       this.labelRotation = s;
       return;
     }
-    const h = this._getLabelSizes(), d = h.widest.width, u = h.highest.height, f = G(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 - oe(t.grid) - e.padding - us(t.title, this.chart.options.font), c = Math.sqrt(d * d + u * u), a = cn(Math.min(Math.asin(G((h.highest.height + 6) / r, -1, 1)), Math.asin(G(l / c, -1, 1)) - Math.asin(G(u / c, -1, 1)))), a = Math.max(s, Math.min(o, a))), this.labelRotation = a;
+    const h = this._getLabelSizes(), d = h.widest.width, u = h.highest.height, f = K(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 - oe(t.grid) - e.padding - us(t.title, this.chart.options.font), c = Math.sqrt(d * d + u * u), a = cn(Math.min(Math.asin(K((h.highest.height + 6) / r, -1, 1)), Math.asin(K(l / c, -1, 1)) - Math.asin(K(u / c, -1, 1)))), a = Math.max(s, Math.min(o, a))), this.labelRotation = a;
   }
   afterCalculateLabelRotation() {
     B(this.options.afterCalculateLabelRotation, [
@@ -4442,14 +4442,14 @@ class Nt extends at {
     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 = oe(o), f = [], p = r.setContext(this.getContext()), m = p.display ? p.width : 0, g = m / 2, b = function(E) {
-      return Tt(n, E, m);
+    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 = oe(o), f = [], p = r.setContext(this.getContext()), m = p.display ? p.width : 0, g = m / 2, b = function(R) {
+      return Tt(n, R, m);
     };
-    let y, x, v, _, C, S, k, M, P, A, D, R;
+    let y, x, v, _, C, S, k, M, P, A, D, E;
     if (a === "top")
-      y = b(this.bottom), S = this.bottom - u, M = y - g, A = b(t.top) + g, R = t.bottom;
+      y = b(this.bottom), S = this.bottom - u, M = y - g, A = b(t.top) + g, E = t.bottom;
     else if (a === "bottom")
-      y = b(this.top), A = t.top, R = b(t.bottom) - g, S = y + g, M = this.top + u;
+      y = b(this.top), A = t.top, E = b(t.bottom) - g, S = y + g, M = this.top + u;
     else if (a === "left")
       y = b(this.right), C = this.right - u, k = y - g, P = b(t.left) + g, D = t.right;
     else if (a === "right")
@@ -4458,23 +4458,23 @@ class Nt extends at {
       if (a === "center")
         y = b((t.top + t.bottom) / 2 + 0.5);
       else if (T(a)) {
-        const E = Object.keys(a)[0], j = a[E];
-        y = b(this.chart.scales[E].getPixelForValue(j));
+        const R = Object.keys(a)[0], j = a[R];
+        y = b(this.chart.scales[R].getPixelForValue(j));
       }
-      A = t.top, R = t.bottom, S = y + g, M = S + u;
+      A = t.top, E = t.bottom, S = y + g, M = S + u;
     } else if (e === "y") {
       if (a === "center")
         y = b((t.left + t.right) / 2);
       else if (T(a)) {
-        const E = Object.keys(a)[0], j = a[E];
-        y = b(this.chart.scales[E].getPixelForValue(j));
+        const R = Object.keys(a)[0], j = a[R];
+        y = b(this.chart.scales[R].getPixelForValue(j));
       }
       C = y - g, k = C - u, P = t.left, D = t.right;
     }
-    const Z = L(s.ticks.maxTicksLimit, d), O = Math.max(1, Math.ceil(d / Z));
+    const X = L(s.ticks.maxTicksLimit, d), O = Math.max(1, Math.ceil(d / X));
     for (x = 0; x < d; x += O) {
-      const E = this.getContext(x), j = o.setContext(E), ot = r.setContext(E), X = j.lineWidth, jt = j.color, Le = ot.dash || [], $t = ot.dashOffset, Qt = j.tickWidth, Jt = j.tickColor, te = j.tickBorderDash || [], ee = j.tickBorderDashOffset;
-      v = tc(this, x, l), v !== void 0 && (_ = Tt(n, v, X), c ? C = k = P = D = _ : S = M = A = R = _, f.push({
+      const R = this.getContext(x), j = o.setContext(R), ot = r.setContext(R), q = j.lineWidth, jt = j.color, Le = ot.dash || [], $t = ot.dashOffset, Qt = j.tickWidth, Jt = j.tickColor, te = j.tickBorderDash || [], ee = j.tickBorderDashOffset;
+      v = tc(this, x, l), v !== void 0 && (_ = Tt(n, v, q), c ? C = k = P = D = _ : S = M = A = E = _, f.push({
         tx1: C,
         ty1: S,
         tx2: k,
@@ -4482,8 +4482,8 @@ class Nt extends at {
         x1: P,
         y1: A,
         x2: D,
-        y2: R,
-        width: X,
+        y2: E,
+        width: q,
         color: jt,
         borderDash: Le,
         borderDashOffset: $t,
@@ -4497,7 +4497,7 @@ class Nt extends at {
   }
   _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 = oe(n.grid), f = u + h, p = d ? -h : f, m = -ct(this.labelRotation), g = [];
-    let b, y, x, v, _, C, S, k, M, P, A, D, R = "middle";
+    let b, y, x, v, _, C, S, k, M, P, A, D, E = "middle";
     if (s === "top")
       C = this.bottom - p, S = this._getXAxisLabelAlignment();
     else if (s === "bottom")
@@ -4512,33 +4512,33 @@ class Nt extends at {
       if (s === "center")
         C = (t.top + t.bottom) / 2 + f;
       else if (T(s)) {
-        const O = Object.keys(s)[0], E = s[O];
-        C = this.chart.scales[O].getPixelForValue(E) + f;
+        const O = Object.keys(s)[0], R = s[O];
+        C = this.chart.scales[O].getPixelForValue(R) + f;
       }
       S = this._getXAxisLabelAlignment();
     } else if (e === "y") {
       if (s === "center")
         _ = (t.left + t.right) / 2 - f;
       else if (T(s)) {
-        const O = Object.keys(s)[0], E = s[O];
-        _ = this.chart.scales[O].getPixelForValue(E);
+        const O = Object.keys(s)[0], R = s[O];
+        _ = this.chart.scales[O].getPixelForValue(R);
       }
       S = this._getYAxisLabelAlignment(u).textAlign;
     }
-    e === "y" && (l === "start" ? R = "top" : l === "end" && (R = "bottom"));
-    const Z = this._getLabelSizes();
+    e === "y" && (l === "start" ? E = "top" : l === "end" && (E = "bottom"));
+    const X = this._getLabelSizes();
     for (b = 0, y = r.length; b < y; ++b) {
       x = r[b], v = x.label;
       const O = o.setContext(this.getContext(b));
       k = this.getPixelForTick(b) + o.labelOffset, M = this._resolveTickFontOptions(b), P = M.lineHeight, A = z(v) ? v.length : 1;
-      const E = A / 2, j = O.color, ot = O.textStrokeColor, X = O.textStrokeWidth;
+      const R = A / 2, j = O.color, ot = O.textStrokeColor, q = O.textStrokeWidth;
       let jt = S;
-      a ? (_ = k, S === "inner" && (b === y - 1 ? jt = this.options.reverse ? "left" : "right" : b === 0 ? jt = this.options.reverse ? "right" : "left" : jt = "center"), s === "top" ? c === "near" || m !== 0 ? D = -A * P + P / 2 : c === "center" ? D = -Z.highest.height / 2 - E * P + P : D = -Z.highest.height + P / 2 : c === "near" || m !== 0 ? D = P / 2 : c === "center" ? D = Z.highest.height / 2 - E * P : D = Z.highest.height - A * P, d && (D *= -1), m !== 0 && !O.showLabelBackdrop && (_ += P / 2 * Math.sin(m))) : (C = k, D = (1 - A) * P / 2);
+      a ? (_ = k, S === "inner" && (b === y - 1 ? jt = this.options.reverse ? "left" : "right" : b === 0 ? jt = this.options.reverse ? "right" : "left" : jt = "center"), s === "top" ? c === "near" || m !== 0 ? D = -A * P + P / 2 : c === "center" ? D = -X.highest.height / 2 - R * P + P : D = -X.highest.height + P / 2 : c === "near" || m !== 0 ? D = P / 2 : c === "center" ? D = X.highest.height / 2 - R * P : D = X.highest.height - A * P, d && (D *= -1), m !== 0 && !O.showLabelBackdrop && (_ += P / 2 * Math.sin(m))) : (C = k, D = (1 - A) * P / 2);
       let Le;
       if (O.showLabelBackdrop) {
-        const $t = K(O.backdropPadding), Qt = Z.heights[b], Jt = Z.widths[b];
+        const $t = Z(O.backdropPadding), Qt = X.heights[b], Jt = X.widths[b];
         let te = D - $t.top, ee = 0 - $t.left;
-        switch (R) {
+        switch (E) {
           case "middle":
             te -= Qt / 2;
             break;
@@ -4570,9 +4570,9 @@ class Nt extends at {
           rotation: m,
           color: j,
           strokeColor: ot,
-          strokeWidth: X,
+          strokeWidth: q,
           textAlign: jt,
-          textBaseline: R,
+          textBaseline: E,
           translation: [
             _,
             C
@@ -4681,7 +4681,7 @@ class Nt extends at {
     const { ctx: t, options: { position: e, title: n, reverse: s } } = this;
     if (!n.display)
       return;
-    const o = U(n.font), a = K(n.padding), r = n.align;
+    const o = U(n.font), a = Z(n.padding), r = n.align;
     let l = o.lineHeight / 2;
     e === "bottom" || e === "center" || T(e) ? (l += a.bottom, z(n.text) && (l += o.lineHeight * (n.text.length - 1))) : l += a.top;
     const { titleX: c, titleY: h, maxWidth: d, rotation: u } = oc(this, l, e, r);
@@ -5762,13 +5762,13 @@ function Tc(i) {
 function Oc(i, t, e, n) {
   const s = Tc(i.options.borderRadius), o = (e - t) / 2, a = Math.min(o, n * t / 2), r = (l) => {
     const c = (e - Math.min(o, l)) * n / 2;
-    return G(l, 0, Math.min(o, c));
+    return K(l, 0, Math.min(o, c));
   };
   return {
     outerStart: r(s.outerStart),
     outerEnd: r(s.outerEnd),
-    innerStart: G(s.innerStart, 0, a),
-    innerEnd: G(s.innerEnd, 0, a)
+    innerStart: K(s.innerStart, 0, a),
+    innerEnd: K(s.innerEnd, 0, a)
   };
 }
 function Ut(i, t, e, n) {
@@ -5782,35 +5782,35 @@ function si(i, t, e, n, s, o) {
   let f = 0;
   const p = s - l;
   if (n) {
-    const O = h > 0 ? h - n : 0, E = d > 0 ? d - n : 0, j = (O + E) / 2, ot = j !== 0 ? p * j / (j + n) : p;
+    const O = h > 0 ? h - n : 0, R = d > 0 ? d - n : 0, j = (O + R) / 2, ot = j !== 0 ? p * j / (j + n) : p;
     f = (p - ot) / 2;
   }
-  const m = Math.max(1e-3, p * d - e / H) / d, g = (p - m) / 2, b = l + g + f, y = s - g - f, { outerStart: x, outerEnd: v, innerStart: _, innerEnd: C } = Oc(t, u, d, y - b), S = d - x, k = d - v, M = b + x / S, P = y - v / k, A = u + _, D = u + C, R = b + _ / A, Z = y - C / D;
+  const m = Math.max(1e-3, p * d - e / H) / d, g = (p - m) / 2, b = l + g + f, y = s - g - f, { outerStart: x, outerEnd: v, innerStart: _, innerEnd: C } = Oc(t, u, d, y - b), S = d - x, k = d - v, M = b + x / S, P = y - v / k, A = u + _, D = u + C, E = b + _ / A, X = y - C / D;
   if (i.beginPath(), o) {
     const O = (M + P) / 2;
     if (i.arc(a, r, d, M, O), i.arc(a, r, d, O, P), v > 0) {
-      const X = Ut(k, P, a, r);
-      i.arc(X.x, X.y, v, P, y + $);
+      const q = Ut(k, P, a, r);
+      i.arc(q.x, q.y, v, P, y + $);
     }
-    const E = Ut(D, y, a, r);
-    if (i.lineTo(E.x, E.y), C > 0) {
-      const X = Ut(D, Z, a, r);
-      i.arc(X.x, X.y, C, y + $, Z + Math.PI);
+    const R = Ut(D, y, a, r);
+    if (i.lineTo(R.x, R.y), C > 0) {
+      const q = Ut(D, X, a, r);
+      i.arc(q.x, q.y, C, y + $, X + Math.PI);
     }
     const j = (y - C / u + (b + _ / u)) / 2;
     if (i.arc(a, r, u, y - C / u, j, !0), i.arc(a, r, u, j, b + _ / u, !0), _ > 0) {
-      const X = Ut(A, R, a, r);
-      i.arc(X.x, X.y, _, R + Math.PI, b - $);
+      const q = Ut(A, E, a, r);
+      i.arc(q.x, q.y, _, E + Math.PI, b - $);
     }
     const ot = Ut(S, b, a, r);
     if (i.lineTo(ot.x, ot.y), x > 0) {
-      const X = Ut(S, M, a, r);
-      i.arc(X.x, X.y, x, b - $, M);
+      const q = Ut(S, M, a, r);
+      i.arc(q.x, q.y, x, b - $, M);
     }
   } else {
     i.moveTo(a, r);
-    const O = Math.cos(M) * d + a, E = Math.sin(M) * d + r;
-    i.lineTo(O, E);
+    const O = Math.cos(M) * d + a, R = Math.sin(M) * d + r;
+    i.lineTo(O, R);
     const j = Math.cos(P) * d + a, ot = Math.sin(P) * d + r;
     i.lineTo(j, ot);
   }
@@ -6152,7 +6152,7 @@ function Wo(i, t) {
   };
 }
 function St(i, t, e, n) {
-  return i ? 0 : G(t, e, n);
+  return i ? 0 : K(t, e, n);
 }
 function $c(i, t, e) {
   const n = i.options.borderWidth, s = i.borderSkipped, o = fo(n);
@@ -6705,13 +6705,13 @@ class Ds extends at {
       return;
     const t = this._computeTitleHeight(), { legendHitBoxes: e, options: { align: n, labels: { padding: s }, rtl: o } } = this, a = qt(o, this.left, this.width);
     if (this.isHorizontal()) {
-      let r = 0, l = q(n, this.left + s, this.right - this.lineWidths[r]);
+      let r = 0, l = G(n, this.left + s, this.right - this.lineWidths[r]);
       for (const c of e)
-        r !== c.row && (r = c.row, l = q(n, this.left + s, this.right - this.lineWidths[r])), c.top += this.top + t + s, c.left = a.leftForLtr(a.x(l), c.width), l += c.width + s;
+        r !== c.row && (r = c.row, l = G(n, this.left + s, this.right - this.lineWidths[r])), c.top += this.top + t + s, c.left = a.leftForLtr(a.x(l), c.width), l += c.width + s;
     } else {
-      let r = 0, l = q(n, this.top + t + s, this.bottom - this.columnSizes[r].height);
+      let r = 0, l = G(n, this.top + t + s, this.bottom - this.columnSizes[r].height);
       for (const c of e)
-        c.col !== r && (r = c.col, l = q(n, this.top + t + s, this.bottom - this.columnSizes[r].height)), c.top = l, c.left += this.left + s, c.left = a.leftForLtr(a.x(c.left), c.width), l += c.height + s;
+        c.col !== r && (r = c.col, l = G(n, this.top + t + s, this.bottom - this.columnSizes[r].height)), c.top = l, c.left += this.left + s, c.left = a.leftForLtr(a.x(c.left), c.width), l += c.height + s;
     }
   }
   isHorizontal() {
@@ -6742,7 +6742,7 @@ class Ds extends at {
         uo(s, P, A, D, a.pointStyleWidth && p);
       } else {
         const P = S + Math.max((d - m) / 2, 0), A = l.leftForLtr(C, p), D = Bt(k.borderRadius);
-        s.beginPath(), Object.values(D).some((R) => R !== 0) ? ke(s, {
+        s.beginPath(), Object.values(D).some((E) => E !== 0) ? ke(s, {
           x: A,
           y: P,
           w: p,
@@ -6758,12 +6758,12 @@ class Ds extends at {
       });
     }, x = this.isHorizontal(), v = this._computeTitleHeight();
     x ? f = {
-      x: q(o, this.left + h, this.right - n[0]),
+      x: G(o, this.left + h, this.right - n[0]),
       y: this.top + h + v,
       line: 0
     } : f = {
       x: this.left + h,
-      y: q(o, this.top + v + h, this.bottom - e[0].height),
+      y: G(o, this.top + v + h, this.bottom - e[0].height),
       line: 0
     }, _o(this.ctx, t.textDirection);
     const _ = g + h;
@@ -6771,34 +6771,34 @@ class Ds extends at {
       s.strokeStyle = C.fontColor, s.fillStyle = C.fontColor;
       const k = s.measureText(C.text).width, M = l.textAlign(C.textAlign || (C.textAlign = a.textAlign)), P = p + u + k;
       let A = f.x, D = f.y;
-      l.setWidth(this.width), x ? S > 0 && A + P + h > this.right && (D = f.y += _, f.line++, A = f.x = q(o, this.left + h, this.right - n[f.line])) : S > 0 && D + _ > this.bottom && (A = f.x = A + e[f.line].width + h, f.line++, D = f.y = q(o, this.top + v + h, this.bottom - e[f.line].height));
-      const R = l.x(A);
-      if (b(R, D, C), A = Ua(M, A + p + u, x ? A + P : this.right, t.rtl), y(l.x(A), D, C), x)
+      l.setWidth(this.width), x ? S > 0 && A + P + h > this.right && (D = f.y += _, f.line++, A = f.x = G(o, this.left + h, this.right - n[f.line])) : S > 0 && D + _ > this.bottom && (A = f.x = A + e[f.line].width + h, f.line++, D = f.y = G(o, this.top + v + h, this.bottom - e[f.line].height));
+      const E = l.x(A);
+      if (b(E, D, C), A = Ua(M, A + p + u, x ? A + P : this.right, t.rtl), y(l.x(A), D, C), x)
         f.x += P + h;
       else if (typeof C.text != "string") {
-        const Z = c.lineHeight;
-        f.y += Vo(C, Z) + h;
+        const X = c.lineHeight;
+        f.y += Vo(C, X) + h;
       } else
         f.y += _;
     }), vo(this.ctx, t.textDirection);
   }
   drawTitle() {
-    const t = this.options, e = t.title, n = U(e.font), s = K(e.padding);
+    const t = this.options, e = t.title, n = U(e.font), s = Z(e.padding);
     if (!e.display)
       return;
     const o = qt(t.rtl, this.left, this.width), a = this.ctx, r = e.position, l = n.size / 2, c = s.top + l;
     let h, d = this.left, u = this.width;
     if (this.isHorizontal())
-      u = Math.max(...this.lineWidths), h = this.top + c, d = q(t.align, d, this.right - u);
+      u = Math.max(...this.lineWidths), h = this.top + c, d = G(t.align, d, this.right - u);
     else {
       const p = this.columnSizes.reduce((m, g) => Math.max(m, g.height), 0);
-      h = c + q(t.align, this.top, this.bottom - p - t.labels.padding - this._computeTitleHeight());
+      h = c + G(t.align, this.top, this.bottom - p - t.labels.padding - this._computeTitleHeight());
     }
-    const f = q(r, d, d + u);
+    const f = G(r, d, d + u);
     a.textAlign = o.textAlign(dn(r)), a.textBaseline = "middle", a.strokeStyle = e.color, a.fillStyle = e.color, a.font = n.string, Ht(a, e.text, f, h, n);
   }
   _computeTitleHeight() {
-    const t = this.options.title, e = U(t.font), n = K(t.padding);
+    const t = this.options.title, e = U(t.font), n = Z(t.padding);
     return t.display ? e.lineHeight + n.height : 0;
   }
   _getLegendItemAt(t, e) {
@@ -6901,7 +6901,7 @@ var vi = {
       generateLabels(i) {
         const t = i.data.datasets, { labels: { usePointStyle: e, pointStyle: n, textAlign: s, color: o, useBorderRadius: a, borderRadius: r } } = i.legend.options;
         return i._getSortedDatasetMetas().map((l) => {
-          const c = l.controller.getStyle(e ? 0 : void 0), h = K(c.borderWidth);
+          const c = l.controller.getStyle(e ? 0 : void 0), h = Z(c.borderWidth);
           return {
             text: t[l.index].label,
             fillStyle: c.backgroundColor,
@@ -6952,7 +6952,7 @@ class jo extends at {
     }
     this.width = this.right = t, this.height = this.bottom = e;
     const s = z(n.text) ? n.text.length : 1;
-    this._padding = K(n.padding);
+    this._padding = Z(n.padding);
     const o = s * U(n.font).lineHeight + this._padding.height;
     this.isHorizontal() ? this.height = o : this.width = o;
   }
@@ -6963,7 +6963,7 @@ class jo extends at {
   _drawArgs(t) {
     const { top: e, left: n, bottom: s, right: o, options: a } = this, r = a.align;
     let l = 0, c, h, d;
-    return this.isHorizontal() ? (h = q(r, n, o), d = e + t, c = o - n) : (a.position === "left" ? (h = n + t, d = q(r, s, e), l = H * -0.5) : (h = o - t, d = q(r, e, s), l = H * 0.5), c = s - e), {
+    return this.isHorizontal() ? (h = G(r, n, o), d = e + t, c = o - n) : (a.position === "left" ? (h = n + t, d = G(r, s, e), l = H * -0.5) : (h = o - t, d = G(r, e, s), l = H * 0.5), c = s - e), {
       titleX: h,
       titleY: d,
       maxWidth: c,
@@ -7091,7 +7091,7 @@ function vh(i, t) {
   };
 }
 function Ls(i, t) {
-  const e = i.chart.ctx, { body: n, footer: s, title: o } = i, { boxWidth: a, boxHeight: r } = t, l = U(t.bodyFont), c = U(t.titleFont), h = U(t.footerFont), d = o.length, u = s.length, f = n.length, p = K(t.padding);
+  const e = i.chart.ctx, { body: n, footer: s, title: o } = i, { boxWidth: a, boxHeight: r } = t, l = U(t.bodyFont), c = U(t.titleFont), h = U(t.footerFont), d = o.length, u = s.length, f = n.length, p = Z(t.padding);
   let m = p.height, g = 0, b = n.reduce((v, _) => v + _.before.length + _.lines.length + _.after.length, 0);
   if (b += i.beforeBody.length + i.afterBody.length, d && (m += d * c.lineHeight + (d - 1) * t.titleSpacing + t.titleMarginBottom), b) {
     const v = t.displayColors ? Math.max(r, l.lineHeight) : l.lineHeight;
@@ -7143,12 +7143,12 @@ function Os(i, t, e, n) {
   let p = Mh(t, r);
   const m = Ch(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: G(p, 0, n.width - t.width),
-    y: G(m, 0, n.height - t.height)
+    x: K(p, 0, n.width - t.width),
+    y: K(m, 0, n.height - t.height)
   };
 }
 function je(i, t, e) {
-  const n = K(e.padding);
+  const n = Z(e.padding);
   return t === "center" ? i.x + i.width / 2 : t === "right" ? i.x + i.width - n.right : i.x + n.left;
 }
 function Fs(i) {
@@ -7410,7 +7410,7 @@ class Qi extends at {
       y: this.y
     };
     n = Math.abs(n) < 1e-3 ? 0 : n;
-    const a = K(e.padding), r = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;
+    const a = Z(e.padding), r = this.title.length || this.beforeBody.length || this.body.length || this.afterBody.length || this.footer.length;
     e.enabled && r && (t.save(), t.globalAlpha = n, this.drawBackground(o, t, s, e), _o(t, e.textDirection), o.y += a.top, this.drawTitle(o, t, e), this.drawBody(o, t, e), this.drawFooter(o, t, e), vo(t, e.textDirection), t.restore());
   }
   getActiveElements() {
@@ -7581,7 +7581,7 @@ function Dh(i, t, e, n) {
   const o = i.lastIndexOf(t);
   return s !== o ? e : s;
 }
-const Lh = (i, t) => i === null ? null : G(Math.round(i), 0, t);
+const Lh = (i, t) => i === null ? null : K(Math.round(i), 0, t);
 function Rs(i) {
   const t = this.getLabels();
   return i >= 0 && i < t.length ? t[i] : i;
@@ -7858,7 +7858,7 @@ w(Ws, "id", "logarithmic"), w(Ws, "defaults", {
 function Ji(i) {
   const t = i.ticks;
   if (t.display && i.display) {
-    const e = K(t.backdropPadding);
+    const e = Z(t.backdropPadding);
     return L(t.font && t.font.size, V.font.size) + e.height;
   }
   return 0;
@@ -7961,7 +7961,7 @@ function Vh(i, t, e) {
 function jh(i, t, e) {
   const { left: n, top: s, right: o, bottom: a } = e, { backdropColor: r } = t;
   if (!I(r)) {
-    const l = Bt(t.borderRadius), c = K(t.backdropPadding);
+    const l = Bt(t.borderRadius), c = Z(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(), ke(i, {
@@ -8016,7 +8016,7 @@ class ue extends ai {
     super(t), this.xCenter = void 0, this.yCenter = void 0, this.drawingArea = void 0, this._pointLabels = [], this._pointLabelItems = [];
   }
   setDimensions() {
-    const t = this._padding = K(Ji(this.options) / 2), e = this.width = this.maxWidth - t.width, n = this.height = this.maxHeight - t.height;
+    const t = this._padding = Z(Ji(this.options) / 2), e = this.width = this.maxWidth - t.width, n = this.height = this.maxHeight - t.height;
     this.xCenter = Math.floor(this.left + e / 2 + t.left), this.yCenter = Math.floor(this.top + n / 2 + t.top), this.drawingArea = Math.floor(Math.min(e, n) / 2);
   }
   determineDataLimits() {
@@ -8126,7 +8126,7 @@ class ue extends ai {
       const c = n.setContext(this.getContext(l)), h = U(c.font);
       if (o = this.getDistanceFromCenterForValue(this.ticks[l].value), c.showLabelBackdrop) {
         t.font = h.string, a = t.measureText(r.label).width, t.fillStyle = c.backdropColor;
-        const d = K(c.backdropPadding);
+        const d = Z(c.backdropPadding);
         t.fillRect(-a / 2 - d.left, -o - h.size / 2 - d.top, a + d.width, h.size + d.height);
       }
       Ht(t, r.label, 0, -o, h, {
@@ -8337,7 +8337,7 @@ class li extends Nt {
     let e = 0, n = 0, s, o;
     this.options.offset && t.length && (s = this.getDecimalForValue(t[0]), t.length === 1 ? e = 1 - s : e = (this.getDecimalForValue(t[1]) - s) / 2, o = this.getDecimalForValue(t[t.length - 1]), t.length === 1 ? n = o : n = (o - this.getDecimalForValue(t[t.length - 2])) / 2);
     const a = t.length < 3 ? 0.5 : 0.25;
-    e = G(e, 0, a), n = G(n, 0, a), this._offsets = {
+    e = K(e, 0, a), n = K(n, 0, a), this._offsets = {
       start: e,
       end: n,
       factor: 1 / (e + 1 + n)
@@ -8786,8 +8786,8 @@ function Ci(i, t, e) {
   Qo(i) ? i.toggleDataVisibility(t) : i.setDatasetVisibility(t, !i.isDatasetVisible(t)), e && _d(i) && (e.value = !1), i.update();
 }
 function ea(i, t) {
-  const e = Zo(i, ""), n = yd(i);
-  return (i.index || i.datasetIndex) === 0 ? t ? n.style.borderRadius = "25px" : n.style.transform = "rotate(45deg)" : t ? n.style.transform = "rotate(45deg)" : n.style.borderRadius = "25px", e.appendChild(n), e;
+  const e = Zo(i, ""), n = yd(i), s = i.index || i.datasetIndex;
+  return n.style.width = "10px", n.style.height = "10px", s === 0 ? t ? n.style.borderRadius = "25px" : n.style.transform = "rotate(45deg)" : t ? n.style.transform = "rotate(45deg)" : n.style.borderRadius = "25px", e.appendChild(n), e;
 }
 function kn(i, t) {
   var n, s;
@@ -9265,11 +9265,11 @@ const Dd = { class: "container" }, Ld = { class: "main" }, Td = /* @__PURE__ */
     }), v = (M, P, A = !1) => {
       const D = Object.assign([], t.datasets[M].data);
       return P && x.value && D.splice(x.value, 1), D.map(
-        (R) => t.unit === "%" ? R.rate : R.amount
+        (E) => t.unit === "%" ? E.rate : E.amount
       );
     }, _ = (M) => {
-      const P = M.tooltip.dataPoints[0].datasetIndex, A = M.tooltip.dataPoints[0].dataIndex, D = M.tooltip.body[0].lines[0].split(":")[1], R = t.datasets[P].data[A], Z = R.rate ? parseFloat(D.replace(",", ".")).toFixed(2) + "% " : "", O = R.amountUnit ? R.amountUnit : "", E = R.amount ? yt(R.amount) : "";
-      return Z + E + O;
+      const P = M.tooltip.dataPoints[0].datasetIndex, A = M.tooltip.dataPoints[0].dataIndex, D = M.tooltip.body[0].lines[0].split(":")[1], E = t.datasets[P].data[A], X = E.rate ? parseFloat(D.replace(",", ".")).toFixed(2) + "% " : "", O = E.amountUnit ? E.amountUnit : "", R = E.amount ? yt(E.amount) : "";
+      return X + (X && R ? "/ " : "") + R + O;
     }, C = (M) => {
       const P = Object.assign([], t.labels);
       return M && P.splice(M, 1), P.map((A) => A);
@@ -9311,15 +9311,14 @@ const Dd = { class: "container" }, Ld = { class: "main" }, Td = /* @__PURE__ */
       },
       scales: {
         x: {
-          stacked: !0
+          stacked: t.stacked
         },
         y: {
-          stacked: !0,
+          stacked: t.stacked,
           ticks: {
             callback: function(M) {
               return t.unit === "%" ? ad(M, t.unit) : yt(M) + " " + t.unit;
-            },
-            maxTicksLimit: 8
+            }
           }
         }
       }
@@ -9364,7 +9363,7 @@ const Di = (i, t) => {
   for (const [n, s] of t)
     e[n] = s;
   return e;
-}, tn = /* @__PURE__ */ Di(Td, [["__scopeId", "data-v-74a5e189"]]);
+}, tn = /* @__PURE__ */ Di(Td, [["__scopeId", "data-v-fae6dcc9"]]);
 tn.install = (i) => {
   i.component("BarChart", tn);
 };
@@ -9887,8 +9886,7 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
             callback: function(g) {
               const b = t.lines[0].unit;
               return `${yt(g)} ${b || ""}`;
-            },
-            maxTicksLimit: 8
+            }
           }
         }
       }
@@ -9913,7 +9911,7 @@ const Ed = { class: "container" }, Bd = { class: "main" }, zd = /* @__PURE__ */
     ]));
   }
 });
-const nn = /* @__PURE__ */ Di(zd, [["__scopeId", "data-v-dceadcc0"]]);
+const nn = /* @__PURE__ */ Di(zd, [["__scopeId", "data-v-d99146c4"]]);
 nn.install = (i) => {
   i.component("LineChart", nn);
 };
@@ -10106,7 +10104,7 @@ const Hd = (i) => i.datasets[0].areaData.map((t) => {
       },
       layout: {
         padding: {
-          left: 105,
+          left: 130,
           right: 95,
           top: 95,
           bottom: 95
@@ -10119,7 +10117,8 @@ const Hd = (i) => i.datasets[0].areaData.map((t) => {
           pointLabels: {
             display: !1,
             font: {
-              size: 12
+              weight: 400,
+              family: "Roboto"
             }
           },
           ticks: {
@@ -10203,7 +10202,7 @@ const Hd = (i) => i.datasets[0].areaData.map((t) => {
     ]));
   }
 });
-const sn = /* @__PURE__ */ Di(jd, [["__scopeId", "data-v-a0d48bf9"]]);
+const sn = /* @__PURE__ */ Di(jd, [["__scopeId", "data-v-f61a6516"]]);
 sn.install = (i) => {
   i.component("RadarChart", sn);
 };