kanto-ds 1.2.0 → 1.4.0

package/dist/components/data/kt-chart/kt-chart.js

@@ -1,23 +1,24 @@
-import { svg as b, nothing as A, css as gt, html as G } from "lit";
-import { query as vt, state as tt, property as B } from "lit/decorators.js";
-import { classMap as kt } from "lit/directives/class-map.js";
-import { K as rt, d as wt } from "../../../chunks/kt-element-B_jjQDhg.js";
-import { u as Mt, e as nt } from "../../../chunks/events-Bjl5Zmmq.js";
-function At(s) {
+import { svg as b, nothing as A, css as vt, html as G } from "lit";
+import { query as kt, state as et, property as B } from "lit/decorators.js";
+import { classMap as wt } from "lit/directives/class-map.js";
+import { K as nt, d as Mt } from "../../../chunks/kt-element-E-tfJpGQ.js";
+import { u as At, e as lt } from "../../../chunks/events-Bjl5Zmmq.js";
+import { s as E } from "../../../chunks/index-DSSLJirw.js";
+function St(s) {
   const t = Math.floor(Math.log10(s)), e = s / 10 ** t;
   return (e < 1.5 ? 1 : e < 3 ? 2 : e < 7 ? 5 : 10) * 10 ** t;
 }
-function at(s, t, e) {
+function ot(s, t, e) {
   if (t === s) {
     const c = Math.abs(s) || 1;
     s -= c, t += c;
   }
-  const a = At((t - s) / Math.max(1, e - 1)), o = Math.max(0, -Math.floor(Math.log10(a))), i = (c) => Number(c.toFixed(o)) || 0, n = i(Math.floor(s / a) * a), r = i(Math.ceil(t / a) * a), h = [];
+  const a = St((t - s) / Math.max(1, e - 1)), o = Math.max(0, -Math.floor(Math.log10(a))), i = (c) => Number(c.toFixed(o)) || 0, n = i(Math.floor(s / a) * a), r = i(Math.ceil(t / a) * a), h = [];
   for (let c = 0; n + c * a <= r + a / 2; c += 1)
     h.push(i(n + c * a));
   return { min: n, max: r, step: a, values: h };
 }
-function St(s, t, { includeZero: e }) {
+function Lt(s, t, { includeZero: e }) {
   const a = t.flat();
   for (const r of s) {
     const h = Math.max(0, ...r.map((c) => c.length));
@@ -35,8 +36,8 @@ function St(s, t, { includeZero: e }) {
   let i = Math.min(...o), n = Math.max(...o);
   return e && (i = Math.min(i, 0), n = Math.max(n, 0)), { lo: i, hi: n };
 }
-function Y(s, t, e, a) {
-  const o = at(a.min ?? s, a.max ?? t, e), i = a.min ?? o.min, n = a.max ?? o.max;
+function F(s, t, e, a) {
+  const o = ot(a.min ?? s, a.max ?? t, e), i = a.min ?? o.min, n = a.max ?? o.max;
   return n <= i ? o : {
     min: i,
     max: n,
@@ -44,17 +45,17 @@ function Y(s, t, e, a) {
     values: o.values.filter((r) => r >= i && r <= n)
   };
 }
-function I(s, t, e, a) {
+function X(s, t, e, a) {
   return e + (s - t.min) / (t.max - t.min) * (a - e);
 }
-function F(s, t) {
+function W(s, t) {
   return Math.min(6, Math.max(3, Math.round(s / t)));
 }
-const U = Math.PI * 2, R = (s) => Math.round(s * 100) / 100 || 0, P = ([s, t]) => `${R(s)},${R(t)}`;
-function H(s, t = !0) {
+const H = Math.PI * 2, V = (s) => Math.round(s * 100) / 100 || 0, P = ([s, t]) => `${V(s)},${V(t)}`;
+function j(s, t = !0) {
   return s.map((e, a) => `${a === 0 && t ? "M" : "L"}${P(e)}`).join(" ");
 }
-function Lt(s) {
+function Pt(s) {
   const t = s.length;
   if (t < 3) return [];
   const e = s.slice(0, -1).map(([o, i], n) => {
@@ -86,36 +87,36 @@ function Lt(s) {
     };
   });
 }
-function Pt(s, t = !0) {
-  return s.length < 3 ? H(s, t) : [
+function Ct(s, t = !0) {
+  return s.length < 3 ? j(s, t) : [
     t ? `M${P(s[0])}` : `L${P(s[0])}`,
-    ...Lt(s).map(({ c1: a, c2: o, to: i }) => `C${P(a)} ${P(o)} ${P(i)}`)
+    ...Pt(s).map(({ c1: a, c2: o, to: i }) => `C${P(a)} ${P(o)} ${P(i)}`)
   ].join(" ");
 }
-function T(s, t, e, a) {
+function D(s, t, e, a) {
   return [s + e * Math.sin(a), t - e * Math.cos(a)];
 }
-function Ct(s, t, e, a, o, i) {
+function Ot(s, t, e, a, o, i) {
   const n = i - o;
   if (n <= 0 || a <= 0) return "";
-  if (n >= U - 1e-6) {
+  if (n >= H - 1e-6) {
     const l = (d, u) => {
-      const m = T(s, t, d, 0), y = T(s, t, d, Math.PI), k = `A${R(d)},${R(d)} 0 1 ${u}`;
+      const m = D(s, t, d, 0), y = D(s, t, d, Math.PI), k = `A${V(d)},${V(d)} 0 1 ${u}`;
       return `M${P(m)} ${k} ${P(y)} ${k} ${P(m)} Z`;
     };
     return e > 0 ? `${l(a, 1)} ${l(e, 0)}` : l(a, 1);
   }
-  const r = n > Math.PI ? 1 : 0, h = `A${R(a)},${R(a)} 0 ${r} 1 ${P(T(s, t, a, i))}`;
+  const r = n > Math.PI ? 1 : 0, h = `A${V(a)},${V(a)} 0 ${r} 1 ${P(D(s, t, a, i))}`;
   if (e <= 0)
-    return `M${P([s, t])} L${P(T(s, t, a, o))} ${h} Z`;
-  const c = `A${R(e)},${R(e)} 0 ${r} 0 ${P(T(s, t, e, o))}`;
-  return `M${P(T(s, t, a, o))} ${h} L${P(T(s, t, e, i))} ${c} Z`;
+    return `M${P([s, t])} L${P(D(s, t, a, o))} ${h} Z`;
+  const c = `A${V(e)},${V(e)} 0 ${r} 0 ${P(D(s, t, e, o))}`;
+  return `M${P(D(s, t, a, o))} ${h} L${P(D(s, t, e, i))} ${c} Z`;
 }
-function lt(s, t, e, a, o, i) {
+function ct(s, t, e, a, o, i) {
   const r = Math.max(
     0,
     i === "top" || i === "bottom" ? Math.min(o, e / 2, a) : Math.min(o, a / 2, e)
-  ), [h, c, l, d] = [s, t, s + e, t + a], u = (y) => `A${R(r)},${R(r)} 0 0 1 ${P(y)}`, m = (y) => `L${P(y)}`;
+  ), [h, c, l, d] = [s, t, s + e, t + a], u = (y) => `A${V(r)},${V(r)} 0 0 1 ${P(y)}`, m = (y) => `L${P(y)}`;
   if (i === "none" || r === 0)
     return `M${P([h, c])} ${m([l, c])} ${m([l, d])} ${m([h, d])} Z`;
   switch (i) {
@@ -129,16 +130,16 @@ function lt(s, t, e, a, o, i) {
       return `M${P([l, c])} ${m([l, d])} ${m([h + r, d])} ${u([h, d - r])} ${m([h, c + r])} ${u([h + r, c])} Z`;
   }
 }
-const D = { top: 12, right: 8, bottom: 24 }, W = 12, ct = { vertical: 48, horizontal: 96 }, N = (s) => s?.values ?? [];
-function Ot(s) {
-  const { series: t, hidden: e, labels: a, measure: o, format: i, noAxis: n, width: r, height: h } = s, c = t.map((v) => v.type ?? s.type), l = t.map((v, O) => O).filter((v) => !e.has(v)), d = l.map((v) => c[v]), u = Math.max(a.length, 0, ...t.map((v) => N(v).length)), m = d.length > 0 ? d.includes("bar") : s.type === "bar", y = s.horizontal && m && (d.length === 0 || d.every((v) => v === "bar")), k = (v) => l.filter((O) => c[O] === v).map((O) => N(t[O])), f = s.stacked ? [k("bar"), k("area")].filter((v) => v.length) : [], g = s.stacked ? k("line") : l.map((v) => N(t[v])), $ = d.length > 0 ? d.some((v) => v !== "line") : s.type !== "line", { lo: _, hi: w } = St(f, g, { includeZero: $ }), p = { min: s.min, max: s.max };
+const R = { top: 12, right: 8, bottom: 24 }, J = 12, ht = { vertical: 48, horizontal: 96 }, Z = (s) => s?.values ?? [];
+function _t(s) {
+  const { series: t, hidden: e, labels: a, measure: o, format: i, noAxis: n, width: r, height: h } = s, c = t.map((v) => v.type ?? s.type), l = t.map((v, O) => O).filter((v) => !e.has(v)), d = l.map((v) => c[v]), u = Math.max(a.length, 0, ...t.map((v) => Z(v).length)), m = d.length > 0 ? d.includes("bar") : s.type === "bar", y = s.horizontal && m && (d.length === 0 || d.every((v) => v === "bar")), k = (v) => l.filter((O) => c[O] === v).map((O) => Z(t[O])), f = s.stacked ? [k("bar"), k("area")].filter((v) => v.length) : [], g = s.stacked ? k("line") : l.map((v) => Z(t[v])), x = d.length > 0 ? d.some((v) => v !== "line") : s.type !== "line", { lo: _, hi: w } = Lt(f, g, { includeZero: x }), p = { min: s.min, max: s.max };
   if (!y) {
-    const v = Math.max(0, h - D.top - D.bottom), O = Y(_, w, F(v, ct.vertical), p), K = n ? 0 : Math.max(0, ...O.values.map((yt) => o(i(yt)))), it = n ? 4 : Math.ceil(K) + W;
+    const v = Math.max(0, h - R.top - R.bottom), O = F(_, w, W(v, ht.vertical), p), q = n ? 0 : Math.max(0, ...O.values.map((gt) => o(i(gt)))), rt = n ? 4 : Math.ceil(q) + J;
     return {
       box: {
-        x: it,
-        y: D.top,
-        width: Math.max(0, r - it - D.right),
+        x: rt,
+        y: R.top,
+        width: Math.max(0, r - rt - R.right),
         height: v
       },
       ticks: O,
@@ -149,13 +150,13 @@ function Ot(s) {
       visible: l
     };
   }
-  const x = Math.max(0, ...a.map(o)), M = Math.ceil(Math.min(x, r * 0.4)) + W, L = Math.max(0, r - M - D.right), z = Y(_, w, F(L, ct.horizontal), p), E = n ? D.right : Math.max(D.right, o(i(z.max)) / 2);
+  const $ = Math.max(0, ...a.map(o)), M = Math.ceil(Math.min($, r * 0.4)) + J, L = Math.max(0, r - M - R.right), z = F(_, w, W(L, ht.horizontal), p), T = n ? R.right : Math.max(R.right, o(i(z.max)) / 2);
   return {
     box: {
       x: M,
-      y: D.top,
-      width: Math.max(0, r - M - E),
-      height: Math.max(0, h - D.top - (n ? 4 : D.bottom))
+      y: R.top,
+      width: Math.max(0, r - M - T),
+      height: Math.max(0, h - R.top - (n ? 4 : R.bottom))
     },
     ticks: z,
     count: u,
@@ -165,15 +166,15 @@ function Ot(s) {
     visible: l
   };
 }
-function X(s, t) {
+function N(s, t) {
   const { box: e, count: a, horizontal: o, banded: i } = s, n = o ? e.y : e.x, r = o ? e.height : e.width;
   return i ? n + (t + 0.5) * r / Math.max(1, a) : a <= 1 ? n + r / 2 : n + t / (a - 1) * r;
 }
-function V(s, t) {
+function I(s, t) {
   const { box: e, ticks: a, horizontal: o } = s;
-  return o ? I(t, a, e.x, e.x + e.width) : I(t, a, e.y + e.height, e.y);
+  return o ? X(t, a, e.x, e.x + e.width) : X(t, a, e.y + e.height, e.y);
 }
-function _t(s, t, e) {
+function zt(s, t, e) {
   const { box: a, count: o, horizontal: i, banded: n } = s;
   if (o === 0) return -1;
   const r = i ? e - a.y : t - a.x, h = i ? a.height : a.width;
@@ -181,32 +182,32 @@ function _t(s, t, e) {
   const c = n ? Math.floor(r / (h / o)) : Math.round(r / h * (o - 1));
   return Math.min(Math.max(c, 0), o - 1);
 }
-const zt = 0.64, et = 2, ht = 4, dt = { grouped: 40, stacked: 48 }, Gt = 12;
-function ut(s, t) {
+const Gt = 0.64, st = 2, dt = 4, ut = { grouped: 40, stacked: 48 }, Bt = 12;
+function mt(s, t) {
   for (let e = s.length - 1; e >= 0; e -= 1)
     if (t(s[e])) return e;
   return -1;
 }
-function Bt(s, t, e) {
+function Dt(s, t, e) {
   if (e(s) <= t) return s;
   let a = s;
   for (; a.length > 1 && e(`${a}…`) > t; ) a = a.slice(0, -1);
   return `${a}…`;
 }
-function Tt(s) {
+function Et(s) {
   const { layout: t, noGrid: e, noAxis: a, format: o } = s, { box: i, ticks: n, horizontal: r } = t, h = e ? A : n.values.map((d) => {
-    const u = V(t, d);
+    const u = I(t, d);
     return r ? b`<line class="grid" x1=${u} y1=${i.y} x2=${u} y2=${i.y + i.height} />` : b`<line class="grid" x1=${i.x} y1=${u} x2=${i.x + i.width} y2=${u} />`;
   }), c = n.min < 0 && n.max > 0 ? (() => {
-    const d = V(t, 0);
+    const d = I(t, 0);
     return r ? b`<line class="baseline" x1=${d} y1=${i.y} x2=${d} y2=${i.y + i.height} />` : b`<line class="baseline" x1=${i.x} y1=${d} x2=${i.x + i.width} y2=${d} />`;
   })() : A, l = a ? A : n.values.map((d) => {
-    const u = V(t, d);
+    const u = I(t, d);
     return r ? b`<text class="tick-label" x=${u} y=${i.y + i.height + 16} text-anchor="middle">${o(d)}</text>` : b`<text class="tick-label" x=${i.x - 8} y=${u} text-anchor="end" dominant-baseline="middle">${o(d)}</text>`;
   });
   return b`${h}${c}${l}`;
 }
-function Et(s) {
+function Tt(s) {
   const { layout: t, labels: e, measure: a } = s, { box: o, count: i, horizontal: n, banded: r } = t;
   if (n) {
     const l = Math.max(1, Math.ceil(i / Math.max(1, Math.floor(o.height / 18))));
@@ -214,46 +215,46 @@ function Et(s) {
       (d, u) => u % l === 0 ? b`<text
             class="axis-label"
             x=${o.x - 8}
-            y=${X(t, u)}
+            y=${N(t, u)}
             text-anchor="end"
             dominant-baseline="middle"
-          >${Bt(d, o.x - W, a)}</text>` : A
+          >${Dt(d, o.x - J, a)}</text>` : A
     )}`;
   }
-  const h = Math.max(0, ...e.map(a)) + W, c = Math.max(1, Math.ceil(i / Math.max(1, Math.floor(o.width / h))));
+  const h = Math.max(0, ...e.map(a)) + J, c = Math.max(1, Math.ceil(i / Math.max(1, Math.floor(o.width / h))));
   return b`${e.map((l, d) => {
     if (d % c !== 0) return A;
     const u = r || i <= 1 ? "middle" : d === 0 ? "start" : d === i - 1 ? "end" : "middle";
     return b`<text
       class="axis-label"
-      x=${X(t, d)}
+      x=${N(t, d)}
       y=${o.y + o.height + 16}
       text-anchor=${u}
     >${l}</text>`;
   })}`;
 }
-function Dt(s, t, e) {
+function Rt(s, t, e) {
   return t.map((a, o) => [
-    X(s.layout, o),
-    V(s.layout, a + (e?.[o] ?? 0))
+    N(s.layout, o),
+    I(s.layout, a + (e?.[o] ?? 0))
   ]);
 }
-function st(s, t, e = !0) {
-  return s.smooth ? Pt(t, e) : H(t, e);
+function at(s, t, e = !0) {
+  return s.smooth ? Ct(t, e) : j(t, e);
 }
-function Rt(s) {
-  const { layout: t, series: e, colorOf: a, active: o, idPrefix: i, stacked: n, smooth: r } = s, { box: h, count: c, visible: l, marks: d } = t, u = V(t, Math.min(Math.max(0, t.ticks.min), t.ticks.max)), m = new Array(c).fill(0), y = [], k = [];
+function Vt(s) {
+  const { layout: t, series: e, colorOf: a, active: o, idPrefix: i, stacked: n, smooth: r } = s, { box: h, count: c, visible: l, marks: d } = t, u = I(t, Math.min(Math.max(0, t.ticks.min), t.ticks.max)), m = new Array(c).fill(0), y = [], k = [];
   for (const g of l) {
-    const $ = d[g];
-    if ($ === "bar") continue;
-    const _ = N(e[g]);
+    const x = d[g];
+    if (x === "bar") continue;
+    const _ = Z(e[g]);
     if (_.length === 0) continue;
-    const w = a(g), x = $ === "area" && n ? [...m] : void 0, M = Dt(s, _, x);
-    if ($ === "area") {
-      const L = `${i}-fill-${g}`, z = x ? _.map((v, O) => [X(t, O), V(t, x[O])]) : [
+    const w = a(g), $ = x === "area" && n ? [...m] : void 0, M = Rt(s, _, $);
+    if (x === "area") {
+      const L = `${i}-fill-${g}`, z = $ ? _.map((v, O) => [N(t, O), I(t, $[O])]) : [
         [M.at(-1)[0], u],
         [M[0][0], u]
-      ], E = x ? st(s, [...z].reverse(), !1) : H(z, !1);
+      ], T = $ ? at(s, [...z].reverse(), !1) : j(z, !1);
       y.push(b`
         <defs>
           <linearGradient id=${L} x1="0" y1="0" x2="0" y2="1">
@@ -261,11 +262,11 @@ function Rt(s) {
             <stop offset="100%" stop-color=${w} stop-opacity="0.02" />
           </linearGradient>
         </defs>
-        <path class="area" d=${`${st(s, M)} ${E} Z`} fill=${`url(#${L})`} />`), x && _.forEach((v, O) => m[O] = x[O] + v);
+        <path class="area" d=${`${at(s, M)} ${T} Z`} fill=${`url(#${L})`} />`), $ && _.forEach((v, O) => m[O] = $[O] + v);
     }
     if (k.push(
-      b`<path class="line" d=${st(s, M)} stroke=${w} pathLength="1" />`
-    ), c <= Gt && !r && k.push(
+      b`<path class="line" d=${at(s, M)} stroke=${w} pathLength="1" />`
+    ), c <= Bt && !r && k.push(
       b`${M.map(([L, z]) => b`<circle class="point" cx=${L} cy=${z} r="3" fill=${w} />`)}`
     ), o >= 0 && M[o]) {
       const [L, z] = M[o];
@@ -273,16 +274,16 @@ function Rt(s) {
     }
   }
   const f = o >= 0 && !t.banded ? b`<line class="crosshair"
-          x1=${X(t, o)} y1=${h.y}
-          x2=${X(t, o)} y2=${h.y + h.height} />` : A;
+          x1=${N(t, o)} y1=${h.y}
+          x2=${N(t, o)} y2=${h.y + h.height} />` : A;
   return b`${y}${f}${k}`;
 }
-function mt(s, t) {
+function ft(s, t) {
   const { layout: e, active: a, colorOf: o } = s, { from: i, to: n, offset: r, thickness: h, outer: c, series: l, index: d } = t, u = n < i;
-  let m = V(e, i), y = V(e, n);
+  let m = I(e, i), y = I(e, n);
   const k = 0.5, f = Math.sign(y - m) || 1;
   i !== 0 && (m += k * f), c || (y -= k * f), Math.abs(y - m) < 1 && (y = m + f);
-  const g = Math.min(m, y), $ = Math.abs(y - m), _ = c ? e.horizontal ? u ? "left" : "right" : u ? "bottom" : "top" : "none", w = e.horizontal ? lt(g, r, $, h, ht, _) : lt(r, g, h, $, ht, _);
+  const g = Math.min(m, y), x = Math.abs(y - m), _ = c ? e.horizontal ? u ? "left" : "right" : u ? "bottom" : "top" : "none", w = e.horizontal ? ct(g, r, x, h, dt, _) : ct(r, g, h, x, dt, _);
   return b`<path
     class=${`bar${u ? " negative" : ""}${e.horizontal ? " sideways" : ""}`}
     d=${w}
@@ -292,25 +293,25 @@ function mt(s, t) {
     opacity=${a === -1 || a === d ? 1 : 0.45}
   />`;
 }
-function Vt(s) {
+function It(s) {
   const { layout: t, series: e } = s, { box: a, count: o, horizontal: i, visible: n, marks: r } = t, h = n.filter((u) => r[u] === "bar");
   if (h.length === 0 || o === 0) return A;
-  const l = (i ? a.height : a.width) / o * zt, d = [];
+  const l = (i ? a.height : a.width) / o * Gt, d = [];
   for (let u = 0; u < o; u += 1) {
-    const m = X(t, u);
+    const m = N(t, u);
     if (s.stacked) {
-      const f = Math.max(2, Math.min(dt.stacked, l)), g = h.map((x) => N(e[x])[u] ?? 0), $ = ut(g, (x) => x > 0), _ = ut(g, (x) => x < 0);
+      const f = Math.max(2, Math.min(ut.stacked, l)), g = h.map(($) => Z(e[$])[u] ?? 0), x = mt(g, ($) => $ > 0), _ = mt(g, ($) => $ < 0);
       let w = 0, p = 0;
-      g.forEach((x, M) => {
-        if (x === 0) return;
-        const L = x > 0 ? w : p, z = L + x;
-        x > 0 ? w = z : p = z, d.push(
-          mt(s, {
+      g.forEach(($, M) => {
+        if ($ === 0) return;
+        const L = $ > 0 ? w : p, z = L + $;
+        $ > 0 ? w = z : p = z, d.push(
+          ft(s, {
             from: L,
             to: z,
             offset: m - f / 2,
             thickness: f,
-            outer: M === (x > 0 ? $ : _),
+            outer: M === ($ > 0 ? x : _),
             series: h[M],
             index: u
           })
@@ -320,15 +321,15 @@ function Vt(s) {
     }
     const y = Math.max(
       2,
-      Math.min(dt.grouped, (l - et * (h.length - 1)) / h.length)
-    ), k = y * h.length + et * (h.length - 1);
+      Math.min(ut.grouped, (l - st * (h.length - 1)) / h.length)
+    ), k = y * h.length + st * (h.length - 1);
     h.forEach((f, g) => {
-      const $ = N(e[f])[u];
-      $ === void 0 || $ === 0 || d.push(
-        mt(s, {
+      const x = Z(e[f])[u];
+      x === void 0 || x === 0 || d.push(
+        ft(s, {
           from: 0,
-          to: $,
-          offset: m - k / 2 + g * (y + et),
+          to: x,
+          offset: m - k / 2 + g * (y + st),
           thickness: y,
           outer: !0,
           series: f,
@@ -339,15 +340,15 @@ function Vt(s) {
   }
   return b`${d}`;
 }
-function It(s) {
+function Xt(s) {
   return b`
-    ${Tt(s)}
+    ${Et(s)}
+    ${It(s)}
     ${Vt(s)}
-    ${Rt(s)}
-    ${Et(s)}`;
+    ${Tt(s)}`;
 }
-function Xt(s) {
-  const { layout: t, series: e, active: a, stacked: o } = s, i = (c) => N(e[c])[a] ?? 0;
+function Nt(s) {
+  const { layout: t, series: e, active: a, stacked: o } = s, i = (c) => Z(e[c])[a] ?? 0;
   let n = t.ticks.min;
   for (const c of ["bar", "area", "line"]) {
     const l = t.visible.filter((u) => t.marks[u] === c).map(i);
@@ -355,121 +356,121 @@ function Xt(s) {
     const d = o && c !== "line" ? l.filter((u) => u > 0).reduce((u, m) => u + m, 0) : Math.max(...l);
     n = Math.max(n, d);
   }
-  const r = X(t, a), h = V(t, Math.min(n, t.ticks.max));
+  const r = N(t, a), h = I(t, Math.min(n, t.ticks.max));
   return t.horizontal ? { x: h, y: r } : { x: r, y: h };
 }
-const Z = { top: 16, right: 16, bottom: 24 }, Nt = 12, Zt = 24, ft = 3, Ut = 4, Ht = 24, j = (s) => s?.points ?? [];
-function jt(s) {
-  return s.series.flatMap((t, e) => s.hidden.has(e) ? [] : j(t));
+const U = { top: 16, right: 16, bottom: 24 }, Zt = 12, Ut = 24, pt = 3, Ht = 4, jt = 24, K = (s) => s?.points ?? [];
+function Kt(s) {
+  return s.series.flatMap((t, e) => s.hidden.has(e) ? [] : K(t));
 }
-function pt(s) {
+function bt(s) {
   return s.length === 0 ? [0, 1] : [Math.min(...s), Math.max(...s)];
 }
-function Kt(s) {
-  const { width: t, height: e, measure: a, format: o, formatX: i, noAxis: n } = s, r = jt(s), h = Math.max(0, e - Z.top - Z.bottom), [c, l] = pt(r.map(($) => $.y)), d = Y(c, l, F(h, 48), { min: s.min, max: s.max }), u = n ? 0 : Math.max(0, ...d.values.map(($) => a(o($)))), m = n ? 4 : Math.ceil(u) + Nt, [y, k] = pt(r.map(($) => $.x)), f = Y(y, k, F(Math.max(0, t - m - Z.right), 96), {
+function qt(s) {
+  const { width: t, height: e, measure: a, format: o, formatX: i, noAxis: n } = s, r = Kt(s), h = Math.max(0, e - U.top - U.bottom), [c, l] = bt(r.map((x) => x.y)), d = F(c, l, W(h, 48), { min: s.min, max: s.max }), u = n ? 0 : Math.max(0, ...d.values.map((x) => a(o(x)))), m = n ? 4 : Math.ceil(u) + Zt, [y, k] = bt(r.map((x) => x.x)), f = F(y, k, W(Math.max(0, t - m - U.right), 96), {
     min: null,
     max: null
-  }), g = n ? Z.right : Math.max(Z.right, a(i(f.max)) / 2);
+  }), g = n ? U.right : Math.max(U.right, a(i(f.max)) / 2);
   return {
     box: {
       x: m,
-      y: Z.top,
+      y: U.top,
       width: Math.max(0, t - m - g),
       height: h
     },
     x: f,
     y: d,
-    maxR: s.bubble ? Math.max(0, ...r.map(($) => $.r ?? 0)) : 0
+    maxR: s.bubble ? Math.max(0, ...r.map((x) => x.r ?? 0)) : 0
   };
 }
-function J(s, t) {
+function Q(s, t) {
   const { box: e } = s;
   return [
-    I(t.x, s.x, e.x, e.x + e.width),
-    I(t.y, s.y, e.y + e.height, e.y)
+    X(t.x, s.x, e.x, e.x + e.width),
+    X(t.y, s.y, e.y + e.height, e.y)
   ];
 }
-function qt(s, t) {
-  return s === void 0 || t <= 0 || s <= 0 ? ft : Math.max(ft, Zt * Math.sqrt(s / t));
+function Yt(s, t) {
+  return s === void 0 || t <= 0 || s <= 0 ? pt : Math.max(pt, Ut * Math.sqrt(s / t));
 }
-function ot(s, t, e) {
-  return s.bubble ? qt(e.r, t.maxR) : Ut;
+function it(s, t, e) {
+  return s.bubble ? Yt(e.r, t.maxR) : Ht;
 }
-function Yt(s, t, e, a) {
+function Ft(s, t, e, a) {
   let o = null, i = 1 / 0;
   return s.series.forEach((n, r) => {
-    s.hidden.has(r) || j(n).forEach((h, c) => {
-      const [l, d] = J(t, h), u = Math.hypot(l - e, d - a), m = Math.max(Ht, ot(s, t, h) + 4);
+    s.hidden.has(r) || K(n).forEach((h, c) => {
+      const [l, d] = Q(t, h), u = Math.hypot(l - e, d - a), m = Math.max(jt, it(s, t, h) + 4);
       u <= m && u < i && (o = { series: r, index: c }, i = u);
     });
   }), o;
 }
-function bt(s) {
-  const t = j(s);
+function $t(s) {
+  const t = K(s);
   return t.map((e, a) => a).sort((e, a) => t[e].x - t[a].x);
 }
-function Ft(s) {
+function Wt(s) {
   const { layout: t, noGrid: e, noAxis: a, format: o, formatX: i, bubble: n, colorOf: r, active: h, activeSeries: c } = s, { box: l } = t, d = e ? A : b`
       ${t.y.values.map((f) => {
-    const g = I(f, t.y, l.y + l.height, l.y);
+    const g = X(f, t.y, l.y + l.height, l.y);
     return b`<line class="grid" x1=${l.x} y1=${g} x2=${l.x + l.width} y2=${g} />`;
   })}
       ${t.x.values.map((f) => {
-    const g = I(f, t.x, l.x, l.x + l.width);
+    const g = X(f, t.x, l.x, l.x + l.width);
     return b`<line class="grid" x1=${g} y1=${l.y} x2=${g} y2=${l.y + l.height} />`;
   })}`, u = a ? A : b`
       ${t.y.values.map(
-    (f) => b`<text class="tick-label" x=${l.x - 8} y=${I(f, t.y, l.y + l.height, l.y)}
+    (f) => b`<text class="tick-label" x=${l.x - 8} y=${X(f, t.y, l.y + l.height, l.y)}
             text-anchor="end" dominant-baseline="middle">${o(f)}</text>`
   )}
       ${t.x.values.map(
-    (f) => b`<text class="tick-label" x=${I(f, t.x, l.x, l.x + l.width)}
+    (f) => b`<text class="tick-label" x=${X(f, t.x, l.x, l.x + l.width)}
             y=${l.y + l.height + 16} text-anchor="middle">${i(f)}</text>`
   )}`, y = s.series.flatMap(
-    (f, g) => s.hidden.has(g) ? [] : j(f).map(($, _) => ({
-      point: $,
+    (f, g) => s.hidden.has(g) ? [] : K(f).map((x, _) => ({
+      point: x,
       index: _,
       seriesIndex: g,
-      radius: ot(s, t, $)
+      radius: it(s, t, x)
     }))
-  ).sort((f, g) => g.radius - f.radius).map(({ point: f, index: g, seriesIndex: $, radius: _ }) => {
-    const [w, p] = J(t, f), x = r($);
+  ).sort((f, g) => g.radius - f.radius).map(({ point: f, index: g, seriesIndex: x, radius: _ }) => {
+    const [w, p] = Q(t, f), $ = r(x);
     return b`<circle
       class="dot"
       cx=${w}
       cy=${p}
       r=${_}
-      fill=${x}
+      fill=${$}
       fill-opacity=${n ? 0.55 : 0.85}
-      stroke=${n ? x : "var(--surface-card)"}
+      stroke=${n ? $ : "var(--surface-card)"}
       stroke-width=${n ? 1.5 : 2}
-      data-series=${$}
+      data-series=${x}
       data-index=${g}
     />`;
   }), k = (() => {
-    const f = j(s.series[c])[h];
+    const f = K(s.series[c])[h];
     if (!f || s.hidden.has(c)) return A;
-    const [g, $] = J(t, f);
-    return b`<circle class="focus-ring" cx=${g} cy=${$}
-      r=${ot(s, t, f) + 4} fill="none" stroke=${r(c)} stroke-width="2" />`;
+    const [g, x] = Q(t, f);
+    return b`<circle class="focus-ring" cx=${g} cy=${x}
+      r=${it(s, t, f) + 4} fill="none" stroke=${r(c)} stroke-width="2" />`;
   })();
   return b`${d}${u}${y}${k}`;
 }
-const Wt = 8, Jt = 0.62, xt = 4, Q = 12;
-function Qt(s) {
+const Jt = 8, Qt = 0.62, xt = 4, tt = 12;
+function te(s) {
   const { width: t, height: e, kind: a, series: o, hidden: i, labels: n, measure: r } = s, h = t / 2, c = e / 2;
   if (a === "radar") {
     const w = o.flatMap(
       (v, O) => i.has(O) ? [] : v.values ?? []
-    ), p = Math.min(0, ...w), x = Math.max(0, ...w), M = at(p, x === p ? p + 1 : x, xt), L = Math.min(Math.max(0, ...n.map(r)), t * 0.25) + Q, z = Math.max(0, Math.min(h - L, c - Q * 2)), E = Math.max(n.length, ...o.map((v) => v.values?.length ?? 0));
+    ), p = Math.min(0, ...w), $ = Math.max(0, ...w), M = ot(p, $ === p ? p + 1 : $, xt), L = Math.min(Math.max(0, ...n.map(r)), t * 0.25) + tt, z = Math.max(0, Math.min(h - L, c - tt * 2)), T = Math.max(n.length, ...o.map((v) => v.values?.length ?? 0));
     return {
       cx: h,
       cy: c,
       outer: z,
       inner: 0,
-      slices: Array.from({ length: E }, (v, O) => {
-        const K = O * U / Math.max(1, E);
-        return { index: O, value: 0, start: K, end: K, outer: z };
+      slices: Array.from({ length: T }, (v, O) => {
+        const q = O * H / Math.max(1, T);
+        return { index: O, value: 0, start: q, end: q, outer: z };
       }),
       ticks: M,
       total: 0
@@ -478,44 +479,44 @@ function Qt(s) {
   const l = o[0]?.values ?? [], d = Math.max(n.length, l.length), u = (w) => i.has(w) ? 0 : Math.max(0, l[w] ?? 0), m = Array.from({ length: d }, (w, p) => u(p)).reduce(
     (w, p) => w + p,
     0
-  ), y = Math.max(0, Math.min(t, e) / 2 - Wt), k = Math.max(0, ...Array.from({ length: d }, (w, p) => u(p))), f = at(0, k || 1, xt), g = Array.from({ length: d }, (w, p) => p).filter(
+  ), y = Math.max(0, Math.min(t, e) / 2 - Jt), k = Math.max(0, ...Array.from({ length: d }, (w, p) => u(p))), f = ot(0, k || 1, xt), g = Array.from({ length: d }, (w, p) => p).filter(
     (w) => !i.has(w)
   ).length;
-  let $ = 0;
+  let x = 0;
   const _ = Array.from({ length: d }, (w, p) => {
-    const x = u(p), M = $;
-    return a === "polar-area" ? (i.has(p) || ($ += U / Math.max(1, g)), { index: p, value: x, start: M, end: $, outer: y * Math.sqrt(x / f.max) }) : ($ += m > 0 ? x / m * U : 0, { index: p, value: x, start: M, end: $, outer: y });
+    const $ = u(p), M = x;
+    return a === "polar-area" ? (i.has(p) || (x += H / Math.max(1, g)), { index: p, value: $, start: M, end: x, outer: y * Math.sqrt($ / f.max) }) : (x += m > 0 ? $ / m * H : 0, { index: p, value: $, start: M, end: x, outer: y });
   });
-  return { cx: h, cy: c, outer: y, inner: a === "doughnut" ? y * Jt : 0, slices: _, ticks: f, total: m };
+  return { cx: h, cy: c, outer: y, inner: a === "doughnut" ? y * Qt : 0, slices: _, ticks: f, total: m };
 }
-function te(s, t, e, a) {
+function ee(s, t, e, a) {
   const o = e - s.cx, i = a - s.cy, n = Math.hypot(o, i);
   let r = Math.atan2(o, -i);
-  if (r < 0 && (r += U), t === "radar") {
+  if (r < 0 && (r += H), t === "radar") {
     const c = s.slices.length;
-    return c === 0 || n > s.outer + Q * 2 ? -1 : Math.round(r / (U / c)) % c;
+    return c === 0 || n > s.outer + tt * 2 ? -1 : Math.round(r / (H / c)) % c;
   }
   return n > s.outer || n < s.inner ? -1 : s.slices.find(
     ({ start: c, end: l }) => l > c && r >= c && r < l
   )?.index ?? -1;
 }
-function ee(s, t) {
+function se(s, t) {
   const e = s.slices[t];
   if (!e) return [s.cx, s.cy];
   const a = (e.start + e.end) / 2, o = s.inner > 0 ? (s.inner + e.outer) / 2 : e.outer * 0.6;
-  return T(s.cx, s.cy, o, a);
+  return D(s.cx, s.cy, o, a);
 }
-function q(s, t) {
+function Y(s, t) {
   const { ticks: e, outer: a } = s;
   return (t - e.min) / (e.max - e.min) * a;
 }
-function se(s) {
+function ae(s) {
   const { layout: t, active: e, sliceColor: a, kind: o, noGrid: i, format: n, centerLabel: r } = s, { cx: h, cy: c, inner: l, ticks: d } = t, u = o === "polar-area" && !i ? d.values.filter((f) => f > 0).map(
     (f) => b`<circle class="grid" cx=${h} cy=${c} r=${t.outer * Math.sqrt(f / d.max)} fill="none" />`
   ) : A, m = t.slices.filter((f) => f.end > f.start && f.outer > 0), y = m.map(
     (f) => b`<path
       class="slice"
-      d=${Ct(h, c, l, f.outer, f.start, f.end)}
+      d=${Ot(h, c, l, f.outer, f.start, f.end)}
       fill=${a(f.index)}
       fill-rule="evenodd"
       stroke="var(--surface-card)"
@@ -529,48 +530,48 @@ function se(s) {
         ${l > 36 ? b`<text class="center-label" x=${h} y=${c + 20} text-anchor="middle" dominant-baseline="middle">${r}</text>` : A}` : A;
   return b`${u}${y}${k}`;
 }
-function ae(s) {
+function oe(s) {
   const { layout: t, series: e, hidden: a, labels: o, colorOf: i, active: n, noGrid: r, noAxis: h, format: c } = s, { cx: l, cy: d, outer: u, ticks: m, slices: y } = t, k = y.map((p) => p.start), f = r ? A : b`
       ${m.values.filter((p) => p > m.min).map((p) => {
-    const x = q(t, p);
-    return b`<path class="grid" fill="none" d=${`${H(k.map((M) => T(l, d, x, M)))} Z`} />`;
+    const $ = Y(t, p);
+    return b`<path class="grid" fill="none" d=${`${j(k.map((M) => D(l, d, $, M)))} Z`} />`;
   })}
       ${k.map((p) => {
-    const [x, M] = T(l, d, u, p);
-    return b`<line class="grid" x1=${l} y1=${d} x2=${x} y2=${M} />`;
+    const [$, M] = D(l, d, u, p);
+    return b`<line class="grid" x1=${l} y1=${d} x2=${$} y2=${M} />`;
   })}`, g = h ? A : m.values.filter((p) => p > m.min).map(
-    (p) => b`<text class="tick-label ring-label" x=${l + 4} y=${d - q(t, p) + 3} dominant-baseline="hanging">${c(p)}</text>`
-  ), $ = k.map((p, x) => {
-    const M = Math.sin(p), L = Math.cos(p), z = M > 0.1 ? "start" : M < -0.1 ? "end" : "middle", [E, v] = T(l, d, u + (Math.abs(L) > 0.5 ? 8 : Q), p), O = L > 0.5 ? "auto" : L < -0.5 ? "hanging" : "middle";
-    return b`<text class="axis-label" x=${E} y=${v} text-anchor=${z} dominant-baseline=${O}>${o[x] ?? ""}</text>`;
-  }), _ = e.map((p, x) => {
-    if (a.has(x)) return A;
-    const M = i(x), L = k.map(
-      (E, v) => T(l, d, q(t, p.values?.[v] ?? m.min), E)
+    (p) => b`<text class="tick-label ring-label" x=${l + 4} y=${d - Y(t, p) + 3} dominant-baseline="hanging">${c(p)}</text>`
+  ), x = k.map((p, $) => {
+    const M = Math.sin(p), L = Math.cos(p), z = M > 0.1 ? "start" : M < -0.1 ? "end" : "middle", [T, v] = D(l, d, u + (Math.abs(L) > 0.5 ? 8 : tt), p), O = L > 0.5 ? "auto" : L < -0.5 ? "hanging" : "middle";
+    return b`<text class="axis-label" x=${T} y=${v} text-anchor=${z} dominant-baseline=${O}>${o[$] ?? ""}</text>`;
+  }), _ = e.map((p, $) => {
+    if (a.has($)) return A;
+    const M = i($), L = k.map(
+      (T, v) => D(l, d, Y(t, p.values?.[v] ?? m.min), T)
     ), z = n >= 0 && L[n] ? b`<circle class="marker" cx=${L[n][0]} cy=${L[n][1]} r="5" fill=${M} />` : A;
     return b`
-      <path class="radar" d=${`${H(L)} Z`} stroke=${M} fill=${M} />
+      <path class="radar" d=${`${j(L)} Z`} stroke=${M} fill=${M} />
       ${z}`;
   }), w = n >= 0 && k[n] !== void 0 ? (() => {
-    const [p, x] = T(l, d, u, k[n]);
-    return b`<line class="crosshair" x1=${l} y1=${d} x2=${p} y2=${x} />`;
+    const [p, $] = D(l, d, u, k[n]);
+    return b`<line class="crosshair" x1=${l} y1=${d} x2=${p} y2=${$} />`;
   })() : A;
-  return b`${f}${w}${_}${g}${$}`;
+  return b`${f}${w}${_}${g}${x}`;
 }
-function oe(s) {
-  return s.kind === "radar" ? ae(s) : se(s);
+function ie(s) {
+  return s.kind === "radar" ? oe(s) : ae(s);
 }
-var ie = Object.defineProperty, C = (s, t, e, a) => {
+var re = Object.defineProperty, C = (s, t, e, a) => {
   for (var o = void 0, i = s.length - 1, n; i >= 0; i--)
     (n = s[i]) && (o = n(t, e, o) || o);
-  return o && ie(t, e, o), o;
+  return o && re(t, e, o), o;
 };
-const $t = 8;
-class S extends rt {
+const yt = 8;
+class S extends nt {
   constructor() {
-    super(...arguments), this.tableId = Mt("kt-chart-table"), this.box = { width: 0, height: 0 }, this.active = -1, this.activeSeries = -1, this.hiddenSeries = /* @__PURE__ */ new Set(), this.type = "area", this.series = [], this.labels = [], this.height = 200, this.format = (t) => String(t), this.formatX = (t) => String(t), this.noGrid = !1, this.noAxis = !1, this.showTable = !1, this.smooth = !1, this.stacked = !1, this.horizontal = !1, this.min = null, this.max = null, this.centerLabel = "Total", this.totalLabel = "Total", this.label = "", this.colorOf = (t) => {
+    super(...arguments), this.tableId = At("kt-chart-table"), this.box = { width: 0, height: 0 }, this.active = -1, this.activeSeries = -1, this.hiddenSeries = /* @__PURE__ */ new Set(), this.type = "area", this.series = [], this.labels = [], this.height = 200, this.format = (t) => String(t), this.formatX = (t) => String(t), this.noGrid = !1, this.noAxis = !1, this.showTable = !1, this.smooth = !1, this.stacked = !1, this.horizontal = !1, this.min = null, this.max = null, this.centerLabel = void 0, this.totalLabel = void 0, this.label = "", this.colorOf = (t) => {
       const e = this.series[t];
-      return e?.color ? e.color : this.series.length === 1 ? "var(--color-primary-base)" : `var(--chart-series-${t % $t + 1})`;
+      return e?.color ? e.color : this.series.length === 1 ? "var(--color-primary-base)" : `var(--chart-series-${t % yt + 1})`;
     }, this.measure = (t) => {
       if (this.measureContext === void 0)
         try {
@@ -580,12 +581,12 @@ class S extends rt {
           this.measureContext = null;
         }
       return this.measureContext ? this.measureContext.measureText(t).width : t.length * 6.5;
-    }, this.sliceColor = (t) => `var(--chart-series-${t % $t + 1})`;
+    }, this.sliceColor = (t) => `var(--chart-series-${t % yt + 1})`;
   }
   static {
     this.styles = [
-      rt.styles,
-      gt`
+      nt.styles,
+      vt`
       :host {
         display: block;
         position: relative;
@@ -920,7 +921,7 @@ class S extends rt {
     };
     return {
       ...t,
-      layout: Ot(t),
+      layout: _t(t),
       active: this.active,
       smooth: this.smooth,
       noGrid: this.noGrid,
@@ -944,7 +945,7 @@ class S extends rt {
     };
     return {
       ...t,
-      layout: Kt(t),
+      layout: qt(t),
       active: this.active,
       activeSeries: this.activeSeries,
       noGrid: this.noGrid,
@@ -967,11 +968,11 @@ class S extends rt {
     };
     return {
       ...t,
-      layout: Qt(t),
+      layout: te(t),
       active: this.active,
       noGrid: this.noGrid,
       noAxis: this.noAxis,
-      centerLabel: this.centerLabel,
+      centerLabel: this.centerLabel ?? E().total,
       format: this.format,
       colorOf: this.colorOf,
       sliceColor: this.sliceColor
@@ -982,19 +983,19 @@ class S extends rt {
     return this.family === "point" ? this.series.some((t) => (t.points?.length ?? 0) > 0) : this.pointCount > 0;
   }
   setActive(t, e = -1) {
-    t === this.active && e === this.activeSeries || (this.active = t, this.activeSeries = e, nt(this, "kt-point-hover", { index: t, series: e }));
+    t === this.active && e === this.activeSeries || (this.active = t, this.activeSeries = e, lt(this, "kt-point-hover", { index: t, series: e }));
   }
   /* --------------------------------------------------------- interaction */
   onPointerMove(t) {
     if (this.box.width !== 0) {
       if (this.family === "cartesian") {
-        const e = _t(this.cartesianView.layout, t.offsetX, t.offsetY);
+        const e = zt(this.cartesianView.layout, t.offsetX, t.offsetY);
         this.setActive(e);
       } else if (this.family === "radial") {
         const e = this.radialView;
-        this.setActive(te(e.layout, e.kind, t.offsetX, t.offsetY));
+        this.setActive(ee(e.layout, e.kind, t.offsetX, t.offsetY));
       } else if (this.family === "point") {
-        const e = this.pointView, a = Yt(e, e.layout, t.offsetX, t.offsetY);
+        const e = this.pointView, a = Ft(e, e.layout, t.offsetX, t.offsetY);
         this.setActive(a?.index ?? -1, a?.series ?? -1);
       }
     }
@@ -1045,9 +1046,9 @@ class S extends rt {
       this.setActive(-1);
       return;
     }
-    const a = e.indexOf(this.activeSeries), o = a < 0 ? e[0] : this.activeSeries, i = bt(this.series[o]), n = a < 0 ? -1 : i.indexOf(this.active), r = i.length - 1, h = (c) => {
+    const a = e.indexOf(this.activeSeries), o = a < 0 ? e[0] : this.activeSeries, i = $t(this.series[o]), n = a < 0 ? -1 : i.indexOf(this.active), r = i.length - 1, h = (c) => {
       const l = e[Math.min(Math.max((a < 0 ? 0 : a) + c, 0), e.length - 1)];
-      this.setActive(bt(this.series[l])[0], l);
+      this.setActive($t(this.series[l])[0], l);
     };
     switch (t.key) {
       case "ArrowRight":
@@ -1075,13 +1076,13 @@ class S extends rt {
   }
   toggle(t) {
     const e = !this.hiddenSeries.has(t);
-    if (nt(this, "kt-series-toggle", { series: t, hidden: e }).defaultPrevented) return;
+    if (lt(this, "kt-series-toggle", { series: t, hidden: e }).defaultPrevented) return;
     const a = new Set(this.hiddenSeries);
     e ? a.add(t) : a.delete(t), this.hiddenSeries = a, this.setActive(-1);
   }
   /* ----------------------------------------------------------- rendering */
   renderMarks() {
-    return this.family === "cartesian" ? It(this.cartesianView) : this.family === "point" ? Ft(this.pointView) : oe(this.radialView);
+    return this.family === "cartesian" ? Xt(this.cartesianView) : this.family === "point" ? Wt(this.pointView) : ie(this.radialView);
   }
   get tooltip() {
     if (this.active < 0 || this.box.width === 0) return null;
@@ -1090,7 +1091,7 @@ class S extends rt {
         color: this.colorOf(r),
         name: this.series[r].name,
         value: this.format(this.series[r].values?.[this.active] ?? 0)
-      })), { x: a, y: o } = Xt(t), i = t.layout.visible.filter(
+      })), { x: a, y: o } = Nt(t), i = t.layout.visible.filter(
         (r) => this.stacked && t.layout.marks[r] !== "line"
       ), n = i.length > 1 ? this.format(
         i.reduce(
@@ -1108,7 +1109,7 @@ class S extends rt {
       };
     }
     if (this.sliced) {
-      const t = this.radialView.layout, e = this.series[0]?.values?.[this.active] ?? 0, a = t.total > 0 ? Math.round(Math.max(0, e) / t.total * 100) : 0, [o, i] = ee(t, this.active);
+      const t = this.radialView.layout, e = this.series[0]?.values?.[this.active] ?? 0, a = t.total > 0 ? Math.round(Math.max(0, e) / t.total * 100) : 0, [o, i] = se(t, this.active);
       return {
         title: this.labels[this.active] ?? `#${this.active + 1}`,
         rows: [
@@ -1127,7 +1128,7 @@ class S extends rt {
       const t = this.radialView.layout, e = this.series.map((r, h) => h).filter((r) => !this.hiddenSeries.has(r)), a = Math.max(
         t.ticks.min,
         ...e.map((r) => this.series[r].values?.[this.active] ?? t.ticks.min)
-      ), o = t.slices[this.active]?.start ?? 0, [i, n] = T(t.cx, t.cy, q(t, a), o);
+      ), o = t.slices[this.active]?.start ?? 0, [i, n] = D(t.cx, t.cy, Y(t, a), o);
       return {
         title: this.labels[this.active] ?? `#${this.active + 1}`,
         rows: e.map((r) => ({
@@ -1143,7 +1144,7 @@ class S extends rt {
     if (this.family === "point") {
       const t = this.series[this.activeSeries], e = t?.points?.[this.active];
       if (!t || !e) return null;
-      const [a, o] = J(this.pointView.layout, e), i = this.colorOf(this.activeSeries), n = [
+      const [a, o] = Q(this.pointView.layout, e), i = this.colorOf(this.activeSeries), n = [
         { color: i, name: "x", value: this.formatX(e.x) },
         { color: i, name: "y", value: this.format(e.y) }
       ];
@@ -1177,7 +1178,7 @@ class S extends rt {
           </span>`
     )}
       ${t.total ? G`<span class="tooltip-total"
-              ><span>${this.totalLabel}</span><span>${t.total}</span></span
+              ><span>${this.totalLabel ?? E().total}</span><span>${t.total}</span></span
             >` : A}
     </div>`;
   }
@@ -1196,7 +1197,7 @@ class S extends rt {
           @click=${() => this.toggle(a)}
         >
           <span
-            class=${kt({ swatch: !0, hollow: o })}
+            class=${wt({ swatch: !0, hollow: o })}
             style=${`--swatch:${e.color}`}
           ></span>
           ${e.name}
@@ -1209,12 +1210,12 @@ class S extends rt {
     return G`<div part="table" class="table" id=${this.tableId}>
       <table>
         <caption>
-          ${this.label || "Chart data"}
+          ${this.label || E().chartData}
         </caption>
         <thead>
           <tr>
-            <th scope="col">Series</th>
-            <th scope="col">Point</th>
+            <th scope="col">${E().chartSeries}</th>
+            <th scope="col">${E().chartPoint}</th>
             <th scope="col">x</th>
             <th scope="col">y</th>
             ${t ? G`<th scope="col">r</th>` : A}
@@ -1241,13 +1242,13 @@ class S extends rt {
     return G`<div part="table" class="table" id=${this.tableId}>
       <table>
         <caption>
-          ${this.label || "Chart data"}
+          ${this.label || E().chartData}
         </caption>
         <thead>
           <tr>
-            <th scope="col">Slice</th>
-            <th scope="col">${this.series[0]?.name ?? "Value"}</th>
-            <th scope="col">Share</th>
+            <th scope="col">${E().chartSlice}</th>
+            <th scope="col">${this.series[0]?.name ?? E().chartValue}</th>
+            <th scope="col">${E().chartShare}</th>
           </tr>
         </thead>
         <tbody>
@@ -1273,13 +1274,13 @@ class S extends rt {
     return G`<div part="table" class="table" id=${this.tableId}>
       <table>
         <caption>
-          ${this.label || "Chart data"}
+          ${this.label || E().chartData}
         </caption>
         <thead>
           <tr>
-            <th scope="col">Point</th>
+            <th scope="col">${E().chartPoint}</th>
             ${this.series.map((a) => G`<th scope="col">${a.name}</th>`)}
-            ${t ? G`<th scope="col">${this.totalLabel}</th>` : A}
+            ${t ? G`<th scope="col">${this.totalLabel ?? E().total}</th>` : A}
           </tr>
         </thead>
         <tbody>
@@ -1321,19 +1322,19 @@ class S extends rt {
   }
 }
 C([
-  vt(".plot")
+  kt(".plot")
 ], S.prototype, "plot");
 C([
-  tt()
+  et()
 ], S.prototype, "box");
 C([
-  tt()
+  et()
 ], S.prototype, "active");
 C([
-  tt()
+  et()
 ], S.prototype, "activeSeries");
 C([
-  tt()
+  et()
 ], S.prototype, "hiddenSeries");
 C([
   B({ type: String, reflect: !0 })
@@ -1386,7 +1387,7 @@ C([
 C([
   B({ type: String })
 ], S.prototype, "label");
-wt("kt-chart", S);
+Mt("kt-chart", S);
 export {
   S as KtChart
 };