@umriss-ui/charts 0.6.0 → 0.7.0

package/dist/charts.js

@@ -1,24 +1,24 @@
 import "./charts.css";
-var Ue = Object.defineProperty;
-var Xe = (s, t, e) => t in s ? Ue(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var x = (s, t, e) => Xe(s, typeof t != "symbol" ? t + "" : t, e);
-import { jsxs as z, jsx as I, Fragment as Et } from "react/jsx-runtime";
-import { useRef as q, useEffect as D, createContext as Ze, useContext as je, useSyncExternalStore as $t, useCallback as Je, useMemo as P, useState as Ee, useId as Qe } from "react";
-function tn() {
+var fn = Object.defineProperty;
+var mn = (s, t, e) => t in s ? fn(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var x = (s, t, e) => mn(s, typeof t != "symbol" ? t + "" : t, e);
+import { jsxs as O, jsx as k, Fragment as xt } from "react/jsx-runtime";
+import { useRef as G, useEffect as D, createContext as pn, useContext as gn, useSyncExternalStore as wt, useId as Ve, useState as fe, useLayoutEffect as yn, useCallback as xn, Fragment as bn, useMemo as $ } from "react";
+function vn() {
   var t;
   const s = import.meta;
   return typeof ((t = s.env) == null ? void 0 : t.DEV) == "boolean" ? s.env.DEV : typeof process < "u" && (process != null && process.env) ? process.env.NODE_ENV !== "production" : !1;
 }
-const yt = tn();
-function pt(s, t) {
-  if (yt && !s)
+const bt = vn();
+function gt(s, t) {
+  if (bt && !s)
     throw new Error(`@umriss-ui/charts: ${t}`);
 }
-const oe = /* @__PURE__ */ new Set();
-function tt(s, t) {
-  !yt || oe.has(s) || (oe.add(s), console.warn(`@umriss-ui/charts: ${t}`));
+const ye = /* @__PURE__ */ new Set();
+function nt(s, t) {
+  !bt || ye.has(s) || (ye.add(s), console.warn(`@umriss-ui/charts: ${t}`));
 }
-const R = {
+const H = {
   colorAxis: "rgba(23, 23, 23, 0.17)",
   colorGrid: "rgba(23, 23, 23, 0.06)",
   colorText: "#71717a",
@@ -28,82 +28,110 @@ const R = {
   colorOk: "#217a4b",
   font: "system-ui, sans-serif",
   fontMono: "ui-monospace, monospace",
-  series: ["#2563eb", "#db2777", "#059669", "#d97706", "#7c3aed", "#0891b2"]
-}, re = /* @__PURE__ */ new WeakMap();
-let Zt = 0;
-const jt = /* @__PURE__ */ new Set();
-let Wt = null;
-function Vt(s, t, e) {
+  series: ["#2563eb", "#db2777", "#059669", "#d97706", "#7c3aed", "#0891b2"],
+  forced: !1
+}, Ye = "(forced-colors: active)";
+function kn() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia(Ye).matches;
+}
+const xe = /* @__PURE__ */ new WeakMap();
+let se = 0;
+const oe = /* @__PURE__ */ new Set();
+let Kt = null;
+function yt(s, t, e) {
   const n = s.getPropertyValue(t).trim();
   return n === "" ? e : n;
 }
-function Le(s, t) {
-  const e = s.ownerDocument.createElement("span");
-  e.setAttribute("aria-hidden", "true"), e.style.position = "absolute", e.style.visibility = "hidden", s.appendChild(e);
+function me(s, t, e = !1) {
+  const n = s.ownerDocument.createElement("span");
+  n.setAttribute("aria-hidden", "true"), n.style.position = "absolute", n.style.visibility = "hidden", e && n.style.setProperty("forced-color-adjust", "none"), s.appendChild(n);
   try {
-    return t((n) => {
-      e.style.color = "", e.style.color = n;
-      const i = getComputedStyle(e).color;
-      return i === "" || i.startsWith("var(") ? n : i;
+    return t((i) => {
+      n.style.color = "", n.style.color = i;
+      const o = getComputedStyle(n).color;
+      return o === "" || o.startsWith("var(") ? i : o;
     });
   } finally {
-    e.remove();
+    n.remove();
   }
 }
-function en(s) {
+function wn(s, t) {
+  return me(
+    s,
+    (e) => {
+      const n = e("CanvasText"), i = e("Highlight");
+      return {
+        colorAxis: n,
+        colorGrid: e("GrayText"),
+        colorText: n,
+        colorBg: e("Canvas"),
+        colorWarning: i,
+        colorAlarm: i,
+        colorOk: n,
+        font: yt(t, "--uc-font", H.font),
+        fontMono: yt(t, "--uc-font-mono", H.fontMono),
+        series: H.series.map(() => n),
+        forced: !0
+      };
+    },
+    !0
+  );
+}
+function Nn(s) {
   const t = getComputedStyle(s);
-  return Le(s, (e) => {
+  return kn() ? wn(s, t) : me(s, (e) => {
     const n = (o, r) => {
-      const l = Vt(t, o, r);
+      const l = yt(t, o, r);
       if (l === r) return r;
       const a = e(`var(${o})`);
       return a === `var(${o})` ? l : a;
     }, i = [];
     for (let o = 1; o <= 6; o++)
-      i.push(n(`--uc-series-${o}`, R.series[o - 1] ?? "#2563eb"));
+      i.push(n(`--uc-series-${o}`, H.series[o - 1] ?? "#2563eb"));
     return {
-      colorAxis: n("--uc-color-axis", R.colorAxis),
-      colorGrid: n("--uc-color-grid", R.colorGrid),
-      colorText: n("--uc-color-text", R.colorText),
-      colorBg: n("--uc-color-bg", R.colorBg),
-      colorWarning: n("--uc-color-warning", R.colorWarning),
-      colorAlarm: n("--uc-color-alarm", R.colorAlarm),
-      colorOk: n("--uc-color-ok", R.colorOk),
-      font: Vt(t, "--uc-font", R.font),
-      fontMono: Vt(t, "--uc-font-mono", R.fontMono),
-      series: i
+      colorAxis: n("--uc-color-axis", H.colorAxis),
+      colorGrid: n("--uc-color-grid", H.colorGrid),
+      colorText: n("--uc-color-text", H.colorText),
+      colorBg: n("--uc-color-bg", H.colorBg),
+      colorWarning: n("--uc-color-warning", H.colorWarning),
+      colorAlarm: n("--uc-color-alarm", H.colorAlarm),
+      colorOk: n("--uc-color-ok", H.colorOk),
+      font: yt(t, "--uc-font", H.font),
+      fontMono: yt(t, "--uc-font-mono", H.fontMono),
+      series: i,
+      forced: !1
     };
   });
 }
-function Fe() {
-  var s, t;
-  Wt === null && (typeof MutationObserver > "u" || typeof document > "u" || (Wt = new MutationObserver(() => le()), Wt.observe(document.documentElement, { attributes: !0 }), typeof window < "u" && typeof window.matchMedia == "function" && ((t = (s = window.matchMedia("(prefers-color-scheme: dark)")).addEventListener) == null || t.call(s, "change", () => le()))));
+function Ge() {
+  var s, t, e, n;
+  Kt === null && (typeof MutationObserver > "u" || typeof document > "u" || (Kt = new MutationObserver(() => qt()), Kt.observe(document.documentElement, { attributes: !0 }), typeof window < "u" && typeof window.matchMedia == "function" && ((t = (s = window.matchMedia("(prefers-color-scheme: dark)")).addEventListener) == null || t.call(s, "change", () => qt()), (n = (e = window.matchMedia(Ye)).addEventListener) == null || n.call(e, "change", () => qt()))));
 }
-function nn(s, t) {
-  return Fe(), Le(s, (e) => {
+function In(s, t) {
+  return Ge(), me(s, (e) => {
     const n = {};
     for (const i of Object.keys(t)) n[i] = e(t[i]);
     return n;
   });
 }
-function sn(s) {
-  Fe();
-  const t = re.get(s);
-  if (t !== void 0 && t.generation === Zt) return t.theme;
-  const e = en(s);
-  return re.set(s, { generation: Zt, theme: e }), e;
+function An(s) {
+  Ge();
+  const t = xe.get(s);
+  if (t !== void 0 && t.generation === se) return t.theme;
+  const e = Nn(s);
+  return xe.set(s, { generation: se, theme: e }), e;
 }
-function le() {
-  Zt++;
-  for (const s of jt) s();
+function qt() {
+  se++;
+  for (const s of oe) s();
 }
-function on(s) {
-  return jt.add(s), () => {
-    jt.delete(s);
+function Tn(s) {
+  return oe.add(s), () => {
+    oe.delete(s);
   };
 }
-const rn = { width: 0, height: 0 };
-class ln {
+const Mn = { width: 0, height: 0 };
+class Sn {
   constructor(t) {
     x(this, "span", null);
     x(this, "root");
@@ -121,7 +149,7 @@ class ln {
     const n = `${e}|${t}`, i = this.cache.get(n);
     if (i !== void 0) return i;
     const o = this.ensure();
-    if (o === null) return rn;
+    if (o === null) return Mn;
     o.className = `uc-measure ${e}`, o.textContent = t;
     const r = o.getBoundingClientRect(), l = { width: r.width, height: r.height };
     return this.cache.set(n, l), l;
@@ -134,15 +162,15 @@ class ln {
     (t = this.span) == null || t.remove(), this.span = null, this.cache.clear();
   }
 }
-function Lt(s) {
+function Ht(s) {
   return Object.is(s, -0) ? 0 : s;
 }
-function ot(s, t) {
+function lt(s, t) {
   if (!Number.isFinite(s) || s <= 0) return 1;
   const e = Math.max(1, Math.floor(t)), n = s / e, i = Math.pow(10, Math.floor(Math.log10(n))), o = n / i, r = 1e-9;
   return (o <= 1 + r ? 1 : o <= 2 + r ? 2 : o <= 5 + r ? 5 : 10) * i;
 }
-function Rt(s) {
+function Yt(s) {
   const t = Math.abs(s);
   if (!Number.isFinite(t) || t === 0) return 0;
   const e = Math.floor(Math.log10(t));
@@ -152,52 +180,52 @@ function Rt(s) {
     n++;
   return n;
 }
-function Ft(s, t) {
-  return t <= 0 || !Number.isFinite(s) || Math.abs(s) >= 1e21 ? Lt(s) : Lt(Number(s.toFixed(Math.min(20, t))));
+function Rt(s, t) {
+  return t <= 0 || !Number.isFinite(s) || Math.abs(s) >= 1e21 ? Ht(s) : Ht(Number(s.toFixed(Math.min(20, t))));
 }
-function an(s, t, e) {
+function Ln(s, t, e) {
   if (!Number.isFinite(s) || !Number.isFinite(t)) return [0, 1];
   if (s === t) return [s - 1, t + 1];
-  const n = ot(t - s, e), i = Rt(n);
+  const n = lt(t - s, e), i = Yt(n);
   return [
-    Ft(Math.floor(s / n) * n, i),
-    Ft(Math.ceil(t / n) * n, i)
+    Rt(Math.floor(s / n) * n, i),
+    Rt(Math.ceil(t / n) * n, i)
   ];
 }
-function _t(s, t) {
+function Ut(s, t) {
   return !Number.isFinite(s) || !Number.isFinite(t) ? [0, 1] : s === t ? [s - 1, t + 1] : [s, t];
 }
-function Pe(s, t, e) {
+function Ke(s, t, e) {
   if (!Number.isFinite(s) || !Number.isFinite(t)) return [];
-  if (s === t) return [Lt(s)];
-  const [n, i] = s < t ? [s, t] : [t, s], o = ot(i - n, e), r = Rt(o), l = o * 1e-9, a = Math.ceil((n - l) / o), c = Math.floor((i + l) / o);
+  if (s === t) return [Ht(s)];
+  const [n, i] = s < t ? [s, t] : [t, s], o = lt(i - n, e), r = Yt(o), l = o * 1e-9, a = Math.ceil((n - l) / o), c = Math.floor((i + l) / o);
   if (!Number.isFinite(a) || !Number.isFinite(c)) return [];
   const h = [];
   for (let f = a; f <= c; f++)
-    h.push(Ft(f * o, r));
+    h.push(Rt(f * o, r));
   return h;
 }
-function un(s, t, e, n) {
+function En(s, t, e, n) {
   const i = n.length, o = n[0], r = n[i - 1];
   if (i < 2 || o === void 0 || r === void 0 || !Number.isFinite(s) || !Number.isFinite(t))
     return null;
-  const [l, a] = s === t ? [s - 1, t + 1] : [s, t], c = (r - o) / (i - 1), h = (o - e[0]) / c, f = (e[1] - r) / c, m = i - 1 + h + f, p = (d) => Lt(Number(d.toPrecision(12)));
-  let u = ot((a - l) / m, 1);
-  for (let d = 0; d < 64; d++) {
-    const y = u * 1e-9, g = Math.floor((l + h * u + y) / u) * u, b = g - h * u;
-    if (b + m * u >= a - y) {
-      const k = Rt(u);
+  const [l, a] = s === t ? [s - 1, t + 1] : [s, t], c = (r - o) / (i - 1), h = (o - e[0]) / c, f = (e[1] - r) / c, m = i - 1 + h + f, p = (g) => Ht(Number(g.toPrecision(12)));
+  let u = lt((a - l) / m, 1);
+  for (let g = 0; g < 64; g++) {
+    const d = u * 1e-9, y = Math.floor((l + h * u + d) / u) * u, b = y - h * u;
+    if (b + m * u >= a - d) {
+      const v = Yt(u);
       return {
         domain: [p(b), p(b + m * u)],
-        ticks: Array.from({ length: i }, (T, O) => Ft(g + O * u, k)),
+        ticks: Array.from({ length: i }, (w, L) => Rt(y + L * u, v)),
         step: u
       };
     }
-    u = ot(u * 1.5, 1);
+    u = lt(u * 1.5, 1);
   }
   return null;
 }
-class ae {
+class be {
   constructor(t, e) {
     x(this, "domain");
     x(this, "range");
@@ -215,36 +243,36 @@ class ae {
     return this.m === 0 ? this.domain[0] : (t - this.b) / this.m;
   }
   ticks(t) {
-    return Pe(this.domain[0], this.domain[1], t);
+    return Ke(this.domain[0], this.domain[1], t);
   }
 }
-let vt = null;
-function De() {
-  if (vt !== null) return vt;
+let Mt = null;
+function qe() {
+  if (Mt !== null) return Mt;
   const s = typeof navigator > "u" ? void 0 : navigator.language;
-  return vt = typeof s == "string" && s !== "" ? s : "en-US", vt;
+  return Mt = typeof s == "string" && s !== "" ? s : "en-US", Mt;
 }
-const Pt = /* @__PURE__ */ new Map();
-function cn(s) {
-  const t = De(), e = `${t}|${s}`;
-  let n = Pt.get(e);
+const Wt = /* @__PURE__ */ new Map();
+function Fn(s) {
+  const t = qe(), e = `${t}|${s}`;
+  let n = Wt.get(e);
   return n === void 0 && (n = new Intl.NumberFormat(t, {
     minimumFractionDigits: s,
     maximumFractionDigits: s,
     useGrouping: !0
-  }), Pt.set(e, n)), n;
+  }), Wt.set(e, n)), n;
 }
-function Ce(s, t) {
-  return cn(Math.min(6, Rt(t))).format(s);
+function Ue(s, t) {
+  return Fn(Math.min(6, Yt(t))).format(s);
 }
-function kt(s) {
+function St(s) {
   if (!Number.isFinite(s)) return "–";
-  const t = De(), e = `${t}|value`;
-  let n = Pt.get(e);
-  return n === void 0 && (n = new Intl.NumberFormat(t, { maximumFractionDigits: 3, useGrouping: !0 }), Pt.set(e, n)), n.format(s);
+  const t = qe(), e = `${t}|value`;
+  let n = Wt.get(e);
+  return n === void 0 && (n = new Intl.NumberFormat(t, { maximumFractionDigits: 3, useGrouping: !0 }), Wt.set(e, n)), n.format(s);
 }
-const it = 1e3, B = 60 * it, st = 60 * B, K = 24 * st;
-function hn(s) {
+const ot = 1e3, V = 60 * ot, rt = 60 * V, K = 24 * rt;
+function Dn(s) {
   const t = s.filter((o) => Number.isFinite(o.from) && Number.isFinite(o.to) && o.to > o.from).sort((o, r) => o.from - r.from), e = [];
   for (const o of t) {
     const r = e[e.length - 1];
@@ -256,15 +284,15 @@ function hn(s) {
     n.push(i), i += o.to - o.from;
   return { intervals: e, offsets: n, total: i };
 }
-const ue = /* @__PURE__ */ new WeakMap();
-function J(s) {
+const ve = /* @__PURE__ */ new WeakMap();
+function tt(s) {
   if (!Array.isArray(s)) return s;
-  const t = s, e = ue.get(t);
+  const t = s, e = ve.get(t);
   if (e !== void 0) return e;
-  const n = hn(t);
-  return ue.set(t, n), n;
+  const n = Dn(t);
+  return ve.set(t, n), n;
 }
-function dn(s, t) {
+function Pn(s, t) {
   const e = s.intervals;
   let n = 0, i = e.length - 1, o = -1;
   for (; n <= i; ) {
@@ -273,14 +301,14 @@ function dn(s, t) {
   }
   return o < 0 ? -1 : t <= e[o].to ? o : -1;
 }
-function lt(s, t) {
-  const e = J(t);
+function ut(s, t) {
+  const e = tt(t);
   if (e.intervals.length === 0) return s;
-  const n = dn(e, s);
+  const n = Pn(e, s);
   return n < 0 ? Number.NaN : e.offsets[n] + (s - e.intervals[n].from);
 }
-function at(s, t) {
-  const e = J(t), n = e.intervals;
+function ht(s, t) {
+  const e = tt(t), n = e.intervals;
   if (n.length === 0) return s;
   if (!(s >= 0) || s > e.total) return Number.NaN;
   if (s === e.total)
@@ -292,15 +320,15 @@ function at(s, t) {
   }
   return n[r].from + (s - e.offsets[r]);
 }
-function Bi(s, t, e, n) {
-  const i = J(s);
+function ws(s, t, e, n) {
+  const i = tt(s);
   for (let o = 0; o < e; o++)
-    n[o] = lt(t[o], i);
+    n[o] = ut(t[o], i);
 }
-function fn(s, t) {
-  const e = J(t);
+function Cn(s, t) {
+  const e = tt(t);
   if (e.intervals.length === 0) return s;
-  const n = lt(s, e);
+  const n = ut(s, e);
   if (!Number.isNaN(n)) return n;
   if (!Number.isFinite(s)) return Number.NaN;
   for (let i = 0; i < e.intervals.length; i++) {
@@ -309,12 +337,12 @@ function fn(s, t) {
   }
   return e.total;
 }
-function mn(s, t) {
-  const e = J(t);
-  return e.intervals.length === 0 ? !1 : Number.isNaN(lt(s, e));
+function $n(s, t) {
+  const e = tt(t);
+  return e.intervals.length === 0 ? !1 : Number.isNaN(ut(s, e));
 }
-function pn(s) {
-  const t = J(s), e = [];
+function On(s) {
+  const t = tt(s), e = [];
   for (let n = 1; n < t.intervals.length; n++)
     e.push({
       from: t.intervals[n - 1].to,
@@ -323,83 +351,83 @@ function pn(s) {
     });
   return e;
 }
-function yn(s, t, e) {
-  return pn(s).map((n) => n.operatingTime).filter((n) => n >= t && n <= e);
-}
-const ce = [
-  it,
-  2 * it,
-  5 * it,
-  10 * it,
-  15 * it,
-  30 * it,
-  B,
-  2 * B,
-  5 * B,
-  10 * B,
-  15 * B,
-  30 * B,
-  st,
-  2 * st,
-  3 * st,
-  6 * st,
-  12 * st,
+function Hn(s, t, e) {
+  return On(s).map((n) => n.operatingTime).filter((n) => n >= t && n <= e);
+}
+const ke = [
+  ot,
+  2 * ot,
+  5 * ot,
+  10 * ot,
+  15 * ot,
+  30 * ot,
+  V,
+  2 * V,
+  5 * V,
+  10 * V,
+  15 * V,
+  30 * V,
+  rt,
+  2 * rt,
+  3 * rt,
+  6 * rt,
+  12 * rt,
   K,
   2 * K,
   7 * K,
   14 * K,
   28 * K
 ];
-function xn(s, t) {
-  const e = ce[0];
+function Rn(s, t) {
+  const e = ke[0];
   if (!Number.isFinite(s) || s <= 0) return e;
   const n = s / Math.max(1, Math.floor(t));
-  for (const i of ce) if (i >= n) return i;
-  return K * ot(n / K, 1);
+  for (const i of ke) if (i >= n) return i;
+  return K * lt(n / K, 1);
 }
-function Ki(s) {
-  return new Date(s).getTimezoneOffset() * B;
+function Ns(s) {
+  return new Date(s).getTimezoneOffset() * V;
 }
-function gn(s, t, e, n, i = 0) {
-  const o = J(s), r = [];
+function Wn(s, t, e, n, i = 0) {
+  const o = tt(s), r = [];
   if (!Number.isFinite(t) || !Number.isFinite(e) || !(n > 0)) return r;
   const l = Math.ceil((t - i) / n), a = Math.floor((e - i) / n);
   if (!Number.isFinite(l) || !Number.isFinite(a)) return r;
   let c = Number.NaN;
   for (let h = l; h <= a; h++) {
-    const f = i + h * n, m = lt(f, o);
+    const f = i + h * n, m = ut(f, o);
     Number.isNaN(m) || m === c || (r.push({ wallClock: f, operatingTime: m }), c = m);
   }
   return r;
 }
-function Gi(s, t, e, n, i = 0) {
-  const o = J(s);
+function Is(s, t, e, n, i = 0) {
+  const o = tt(s);
   if (o.intervals.length === 0 || !(e > t)) return [];
-  const r = Math.max(0, Math.min(o.total, t)), l = Math.max(0, Math.min(o.total, e)), a = xn(e - t, n);
-  return gn(
+  const r = Math.max(0, Math.min(o.total, t)), l = Math.max(0, Math.min(o.total, e)), a = Rn(e - t, n);
+  return Wn(
     o,
-    at(r, o),
-    at(l, o),
+    ht(r, o),
+    ht(l, o),
     a,
     i
   ).map((h) => h.operatingTime).filter((h) => h >= t && h <= e);
 }
-const he = 365 * K, bn = [
-  ...[1, 2, 5, 10, 15, 30].map((s) => ({ unit: "minute", n: s, ms: s * B })),
-  ...[1, 2, 3, 6, 12].map((s) => ({ unit: "hour", n: s, ms: s * st })),
+const we = 365 * K, zn = [
+  ...[1, 2, 5, 10, 15, 30].map((s) => ({ unit: "minute", n: s, ms: s * V })),
+  ...[1, 2, 3, 6, 12].map((s) => ({ unit: "hour", n: s, ms: s * rt })),
   ...[1, 2, 7, 14].map((s) => ({ unit: "day", n: s, ms: s * K })),
   ...[1, 2, 3, 6].map((s) => ({ unit: "month", n: s, ms: s * 30 * K }))
 ];
-function vn(s, t) {
+function Bn(s, t) {
   const e = s / Math.max(1, Math.floor(t));
-  for (const i of bn) if (i.ms >= e) return i;
-  const n = Math.max(1, ot(e / he, 1));
-  return { unit: "year", n, ms: n * he };
-}
-const Dt = { year: 0, month: 1, day: 2, hour: 3, minute: 4 };
-function Jt(s, t) {
-  const e = new Date(s), n = [e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes()], i = Dt[t.unit];
-  for (let r = i + 1; r < n.length; r++) n[r] = r === Dt.day ? 1 : 0;
+  for (const i of zn) if (i.ms >= e) return i;
+  const n = Math.max(1, lt(e / we, 1));
+  return { unit: "year", n, ms: n * we };
+}
+const zt = { year: 0, month: 1, day: 2, hour: 3, minute: 4 };
+function re(s, t) {
+  const e = new Date(s), n = [e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes()], i = zt[t.unit];
+  for (let r = i + 1; r < n.length; r++) n[r] = r === zt.day ? 1 : 0;
   const o = n[i];
   if (t.unit === "day") {
     const r = Math.round(Date.UTC(n[0], n[1], o) / K);
@@ -408,209 +436,265 @@ function Jt(s, t) {
     n[i] = Math.floor(o / t.n) * t.n;
   return n;
 }
-function At(s, t, e) {
+function Dt(s, t, e) {
   const n = s.slice();
-  return n[Dt[t.unit]] = n[Dt[t.unit]] + e * t.n, new Date(n[0], n[1], n[2], n[3], n[4]).getTime();
+  return n[zt[t.unit]] = n[zt[t.unit]] + e * t.n, new Date(n[0], n[1], n[2], n[3], n[4]).getTime();
 }
-function de(s, t, e) {
+function Ne(s, t, e) {
   const n = [];
   if (!Number.isFinite(s) || !Number.isFinite(t)) return n;
-  const i = Jt(s, e);
+  const i = re(s, e);
   for (let o = 0; o < 1e3; o++) {
-    const r = At(i, e, o);
+    const r = Dt(i, e, o);
     if (r > t) break;
     r >= s && !(r <= n[n.length - 1]) && n.push(r);
   }
   return n;
 }
-function kn(s, t, e) {
-  const n = Jt(t, e), i = At(n, e, 0);
-  return [At(Jt(s, e), e, 0), i < t ? At(n, e, 1) : i];
+function _n(s, t, e) {
+  const n = re(t, e), i = Dt(n, e, 0);
+  return [Dt(re(s, e), e, 0), i < t ? Dt(n, e, 1) : i];
 }
-const Oe = new Intl.DateTimeFormat("en-GB", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }), wn = new Intl.DateTimeFormat("en-GB", {
+const Xe = new Intl.DateTimeFormat("en-GB", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }), Vn = new Intl.DateTimeFormat("en-GB", {
   hour: "2-digit",
   minute: "2-digit",
   second: "2-digit",
   hourCycle: "h23"
-}), $e = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short" }), Nn = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short", year: "numeric" }), In = new Intl.DateTimeFormat("en-GB", { month: "short", year: "numeric" }), An = new Intl.DateTimeFormat("en-GB", { year: "numeric" });
-function Qt(s, t = !1) {
-  return Number.isFinite(s) ? `${$e.format(s)} ${(t ? wn : Oe).format(s)}` : "";
+}), Ze = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short" }), Yn = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short", year: "numeric" }), Gn = new Intl.DateTimeFormat("en-GB", { month: "short", year: "numeric" }), Kn = new Intl.DateTimeFormat("en-GB", { year: "numeric" });
+function le(s, t = !1) {
+  return Number.isFinite(s) ? `${Ze.format(s)} ${(t ? Vn : Xe).format(s)}` : "";
 }
-function Tn(s, t) {
+function qn(s, t) {
   return s.map((e, n) => {
     const i = n === 0 ? void 0 : new Date(s[n - 1]), o = new Date(e);
     switch (t.unit) {
       case "minute":
       case "hour":
-        return i === void 0 || i.toDateString() !== o.toDateString() ? Qt(e) : Oe.format(e);
+        return i === void 0 || i.toDateString() !== o.toDateString() ? le(e) : Xe.format(e);
       case "day":
-        return i === void 0 || i.getFullYear() !== o.getFullYear() ? Nn.format(e) : $e.format(e);
+        return i === void 0 || i.getFullYear() !== o.getFullYear() ? Yn.format(e) : Ze.format(e);
       case "month":
-        return In.format(e);
+        return Gn.format(e);
       default:
-        return An.format(e);
+        return Kn.format(e);
     }
   });
 }
-const te = 5, ee = 4, zt = 8, fe = 4, Mn = 8, rt = "uc-tick-label", wt = "uc-axis-title", Re = {
+const ae = 5, ce = 4, Xt = 8, Ie = 4, Un = 8, ct = "uc-tick-label", Lt = "uc-axis-title", je = {
   width: 0,
   height: 0,
   plot: { x: 0, y: 0, width: 0, height: 0 },
   axes: []
 };
-function me(s, t, e) {
+function Ae(s, t, e) {
   const n = Math.ceil(t), i = e.get(s);
-  return i === void 0 || n > i || i - n >= Mn ? (e.set(s, n), n) : i;
+  return i === void 0 || n > i || i - n >= Un ? (e.set(s, n), n) : i;
 }
-function Ht(s) {
+function Gt(s) {
   return s.calendar !== void 0 && s.calendar.length > 0 ? s.calendar : void 0;
 }
-function He(s) {
-  return s[1] - s[0] >= B;
+function Je(s) {
+  return s[1] - s[0] >= V;
 }
-function Ct(s, t) {
-  return vn(s[1] - s[0], t);
+function Bt(s, t) {
+  return Bn(s[1] - s[0], t);
 }
-function Yt(s, t) {
+function Zt(s, t) {
   const e = s.domainMode;
   if (Array.isArray(e)) {
     const o = e;
     return o[0] === o[1] ? [o[0] - 1, o[1] + 1] : o;
   }
   const [n, i] = s.extent;
-  return Ht(s) !== void 0 || e === "data" ? _t(n, i) : s.time === !0 ? He([n, i]) ? kn(n, i, Ct([n, i], t)) : _t(n, i) : an(n, i, t);
+  return Gt(s) !== void 0 || e === "data" ? Ut(n, i) : s.time === !0 ? Je([n, i]) ? _n(n, i, Bt([n, i], t)) : Ut(n, i) : Ln(n, i, t);
 }
-function pe(s, t, e) {
-  const n = Ht(s);
+function Te(s, t, e) {
+  const n = Gt(s);
   if (s.tickValues !== void 0)
-    return (n !== void 0 ? s.tickValues.map((o) => lt(o, n)) : s.tickValues).filter((o) => o >= t[0] && o <= t[1]);
+    return (n !== void 0 ? s.tickValues.map((o) => ut(o, n)) : s.tickValues).filter((o) => o >= t[0] && o <= t[1]);
   if (n !== void 0) {
-    const i = J(n), o = (l) => at(Math.min(Math.max(l, 0), i.total), i), r = [];
-    for (const l of de(o(t[0]), o(t[1]), Ct(t, e))) {
-      const a = lt(l, i);
+    const i = tt(n), o = (l) => ht(Math.min(Math.max(l, 0), i.total), i), r = [];
+    for (const l of Ne(o(t[0]), o(t[1]), Bt(t, e))) {
+      const a = ut(l, i);
       Number.isNaN(a) || a === r[r.length - 1] || a >= t[0] && a <= t[1] && r.push(a);
     }
     return r;
   }
-  return s.time === !0 ? He(t) ? de(t[0], t[1], Ct(t, e)) : [] : Pe(t[0], t[1], e);
+  return s.time === !0 ? Je(t) ? Ne(t[0], t[1], Bt(t, e)) : [] : Ke(t[0], t[1], e);
 }
-function ye(s, t, e) {
-  const n = s.tickFormat, i = Ht(s);
+function Me(s, t, e) {
+  const n = s.tickFormat, i = Gt(s);
   if (i !== void 0)
-    return n !== void 0 ? (r) => n(at(r, i)) : (r, l) => Qt(at(r, i), l);
+    return n !== void 0 ? (r) => n(ht(r, i)) : (r, l) => le(ht(r, i), l);
   if (n !== void 0) return (r) => n(r);
-  if (s.time === !0) return Qt;
-  const o = ot(Math.abs(t[1] - t[0]), e);
-  return (r) => Ce(r, o);
+  if (s.time === !0) return le;
+  const o = lt(Math.abs(t[1] - t[0]), e);
+  return (r) => Ue(r, o);
 }
-function xe(s, t, e, n, i) {
-  const o = Ht(s);
+function Se(s, t, e, n, i) {
+  const o = Gt(s);
   if (s.tickFormat !== void 0 || s.time !== !0 && o === void 0) return n.map(i);
-  const r = o === void 0 ? n : n.map((l) => at(l, o));
-  return Tn(r, Ct(t, e));
+  const r = o === void 0 ? n : n.map((l) => ht(l, o));
+  return qn(r, Bt(t, e));
 }
-function We(s, t, e) {
+function Qe(s, t, e) {
   return Math.min(Math.max(s, 0), Math.max(0, e - t));
 }
-function Sn(s) {
-  const { width: t, height: e, padding: n, axes: i, measure: o, hysteresis: r } = s, l = i.filter((w) => w.position === "left"), a = i.filter((w) => w.position === "right"), c = i.filter((w) => w.position === "top"), h = i.filter((w) => w.position === "bottom"), f = Math.ceil(o("0", rt).height) || 14, m = /* @__PURE__ */ new Map();
-  for (const w of [...c, ...h]) {
-    const L = w.label === void 0 || w.label === "" ? 0 : Math.ceil(o(w.label, wt).height) + fe;
-    m.set(w.key, me(w.key, te + ee + f + L, r));
-  }
-  const p = (w, L) => {
-    let v = 0;
-    for (let F = 0; F < w.length; F++) {
-      const V = w[F];
-      V !== void 0 && (v += L.get(V.key) ?? 0, F > 0 && (v += zt));
-    }
-    return v;
-  }, u = n.top + p(c, m), d = e - n.bottom - p(h, m), y = Math.max(0, d - u), g = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), k = i.find((w) => w.orientation === "y");
-  for (const w of [...l, ...a].sort((L, v) => L === k ? -1 : v === k ? 1 : 0)) {
-    const L = w.tickCount ?? Math.max(2, Math.round(y / 50)), v = k === void 0 ? void 0 : g.get(k.key), [F, V] = Array.isArray(w.domainMode) ? Yt(w, L) : w.extent, N = w.alignTicks === !0 && w !== k && v !== void 0 ? un(F, V, v.domain, v.values) : null, C = (N == null ? void 0 : N.domain) ?? Yt(w, L), H = (N == null ? void 0 : N.ticks) ?? pe(w, C, L), G = N === null ? ye(w, C, L) : w.tickFormat ?? ((W) => Ce(W, N.step)), Y = xe(w, C, L, H, G), X = Y.map((W) => o(W, rt).width);
-    let $ = 0;
-    for (const W of X) W > $ && ($ = W);
-    for (const W of w.limitLabels ?? []) $ = Math.max($, o(W, rt).width + 4);
-    const Z = w.label === void 0 || w.label === "" ? 0 : Math.ceil(o(w.label, wt).height) + fe;
-    g.set(w.key, { axis: w, domain: C, values: H, labels: Y, widths: X, format: G }), b.set(
-      w.key,
-      me(w.key, te + ee + $ + Z, r)
+function Xn(s) {
+  const { width: t, height: e, padding: n, axes: i, measure: o, hysteresis: r } = s, l = i.filter((I) => I.position === "left"), a = i.filter((I) => I.position === "right"), c = i.filter((I) => I.position === "top"), h = i.filter((I) => I.position === "bottom"), f = Math.ceil(o("0", ct).height) || 14, m = /* @__PURE__ */ new Map();
+  for (const I of [...c, ...h]) {
+    const P = I.label === void 0 || I.label === "" ? 0 : Math.ceil(o(I.label, Lt).height) + Ie;
+    m.set(I.key, Ae(I.key, ae + ce + f + P, r));
+  }
+  const p = (I, P) => {
+    let N = 0;
+    for (let F = 0; F < I.length; F++) {
+      const B = I[F];
+      B !== void 0 && (N += P.get(B.key) ?? 0, F > 0 && (N += Xt));
+    }
+    return N;
+  }, u = n.top + p(c, m), g = e - n.bottom - p(h, m), d = Math.max(0, g - u), y = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), v = i.find((I) => I.orientation === "y");
+  for (const I of [...l, ...a].sort((P, N) => P === v ? -1 : N === v ? 1 : 0)) {
+    const P = I.tickCount ?? Math.max(2, Math.round(d / 50)), N = v === void 0 ? void 0 : y.get(v.key), [F, B] = Array.isArray(I.domainMode) ? Zt(I, P) : I.extent, E = I.alignTicks === !0 && I !== v && N !== void 0 ? En(F, B, N.domain, N.values) : null, M = (E == null ? void 0 : E.domain) ?? Zt(I, P), C = (E == null ? void 0 : E.ticks) ?? Te(I, M, P), q = E === null ? Me(I, M, P) : I.tickFormat ?? ((W) => Ue(W, E.step)), Y = Se(I, M, P, C, q), Z = Y.map((W) => o(W, ct).width);
+    let R = 0;
+    for (const W of Z) W > R && (R = W);
+    for (const W of I.limitLabels ?? []) R = Math.max(R, o(W, ct).width + 4);
+    const j = I.label === void 0 || I.label === "" ? 0 : Math.ceil(o(I.label, Lt).height) + Ie;
+    y.set(I.key, { axis: I, domain: M, values: C, labels: Y, widths: Z, format: q }), b.set(
+      I.key,
+      Ae(I.key, ae + ce + R + j, r)
     );
   }
-  const T = n.left + p(l, b), O = t - n.right - p(a, b), A = Math.max(0, O - T), E = { x: T, y: u, width: A, height: y }, S = (w, L, v, F) => {
-    switch (w.position) {
+  const w = n.left + p(l, b), L = t - n.right - p(a, b), A = Math.max(0, L - w), z = { x: w, y: u, width: A, height: d }, T = (I, P, N, F) => {
+    switch (I.position) {
       case "left":
-        return { x: T - v - F, y: u, width: F, height: y };
+        return { x: w - N - F, y: u, width: F, height: d };
       case "right":
-        return { x: O + v, y: u, width: F, height: y };
+        return { x: L + N, y: u, width: F, height: d };
       case "top":
-        return { x: T, y: u - v - F, width: A, height: F };
+        return { x: w, y: u - N - F, width: A, height: F };
       default:
-        return { x: T, y: d + v, width: A, height: F };
-    }
-  }, M = [], _ = (w) => {
-    let L = 0;
-    w.forEach((v, F) => {
-      const V = b.get(v.key) ?? 0, N = g.get(v.key), C = S(v, F, L, V);
-      L += V + zt;
-      const H = (N == null ? void 0 : N.domain) ?? [0, 1], G = (N == null ? void 0 : N.format) ?? (($) => String($)), Y = new ae(H, [u + y, u]), X = ((N == null ? void 0 : N.values) ?? []).map(($, Z) => ({
-        value: $,
-        label: (N == null ? void 0 : N.labels[Z]) ?? "",
-        px: Y.toPx($),
+        return { x: w, y: g + N, width: A, height: F };
+    }
+  }, S = [], _ = (I) => {
+    let P = 0;
+    I.forEach((N, F) => {
+      const B = b.get(N.key) ?? 0, E = y.get(N.key), M = T(N, F, P, B);
+      P += B + Xt;
+      const C = (E == null ? void 0 : E.domain) ?? [0, 1], q = (E == null ? void 0 : E.format) ?? ((R) => String(R)), Y = new be(C, [u + d, u]), Z = ((E == null ? void 0 : E.values) ?? []).map((R, j) => ({
+        value: R,
+        label: (E == null ? void 0 : E.labels[j]) ?? "",
+        px: Y.toPx(R),
         labelLeft: 0,
-        labelWidth: (N == null ? void 0 : N.widths[Z]) ?? 0
+        labelWidth: (E == null ? void 0 : E.widths[j]) ?? 0
       }));
-      M.push({
-        key: v.key,
-        id: v.id,
+      S.push({
+        key: N.key,
+        id: N.id,
         orientation: "y",
-        position: v.position,
-        label: v.label,
-        grid: v.grid,
-        band: C,
-        size: V,
+        position: N.position,
+        label: N.label,
+        grid: N.grid,
+        band: M,
+        size: B,
         stack: F,
-        domain: H,
+        domain: C,
         scale: Y,
-        ticks: X,
-        format: G,
-        titleSize: v.label === void 0 || v.label === "" ? 0 : Math.ceil(o(v.label, wt).height),
+        ticks: Z,
+        format: q,
+        titleSize: N.label === void 0 || N.label === "" ? 0 : Math.ceil(o(N.label, Lt).height),
         breaks: []
       });
     });
   };
   _(l), _(a);
-  const U = (w) => {
-    let L = 0;
-    w.forEach((v, F) => {
-      const V = m.get(v.key) ?? 0, N = S(v, F, L, V);
-      L += V + zt;
-      const C = v.tickCount ?? Math.max(2, Math.round(A / 80)), H = Yt(v, C), G = pe(v, H, C), Y = ye(v, H, C), X = xe(v, H, C, G, Y), $ = new ae(H, [T, T + A]), Z = G.map((W, Q) => {
-        const et = X[Q] ?? "", nt = o(et, rt).width, dt = $.toPx(W), qe = We(dt - nt / 2, nt, t);
-        return { value: W, label: et, px: dt, labelLeft: qe, labelWidth: nt };
+  const X = (I) => {
+    let P = 0;
+    I.forEach((N, F) => {
+      const B = m.get(N.key) ?? 0, E = T(N, F, P, B);
+      P += B + Xt;
+      const M = N.tickCount ?? Math.max(2, Math.round(A / 80)), C = Zt(N, M), q = Te(N, C, M), Y = Me(N, C, M), Z = Se(N, C, M, q, Y), R = new be(C, [w, w + A]), j = q.map((W, At) => {
+        const J = Z[At] ?? "", et = o(J, ct).width, at = R.toPx(W), Tt = Qe(at - et / 2, et, t);
+        return { value: W, label: J, px: at, labelLeft: Tt, labelWidth: et };
       });
-      M.push({
-        key: v.key,
-        id: v.id,
+      S.push({
+        key: N.key,
+        id: N.id,
         orientation: "x",
-        position: v.position,
-        label: v.label,
-        grid: v.grid,
-        band: N,
-        size: V,
+        position: N.position,
+        label: N.label,
+        grid: N.grid,
+        band: E,
+        size: B,
         stack: F,
-        domain: H,
-        scale: $,
-        ticks: Z,
+        domain: C,
+        scale: R,
+        ticks: j,
         format: Y,
-        titleSize: v.label === void 0 || v.label === "" ? 0 : Math.ceil(o(v.label, wt).height),
-        breaks: v.calendar === void 0 || v.calendar.length === 0 ? [] : yn(v.calendar, H[0], H[1]).map((W) => $.toPx(W))
+        titleSize: N.label === void 0 || N.label === "" ? 0 : Math.ceil(o(N.label, Lt).height),
+        breaks: N.calendar === void 0 || N.calendar.length === 0 ? [] : Hn(N.calendar, C[0], C[1]).map((W) => R.toPx(W))
       });
     });
   };
-  return U(c), U(h), { width: t, height: e, plot: E, axes: M };
+  return X(c), X(h), { width: t, height: e, plot: z, axes: S };
+}
+const Le = [[], [7, 4], [1, 4], [7, 3, 1, 3], [14, 4], [7, 3, 1, 3, 1, 3]], Zn = ["circle", "square", "triangle", "diamond", "triangleDown", "plus"], ue = ["none", "rising", "falling", "horizontal", "vertical", "crossed"];
+function jn(s) {
+  const t = tn(s, Le.length);
+  return { dash: Le[t], marker: Zn[t], hatch: ue[t] };
+}
+function Pt(s) {
+  return ue[tn(s, ue.length)];
+}
+function Jn(s) {
+  const t = /* @__PURE__ */ new Map();
+  for (const e of s) for (const { label: n } of e) t.has(n) || t.set(n, Pt(t.size));
+  return t;
+}
+function tn(s, t) {
+  return (s % t + t) % t;
+}
+function en(s, t, e) {
+  const n = [];
+  if (t === "none" || !(e > 0) || !(s.width > 0) || !(s.height > 0)) return n;
+  const { x: i, y: o, width: r, height: l } = s, a = (c) => Math.ceil(c / e) * e;
+  if (t === "rising" || t === "crossed")
+    for (let c = a(i + o); c <= i + r + o + l; c += e) n.push(c - o - l, o + l, c - o, o);
+  if (t === "falling" || t === "crossed")
+    for (let c = a(i - o - l); c <= i + r - o; c += e) n.push(c + o, o, c + o + l, o + l);
+  if (t === "horizontal")
+    for (let c = a(o); c <= o + l; c += e) n.push(i, c, i + r, c);
+  if (t === "vertical")
+    for (let c = a(i); c <= i + r; c += e) n.push(c, o, c, o + l);
+  return n;
+}
+function pe(s, t, e, n, i) {
+  const o = (r) => {
+    r.forEach(([l, a], c) => c === 0 ? s.moveTo(e + l * i, n + a * i) : s.lineTo(e + l * i, n + a * i)), s.closePath();
+  };
+  switch (t) {
+    case "circle":
+      s.moveTo(e + i, n), s.arc(e, n, i, 0, Math.PI * 2);
+      return;
+    case "square":
+      o([[-0.89, -0.89], [0.89, -0.89], [0.89, 0.89], [-0.89, 0.89]]);
+      return;
+    case "triangle":
+      o([[0, -1.35], [1.17, 0.68], [-1.17, 0.68]]);
+      return;
+    case "triangleDown":
+      o([[0, 1.35], [1.17, -0.68], [-1.17, -0.68]]);
+      return;
+    case "diamond":
+      o([[0, -1.25], [1.25, 0], [0, 1.25], [-1.25, 0]]);
+      return;
+    case "plus": {
+      o([[-0.42, -1.2], [0.42, -1.2], [0.42, -0.42], [1.2, -0.42], [1.2, 0.42], [0.42, 0.42], [0.42, 1.2], [-0.42, 1.2], [-0.42, 0.42], [-1.2, 0.42], [-1.2, -0.42], [-0.42, -0.42]]);
+      return;
+    }
+  }
 }
-function ge(s, t, e) {
+function Ee(s, t, e) {
   if (t <= 0 || !(e >= s[0])) return -1;
   let n = 0, i = t - 1;
   if (s[i] <= e) return i;
@@ -620,14 +704,14 @@ function ge(s, t, e) {
   }
   return n;
 }
-function Ve(s, t, e, n) {
+function nn(s, t, e, n) {
   return e + 1 < t ? s[e + 1] : n;
 }
-function En(s, t, e, n, i) {
+function Qn(s, t, e, n, i) {
   const o = s[t - 1], r = e > o ? e : n > 0 ? o + n : i;
   return Math.min(r, i);
 }
-function Ln(s, t) {
+function ti(s, t) {
   const e = [];
   for (let n = 1; n < t; n++) {
     const i = s[n] - s[n - 1];
@@ -635,10 +719,10 @@ function Ln(s, t) {
   }
   return e.length === 0 ? 0 : (e.sort((n, i) => n - i), e[e.length - 1 >> 1]);
 }
-function xt(s) {
+function vt(s) {
   return Math.round(s) + 0.5;
 }
-function Fn(s, t) {
+function ei(s, t) {
   const { plot: e, axes: n, theme: i } = t, o = e.x, r = e.x + e.width, l = e.y, a = e.y + e.height;
   s.lineWidth = 1;
   for (const c of n)
@@ -650,182 +734,197 @@ function Fn(s, t) {
         for (const p of c.ticks)
           if ((c.orientation === "y" && p.value === 0) === f)
             if (m = !0, c.orientation === "y") {
-              const d = xt(p.px);
-              s.moveTo(o, d), s.lineTo(r, d);
+              const g = vt(p.px);
+              s.moveTo(o, g), s.lineTo(r, g);
             } else {
-              const d = xt(p.px);
-              s.moveTo(d, l), s.lineTo(d, a);
+              const g = vt(p.px);
+              s.moveTo(g, l), s.lineTo(g, a);
             }
         m && (s.strokeStyle = f ? i.colorAxis : i.colorGrid, s.stroke());
       }
 }
-const Pn = 60;
-function Dn(s, t, e) {
+const ni = 6;
+function Nt(s, t, e, n, i) {
+  if (n === "none") return;
+  const o = en(e, n, ni), r = new Path2D();
+  for (let l = 0; l < o.length; l += 4)
+    r.moveTo(o[l], o[l + 1]), r.lineTo(o[l + 2], o[l + 3]);
+  s.save(), s.clip(t), s.strokeStyle = i, s.lineWidth = 1, s.setLineDash([]), s.stroke(r), s.restore();
+}
+const ii = 60;
+function si(s, t, e) {
   return (e === 0 || Number.isNaN(s[e - 1])) && (e === t - 1 || Number.isNaN(s[e + 1]));
 }
-function Cn(s, t) {
+function oi(s, t) {
   const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.yScale.m, r = t.yScale.b, l = t.x, a = t.y, c = t.step === !0, h = new Path2D();
   let f = !1, m = 0;
   for (let p = 0; p < e; p++) {
-    const u = a[p], d = l[p] * n + i;
+    const u = a[p], g = l[p] * n + i;
     if (Number.isNaN(u)) {
-      c && f && h.lineTo(d, m), f = !1;
+      c && f && h.lineTo(g, m), f = !1;
       continue;
     }
-    const y = u * o + r;
-    f ? (c && h.lineTo(d, m), h.lineTo(d, y)) : (h.moveTo(d, y), f = !0), m = y;
+    const d = u * o + r;
+    f ? (c && h.lineTo(g, m), h.lineTo(g, d)) : (h.moveTo(g, d), f = !0), m = d;
   }
   if (s.strokeStyle = t.color, s.lineWidth = t.strokeWidth, t.dash !== void 0 && t.dash.length > 0 ? s.setLineDash(t.dash) : s.setLineDash([]), s.stroke(h), s.setLineDash([]), t.markers !== "never") {
-    const p = t.markers === "always" || e <= Pn, u = t.strokeWidth + 1.5, d = new Path2D();
+    const p = t.markers === "always" || e <= ii, u = t.strokeWidth + 1.5, g = t.marker ?? "circle", d = new Path2D();
     for (let y = 0; y < e; y++) {
-      const g = a[y];
-      if (Number.isNaN(g) || !p && !Dn(a, e, y)) continue;
-      const b = l[y] * n + i, k = g * o + r;
-      d.moveTo(b + u, k), d.arc(b, k, u, 0, Math.PI * 2);
+      const b = a[y];
+      if (Number.isNaN(b) || !p && !si(a, e, y)) continue;
+      const v = l[y] * n + i, w = b * o + r;
+      pe(d, g, v, w, u);
     }
     s.fillStyle = t.color, s.fill(d);
   }
 }
-function On(s, t) {
-  const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.yScale.m, r = t.yScale.b, l = t.x, a = t.y, c = t.y0, h = t.baseline * o + r, f = new Path2D(), m = new Path2D(), p = new Path2D();
-  let u = 0;
-  for (; u < e; ) {
-    for (; u < e && (Number.isNaN(a[u]) || c !== null && Number.isNaN(c[u])); )
-      u++;
-    if (u >= e) break;
-    const d = u;
-    for (; u < e && !Number.isNaN(a[u]) && (c === null || !Number.isNaN(c[u])); )
-      u++;
-    const y = u - 1;
-    if (d === y) {
-      const g = l[d] * n + i;
-      p.moveTo(g, c === null ? h : c[d] * o + r), p.lineTo(g, a[d] * o + r);
+function ri(s, t, e, n) {
+  const i = t.length, o = t.xScale.m, r = t.xScale.b, l = t.yScale.m, a = t.yScale.b, c = t.x, h = t.y, f = t.y0, m = t.baseline * l + a, p = new Path2D(), u = new Path2D(), g = new Path2D();
+  let d = 0;
+  for (; d < i; ) {
+    for (; d < i && (Number.isNaN(h[d]) || f !== null && Number.isNaN(f[d])); )
+      d++;
+    if (d >= i) break;
+    const y = d;
+    for (; d < i && !Number.isNaN(h[d]) && (f === null || !Number.isNaN(f[d])); )
+      d++;
+    const b = d - 1;
+    if (y === b) {
+      const v = c[y] * o + r;
+      g.moveTo(v, f === null ? m : f[y] * l + a), g.lineTo(v, h[y] * l + a);
       continue;
     }
-    for (let g = d; g <= y; g++) {
-      const b = l[g] * n + i, k = a[g] * o + r;
-      g === d ? (f.moveTo(b, k), m.moveTo(b, k)) : (f.lineTo(b, k), m.lineTo(b, k));
+    for (let v = y; v <= b; v++) {
+      const w = c[v] * o + r, L = h[v] * l + a;
+      v === y ? (p.moveTo(w, L), u.moveTo(w, L)) : (p.lineTo(w, L), u.lineTo(w, L));
     }
-    if (c === null)
-      f.lineTo(l[y] * n + i, h), f.lineTo(l[d] * n + i, h);
+    if (f === null)
+      p.lineTo(c[b] * o + r, m), p.lineTo(c[y] * o + r, m);
     else
-      for (let g = y; g >= d; g--)
-        f.lineTo(l[g] * n + i, c[g] * o + r);
-    f.closePath();
+      for (let v = b; v >= y; v--)
+        p.lineTo(c[v] * o + r, f[v] * l + a);
+    p.closePath();
   }
-  s.globalAlpha = t.alpha * t.fillOpacity, s.fillStyle = t.color, s.fill(f), s.globalAlpha = t.alpha, s.strokeStyle = t.color, t.strokeWidth > 0 && (s.setLineDash(t.dash ?? []), s.lineWidth = t.strokeWidth, s.stroke(m)), s.setLineDash([]), s.lineWidth = Math.max(1, t.strokeWidth), s.stroke(p);
+  s.globalAlpha = t.alpha * t.fillOpacity, s.fillStyle = t.color, s.fill(p), s.globalAlpha = t.alpha, Nt(s, p, e, t.hatch ?? "none", t.color), t.edges === !0 && (s.setLineDash([]), s.strokeStyle = n, s.lineWidth = t.strokeWidth + 2, s.stroke(u)), s.strokeStyle = t.color, t.strokeWidth > 0 && (s.setLineDash(t.dash ?? []), s.lineWidth = t.strokeWidth, s.stroke(u)), s.setLineDash([]), s.lineWidth = Math.max(1, t.strokeWidth), s.stroke(g);
 }
-function $n(s, t) {
-  const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.yScale.m, r = t.yScale.b, l = t.x, a = t.y, c = t.baseline * o + r, h = t.offset * n, f = t.width * n, m = new Path2D();
-  for (let p = 0; p < e; p++) {
-    const u = a[p];
-    if (Number.isNaN(u)) continue;
-    const d = l[p] * n + i + h, y = u * o + r;
-    m.rect(d, y, f, c - y);
+function li(s, t, e, n) {
+  const i = t.length, o = t.xScale.m, r = t.xScale.b, l = t.yScale.m, a = t.yScale.b, c = t.x, h = t.y, f = t.y0, m = t.baseline * l + a, p = t.offset * o, u = t.width * o, g = new Path2D(), d = t.edges === !0 && f !== null ? new Path2D() : null;
+  for (let y = 0; y < i; y++) {
+    const b = h[y];
+    if (Number.isNaN(b)) continue;
+    const v = c[y] * o + r + p, w = b * l + a, L = f === null ? m : f[y] * l + a;
+    g.rect(v, w, u, L - w), d !== null && (f == null ? void 0 : f[y]) !== 0 && (d.moveTo(v, L), d.lineTo(v + u, L));
   }
-  s.fillStyle = t.color, s.fill(m);
+  s.fillStyle = t.color, s.fill(g), Nt(s, g, e, t.hatch ?? "none", n), d !== null && (s.strokeStyle = n, s.lineWidth = 1, s.setLineDash([]), s.stroke(d));
 }
-function Rn(s, t) {
-  const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.yScale.m, r = t.yScale.b, l = t.x, a = t.y, c = t.radius, h = new Path2D();
-  for (let f = 0; f < e; f++) {
-    const m = a[f];
-    if (Number.isNaN(m)) continue;
-    const p = l[f] * n + i, u = m * o + r;
-    h.moveTo(p + c, u), h.arc(p, u, c, 0, Math.PI * 2);
-  }
-  s.fillStyle = t.color, s.fill(h);
-}
-function Hn(s, t) {
-  const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.x, r = t.y, l = t.laneTop, a = t.laneBottom - t.laneTop, c = t.colors.length;
-  if (c === 0 || a <= 0) return;
-  const h = [];
-  for (let m = 0; m < c; m++) h.push(new Path2D());
-  let f = !1;
+function ai(s, t) {
+  const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.yScale.m, r = t.yScale.b, l = t.x, a = t.y, c = t.radius, h = t.marker ?? "circle", f = new Path2D();
   for (let m = 0; m < e; m++) {
-    const p = r[m];
+    const p = a[m];
     if (Number.isNaN(p)) continue;
-    const u = p | 0, d = h[u];
-    if (d === void 0) continue;
-    const y = o[m], g = Ve(o, e, m, t.lastEnd);
-    g > y && (d.rect(y * n + i, l, (g - y) * n, a), f = !0);
-  }
-  if (f)
-    for (let m = 0; m < c; m++)
-      s.fillStyle = t.colors[m], s.fill(h[m]);
-}
-function Wn(s, t) {
-  const e = t.length, n = t.xScale.m, i = t.xScale.b, o = t.yScale.m, r = t.yScale.b, l = t.x, a = t.y, c = t.buckets, h = t.colors.length;
-  if (h === 0) return;
-  const f = t.width * n, m = Math.abs(t.height * o), p = [];
-  for (let u = 0; u < h; u++) p.push(new Path2D());
-  for (let u = 0; u < e; u++) {
-    const d = c[u];
-    if (d < 0) continue;
-    const y = p[d];
-    if (y === void 0) continue;
-    const g = l[u] * n + i - f / 2, b = a[u] * o + r - m / 2;
-    y.rect(g, b, f, m);
-  }
-  for (let u = 0; u < h; u++)
-    s.fillStyle = t.colors[u], s.fill(p[u]);
-}
-function be(s, t, e) {
+    const u = l[m] * n + i, g = p * o + r;
+    pe(f, h, u, g, c);
+  }
+  s.fillStyle = t.color, s.fill(f);
+}
+function ci(s, t, e, n) {
+  var u;
+  const i = t.length, o = t.xScale.m, r = t.xScale.b, l = t.x, a = t.y, c = t.laneTop, h = t.laneBottom - t.laneTop, f = t.colors.length;
+  if (f === 0 || h <= 0) return;
+  const m = [];
+  for (let g = 0; g < f; g++) m.push(new Path2D());
+  let p = !1;
+  for (let g = 0; g < i; g++) {
+    const d = a[g];
+    if (Number.isNaN(d)) continue;
+    const y = d | 0, b = m[y];
+    if (b === void 0) continue;
+    const v = l[g], w = nn(l, i, g, t.lastEnd);
+    w > v && (b.rect(v * o + r, c, (w - v) * o, h), p = !0);
+  }
+  if (p)
+    for (let g = 0; g < f; g++)
+      s.fillStyle = t.colors[g], s.fill(m[g]), Nt(s, m[g], e, ((u = t.hatches) == null ? void 0 : u[g]) ?? "none", n);
+}
+function ui(s, t, e, n) {
+  var d;
+  const i = t.length, o = t.xScale.m, r = t.xScale.b, l = t.yScale.m, a = t.yScale.b, c = t.x, h = t.y, f = t.buckets, m = t.colors.length;
+  if (m === 0) return;
+  const p = t.width * o, u = Math.abs(t.height * l), g = [];
+  for (let y = 0; y < m; y++) g.push(new Path2D());
+  for (let y = 0; y < i; y++) {
+    const b = f[y];
+    if (b < 0) continue;
+    const v = g[b];
+    if (v === void 0) continue;
+    const w = c[y] * o + r - p / 2, L = h[y] * l + a - u / 2;
+    v.rect(w, L, p, u);
+  }
+  for (let y = 0; y < m; y++)
+    s.fillStyle = t.colors[y], s.fill(g[y]), Nt(s, g[y], e, ((d = t.hatches) == null ? void 0 : d[y]) ?? "none", n);
+}
+function Fe(s, t, e) {
   for (const n of e) {
     if (n.band) {
       const i = Math.min(n.fromPx, n.toPx), o = Math.max(n.fromPx, n.toPx);
-      s.fillStyle = n.color, s.save(), s.globalAlpha = 0.12, n.orientation === "y" ? s.fillRect(t.x, i, t.width, o - i) : s.fillRect(i, t.y, o - i, t.height), s.restore();
+      if (s.fillStyle = n.color, s.save(), s.globalAlpha = 0.12, n.hatch !== !0) {
+        n.orientation === "y" ? s.fillRect(t.x, i, t.width, o - i) : s.fillRect(i, t.y, o - i, t.height), s.restore();
+        continue;
+      }
+      const r = new Path2D();
+      n.orientation === "y" ? r.rect(t.x, i, t.width, o - i) : r.rect(i, t.y, o - i, t.height), s.fill(r), s.globalAlpha = 0.5, Nt(s, r, t, "rising", n.color), s.restore();
       continue;
     }
     if (s.beginPath(), n.orientation === "y") {
-      const i = xt(n.fromPx);
+      const i = vt(n.fromPx);
       s.moveTo(t.x, i), s.lineTo(t.x + t.width, i);
     } else {
-      const i = xt(n.fromPx);
+      const i = vt(n.fromPx);
       s.moveTo(i, t.y), s.lineTo(i, t.y + t.height);
     }
     s.strokeStyle = n.color, s.lineWidth = 1, s.setLineDash(n.dash), s.stroke(), s.setLineDash([]);
   }
 }
-function Vn(s, t) {
+function hi(s, t) {
   const { width: e, height: n, plot: i, series: o } = t;
   if (s.clearRect(0, 0, e, n), !(i.width <= 0 || i.height <= 0)) {
-    Fn(s, t), s.save(), s.beginPath(), s.rect(i.x, i.y, i.width, i.height), s.clip(), s.lineJoin = "round", s.lineCap = "round", s.globalAlpha = 1, be(s, i, t.limitBands);
+    ei(s, t), s.save(), s.beginPath(), s.rect(i.x, i.y, i.width, i.height), s.clip(), s.lineJoin = "round", s.lineCap = "round", s.globalAlpha = 1, Fe(s, i, t.limitBands);
     for (const r of o)
       if (r.length !== 0)
         switch (s.globalAlpha = r.alpha, r.kind) {
           case "line":
-            Cn(s, r);
+            oi(s, r);
             break;
           case "area":
-            On(s, r);
+            ri(s, r, i, t.theme.colorBg);
             break;
           case "bar":
-            $n(s, r);
+            li(s, r, i, t.theme.colorBg);
             break;
           case "scatter":
-            Rn(s, r);
+            ai(s, r);
             break;
           case "state":
-            Hn(s, r);
+            ci(s, r, i, t.theme.colorBg);
             break;
           case "matrix":
-            Wn(s, r);
+            ui(s, r, i, t.theme.colorBg);
             break;
         }
-    s.globalAlpha = 1, be(s, i, t.limitLines), s.restore();
+    s.globalAlpha = 1, Fe(s, i, t.limitLines), s.restore();
   }
 }
-function _n(s, t) {
+function di(s, t) {
   const { width: e, height: n, plot: i, theme: o, hover: r } = t;
   s.clearRect(0, 0, e, n);
   const l = (r == null ? void 0 : r.hit.xPx) ?? t.syncPx;
   if (l === null || i.width <= 0 || i.height <= 0) return;
-  const a = xt(l);
+  const a = vt(l);
   a >= i.x && a <= i.x + i.width && (s.beginPath(), s.moveTo(a, i.y), s.lineTo(a, i.y + i.height), s.lineWidth = 1, s.strokeStyle = o.colorAxis, s.setLineDash([]), s.stroke());
   for (const c of (r == null ? void 0 : r.marker) ?? [])
     c.x < i.x || c.x > i.x + i.width || c.y < i.y || c.y > i.y + i.height || (s.beginPath(), s.arc(c.x, c.y, 5.5, 0, Math.PI * 2), s.fillStyle = o.colorBg, s.fill(), s.beginPath(), s.arc(c.x, c.y, 3.5, 0, Math.PI * 2), s.fillStyle = c.color, s.fill());
 }
-function ne(s, t, e) {
+function he(s, t, e) {
   if (t <= 0) return -1;
   if (t === 1) return 0;
   let n = 0, i = t - 1;
@@ -838,7 +937,7 @@ function ne(s, t, e) {
   const o = e - s[n];
   return s[i] - e < o ? i : n;
 }
-function ut(s, t, e) {
+function it(s, t, e) {
   let n = 0, i = t;
   for (; n < i; ) {
     const o = n + i >> 1;
@@ -846,8 +945,8 @@ function ut(s, t, e) {
   }
   return n;
 }
-function zn(s, t, e, n, i, o, r) {
-  const l = ne(s, e, n);
+function fi(s, t, e, n, i, o, r) {
+  const l = he(s, e, n);
   if (l < 0) return -1;
   const a = o.toPx(n), c = r.toPx(i);
   let h = -1, f = Number.POSITIVE_INFINITY;
@@ -856,51 +955,59 @@ function zn(s, t, e, n, i, o, r) {
     if (p * p > f) break;
     const u = t[m];
     if (Number.isNaN(u)) continue;
-    const d = r.toPx(u) - c, y = p * p + d * d;
-    y < f && (f = y, h = m);
+    const g = r.toPx(u) - c, d = p * p + g * g;
+    d < f && (f = d, h = m);
   }
   for (let m = l + 1; m < e; m++) {
     const p = o.toPx(s[m]) - a;
     if (p * p > f) break;
     const u = t[m];
     if (Number.isNaN(u)) continue;
-    const d = r.toPx(u) - c, y = p * p + d * d;
-    y < f && (f = y, h = m);
+    const g = r.toPx(u) - c, d = p * p + g * g;
+    d < f && (f = d, h = m);
   }
   return h;
 }
-const _e = {
+const sn = {
   roleDescription: "chart",
   empty: "No data",
   seriesList: (s) => `${s.length === 1 ? "1 series" : `${s.length} series`}: ${s.join(", ")}.`,
   visibleRange: (s, t) => `From ${s} to ${t}.`,
   seriesExtent: (s, t, e) => `${s} from ${t} to ${e}.`,
   readout: (s, t) => [`${s}.`, ...t.map((e) => `${e.name} ${e.value}${e.x === "" ? "" : ` at ${e.x}`}.`)].join(" "),
+  stackTotal: "Total",
+  percent: (s) => `${s}%`,
   walkHelp: "Left and right arrows move through the values, up and down change the series, Home and End go to the first and the last, Escape clears.",
-  zoomHelp: "Plus and minus zoom, Shift with left or right pans, 0 shows everything."
-}, bt = (s, t) => !Number.isNaN(s.y[t]) && (s.w === null || Number.isFinite(s.w[t])) && (s.changesOnly !== !0 || t === 0 || s.y[t] !== s.y[t - 1]);
-function Tt(s, t, e) {
+  zoomHelp: "Plus and minus zoom, Shift with left or right pans, 0 shows everything.",
+  showData: "Show data",
+  hideData: "Hide data",
+  positionColumn: "Position",
+  rowColumn: "Row",
+  tableCaption: (s, t) => `Values from ${s} to ${t}.`,
+  downsampled: (s) => `Downsampled from ${s.toLocaleString("en-GB")} readings: the first, lowest, highest and last value of each stretch.`
+}, It = (s, t) => !Number.isNaN(s.y[t]) && (s.w === null || Number.isFinite(s.w[t])) && (s.changesOnly !== !0 || t === 0 || s.y[t] !== s.y[t - 1]);
+function Ct(s, t, e) {
   let n = Number.POSITIVE_INFINITY;
   for (const i of s)
-    for (let o = ut(i.x, i.length, t); o < i.length; o++) {
+    for (let o = it(i.x, i.length, t); o < i.length; o++) {
       const r = i.x[o];
       if (r >= n) break;
-      if (!(e && r === t || !bt(i, o))) {
+      if (!(e && r === t || !It(i, o))) {
         n = r;
         break;
       }
     }
   return n;
 }
-function Mt(s, t, e) {
+function $t(s, t, e) {
   let n = Number.NEGATIVE_INFINITY;
   for (const i of s) {
-    let o = ut(i.x, i.length, t) - 1;
+    let o = it(i.x, i.length, t) - 1;
     if (!e) for (; o + 1 < i.length && i.x[o + 1] === t; ) o++;
     for (; o >= 0; o--) {
       const r = i.x[o];
       if (r <= n) break;
-      if (bt(i, o)) {
+      if (It(i, o)) {
         n = r;
         break;
       }
@@ -908,10 +1015,10 @@ function Mt(s, t, e) {
   }
   return n;
 }
-const St = (s, [t, e]) => s >= t && s <= e;
-function Bt(s, t, e, n) {
-  const i = Tt(s, n[0], !1), o = Mt(s, n[1], !1);
-  if (!St(i, n) || !St(o, n)) return null;
+const Ot = (s, [t, e]) => s >= t && s <= e;
+function jt(s, t, e, n) {
+  const i = Ct(s, n[0], !1), o = $t(s, n[1], !1);
+  if (!Ot(i, n) || !Ot(o, n)) return null;
   if (t === null) return e === "previous" || e === "last" || e === "pagePrevious" ? o : i;
   const r = (n[1] - n[0]) / 10;
   let l;
@@ -921,28 +1028,28 @@ function Bt(s, t, e, n) {
     case "last":
       return o;
     case "next":
-      l = Tt(s, t, !0);
+      l = Ct(s, t, !0);
       break;
     case "previous":
-      l = Mt(s, t, !0);
+      l = $t(s, t, !0);
       break;
     case "pageNext":
-      l = Math.min(Tt(s, t + r, !1), o);
+      l = Math.min(Ct(s, t + r, !1), o);
       break;
     case "pagePrevious":
-      l = Math.max(Mt(s, t - r, !1), i);
+      l = Math.max($t(s, t - r, !1), i);
       break;
   }
-  return St(l, n) ? l : t;
+  return Ot(l, n) ? l : t;
 }
-function ve(s, t, e) {
-  const n = Math.min(Math.max(t, e[0]), e[1]), i = Tt(s, n, !1), o = Mt(s, n, !1), r = [i, o].filter((l) => St(l, e));
+function De(s, t, e) {
+  const n = Math.min(Math.max(t, e[0]), e[1]), i = Ct(s, n, !1), o = $t(s, n, !1), r = [i, o].filter((l) => Ot(l, e));
   return r.length === 0 ? null : r.reduce((l, a) => Math.abs(a - t) < Math.abs(l - t) ? a : l);
 }
-function ke(s, t, e) {
+function Pe(s, t, e) {
   let n = null;
   for (let i = 0; i < s.length; i++) {
-    if (!bt(s, i)) continue;
+    if (!It(s, i)) continue;
     const o = s.x[i], r = s.y[i];
     let l, a;
     switch (e) {
@@ -963,22 +1070,22 @@ function ke(s, t, e) {
   }
   return n ?? t;
 }
-function Yn(s, t, e) {
+function mi(s, t, e) {
   let n = t;
   for (let i = 0; i < s.length; i++) {
-    if (s.y[i] !== t.y || !bt(s, i)) continue;
+    if (s.y[i] !== t.y || !It(s, i)) continue;
     const o = s.x[i];
     (e === "start" ? o < n.x : o > n.x) && (n = { x: o, y: t.y });
   }
   return n;
 }
-function Bn(s, t) {
+function pi(s, t) {
   for (let e = 0; e < s.length; e++)
-    if (s.x[e] === t.x && s.y[e] === t.y && bt(s, e)) return !0;
+    if (s.x[e] === t.x && s.y[e] === t.y && It(s, e)) return !0;
   return !1;
 }
-function Kn(s, t, e, n, i, o) {
-  const { x: r, y: l, y0: a, length: c } = s, h = Math.max(0, ut(r, c, t) - 1), f = Math.min(c - 1, ut(r, c, e));
+function on(s, t, e, n, i, o) {
+  const { x: r, y: l, y0: a, length: c } = s, h = Math.max(0, it(r, c, t) - 1), f = Math.min(c - 1, it(r, c, e));
   if (f < h) return { x: r.subarray(0, 0), y: l.subarray(0, 0), y0: null, length: 0 };
   if (f - h + 1 <= 2 * o)
     return {
@@ -990,32 +1097,116 @@ function Kn(s, t, e, n, i, o) {
   const m = [], p = new Array(6);
   let u = h;
   for (; u <= f; ) {
-    const y = Math.floor(r[u] * n + i);
-    let g = -1, b = -1, k = -1, T = -1, O = -1, A = -1;
-    for (; u <= f && Math.floor(r[u] * n + i) === y; u++) {
-      const S = l[u];
-      if (Number.isNaN(S) || a !== null && Number.isNaN(a[u])) {
-        O < 0 && (O = u), A < 0 && (A = u);
+    const d = Math.floor(r[u] * n + i);
+    let y = -1, b = -1, v = -1, w = -1, L = -1, A = -1;
+    for (; u <= f && Math.floor(r[u] * n + i) === d; u++) {
+      const T = l[u];
+      if (Number.isNaN(T) || a !== null && Number.isNaN(a[u])) {
+        L < 0 && (L = u), A < 0 && (A = u);
         continue;
       }
-      A = -1, g < 0 && (g = u), b = u, (k < 0 || S < l[k]) && (k = u), (T < 0 || S > l[T]) && (T = u);
+      A = -1, y < 0 && (y = u), b = u, (v < 0 || T < l[v]) && (v = u), (w < 0 || T > l[w]) && (w = u);
     }
-    p[0] = g, p[1] = k, p[2] = T, p[3] = b, p[4] = O, p[5] = A, p.sort((S, M) => S - M);
-    let E = -1;
-    for (const S of p)
-      S < 0 || S === E || (m.push(S), E = S);
+    p[0] = y, p[1] = v, p[2] = w, p[3] = b, p[4] = L, p[5] = A, p.sort((T, S) => T - S);
+    let z = -1;
+    for (const T of p)
+      T < 0 || T === z || (m.push(T), z = T);
   }
-  const d = {
+  const g = {
     x: new Float64Array(m.length),
     y: new Float64Array(m.length),
     y0: a === null ? null : new Float64Array(m.length),
     length: m.length
   };
-  return m.forEach((y, g) => {
-    d.x[g] = r[y], d.y[g] = l[y], d.y0 !== null && (d.y0[g] = a[y]);
-  }), d;
+  return m.forEach((d, y) => {
+    g.x[y] = r[d], g.y[y] = l[d], g.y0 !== null && (g.y0[y] = a[d]);
+  }), g;
+}
+const gi = 500;
+function yi(s, t, e, n = gi) {
+  const i = s.map((c) => bi(c, t, e)), o = Jt(i, !1).count;
+  if (o <= n || !(e > t)) return { ...Jt(i, !0), courses: i, readings: o, thinned: !1 };
+  const r = Math.max(1, Math.floor(n / 6 / Math.max(1, s.length))), l = (r - 1) / (e - t), a = i.map(
+    (c, h) => {
+      var f;
+      return ((f = s[h]) == null ? void 0 : f.changesOnly) === !0 ? xi(c) : on(c, t, e, l, -t * l, r);
+    }
+  );
+  return { ...Jt(a, !0), courses: a, readings: o, thinned: !0 };
+}
+function xi(s) {
+  const t = [];
+  for (let e = 0; e < s.length; e++) (e === 0 || !Object.is(s.y[e], s.y[e - 1])) && t.push(e);
+  return {
+    x: Float64Array.from(t, (e) => s.x[e]),
+    y: Float64Array.from(t, (e) => s.y[e]),
+    y0: null,
+    length: t.length
+  };
+}
+function bi(s, t, e) {
+  const n = it(s.x, s.length, t);
+  let i = it(s.x, s.length, e);
+  for (; i < s.length && s.x[i] <= e; ) i++;
+  return {
+    x: s.x.subarray(n, i),
+    y: s.y.subarray(n, i),
+    y0: s.y0 === null ? null : s.y0.subarray(n, i),
+    length: Math.max(0, i - n)
+  };
+}
+function Jt(s, t) {
+  const e = s.map(() => 0), n = [], i = [];
+  let o = 0;
+  for (; ; ) {
+    let r = Number.POSITIVE_INFINITY;
+    for (let a = 0; a < s.length; a++) {
+      const c = s[a], h = e[a];
+      h < c.length && c.x[h] < r && (r = c.x[h]);
+    }
+    if (r === Number.POSITIVE_INFINITY) break;
+    const l = t ? s.map(() => -1) : null;
+    for (let a = 0; a < s.length; a++) {
+      const c = s[a], h = e[a];
+      h < c.length && c.x[h] === r && (l !== null && (l[a] = h), e[a] = h + 1);
+    }
+    o++, l !== null && (n.push(r), i.push(l));
+  }
+  return { x: n, at: i, count: o };
+}
+function vi(s, t = !1) {
+  const e = /* @__PURE__ */ new Map();
+  for (const n of s)
+    for (let i = 0; i < n.length; i++) {
+      const o = n.y[i];
+      if (Number.isNaN(o)) continue;
+      const r = n.x[i], l = e.get(r);
+      l === void 0 ? e.set(r, { net: o, abs: Math.abs(o), up: 0, down: 0 }) : (l.net += o, l.abs += Math.abs(o));
+    }
+  return s.map((n) => {
+    const i = {
+      top: new Float64Array(n.length),
+      bottom: new Float64Array(n.length),
+      value: new Float64Array(n.length),
+      total: new Float64Array(n.length)
+    };
+    for (let o = 0; o < n.length; o++) {
+      const r = n.y[o], l = e.get(n.x[o]);
+      if (i.total[o] = l === void 0 ? Number.NaN : l.net, Number.isNaN(r) || l === void 0) {
+        i.top[o] = Number.NaN, i.bottom[o] = Number.NaN, i.value[o] = Number.NaN;
+        continue;
+      }
+      i.value[o] = Qt(r, l.abs, t);
+      const a = r >= 0 ? l.up : l.down, c = a + r;
+      r >= 0 ? l.up = c : l.down = c, i.bottom[o] = Qt(a, l.abs, t), i.top[o] = Qt(c, l.abs, t);
+    }
+    return i;
+  });
+}
+function Qt(s, t, e) {
+  return e ? t === 0 ? 0 : s / t * 100 : s;
 }
-function we(s, t) {
+function Ce(s, t) {
   if (t < 2) return 0;
   const e = s.slice(0, t).sort();
   let n = Number.POSITIVE_INFINITY;
@@ -1025,10 +1216,10 @@ function we(s, t) {
   }
   return Number.isFinite(n) ? n : 0;
 }
-function Nt(s, t) {
+function Et(s, t) {
   return s > 0 ? s : t;
 }
-function Gn(s, t, e, n, i, o, r) {
+function ki(s, t, e, n, i, o, r) {
   const l = o / 2, a = r / 2;
   for (let c = 0; c < e; c++) {
     const h = n - s[c];
@@ -1039,24 +1230,24 @@ function Gn(s, t, e, n, i, o, r) {
   }
   return -1;
 }
-const qn = {
+const wi = {
   ok: 0,
   unknown: 1,
   warning: 2,
   alarm: 3
 };
-function qi(s) {
-  return qn[s];
+function As(s) {
+  return wi[s];
 }
-const Ne = { warning: 2, alarm: 3 };
-function Un(s, t = {}) {
+const $e = { warning: 2, alarm: 3 };
+function Ni(s, t = {}) {
   if (s == null || !Number.isFinite(s))
     return { verdict: "unknown" };
   const e = t.target, n = e !== void 0 && Number.isFinite(e) ? s - e : void 0;
   let i, o = 0;
   for (const l of t.limits ?? []) {
     const a = l.side === "upper" ? s - l.value : l.value - s;
-    a > 0 && (i === void 0 || Ne[l.severity] > Ne[i.severity] || l.severity === i.severity && a > o) && (i = l, o = a);
+    a > 0 && (i === void 0 || $e[l.severity] > $e[i.severity] || l.severity === i.severity && a > o) && (i = l, o = a);
   }
   if (i === void 0)
     return n === void 0 ? { verdict: "ok" } : { verdict: "ok", deviation: n };
@@ -1067,35 +1258,35 @@ function Un(s, t = {}) {
   };
   return n === void 0 ? r : { ...r, deviation: n };
 }
-function Kt(s) {
+function te(s) {
   return s == null || !Number.isFinite(s) ? Number.NaN : s;
 }
-function Xn(s, t, e, n, i) {
+function Ii(s, t, e, n, i) {
   const o = s.length, r = new Float64Array(o), l = new Float64Array(o), a = typeof n == "function" ? n : null, c = a === null ? null : new Float64Array(o), h = (i == null ? void 0 : i.value) ?? null, f = h === null ? null : new Float64Array(o), m = (i == null ? void 0 : i.xMap) ?? null, p = (i == null ? void 0 : i.xGap) ?? null;
-  let u = Number.POSITIVE_INFINITY, d = Number.NEGATIVE_INFINITY, y = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY;
-  typeof n == "number" && o > 0 && (y = n, g = n);
+  let u = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY, d = Number.POSITIVE_INFINITY, y = Number.NEGATIVE_INFINITY;
+  typeof n == "number" && o > 0 && (d = n, y = n);
   for (let b = 0; b < o; b++) {
-    const k = s[b], T = t(k, b), O = !Number.isFinite(T), A = O ? b > 0 ? r[b - 1] : Number.NEGATIVE_INFINITY : m === null ? T : m(T);
+    const v = s[b], w = t(v, b), L = !Number.isFinite(w), A = L ? b > 0 ? r[b - 1] : Number.NEGATIVE_INFINITY : m === null ? w : m(w);
     r[b] = A;
-    const E = O || p !== null && p(T);
-    E || (A < u && (u = A), A > d && (d = A));
-    const S = E ? Number.NaN : Kt(e(k, b));
-    if (l[b] = S, S < y && (y = S), S > g && (g = S), h !== null && (f[b] = E ? Number.NaN : Kt(h(k, b))), a !== null) {
-      const M = E ? Number.NaN : Kt(a(k, b));
-      c[b] = M, M < y && (y = M), M > g && (g = M);
+    const z = L || p !== null && p(w);
+    z || (A < u && (u = A), A > g && (g = A));
+    const T = z ? Number.NaN : te(e(v, b));
+    if (l[b] = T, T < d && (d = T), T > y && (y = T), h !== null && (f[b] = z ? Number.NaN : te(h(v, b))), a !== null) {
+      const S = z ? Number.NaN : te(a(v, b));
+      c[b] = S, S < d && (d = S), S > y && (y = S);
     }
   }
-  return { series: { x: r, y: l, y0: c, w: f, length: o }, extent: { xMin: u, xMax: d, yMin: y, yMax: g } };
+  return { series: { x: r, y: l, y0: c, w: f, length: o }, extent: { xMin: u, xMax: g, yMin: d, yMax: y } };
 }
-function Zn(s, t) {
+function Ai(s, t) {
   for (let e = 1; e < t; e++)
     if (s[e] < s[e - 1]) return e;
   return -1;
 }
-function jn(s, t, e) {
+function Oe(s, t, e) {
   const { x: n, y: i, y0: o, length: r } = s;
   let l = Number.POSITIVE_INFINITY, a = Number.NEGATIVE_INFINITY;
-  for (let c = ut(n, r, t); c < r && n[c] <= e; c++) {
+  for (let c = it(n, r, t); c < r && n[c] <= e; c++) {
     const h = i[c];
     if (h < l && (l = h), h > a && (a = h), o !== null) {
       const f = o[c];
@@ -1104,7 +1295,7 @@ function jn(s, t, e) {
   }
   return [l, a];
 }
-function Jn(s, t, e, n) {
+function Ti(s, t, e, n) {
   let i = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
   for (const r of e) {
     const l = r.extent;
@@ -1117,7 +1308,7 @@ function Jn(s, t, e, n) {
       Number.isFinite(r) && (r < i && (i = r), r > o && (o = r));
   return !Number.isFinite(i) || !Number.isFinite(o) ? [0, 1] : [i, o];
 }
-function Qn(s, t) {
+function Mi(s, t) {
   let e = Number.POSITIVE_INFINITY;
   for (let n = 1; n < t; n++) {
     const i = s[n] - s[n - 1];
@@ -1125,14 +1316,14 @@ function Qn(s, t) {
   }
   return Number.isFinite(e) ? e : 0;
 }
-function ti(s, t) {
+function Si(s, t) {
   return s > 0 ? s : t;
 }
-function ei(s, t, e, n) {
+function Li(s, t, e, n) {
   const i = s * t, o = i / n;
   return { offset: -i / 2 + e * o, width: o };
 }
-function ni(s) {
+function Ei(s) {
   const t = /* @__PURE__ */ new Map();
   for (const n of s) {
     if (n.kind !== "bar") continue;
@@ -1142,44 +1333,49 @@ function ni(s) {
   const e = /* @__PURE__ */ new Map();
   for (const n of t.values()) {
     let i = Number.POSITIVE_INFINITY;
-    for (const l of n)
-      l.step > 0 && l.step < i && (i = l.step);
-    const o = Number.isFinite(i) ? i : 0, r = n[0].fraction;
-    n.forEach((l, a) => {
-      e.set(l.order, {
-        index: a,
-        size: n.length,
+    for (const a of n)
+      a.step > 0 && a.step < i && (i = a.step);
+    const o = Number.isFinite(i) ? i : 0, r = n[0].fraction, l = /* @__PURE__ */ new Map();
+    for (const a of n) {
+      const c = a.stack ?? a.order;
+      l.has(c) || l.set(c, l.size);
+    }
+    for (const a of n)
+      e.set(a.order, {
+        index: l.get(a.stack ?? a.order),
+        size: l.size,
         step: o,
         fraction: r
       });
-    });
   }
   return e;
 }
-const Ie = {
+const He = {
   version: 0,
-  layout: Re,
+  layout: je,
   legend: null,
   series: [],
   limits: [],
   // Unknown before the first frame: saying "No data" there would flash.
-  empty: !1
-}, Ae = {
+  empty: !1,
+  dataTable: null
+}, Re = {
   version: 0,
   hover: null,
   tooltip: null,
   xLabel: "",
-  rows: []
-}, ii = 4, Te = 12;
-let Gt = 0;
+  rows: [],
+  totals: []
+}, Fi = 4, We = 12;
+let ee = 0;
 const ft = /* @__PURE__ */ new Map();
-function j(s, t) {
+function Q(s, t) {
   if (s === t) return !0;
   if (typeof s != "function" || typeof t != "function") return !1;
   const e = String(s);
   return e.includes("[native code]") ? !1 : e === String(t);
 }
-function si(s, t) {
+function Di(s, t) {
   var e, n, i, o;
   if (s === t) return !0;
   if (s === void 0 || t === void 0 || s.length !== t.length) return !1;
@@ -1187,34 +1383,43 @@ function si(s, t) {
     if (((e = s[r]) == null ? void 0 : e.from) !== ((n = t[r]) == null ? void 0 : n.from) || ((i = s[r]) == null ? void 0 : i.to) !== ((o = t[r]) == null ? void 0 : o.to)) return !1;
   return !0;
 }
-function It(s) {
+function mt(s) {
   return s.kind !== "state" && s.kind !== "matrix";
 }
-function oi(s) {
+function Pi(s) {
   const t = s.entry.materialized;
   if (t === null) return !1;
-  const e = t.x[s.index], n = (i) => i > 0 && i < B;
+  const e = t.x[s.index], n = (i) => i > 0 && i < V;
   return s.index > 0 && n(e - t.x[s.index - 1]) || s.index + 1 < t.length && n(t.x[s.index + 1] - e);
 }
-function gt(s, t) {
+function kt(s, t) {
   if (s === t) return !0;
   if (s === void 0 || t === void 0 || s.length !== t.length) return !1;
   for (let e = 0; e < s.length; e++) if (s[e] !== t[e]) return !1;
   return !0;
 }
-function ri(s, t) {
-  return s.kind === t.kind && j(s.accessor, t.accessor) && s.data === t.data && j(Ot(s), Ot(t)) && j(ie(s), ie(t));
+function Ci(s, t) {
+  return s.kind === t.kind && U(s) === U(t) && _t(s) === _t(t) && Q(s.accessor, t.accessor) && s.data === t.data && Q(Vt(s), Vt(t)) && Q(de(s), de(t));
+}
+function U(s) {
+  if (!(s.kind !== "bar" && s.kind !== "area" || s.stack === void 0))
+    return `${s.xAxisId}
+${s.yAxisId}
+${s.stack}`;
 }
-function ie(s) {
+function _t(s) {
+  return (s.kind === "bar" || s.kind === "area") && s.stack !== void 0 && s.normalize === !0;
+}
+function de(s) {
   return s.kind === "matrix" ? s.value : void 0;
 }
-function Ot(s) {
+function Vt(s) {
   switch (s.kind) {
     case "line":
     case "scatter":
       return;
     case "area":
-      return s.baseline ?? 0;
+      return s.stack === void 0 ? s.baseline ?? 0 : 0;
     case "bar":
       return 0;
     case "state":
@@ -1222,16 +1427,16 @@ function Ot(s) {
       return;
   }
 }
-function li(s, t) {
+function $i(s, t) {
   if (s.kind !== t.kind) return !1;
   switch (t.kind) {
     case "line": {
       const e = s;
-      return e.strokeWidth === t.strokeWidth && e.markers === t.markers && e.step === t.step && gt(e.dash, t.dash);
+      return e.strokeWidth === t.strokeWidth && e.markers === t.markers && e.step === t.step && kt(e.dash, t.dash);
     }
     case "area": {
       const e = s;
-      return j(e.baseline, t.baseline) && e.fillOpacity === t.fillOpacity && e.strokeWidth === t.strokeWidth && gt(e.dash, t.dash);
+      return Q(e.baseline, t.baseline) && e.fillOpacity === t.fillOpacity && e.strokeWidth === t.strokeWidth && kt(e.dash, t.dash);
     }
     case "bar":
       return s.barWidth === t.barWidth;
@@ -1239,13 +1444,13 @@ function li(s, t) {
       return s.radius === t.radius;
     case "state": {
       const e = s;
-      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && ai(e.states, t.states);
+      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && Oi(e.states, t.states);
     }
     case "matrix":
-      return ui(s.coloring, t.coloring);
+      return Hi(s.coloring, t.coloring);
   }
 }
-function ai(s, t) {
+function Oi(s, t) {
   var e, n, i, o;
   if (s === t) return !0;
   if (s.length !== t.length) return !1;
@@ -1253,17 +1458,17 @@ function ai(s, t) {
     if (((e = s[r]) == null ? void 0 : e.label) !== ((n = t[r]) == null ? void 0 : n.label) || ((i = s[r]) == null ? void 0 : i.color) !== ((o = t[r]) == null ? void 0 : o.color)) return !1;
   return !0;
 }
-function ui(s, t) {
-  return s === t ? !0 : s.kind !== t.kind ? !1 : s.kind === "assessment" && t.kind === "assessment" ? s.limits === t.limits : s.kind === "gradient" && t.kind === "gradient" ? gt(s.stops, t.stops) && gt(s.range, t.range) : !1;
+function Hi(s, t) {
+  return s === t ? !0 : s.kind !== t.kind ? !1 : s.kind === "assessment" && t.kind === "assessment" ? s.limits === t.limits : s.kind === "gradient" && t.kind === "gradient" ? kt(s.stops, t.stops) && kt(s.range, t.range) : !1;
 }
-function qt(s, t) {
+function Ft(s, t) {
   return s.kind === "assessment" ? [t.colorOk, t.colorWarning, t.colorAlarm] : s.stops;
 }
-function ci(s) {
+function Ri(s) {
   const t = 100 / Math.max(1, s.length);
   return `linear-gradient(to right, ${s.map((n, i) => `${n} ${i * t}% ${(i + 1) * t}%`).join(", ")})`;
 }
-function hi(s, t, e) {
+function Wi(s, t, e) {
   let n = e == null ? void 0 : e[0], i = e == null ? void 0 : e[1];
   if (n === void 0 || i === void 0) {
     n = Number.POSITIVE_INFINITY, i = Number.NEGATIVE_INFINITY;
@@ -1274,46 +1479,49 @@ function hi(s, t, e) {
   }
   return [n, i];
 }
-function di(s, t, e, n, i) {
+function zi(s, t, e, n, i) {
   if (t.kind === "assessment") {
-    const a = Un(s, t.limits);
+    const a = Ni(s, t.limits);
     return a.verdict === "alarm" ? 2 : a.verdict === "warning" ? 1 : a.verdict === "ok" ? 0 : -1;
   }
   if (!Number.isFinite(s)) return -1;
   const o = i - n, r = o > 0 ? (s - n) / o : 0.5, l = Math.floor(r * e);
   return l < 0 ? 0 : l >= e ? e - 1 : l;
 }
-function Me(s, t, e) {
+function ze(s, t, e) {
   const n = s.length, i = new Int32Array(n), o = s.w;
   if (o === null || e === 0)
     return i.fill(-1), i;
-  const [r, l] = t.kind === "gradient" ? hi(o, n, t.range) : [0, 0];
-  for (let a = 0; a < n; a++) i[a] = di(o[a], t, e, r, l);
+  const [r, l] = t.kind === "gradient" ? Wi(o, n, t.range) : [0, 0];
+  for (let a = 0; a < n; a++) i[a] = zi(o[a], t, e, r, l);
   return i;
 }
-function fi(s, t) {
+function Bi(s, t) {
   return s === t ? !0 : Array.isArray(s) && Array.isArray(t) ? s[0] === t[0] && s[1] === t[1] : !1;
 }
-const mi = 150, pi = 100, yi = {
+const _i = 150, Vi = 100, Yi = {
   ArrowRight: "next",
   ArrowLeft: "previous",
   Home: "first",
   End: "last",
   PageDown: "pageNext",
   PageUp: "pagePrevious"
-}, xi = {
+}, Gi = {
   ArrowLeft: "left",
   ArrowRight: "right",
   ArrowUp: "up",
   ArrowDown: "down"
-}, Se = 1.25;
-class ze {
+}, Be = 1.25;
+class rn {
   constructor() {
     /* ---------- Registration ---------- */
     x(this, "series", /* @__PURE__ */ new Map());
     x(this, "axes", /* @__PURE__ */ new Map());
     x(this, "legend", null);
     x(this, "tooltip", null);
+    x(this, "dataTable", null);
+    /** `Chart encoding` (charts-alternatives C3). */
+    x(this, "encoding", "color");
     x(this, "limits", /* @__PURE__ */ new Map());
     /* ---------- Data and layout inputs ---------- */
     x(this, "data", []);
@@ -1331,7 +1539,7 @@ class ze {
     x(this, "summaryEl", null);
     x(this, "readoutTimer", null);
     x(this, "summaryTimer", null);
-    x(this, "wording", _e);
+    x(this, "wording", sn);
     x(this, "measurer", null);
     /* ---------- Size and DPR ---------- */
     x(this, "cssWidth", 0);
@@ -1357,12 +1565,13 @@ class ze {
         `var(--…)` or a `light-dark(…)` and keeps the previous fillStyle. */
     x(this, "painted", /* @__PURE__ */ new Map());
     /* ---------- Layout and interaction ---------- */
-    x(this, "layout", Re);
+    x(this, "layout", je);
     x(this, "hysteresis", /* @__PURE__ */ new Map());
     x(this, "hover", null);
     x(this, "hoverKey", "");
     x(this, "hoverXLabel", "");
     x(this, "hoverRows", []);
+    x(this, "hoverTotals", []);
     /** The orders of the series in the current hit, beside its rows. */
     x(this, "hoverOrders", []);
     x(this, "highlight", null);
@@ -1378,8 +1587,8 @@ class ze {
     /** The highlight is the keyboard's, and goes with its Active point. */
     x(this, "keyHighlight", !1);
     /* ---------- Snapshots for the HTML layer ---------- */
-    x(this, "layoutSnapshot", Ie);
-    x(this, "hoverSnapshot", Ae);
+    x(this, "layoutSnapshot", He);
+    x(this, "hoverSnapshot", Re);
     x(this, "layoutSubscribers", /* @__PURE__ */ new Set());
     x(this, "hoverSubscribers", /* @__PURE__ */ new Set());
     /* ---------- Instrumentation (R-5.1) ---------- */
@@ -1395,6 +1604,7 @@ class ze {
       (t = this.measurer) == null || t.clear(), this.hysteresis.clear(), this.markLayoutDirty();
     });
     x(this, "themeRoot", null);
+    x(this, "percent", (t) => this.wording.percent(St(t)));
     /* ---------- Cursor sync (charts-long-series 04) ----------
     
          Only the x position travels, in domain units: each chart draws its own
@@ -1422,12 +1632,12 @@ class ze {
       this.layoutSubscribers.delete(t);
     }));
     x(this, "getLayoutSnapshot", () => this.layoutSnapshot);
-    x(this, "getLayoutServerSnapshot", () => Ie);
+    x(this, "getLayoutServerSnapshot", () => He);
     x(this, "subscribeHover", (t) => (this.hoverSubscribers.add(t), () => {
       this.hoverSubscribers.delete(t);
     }));
     x(this, "getHoverSnapshot", () => this.hoverSnapshot);
-    x(this, "getHoverServerSnapshot", () => Ae);
+    x(this, "getHoverServerSnapshot", () => Re);
   }
   setOnPerf(t) {
     this.onPerf = t;
@@ -1453,42 +1663,44 @@ class ze {
     return !1;
   }
   registerSeries(t) {
-    const e = Gt++;
+    const e = ee++;
     return this.series.set(e, {
       order: e,
       config: t,
-      slot: It(t) ? this.slotFor(t.name) : -1,
+      slot: mt(t) ? this.slotFor(t.name) : -1,
       lastSlot: null,
       materialized: null,
       extent: null,
       step: null,
       cellHeight: null,
-      buckets: null
+      buckets: null,
+      own: null,
+      stacked: null
     }), this.materialsDirty = !0, this.markLayoutDirty(), e;
   }
   updateSeries(t, e) {
     const n = this.series.get(t);
     if (n === void 0) return;
-    const i = n.config, o = ri(i, e), r = o && i.xAxisId === e.xAxisId && i.yAxisId === e.yAxisId && i.name === e.name && j(i.format, e.format) && i.color === e.color && i.tone === e.tone && i.hidden === e.hidden && li(i, e);
-    if (n.slot < 0 && It(e))
+    const i = n.config, o = Ci(i, e), r = o && i.xAxisId === e.xAxisId && i.yAxisId === e.yAxisId && i.name === e.name && Q(i.format, e.format) && i.color === e.color && i.tone === e.tone && i.hidden === e.hidden && $i(i, e);
+    if (n.slot < 0 && mt(e))
       n.slot = this.slotFor(e.name);
     else if (i.name !== e.name && e.name !== void 0 && n.slot >= 0) {
       const l = this.slotsByName.get(e.name);
       l === void 0 ? this.slotsByName.set(e.name, n.slot) : this.slotTaken(l, n) || (n.slot = l);
     }
-    n.config = e, !r && (n.buckets = null, o || (n.materialized = null, n.extent = null, n.step = null, n.cellHeight = null, n.buckets = null, this.materialsDirty = !0), this.markLayoutDirty());
+    n.config = e, !r && (n.buckets = null, i.hidden !== e.hidden && U(e) !== void 0 && (this.materialsDirty = !0), o || (n.materialized = null, n.extent = null, n.step = null, n.cellHeight = null, n.buckets = null, this.materialsDirty = !0), this.markLayoutDirty());
   }
   unregisterSeries(t) {
     this.series.delete(t) && (this.materialsDirty = !0, this.markLayoutDirty());
   }
   registerAxis(t) {
-    const e = Gt++;
+    const e = ee++;
     return this.axes.set(e, { order: e, config: t }), this.materialsDirty = !0, this.markLayoutDirty(), e;
   }
   updateAxis(t, e) {
     const n = this.axes.get(t);
     if (n === void 0) return;
-    const i = n.config, o = j(i.accessor, e.accessor) && si(i.calendar, e.calendar), r = o && i.id === e.id && i.orientation === e.orientation && i.position === e.position && i.label === e.label && i.tickCount === e.tickCount && i.grid === e.grid && i.time === e.time && i.alignTicks === e.alignTicks && gt(i.ticks, e.ticks) && fi(i.domain, e.domain) && i.onDomainChange === void 0 == (e.onDomainChange === void 0) && j(i.tickFormat, e.tickFormat);
+    const i = n.config, o = Q(i.accessor, e.accessor) && Di(i.calendar, e.calendar), r = o && i.id === e.id && i.orientation === e.orientation && i.position === e.position && i.label === e.label && i.tickCount === e.tickCount && i.grid === e.grid && i.time === e.time && i.alignTicks === e.alignTicks && kt(i.ticks, e.ticks) && Bi(i.domain, e.domain) && i.onDomainChange === void 0 == (e.onDomainChange === void 0) && Q(i.tickFormat, e.tickFormat);
     if (n.config = e, !r) {
       if (!o || i.id !== e.id) {
         for (const l of this.series.values())
@@ -1505,7 +1717,7 @@ class ze {
      anything in this library. They are therefore not series: no accessor, no
      data, no legend entry, no hit. */
   registerLimit(t) {
-    const e = Gt++;
+    const e = ee++;
     return this.limits.set(e, { order: e, config: t }), this.markLayoutDirty(), e;
   }
   updateLimit(t, e) {
@@ -1534,7 +1746,7 @@ class ze {
   }
   updateTooltip(t) {
     const e = this.tooltip;
-    if (e !== null && e.mode === t.mode && j(e.render, t.render)) {
+    if (e !== null && e.mode === t.mode && Q(e.render, t.render)) {
       this.tooltip = t;
       return;
     }
@@ -1543,6 +1755,45 @@ class ze {
   unregisterTooltip() {
     this.tooltip = null, this.hover = null, this.hoverKey = "", this.markOverlayDirty(), this.pushHoverSnapshot();
   }
+  /* The data table (charts-alternatives 01) registers like the legend: one per
+     chart. Whether it is open is the scene's, because two elements show it -
+     the key in the legend and the panel. Opening it changes no pixel of the
+     plot, so it only pushes the snapshot. */
+  registerDataTable(t) {
+    this.dataTable = { id: t, open: !1 }, this.pushLayoutSnapshot();
+  }
+  unregisterDataTable() {
+    this.dataTable = null, this.pushLayoutSnapshot();
+  }
+  toggleDataTable() {
+    this.dataTable !== null && (this.dataTable = { ...this.dataTable, open: !this.dataTable.open }, this.pushLayoutSnapshot());
+  }
+  setEncoding(t) {
+    t !== this.encoding && (this.encoding = t, this.markLayoutDirty());
+  }
+  /** Is every series drawn with its marks as well as its colour? Under forced
+      colours always: every series is drawn in the one text colour then (C4). */
+  marked() {
+    var t;
+    return this.encoding === "marks" || ((t = this.theme) == null ? void 0 : t.forced) === !0;
+  }
+  /** A series' marks by its palette place - the same place its colour comes
+      from; null without encoding by marks, and for the kinds that take no
+      place (a band and a cell are hatched by state and by step instead). */
+  marksOf(t) {
+    return this.marked() && mt(t.config) ? jn(this.paletteSlot(t)) : null;
+  }
+  /** Each state's hatch by its name, across every band of the chart - so the
+      legend and each band agree (charts-alternatives 04). */
+  stateHatches() {
+    const t = [];
+    for (const { config: e } of this.seriesInOrder()) e.kind === "state" && t.push(e.states);
+    return Jn(t);
+  }
+  /** The words the HTML layer writes - the data table's key among them. */
+  getWording() {
+    return this.wording;
+  }
   /** Series in registration order - the drawing order. The palette follows it
       only on the first mount; after that it follows the name. */
   seriesInOrder() {
@@ -1567,31 +1818,31 @@ class ze {
   /* ================= Checks (R-4.12, R-4.13) ================= */
   /** Called from the Chart after the child effects; DEV only. */
   validate() {
-    if (!yt) return;
+    if (!bt) return;
     const t = /* @__PURE__ */ new Set();
     for (const { config: o } of this.axesInOrder()) {
       const r = `${o.orientation}:${o.id}`, l = o.orientation === "x" ? "XAxis" : "YAxis";
-      pt(
+      gt(
         !t.has(r),
         `Two <${l}> with the same id "${o.id}". A second ${l} needs an own id (R-4.12).`
       ), t.add(r);
     }
     const e = /* @__PURE__ */ new Set();
     for (const { config: o } of this.series.values())
-      pt(
+      gt(
         t.has(`x:${o.xAxisId}`),
         `Series "${o.name ?? "?"}" refers to the unknown x axis "${o.xAxisId}" (R-4.12).`
-      ), pt(
+      ), gt(
         t.has(`y:${o.yAxisId}`),
         `Series "${o.name ?? "?"}" refers to the unknown y axis "${o.yAxisId}" (R-4.12).`
       ), e.add(`x:${o.xAxisId}`), e.add(`y:${o.yAxisId}`);
     for (const { config: o } of this.limits.values())
-      pt(
+      gt(
         t.has(`${o.orientation}:${this.limitAxisId(o)}`),
         `A limit refers to the unknown ${o.orientation} axis "${this.limitAxisId(o)}" (R-4.12).`
       );
     for (const o of t)
-      !e.has(o) && this.series.size > 0 && tt(
+      !e.has(o) && this.series.size > 0 && nt(
         `axis-without-series-${o}`,
         `Axis "${o}" has no bound series; it is drawn with the domain [0, 1] (R-4.13).`
       );
@@ -1599,14 +1850,14 @@ class ze {
     for (const { config: o } of this.seriesInOrder()) {
       if (o.kind !== "bar") continue;
       const r = n.get(o.xAxisId);
-      r === void 0 ? n.set(o.xAxisId, o.barWidth) : r !== o.barWidth && tt(
+      r === void 0 ? n.set(o.xAxisId, o.barWidth) : r !== o.barWidth && nt(
         `bar-width-${o.xAxisId}`,
         `Bars on the x axis "${o.xAxisId}" give different barWidth. A group shares one width fraction; that of the first (${r}) applies (ADR-0002).`
       );
     }
     let i = 0;
     for (const o of this.axesInOrder()) o.config.grid === !0 && i++;
-    i > 1 && tt(
+    i > 1 && nt(
       "multiple-grids",
       "More than one axis draws grid. Unaligned grids compete visually; `alignTicks` puts a further y axis' ticks on the first one's grid instead (R-4.15)."
     );
@@ -1634,19 +1885,19 @@ class ze {
       }
       const i = n.config, o = i.data ?? this.data, r = this.findAxisConfig("x", i.xAxisId);
       if (r === null) continue;
-      const l = Xn(
+      const l = Ii(
         o,
         r.accessor,
         i.accessor,
-        Ot(i),
+        Vt(i),
         {
-          value: ie(i),
+          value: de(i),
           xMap: this.mapFor(r),
           xGap: this.gapFor(r)
         }
       );
-      if (n.materialized = l.series, e += l.series.length, i.kind === "bar") {
-        const a = Qn(l.series.x, l.series.length);
+      if (n.materialized = l.series, n.own = U(i) === void 0 ? null : l.series.y, n.stacked = null, e += l.series.length, i.kind === "bar") {
+        const a = Mi(l.series.x, l.series.length);
         n.step = a;
         const c = a / 2;
         n.extent = {
@@ -1655,7 +1906,7 @@ class ze {
           xMax: l.extent.xMax + c
         };
       } else if (i.kind === "matrix") {
-        const a = we(l.series.x, l.series.length), c = we(l.series.y, l.series.length);
+        const a = Ce(l.series.x, l.series.length), c = Ce(l.series.y, l.series.length);
         n.step = a, n.cellHeight = c, n.extent = {
           xMin: l.extent.xMin - a / 2,
           xMax: l.extent.xMax + a / 2,
@@ -1663,7 +1914,7 @@ class ze {
           yMax: l.extent.yMax + c / 2
         };
       } else if (i.kind === "state") {
-        const a = Ln(l.series.x, l.series.length);
+        const a = ti(l.series.x, l.series.length);
         n.step = a, n.extent = {
           ...l.extent,
           xMax: l.extent.xMax + a,
@@ -1672,23 +1923,50 @@ class ze {
         };
       } else
         n.step = null, n.extent = l.extent;
-      if (yt && i.kind !== "matrix") {
-        const a = Zn(l.series.x, l.series.length);
+      if (bt && i.kind !== "matrix") {
+        const a = Ai(l.series.x, l.series.length);
         if (a >= 0) {
           const c = i.name ?? "?";
-          tt(
+          nt(
             `x-unsorted-${c}`,
             `Series "${c}": x values are not sorted ascending (index ${a}). Binary search and path building assume sortedness; there is no automatic sorting (R-2.6).`
           );
         }
       }
     }
-    this.materialsDirty = !1, this.perf.materializeMs = (typeof performance > "u" ? 0 : performance.now()) - t, this.perf.points = e;
+    this.stackAll(), this.materialsDirty = !1, this.perf.materializeMs = (typeof performance > "u" ? 0 : performance.now()) - t, this.perf.points = e;
+  }
+  /** Sums every stack anew from its members' own values (charts-stacking K2),
+      once per materialisation: a member that changes moves every one above
+      it. The stack is summed before anything is drawn, so an area's
+      downsampling thins the stacked edges - each member keeps its own
+      extremes per pixel column, and inside one column the edge of a member
+      and the foot of the one above may part by a stroke's width. */
+  stackAll() {
+    const t = /* @__PURE__ */ new Map();
+    for (const e of this.seriesInOrder()) {
+      const n = U(e.config);
+      if (n === void 0 || e.config.hidden === !0 || e.materialized === null || e.own === null) continue;
+      const i = t.get(n);
+      i === void 0 ? t.set(n, [e]) : i.push(e);
+    }
+    for (const e of t.values()) {
+      const n = U(e[0].config), i = [...this.series.values()].some((r) => U(r.config) === n && _t(r.config)), o = vi(
+        e.map((r) => ({ ...r.materialized, y: r.own })),
+        i
+      );
+      e.forEach((r, l) => {
+        const a = o[l], c = { ...r.materialized, y: a.top, y0: a.bottom };
+        r.materialized = c, r.stacked = { value: a.value, total: a.total, normalize: i };
+        const [h, f] = Oe(c, Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY);
+        r.extent !== null && (r.extent = { ...r.extent, yMin: h, yMax: f });
+      });
+    }
   }
   /* ================= DOM binding, DPR, resize ================= */
   bind(t, e, n, i) {
     var r;
-    this.container = t, this.themeRoot = i, this.seriesCanvas = e, this.overlayCanvas = n, this.seriesCtx = e.getContext("2d"), this.overlayCtx = n.getContext("2d"), this.measurer = new ln(i), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = on(() => {
+    this.container = t, this.themeRoot = i, this.seriesCanvas = e, this.overlayCanvas = n, this.seriesCtx = e.getContext("2d"), this.overlayCtx = n.getContext("2d"), this.measurer = new Sn(i), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = Tn(() => {
       var l;
       this.theme = null, this.painted.clear(), (l = this.measurer) == null || l.clear(), this.hysteresis.clear(), this.markLayoutDirty();
     });
@@ -1702,7 +1980,7 @@ class ze {
     this.readoutEl = t, this.summaryEl = e, this.scheduleSummary();
   }
   setWording(t) {
-    t !== this.wording && (this.wording = t, this.scheduleSummary());
+    t !== this.wording && (this.wording = t, this.markLayoutDirty());
   }
   unbind() {
     var t, e, n, i, o;
@@ -1745,7 +2023,7 @@ class ze {
     }));
   }
   frame() {
-    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = sn(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
+    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = An(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
       this.layoutDirty && this.pushLayoutSnapshot();
       return;
     }
@@ -1785,7 +2063,7 @@ class ze {
       // A hidden series has no say: the axis fits what is shown.
       extent: r.config.hidden === !0 ? null : n ? this.visibleExtentOf(r) : r.extent
     }));
-    return Jn(t, e, i, this.limitValues(t, e));
+    return Ti(t, e, i, this.limitValues(t, e));
   }
   /** The extent of what a fixed x domain shows. A domain that is not fixed
       shows every point - "nice" and "data" both contain the data -, and a band
@@ -1796,8 +2074,8 @@ class ze {
     if (!Array.isArray(e) || t.materialized === null || n === "state" || n === "matrix")
       return t.extent;
     const [i, o] = e;
-    let [r, l] = jn(t.materialized, i, o);
-    const a = Ot(t.config);
+    let [r, l] = Oe(t.materialized, i, o);
+    const a = Vt(t.config);
     return typeof a == "number" && r <= l && (r = Math.min(r, a), l = Math.max(l, a)), { xMin: i, xMax: o, yMin: r, yMax: l };
   }
   /** The values of the limits that are to pull this axis along. */
@@ -1821,12 +2099,12 @@ class ze {
   mapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (n) => fn(n, e);
+      return (n) => Cn(n, e);
   }
   gapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (n) => mn(n, e);
+      return (n) => $n(n, e);
   }
   extentFor(t) {
     return this.axisExtent(t.orientation, t.id);
@@ -1847,7 +2125,7 @@ class ze {
         extent: this.extentFor(r),
         domainMode: r.domain,
         tickCount: r.tickCount,
-        tickFormat: r.tickFormat,
+        tickFormat: r.orientation === "y" ? this.yTickFormat(r.id) : r.tickFormat,
         tickValues: r.ticks,
         time: r.time,
         calendar: r.calendar,
@@ -1855,7 +2133,7 @@ class ze {
         limitLabels: r.orientation === "y" ? this.limitsInOrder().map((l) => l.config).filter((l) => l.orientation === "y" && this.limitAxisId(l) === r.id && l.label !== void 0 && l.label !== "").map((l) => l.label) : void 0
       });
     }
-    this.layout = Sn({
+    this.layout = Xn({
       width: this.cssWidth,
       height: this.cssHeight,
       padding: this.padding,
@@ -1872,22 +2150,24 @@ class ze {
   /* ================= Series colours and legend entries ================= */
   /** A caller's CSS colour as the canvas can draw it (finding 15). */
   paint(t) {
+    var i;
     const e = this.themeRoot;
     if (e === null) return t;
+    if (((i = this.theme) == null ? void 0 : i.forced) === !0) return this.theme.colorText;
     let n = this.painted.get(t);
-    return n === void 0 && (n = nn(e, { color: t }).color, this.painted.set(t, n)), n;
+    return n === void 0 && (n = In(e, { color: t }).color, this.painted.set(t, n)), n;
   }
   colorFor(t) {
     var i;
     if (t.config.color !== void 0) return this.paint(t.config.color);
-    if (!It(t.config)) return "";
+    if (!mt(t.config)) return "";
     const e = t.config.tone;
     if (e !== void 0) {
-      const o = this.theme ?? R;
+      const o = this.theme ?? H;
       return e === "alarm" ? o.colorAlarm : e === "warning" ? o.colorWarning : o.colorOk;
     }
-    const n = ((i = this.theme) == null ? void 0 : i.series) ?? R.series;
-    return n[this.paletteSlot(t) % Math.max(1, n.length)] ?? R.series[0] ?? "#2563eb";
+    const n = ((i = this.theme) == null ? void 0 : i.series) ?? H.series;
+    return n[this.paletteSlot(t) % Math.max(1, n.length)] ?? H.series[0] ?? "#2563eb";
   }
   /** Named: the place of the name. Nameless: the position among the series that
       take a palette place, as before - and a warning as soon as that shifts
@@ -1896,49 +2176,75 @@ class ze {
     if (t.config.name !== void 0) return t.slot;
     let e = 0;
     for (const n of this.series.values())
-      n.order < t.order && It(n.config) && e++;
-    return t.lastSlot !== null && t.lastSlot !== e && tt(
+      n.order < t.order && mt(n.config) && e++;
+    return t.lastSlot !== null && t.lastSlot !== e && nt(
       "series-without-name-colour",
       "a series without a name has changed its colour, because a series before it went away - with `name` it keeps it."
     ), t.lastSlot = e, e;
   }
   nameFor(t, e) {
-    return t.config.name !== void 0 ? t.config.name : (tt(
+    return t.config.name !== void 0 ? t.config.name : (nt(
       "series-without-name",
       `a series without a name is called "Series ${e + 1}" in the legend and the tooltip - the name belongs in \`name\`.`
     ), `Series ${e + 1}`);
   }
   legendItems() {
-    const t = [], e = /* @__PURE__ */ new Map();
-    return this.seriesInOrder().forEach((n, i) => {
-      const o = n.config;
-      if (o.kind === "state") {
-        o.states.forEach((r, l) => {
-          const a = `${r.label}\0${r.color}`, c = e.get(a);
-          if (c !== void 0) {
-            c.seriesIds.includes(n.order) || c.seriesIds.push(n.order), c.hidden && (c.hidden = o.hidden === !0);
+    const t = [], e = /* @__PURE__ */ new Map(), n = this.theme ?? H, i = this.marked() ? this.stateHatches() : null;
+    return this.seriesInOrder().forEach((o, r) => {
+      const l = o.config;
+      if (l.kind === "state") {
+        l.states.forEach((a, c) => {
+          const h = `${a.label}\0${a.color}`, f = e.get(h);
+          if (f !== void 0) {
+            f.seriesIds.includes(o.order) || f.seriesIds.push(o.order), f.hidden && (f.hidden = l.hidden === !0);
             return;
           }
-          const h = {
-            id: `${n.order}:${l}`,
-            name: r.label,
-            hidden: o.hidden === !0,
-            color: r.color,
-            seriesIds: [n.order]
+          const m = {
+            id: `${o.order}:${c}`,
+            name: a.label,
+            hidden: l.hidden === !0,
+            color: a.color,
+            seriesIds: [o.order],
+            mark: i === null ? null : { dash: null, marker: null, swatches: [{ color: this.paint(a.color), hatch: i.get(a.label) ?? "none" }], ground: n.colorBg }
           };
-          e.set(a, h), t.push(h);
+          e.set(h, m), t.push(m);
         });
         return;
       }
       t.push({
-        id: String(n.order),
-        name: this.nameFor(n, i),
-        hidden: o.hidden === !0,
-        color: o.kind === "matrix" ? ci(qt(o.coloring, this.theme ?? R)) : this.colorFor(n),
-        seriesIds: [n.order]
+        id: String(o.order),
+        name: this.nameFor(o, r),
+        hidden: l.hidden === !0,
+        color: l.kind === "matrix" ? Ri(Ft(l.coloring, n)) : this.colorFor(o),
+        seriesIds: [o.order],
+        mark: this.legendMark(o, n)
       });
     }), t;
   }
+  /** What a series' chip shows under encoding by marks. */
+  legendMark(t, e) {
+    if (!this.marked()) return null;
+    const n = t.config;
+    if (n.kind === "matrix")
+      return { dash: null, marker: null, swatches: Ft(n.coloring, e).map((r, l) => ({ color: this.paint(r), hatch: Pt(l) })), ground: e.colorBg };
+    const i = this.marksOf(t);
+    if (i === null) return null;
+    switch (n.kind) {
+      case "line":
+        return { dash: n.dash ?? i.dash, marker: i.marker, swatches: null, ground: e.colorBg };
+      case "area":
+        return {
+          dash: n.dash ?? i.dash,
+          marker: null,
+          swatches: [{ color: this.colorFor(t), hatch: i.hatch, opacity: n.fillOpacity }],
+          ground: e.colorBg
+        };
+      case "scatter":
+        return { dash: null, marker: i.marker, swatches: null, ground: e.colorBg };
+      default:
+        return { dash: null, marker: null, swatches: [{ color: this.colorFor(t), hatch: i.hatch }], ground: e.colorBg };
+    }
+  }
   /* ---------- Limits, ready in pixels ---------- */
   limitColor(t, e) {
     return t.color !== void 0 ? this.paint(t.color) : t.role === "control" ? e.colorAxis : t.role === "zone" ? e.colorGrid : t.severity === "alarm" ? e.colorAlarm : e.colorWarning;
@@ -1956,7 +2262,7 @@ class ze {
     }
   }
   limitItems(t) {
-    const e = this.theme ?? R, n = [];
+    const e = this.theme ?? H, n = [];
     for (const { config: i } of this.limitsInOrder()) {
       if (i.kind === "band" !== t) continue;
       const o = this.findAxis(i.orientation, this.limitAxisId(i));
@@ -1969,7 +2275,8 @@ class ze {
           toPx: o.scale.toPx(this.limitAt(i, i.to)),
           color: r,
           band: !0,
-          dash: l
+          dash: l,
+          hatch: this.marked()
         });
       else {
         const a = o.scale.toPx(this.limitAt(i, i.value));
@@ -1993,12 +2300,12 @@ class ze {
       if (i.label === void 0 || i.label === "") continue;
       const o = this.findAxis(i.orientation, this.limitAxisId(i));
       if (o === null) continue;
-      const r = i.kind === "line" ? this.limitAt(i, i.value) : (this.limitAt(i, i.from) + this.limitAt(i, i.to)) / 2, l = o.scale.toPx(r), a = (((e = this.measurer) == null ? void 0 : e.measure(i.label, rt).width) ?? 0) + 4;
+      const r = i.kind === "line" ? this.limitAt(i, i.value) : (this.limitAt(i, i.from) + this.limitAt(i, i.to)) / 2, l = o.scale.toPx(r), a = (((e = this.measurer) == null ? void 0 : e.measure(i.label, ct).width) ?? 0) + 4;
       t.push({
         id: n,
         axisKey: o.key,
         px: l,
-        labelLeft: We(l, a, this.cssWidth),
+        labelLeft: Qe(l, a, this.cssWidth),
         label: i.label,
         severity: i.severity,
         role: i.role
@@ -2008,101 +2315,113 @@ class ze {
   }
   /* ================= Drawing ================= */
   drawItems() {
-    const t = [], e = this.seriesInOrder().filter((r) => r.config.hidden !== !0), n = this.highlight, i = n !== null && e.some((r) => n.includes(r.order)) ? n : null, o = ni(
-      e.map((r) => ({
-        order: r.order,
-        kind: r.config.kind,
-        xAxisId: r.config.xAxisId,
-        step: r.step ?? 0,
-        fraction: r.config.kind === "bar" ? r.config.barWidth : 0
+    const t = [];
+    let e;
+    const n = this.seriesInOrder().filter((l) => l.config.hidden !== !0), i = this.highlight, o = i !== null && n.some((l) => i.includes(l.order)) ? i : null, r = Ei(
+      n.map((l) => ({
+        order: l.order,
+        kind: l.config.kind,
+        xAxisId: l.config.xAxisId,
+        step: l.step ?? 0,
+        fraction: l.config.kind === "bar" ? l.config.barWidth : 0,
+        stack: U(l.config)
       }))
     );
-    return e.forEach((r) => {
-      const l = r.materialized;
-      if (l === null) return;
-      const a = this.findAxis("x", r.config.xAxisId), c = this.findAxis("y", r.config.yAxisId);
-      if (a === null || c === null) return;
-      const h = i !== null && !i.includes(r.order), f = {
-        x: l.x,
-        y: l.y,
-        length: l.length,
-        xScale: a.scale,
-        yScale: c.scale,
-        color: this.colorFor(r),
-        alpha: h ? 0.25 : 1
-      }, m = r.config, p = m.kind === "line" || m.kind === "area" ? Kn(l, a.scale.domain[0], a.scale.domain[1], a.scale.m, a.scale.b, this.layout.plot.width) : l;
-      switch (f.x = p.x, f.y = p.y, f.length = p.length, m.kind) {
+    return n.forEach((l) => {
+      const a = l.materialized;
+      if (a === null) return;
+      const c = this.findAxis("x", l.config.xAxisId), h = this.findAxis("y", l.config.yAxisId);
+      if (c === null || h === null) return;
+      const f = o !== null && !o.includes(l.order), m = this.marksOf(l), p = {
+        x: a.x,
+        y: a.y,
+        length: a.length,
+        xScale: c.scale,
+        yScale: h.scale,
+        color: this.colorFor(l),
+        alpha: f ? 0.25 : 1
+      }, u = l.config, g = u.kind === "line" || u.kind === "area" ? on(a, c.scale.domain[0], c.scale.domain[1], c.scale.m, c.scale.b, this.layout.plot.width) : a;
+      switch (p.x = g.x, p.y = g.y, p.length = g.length, u.kind) {
         case "line":
           t.push({
-            ...f,
+            ...p,
             kind: "line",
-            strokeWidth: m.strokeWidth,
-            dash: m.dash,
-            markers: m.markers,
-            step: m.step
+            strokeWidth: u.strokeWidth,
+            // A dash of the caller's own wins over the one its place gives.
+            dash: u.dash ?? (m == null ? void 0 : m.dash),
+            markers: u.markers,
+            step: u.step,
+            marker: m == null ? void 0 : m.marker
           });
           break;
         case "area":
           t.push({
-            ...f,
+            ...p,
             kind: "area",
-            y0: p.y0,
+            y0: g.y0,
             baseline: 0,
-            fillOpacity: m.fillOpacity,
-            strokeWidth: m.strokeWidth,
-            dash: m.dash
+            fillOpacity: u.fillOpacity,
+            strokeWidth: u.strokeWidth,
+            dash: u.dash ?? (m == null ? void 0 : m.dash),
+            hatch: m == null ? void 0 : m.hatch,
+            edges: l.stacked !== null
           });
           break;
         case "bar": {
-          const u = o.get(r.order) ?? {
+          const d = r.get(l.order) ?? {
             index: 0,
             size: 1,
-            step: r.step ?? 0,
-            fraction: m.barWidth
-          }, d = a.scale.domain, y = ei(
-            ti(u.step, d[1] - d[0]),
-            u.fraction,
-            u.index,
-            u.size
+            step: l.step ?? 0,
+            fraction: u.barWidth
+          }, y = c.scale.domain, b = Li(
+            Si(d.step, y[1] - y[0]),
+            d.fraction,
+            d.index,
+            d.size
           );
           t.push({
-            ...f,
+            ...p,
             kind: "bar",
+            y0: a.y0,
             baseline: 0,
-            offset: y.offset,
-            width: y.width
+            offset: b.offset,
+            width: b.width,
+            hatch: m == null ? void 0 : m.hatch,
+            edges: l.stacked !== null
           });
           break;
         }
         case "scatter":
-          t.push({ ...f, kind: "scatter", radius: m.radius });
+          t.push({ ...p, kind: "scatter", radius: u.radius, marker: m == null ? void 0 : m.marker });
           break;
         case "state": {
-          const u = this.lanePx(m, c);
+          const d = this.lanePx(u, h);
           t.push({
-            ...f,
+            ...p,
             kind: "state",
-            colors: m.states.map((d) => this.paint(d.color)),
-            laneTop: u.top,
-            laneBottom: u.bottom,
-            lastEnd: this.lastEnd(r, l, a)
+            colors: u.states.map((y) => this.paint(y.color)),
+            laneTop: d.top,
+            laneBottom: d.bottom,
+            lastEnd: this.lastEnd(l, a, c),
+            hatches: this.marked() ? u.states.map((y) => (e ?? (e = this.stateHatches())).get(y.label) ?? "none") : null
           });
           break;
         }
         case "matrix": {
-          const u = qt(m.coloring, this.theme ?? R).map((d) => this.paint(d));
+          const d = Ft(u.coloring, this.theme ?? H).map((y) => this.paint(y));
           t.push({
-            ...f,
+            ...p,
             kind: "matrix",
-            buckets: r.buckets ?? (r.buckets = Me(l, m.coloring, u.length)),
-            colors: u,
-            width: Nt(
-              r.step ?? 0,
-              a.scale.domain[1] - a.scale.domain[0]
-            ),
-            height: Nt(
-              r.cellHeight ?? 0,
+            buckets: l.buckets ?? (l.buckets = ze(a, u.coloring, d.length)),
+            colors: d,
+            hatches: this.marked() ? d.map((y, b) => Pt(b)) : null,
+            width: Et(
+              l.step ?? 0,
               c.scale.domain[1] - c.scale.domain[0]
+            ),
+            height: Et(
+              l.cellHeight ?? 0,
+              h.scale.domain[1] - h.scale.domain[0]
             )
           });
           break;
@@ -2121,7 +2440,7 @@ class ze {
       const l = r.x[r.length - 1];
       l > i && (i = l);
     }
-    return En(e.x, e.length, i, t.step ?? 0, n.scale.domain[1]);
+    return Qn(e.x, e.length, i, t.step ?? 0, n.scale.domain[1]);
   }
   /** Lane of a state series in pixels. Without a value the whole domain of its y
       axis: a single series fills its band, a stack gets a domain with one unit per
@@ -2135,7 +2454,7 @@ class ze {
     const t = this.seriesCtx, e = this.theme;
     if (!t || !e) return;
     const n = typeof performance > "u" ? 0 : performance.now();
-    Vn(t, {
+    hi(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -2148,7 +2467,7 @@ class ze {
   }
   drawOverlayLayer() {
     const t = this.overlayCtx, e = this.theme;
-    !t || !e || (_n(t, {
+    !t || !e || (di(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -2191,7 +2510,7 @@ class ze {
     const o = this.findAxis("x", n.primary.entry.config.xAxisId);
     if (o !== null && this.share({ axisId: o.id, value: o.scale.fromPx(n.state.hit.xPx) }), i !== this.hoverKey) {
       const r = n.primary.entry.config.xAxisId;
-      this.hoverKey = i, this.hoverXLabel = this.xLabel(r, n.primary.xValue, oi(n.primary)), this.hoverRows = n.chosen.map((l) => this.tooltipRow(l, r)), this.hoverOrders = n.chosen.map((l) => l.entry.order), this.pushHoverSnapshot();
+      this.hoverKey = i, this.hoverXLabel = this.xLabel(r, n.primary.xValue, Pi(n.primary)), this.hoverRows = n.chosen.map((l) => this.tooltipRow(l, r)), this.hoverOrders = n.chosen.map((l) => l.entry.order), this.hoverTotals = this.totalsOf(n.chosen), this.pushHoverSnapshot();
     }
     return !0;
   }
@@ -2206,23 +2525,24 @@ class ze {
   hitTest(t, e) {
     var p;
     const n = ((p = this.tooltip) == null ? void 0 : p.mode) ?? "x", i = [];
-    if (this.seriesInOrder().forEach((u, d) => {
-      const y = u.materialized;
-      if (y === null || y.length === 0 || u.config.hidden === !0) return;
-      const g = u.config, b = this.findAxis("x", g.xAxisId), k = this.findAxis("y", g.yAxisId);
-      if (b === null || k === null) return;
-      const T = b.scale.fromPx(t), O = k.scale.fromPx(e), A = this.hitIn(u, y, b, k, e, T, O, n);
+    if (this.seriesInOrder().forEach((u, g) => {
+      const d = u.materialized;
+      if (d === null || d.length === 0 || u.config.hidden === !0) return;
+      const y = u.config, b = this.findAxis("x", y.xAxisId), v = this.findAxis("y", y.yAxisId);
+      if (b === null || v === null) return;
+      const w = b.scale.fromPx(t), L = v.scale.fromPx(e), A = this.hitIn(u, d, b, v, e, w, L, n);
       A !== null && i.push({
         entry: u,
         index: A.index,
         color: A.color ?? this.colorFor(u),
-        name: this.nameFor(u, d),
+        name: this.nameFor(u, g),
         px: A.px,
         py: A.py,
         xValue: A.xValue,
         yValue: A.yValue,
         marked: A.marked,
         areal: A.areal,
+        covers: A.covers === !0,
         value: A.value,
         segment: A.segment
       });
@@ -2231,11 +2551,12 @@ class ze {
     let l = r[0];
     if (n === "nearest") {
       let u = Number.POSITIVE_INFINITY;
-      for (const d of o) {
-        const y = d.px - t, g = d.py - e, b = y * y + g * g;
-        b < u && (u = b, l = d);
+      const g = o.filter((d) => d.covers);
+      for (const d of g.length > 0 ? g : o) {
+        const y = d.px - t, b = d.py - e, v = y * y + b * b;
+        (v < u || v === u && d.covers) && (u = v, l = d);
       }
-      if (u > Te * Te) {
+      if (g.length === 0 && u > We * We) {
         for (const d of i)
           if (d.areal) {
             l = d;
@@ -2244,16 +2565,16 @@ class ze {
       }
     } else {
       let u = Number.POSITIVE_INFINITY;
-      for (const d of r) {
-        const y = Math.abs(d.px - t);
-        y < u && (u = y, l = d);
+      for (const g of r) {
+        const d = Math.abs(g.px - t);
+        d < u && (u = d, l = g);
       }
     }
     const a = n === "nearest" ? [l] : i.filter(
       // An area is always included: it covers the pointer, otherwise it
       // would not have reported a hit at all. Only points have to share the
       // x position.
-      (u) => u.areal || Math.abs(u.px - l.px) <= ii
+      (u) => u.areal || Math.abs(u.px - l.px) <= Fi
     ), c = a.map((u) => ({
       seriesName: u.name,
       color: u.color,
@@ -2320,7 +2641,7 @@ class ze {
     const e = this.emphasised();
     if (e === null) return !1;
     if (e.config.kind === "matrix") return this.cellKey(t.key, e);
-    const n = t.shiftKey ? void 0 : yi[t.key];
+    const n = t.shiftKey ? void 0 : Yi[t.key];
     return n !== void 0 ? (this.walk(n), !0) : !t.shiftKey && (t.key === "ArrowDown" || t.key === "ArrowUp") ? (this.changeSeries(t.key === "ArrowDown" ? 1 : -1), !0) : !1;
   }
   /** Zoom and pan by key (Q6), only where the caller controls the domain:
@@ -2329,8 +2650,8 @@ class ze {
     var i;
     if (!this.hasZoom()) return !1;
     const e = this.layout.plot, n = ((i = this.hover) == null ? void 0 : i.hit.xPx) ?? e.x + e.width / 2;
-    if (t.key === "+" || t.key === "=") this.zoomAt(n, 1 / Se);
-    else if (t.key === "-" || t.key === "_") this.zoomAt(n, Se);
+    if (t.key === "+" || t.key === "=") this.zoomAt(n, 1 / Be);
+    else if (t.key === "-" || t.key === "_") this.zoomAt(n, Be);
     else if (t.key === "0") this.doubleClick();
     else if (t.shiftKey && (t.key === "ArrowLeft" || t.key === "ArrowRight"))
       this.panBy((t.key === "ArrowLeft" ? 1 : -1) * e.width / 10);
@@ -2351,7 +2672,7 @@ class ze {
     }
     const n = e === null ? null : this.findAxis("x", e.config.xAxisId);
     if (e === null || n === null) return;
-    const i = this.activeBy === null ? null : this.walkFrom(), o = Bt(this.walked(e), i, t, n.scale.domain);
+    const i = this.activeBy === null ? null : this.walkFrom(), o = jt(this.walked(e), i, t, n.scale.domain);
     o !== null && this.showPosition(e, o);
   }
   changeSeries(t) {
@@ -2361,7 +2682,7 @@ class ze {
     this.emphasis = i.order, this.setHighlight([i.order]), this.keyHighlight = !0;
     const o = this.walkFrom(), r = this.findAxis("x", i.config.xAxisId);
     if (r === null) return;
-    const l = o === null ? Bt(this.walked(i), null, "last", r.scale.domain) : ve(this.walked(i), o, r.scale.domain);
+    const l = o === null ? jt(this.walked(i), null, "last", r.scale.domain) : De(this.walked(i), o, r.scale.domain);
     if (l !== null)
       if (this.keyCell = null, i.config.kind === "matrix") {
         const a = this.columnStart(i, l);
@@ -2374,21 +2695,21 @@ class ze {
   cellKey(t, e) {
     const n = e.materialized, i = this.keyCell ?? this.lastCell(e);
     if (i === null) return !1;
-    const o = xi[t];
+    const o = Gi[t];
     let r;
-    if (o !== void 0) r = ke(n, i, o);
-    else if (t === "Home" || t === "End") r = Yn(n, i, t === "Home" ? "start" : "end");
+    if (o !== void 0) r = Pe(n, i, o);
+    else if (t === "Home" || t === "End") r = mi(n, i, t === "Home" ? "start" : "end");
     else return !1;
     return r === i && (o === "up" || o === "down") && this.walkable().length > 1 ? (this.changeSeries(o === "down" ? 1 : -1), !0) : (this.showCell(e, r), !0);
   }
   /** Where a matrix' walk starts: the newest column, its lowest row. */
   lastCell(t) {
-    const e = t.materialized, n = this.findAxis("x", t.config.xAxisId), i = n === null ? null : Bt([e], null, "last", n.scale.domain);
+    const e = t.materialized, n = this.findAxis("x", t.config.xAxisId), i = n === null ? null : jt([e], null, "last", n.scale.domain);
     return i === null ? null : this.columnStart(t, i);
   }
   /** The lowest cell with a value in a matrix' column. */
   columnStart(t, e) {
-    const n = { x: e, y: Number.NEGATIVE_INFINITY }, i = ke(t.materialized, n, "up");
+    const n = { x: e, y: Number.NEGATIVE_INFINITY }, i = Pe(t.materialized, n, "up");
     return i === n ? null : i;
   }
   showCell(t, e, n = !0) {
@@ -2405,7 +2726,7 @@ class ze {
       const a = this.lanePx(t.config, o);
       l = (a.top + a.bottom) / 2;
     } else {
-      const a = r.y[ne(r.x, r.length, e)];
+      const a = r.y[he(r.x, r.length, e)];
       l = Number.isNaN(a) ? this.layout.plot.y + this.layout.plot.height / 2 : o.scale.toPx(a);
     }
     this.moveKey(e, i.scale.toPx(e), l, n);
@@ -2421,24 +2742,38 @@ class ze {
       this.readoutTimer = null;
       const t = this.readoutEl;
       t !== null && this.activeBy === "keyboard" && (t.textContent = this.readoutText());
-    }, mi));
+    }, _i));
   }
   readoutText() {
-    var i;
+    var o;
     const t = this.hover;
     if (t === null) return "";
-    const e = t.hit.points.map((o, r) => {
-      const l = this.hoverRows[r];
-      return { order: this.hoverOrders[r], name: o.seriesName, value: (l == null ? void 0 : l.value) ?? "", x: (l == null ? void 0 : l.x) ?? "" };
-    }), n = (i = this.emphasised()) == null ? void 0 : i.order;
-    return e.sort((o, r) => +(r.order === n) - +(o.order === n)), this.wording.readout(this.hoverXLabel, e);
+    const e = t.hit.points.map((r, l) => {
+      const a = this.hoverRows[l];
+      return { order: this.hoverOrders[l], name: r.seriesName, value: (a == null ? void 0 : a.value) ?? "", x: (a == null ? void 0 : a.x) ?? "" };
+    }), n = (o = this.emphasised()) == null ? void 0 : o.order;
+    e.sort((r, l) => +(l.order === n) - +(r.order === n));
+    const i = this.hoverTotals.map((r) => ({ name: r.name, value: r.value, x: "" }));
+    return this.wording.readout(this.hoverXLabel, [...e, ...i]);
+  }
+  /** The totals of the stacks in a hit (K4), each after its stack's last
+      member. A normalised stack's total is no share: it is written in the
+      series' own `format`, as its readings would be. */
+  totalsOf(t) {
+    const e = [];
+    return t.forEach((n, i) => {
+      const o = U(n.entry.config), r = n.entry.stacked;
+      if (o === void 0 || r === null || t.some((c, h) => h > i && U(c.entry.config) === o)) return;
+      const l = r.total[n.index], a = r.normalize ? (n.entry.config.format ?? St)(l) : this.formatY(n.entry, l);
+      e.push({ after: i, name: this.wording.stackTotal, value: a });
+    }), e;
   }
   /** The summary is rebuilt after a layout, but not on every one: a zoom lays
       out every frame, and the summary reads every visible point. */
   scheduleSummary() {
     this.summaryEl !== null && (this.summaryTimer !== null && clearTimeout(this.summaryTimer), this.summaryTimer = setTimeout(() => {
       this.summaryTimer = null, this.summaryEl !== null && (this.summaryEl.textContent = this.summaryText());
-    }, pi));
+    }, Vi));
   }
   /** Kind of content, series by name, the visible stretch, each series' range
       in it and the keys (R10). A band has no range - its values are states. */
@@ -2462,37 +2797,138 @@ class ze {
   /** The lowest and highest value of a series inside its x axis' domain; a
       cell's value, every other kind's y. */
   visibleRange(t) {
+    var c;
     const e = t.materialized, n = this.findAxis("x", t.config.xAxisId);
     if (e === null || n === null) return null;
-    const [i, o] = n.scale.domain, r = e.w ?? e.y;
+    const [i, o] = n.scale.domain, r = e.w ?? ((c = t.stacked) == null ? void 0 : c.value) ?? e.y;
     let l = Number.POSITIVE_INFINITY, a = Number.NEGATIVE_INFINITY;
-    for (let c = ut(e.x, e.length, i); c < e.length && e.x[c] <= o; c++) {
-      const h = r[c];
-      !Number.isFinite(h) || Number.isNaN(e.y[c]) || (h < l && (l = h), h > a && (a = h));
+    for (let h = it(e.x, e.length, i); h < e.length && e.x[h] <= o; h++) {
+      const f = r[h];
+      !Number.isFinite(f) || Number.isNaN(e.y[h]) || (f < l && (l = f), f > a && (a = f));
     }
     return l <= a ? [l, a] : null;
   }
   /** A value as the tooltip writes it: the series' format, else its y axis'
       (a cell's value has no y axis format). */
   formatY(t, e) {
-    var o;
+    var o, r, l;
     const n = t.config;
-    if (n.format !== void 0) return n.format(e);
-    if (n.kind === "matrix") return kt(e);
-    const i = (o = this.findAxisConfig("y", n.yAxisId)) == null ? void 0 : o.tickFormat;
-    return i === void 0 ? kt(e) : i(e);
+    if (n.format !== void 0 && ((o = t.stacked) == null ? void 0 : o.normalize) !== !0) return n.format(e);
+    if (n.kind === "matrix") return St(e);
+    const i = ((r = t.stacked) == null ? void 0 : r.normalize) === !0 ? this.yTickFormat(n.yAxisId) : (l = this.findAxisConfig("y", n.yAxisId)) == null ? void 0 : l.tickFormat;
+    return i === void 0 ? St(e) : i(e);
+  }
+  /** A y axis' `tickFormat`; without one, an axis that carries a normalised
+      stack reads in percent (K5). */
+  yTickFormat(t) {
+    var n;
+    const e = (n = this.findAxisConfig("y", t)) == null ? void 0 : n.tickFormat;
+    if (e !== void 0) return e;
+    for (const i of this.series.values())
+      if (i.config.yAxisId === t && _t(i.config)) return this.percent;
+  }
+  /* ---------- The data table (charts-alternatives 01) ---------- */
+  /** What the data table lists: one table per x axis for the series on it, one
+      per matrix - a matrix has two positions per value, and shares no rows.
+      Only the visible domain, and above the limit its downsampled course
+      (table.ts). Called by the open table, once per layout. */
+  dataTableGroups() {
+    const t = this.seriesInOrder(), e = [], n = /* @__PURE__ */ new Map();
+    for (const i of this.walkable()) {
+      const o = i.config.kind === "matrix" ? void 0 : n.get(i.config.xAxisId);
+      if (o !== void 0) o.push(i);
+      else {
+        const r = [i];
+        e.push(r), i.config.kind !== "matrix" && n.set(i.config.xAxisId, r);
+      }
+    }
+    return e.flatMap((i) => {
+      const o = i[0];
+      return o.config.kind === "matrix" ? this.matrixTable(o, t) ?? [] : this.courseTable(i, t) ?? [];
+    });
+  }
+  /** The series of one x axis, merged on their x. */
+  courseTable(t, e) {
+    var f;
+    const n = this.wording, i = t[0].config.xAxisId, o = this.findAxis("x", i);
+    if (o === null) return null;
+    const [r, l] = o.scale.domain, a = yi(
+      t.map((m) => {
+        const p = m.materialized;
+        return m.stacked !== null ? { ...p, y: m.stacked.value, y0: null } : m.config.kind === "state" ? { ...p, changesOnly: !0 } : p;
+      }),
+      r,
+      l
+    );
+    let c = !1;
+    for (let m = 1; m < a.x.length && !c; m++) {
+      const p = a.x[m] - a.x[m - 1];
+      c = p > 0 && p < V;
+    }
+    const h = n.tableCaption(this.xLabel(i, r), this.xLabel(i, l));
+    return {
+      key: `x:${i}`,
+      caption: a.thinned ? `${h} ${n.downsampled(a.readings)}` : h,
+      columns: [
+        ((f = this.findAxisConfig("x", i)) == null ? void 0 : f.label) ?? n.positionColumn,
+        ...t.map((m) => this.nameFor(m, e.indexOf(m)))
+      ],
+      rows: a.x.map((m, p) => [
+        this.xLabel(i, m, c),
+        ...t.map((u, g) => {
+          var d;
+          return this.cellText(u, a.courses[g], ((d = a.at[p]) == null ? void 0 : d[g]) ?? -1);
+        })
+      ])
+    };
+  }
+  /** One cell: empty where the series has no reading there or a gap; a
+      state's name; a corridor's two edges; every other value as the tooltip
+      writes it. */
+  cellText(t, e, n) {
+    var l, a;
+    if (n < 0) return "";
+    const i = e.y[n];
+    if (Number.isNaN(i)) return "";
+    const o = t.config;
+    if (o.kind === "state") return ((l = o.states[i | 0]) == null ? void 0 : l.label) ?? "";
+    const r = (a = e.y0) == null ? void 0 : a[n];
+    return r !== void 0 && !Number.isNaN(r) ? `${this.formatY(t, r)} – ${this.formatY(t, i)}` : this.formatY(t, i);
+  }
+  /** A matrix' table: its cells inside the visible x domain, by column and
+      row, with their value. */
+  matrixTable(t, e) {
+    var h, f;
+    const n = t.materialized, i = this.findAxis("x", t.config.xAxisId), o = this.findAxis("y", t.config.yAxisId);
+    if (n === null || n.w === null || i === null || o === null) return null;
+    const [r, l] = i.scale.domain, a = [];
+    for (let m = 0; m < n.length; m++) {
+      const p = n.x[m], u = n.w[m];
+      p < r || p > l || !Number.isFinite(u) || a.push([this.xLabel(i.id, p), o.format(n.y[m]), this.formatY(t, u)]);
+    }
+    const c = this.wording;
+    return {
+      key: `m:${t.order}`,
+      caption: c.tableCaption(i.format(r), i.format(l)),
+      columns: [
+        ((h = this.findAxisConfig("x", t.config.xAxisId)) == null ? void 0 : h.label) ?? c.positionColumn,
+        ((f = this.findAxisConfig("y", t.config.yAxisId)) == null ? void 0 : f.label) ?? c.rowColumn,
+        this.nameFor(t, e.indexOf(t))
+      ],
+      rows: a
+    };
   }
   /** After a layout - new data, a new domain -, the keyboard's point goes to
       the nearest position still visible (Q6), or goes away. */
   reapplyKey() {
-    const t = this.emphasised(), e = t === null ? null : this.findAxis("x", t.config.xAxisId), n = t === null || e === null || this.keyX === null ? null : ve(this.walked(t), this.keyX, e.scale.domain);
+    const t = this.emphasised(), e = t === null ? null : this.findAxis("x", t.config.xAxisId), n = t === null || e === null || this.keyX === null ? null : De(this.walked(t), this.keyX, e.scale.domain);
     if (t === null || n === null) {
       this.clearActive();
       return;
     }
     if (t.config.kind !== "matrix") this.showPosition(t, n, !1);
     else {
-      const i = this.keyCell, o = t.materialized, r = i !== null && Bn(o, { x: n, y: i.y }) ? { x: n, y: i.y } : this.columnStart(t, n);
+      const i = this.keyCell, o = t.materialized, r = i !== null && pi(o, { x: n, y: i.y }) ? { x: n, y: i.y } : this.columnStart(t, n);
       r !== null && this.showCell(t, r, !1);
     }
   }
@@ -2616,16 +3052,21 @@ class ze {
       written in its format. A series' own `format` comes before either. */
   tooltipRow(t, e) {
     var l, a;
-    const n = t.entry.config, i = (l = t.segment) == null ? void 0 : l.label;
-    let o;
-    if (i !== void 0 && i !== "") o = i;
-    else if (t.value !== void 0) o = (n.format ?? kt)(t.value);
-    else {
-      const c = n.format ?? ((a = this.findAxisConfig("y", n.yAxisId)) == null ? void 0 : a.tickFormat);
-      o = c === void 0 ? kt(t.yValue) : c(t.yValue);
-    }
-    const r = n.xAxisId === e ? "" : this.xLabel(n.xAxisId, t.xValue);
-    return { value: o, x: r };
+    const n = t.entry.config, i = (l = t.segment) == null ? void 0 : l.label, o = i !== void 0 && i !== "" ? i : this.formatY(t.entry, t.value ?? t.yValue), r = n.xAxisId === e ? "" : this.xLabel(n.xAxisId, t.xValue);
+    return { value: o, x: r, chip: ((a = this.theme) == null ? void 0 : a.forced) === !0 ? this.tooltipChip(t, this.theme) : null };
+  }
+  /** A hit's chip drawn as its legend entry is: a band's state and a cell's
+      step by their hatch, every other series by its marks. */
+  tooltipChip(t, e) {
+    var r, l;
+    const n = t.entry.config, i = (a) => ({
+      color: e.colorText,
+      mark: { dash: null, marker: null, swatches: [{ color: e.colorText, hatch: a }], ground: e.colorBg }
+    });
+    if (n.kind === "state") return i(this.stateHatches().get(((r = t.segment) == null ? void 0 : r.label) ?? "") ?? "none");
+    if (n.kind === "matrix") return i(Pt(((l = t.entry.buckets) == null ? void 0 : l[t.index]) ?? 0));
+    const o = this.legendMark(t.entry, e);
+    return o === null ? null : { color: this.colorFor(t.entry), mark: o };
   }
   /** The hit of one series - one different question per kind.
   
@@ -2636,69 +3077,70 @@ class ze {
   hitIn(t, e, n, i, o, r, l, a) {
     const c = t.config, h = e.length;
     if (c.kind === "state") {
-      const u = this.lanePx(c, i);
-      if (o < u.top || o > u.bottom) return null;
-      const d = ge(e.x, h, r);
+      const g = this.lanePx(c, i);
+      if (o < g.top || o > g.bottom) return null;
+      const d = Ee(e.x, h, r);
       if (d < 0) return null;
       const y = e.y[d];
       if (Number.isNaN(y)) return null;
-      const g = e.x[d], b = Ve(e.x, h, d, this.lastEnd(t, e, n));
-      if (d === h - 1 && !(r < b)) return null;
-      const k = c.states[y | 0];
+      const b = e.x[d], v = nn(e.x, h, d, this.lastEnd(t, e, n));
+      if (d === h - 1 && !(r < v)) return null;
+      const w = c.states[y | 0];
       return {
         index: d,
-        px: n.scale.toPx(g),
-        py: (u.top + u.bottom) / 2,
-        xValue: g,
+        px: n.scale.toPx(b),
+        py: (g.top + g.bottom) / 2,
+        xValue: b,
         yValue: y,
         marked: !1,
         areal: !0,
-        color: k == null ? void 0 : k.color,
-        segment: { from: g, to: b, label: (k == null ? void 0 : k.label) ?? "" }
+        color: w == null ? void 0 : w.color,
+        segment: { from: b, to: v, label: (w == null ? void 0 : w.label) ?? "" }
       };
     }
     if (c.kind === "matrix") {
-      const u = Gn(
+      const g = ki(
         e.x,
         e.y,
         h,
         r,
         l,
-        Nt(t.step ?? 0, n.scale.domain[1] - n.scale.domain[0]),
-        Nt(t.cellHeight ?? 0, i.scale.domain[1] - i.scale.domain[0])
+        Et(t.step ?? 0, n.scale.domain[1] - n.scale.domain[0]),
+        Et(t.cellHeight ?? 0, i.scale.domain[1] - i.scale.domain[0])
       );
-      if (u < 0) return null;
-      const d = e.w, y = d === null ? Number.NaN : d[u];
+      if (g < 0) return null;
+      const d = e.w, y = d === null ? Number.NaN : d[g];
       if (!Number.isFinite(y)) return null;
-      const g = e.x[u], b = e.y[u], k = qt(c.coloring, this.theme ?? R);
-      return t.buckets ?? (t.buckets = Me(e, c.coloring, k.length)), {
-        index: u,
-        px: n.scale.toPx(g),
-        py: i.scale.toPx(b),
-        color: k[t.buckets[u]],
-        xValue: g,
+      const b = e.x[g], v = e.y[g], w = Ft(c.coloring, this.theme ?? H);
+      return t.buckets ?? (t.buckets = ze(e, c.coloring, w.length)), {
+        index: g,
+        px: n.scale.toPx(b),
+        py: i.scale.toPx(v),
+        color: w[t.buckets[g]],
+        xValue: b,
         // yValue stays the position on the y axis; the value that carries the
         // colour stands in a field of its own. Colour alone can transport no
         // number - which is why the tooltip has to carry it.
-        yValue: b,
+        yValue: v,
         value: y,
         marked: !1,
         areal: !0
       };
     }
-    const f = c.kind === "scatter" && a === "nearest" ? zn(e.x, e.y, h, r, l, n.scale, i.scale) : c.kind === "line" && c.step === !0 ? ge(e.x, h, r) : ne(e.x, h, r);
+    const f = c.kind === "scatter" && a === "nearest" ? fi(e.x, e.y, h, r, l, n.scale, i.scale) : c.kind === "line" && c.step === !0 ? Ee(e.x, h, r) : he(e.x, h, r);
     if (f < 0) return null;
     const m = e.y[f];
     if (Number.isNaN(m)) return null;
-    const p = e.x[f];
+    const p = e.x[f], u = t.stacked === null || e.y0 === null ? Number.NaN : e.y0[f];
     return {
       index: f,
       px: n.scale.toPx(p),
       py: i.scale.toPx(m),
       xValue: p,
-      yValue: m,
+      yValue: t.stacked === null ? m : t.stacked.value[f],
       marked: !0,
-      areal: !1
+      areal: !1,
+      covers: l >= Math.min(u, m) && l <= Math.max(u, m)
     };
   }
   /** R-4.9: 12 px to the right of the crosshair, flipping at the right edge,
@@ -2738,7 +3180,8 @@ class ze {
       legend: this.legend,
       series: this.legendItems(),
       limits: this.limitLabels(),
-      empty: !this.showsAPoint()
+      empty: !this.showsAPoint(),
+      dataTable: this.dataTable
     };
     for (const t of this.layoutSubscribers) t();
   }
@@ -2748,25 +3191,26 @@ class ze {
       hover: this.hover,
       tooltip: this.tooltip,
       xLabel: this.hoverXLabel,
-      rows: this.hoverRows
+      rows: this.hoverRows,
+      totals: this.hoverTotals
     };
     for (const t of this.hoverSubscribers) t();
   }
 }
 /** Class name of the measuring span for tick labels - keeps the CSS and the
     layout in step. */
-x(ze, "classTick", rt);
-const Ye = Ze(null);
-function ct(s) {
-  const t = je(Ye);
-  if (t === null && yt)
+x(rn, "classTick", ct);
+const ln = pn(null);
+function st(s) {
+  const t = gn(ln);
+  if (t === null && bt)
     throw new Error(
       `@umriss-ui/charts: <${s}> must be used inside a <Chart>.`
     );
   return t;
 }
-function ht(s, t) {
-  const e = ct(s), n = q(null);
+function dt(s, t) {
+  const e = st(s), n = G(null);
   D(() => {
     if (e !== null)
       return n.current = e.registerSeries(t), () => {
@@ -2776,8 +3220,8 @@ function ht(s, t) {
     e !== null && n.current !== null && e.updateSeries(n.current, t);
   });
 }
-function Be(s, t) {
-  const e = ct(s), n = q(null);
+function an(s, t) {
+  const e = st(s), n = G(null);
   D(() => {
     if (e !== null)
       return n.current = e.registerAxis(t), () => {
@@ -2787,8 +3231,8 @@ function Be(s, t) {
     e !== null && n.current !== null && e.updateAxis(n.current, t);
   });
 }
-function Ke(s, t) {
-  const e = ct(s), n = q(null);
+function cn(s, t) {
+  const e = st(s), n = G(null);
   D(() => {
     if (e !== null)
       return n.current = e.registerLimit(t), () => {
@@ -2798,8 +3242,8 @@ function Ke(s, t) {
     e !== null && n.current !== null && e.updateLimit(n.current, t);
   });
 }
-function gi(s, t) {
-  const e = ct(s);
+function Ki(s, t) {
+  const e = st(s);
   D(() => {
     if (e !== null)
       return e.registerLegend(t), () => e.unregisterLegend();
@@ -2807,8 +3251,15 @@ function gi(s, t) {
     e == null || e.updateLegend(t);
   });
 }
-function bi(s, t) {
-  const e = ct(s);
+function qi(s, t) {
+  const e = st(s);
+  D(() => {
+    if (e !== null)
+      return e.registerDataTable(t), () => e.unregisterDataTable();
+  }, [e, t]);
+}
+function Ui(s, t) {
+  const e = st(s);
   D(() => {
     if (e !== null)
       return e.registerTooltip(t), () => e.unregisterTooltip();
@@ -2816,27 +3267,27 @@ function bi(s, t) {
     e == null || e.updateTooltip(t);
   });
 }
-function vi(s, t) {
+function Xi(s, t) {
   const { band: e, position: n, orientation: i } = s, o = {
     left: `${e.x}px`,
     top: `${e.y}px`,
     width: `${e.width}px`,
     height: `${e.height}px`
-  }, r = te + ee;
-  return /* @__PURE__ */ z(
+  }, r = ae + ce;
+  return /* @__PURE__ */ O(
     "div",
     {
       className: `uc-axis uc-axis-${i} uc-axis-${n}`,
       style: o,
       "data-axis": s.id,
       children: [
-        /* @__PURE__ */ I("span", { className: "uc-axis-line" }),
+        /* @__PURE__ */ k("span", { className: "uc-axis-line" }),
         s.ticks.map((l) => {
           if (i === "y") {
             const c = Math.round(l.px - e.y);
-            return /* @__PURE__ */ z("span", { className: "uc-tick", style: { top: `${c}px` }, children: [
-              /* @__PURE__ */ I("span", { className: "uc-tick-mark" }),
-              /* @__PURE__ */ I(
+            return /* @__PURE__ */ O("span", { className: "uc-tick", style: { top: `${c}px` }, children: [
+              /* @__PURE__ */ k("span", { className: "uc-tick-mark" }),
+              /* @__PURE__ */ k(
                 "span",
                 {
                   className: "uc-tick-label",
@@ -2847,9 +3298,9 @@ function vi(s, t) {
             ] }, l.value);
           }
           const a = Math.round(l.px - e.x);
-          return /* @__PURE__ */ z("span", { className: "uc-tick", style: { left: `${a}px` }, children: [
-            /* @__PURE__ */ I("span", { className: "uc-tick-mark" }),
-            /* @__PURE__ */ I(
+          return /* @__PURE__ */ O("span", { className: "uc-tick", style: { left: `${a}px` }, children: [
+            /* @__PURE__ */ k("span", { className: "uc-tick-mark" }),
+            /* @__PURE__ */ k(
               "span",
               {
                 className: "uc-tick-label",
@@ -2862,7 +3313,7 @@ function vi(s, t) {
             )
           ] }, l.value);
         }),
-        s.breaks.map((l, a) => /* @__PURE__ */ I(
+        s.breaks.map((l, a) => /* @__PURE__ */ k(
           "span",
           {
             className: "uc-break",
@@ -2872,7 +3323,7 @@ function vi(s, t) {
           `break-${a}`
         )),
         t.map(
-          (l) => i === "y" ? /* @__PURE__ */ I(
+          (l) => i === "y" ? /* @__PURE__ */ k(
             "span",
             {
               className: "uc-limit-label",
@@ -2882,7 +3333,7 @@ function vi(s, t) {
               children: l.label
             },
             `limit-${l.id}`
-          ) : /* @__PURE__ */ I(
+          ) : /* @__PURE__ */ k(
             "span",
             {
               className: "uc-limit-label",
@@ -2897,22 +3348,22 @@ function vi(s, t) {
             `limit-${l.id}`
           )
         ),
-        s.label !== void 0 && s.label !== "" && /* @__PURE__ */ I("span", { className: "uc-axis-title", children: s.label })
+        s.label !== void 0 && s.label !== "" && /* @__PURE__ */ k("span", { className: "uc-axis-title", children: s.label })
       ]
     },
     s.key
   );
 }
-function ki({ scene: s, empty: t }) {
-  const e = $t(
+function Zi({ scene: s, empty: t }) {
+  const e = wt(
     s.subscribeLayout,
     s.getLayoutSnapshot,
     s.getLayoutServerSnapshot
   ), { layout: n } = e;
   if (n.plot.width <= 0 || n.plot.height <= 0) return null;
   const { plot: i } = n;
-  return /* @__PURE__ */ z("div", { className: "uc-axes", children: [
-    e.empty && /* @__PURE__ */ I(
+  return /* @__PURE__ */ O("div", { className: "uc-axes", children: [
+    e.empty && /* @__PURE__ */ k(
       "div",
       {
         className: "uc-empty",
@@ -2921,19 +3372,175 @@ function ki({ scene: s, empty: t }) {
       }
     ),
     n.axes.map(
-      (o) => vi(
+      (o) => Xi(
         o,
         e.limits.filter((r) => r.axisKey === o.key)
       )
     )
   ] });
 }
-function wi({ scene: s }) {
-  const t = $t(
+function un({ scene: s, state: t }) {
+  const e = s.getWording();
+  return /* @__PURE__ */ k(
+    "button",
+    {
+      type: "button",
+      className: "uc-legend-item uc-data-key",
+      "aria-expanded": t.open,
+      "aria-controls": t.open ? t.id : void 0,
+      onClick: () => s.toggleDataTable(),
+      children: t.open ? e.hideData : e.showData
+    }
+  );
+}
+function ji({ scene: s }) {
+  const t = Ve();
+  qi("DataTable", t);
+  const e = wt(s.subscribeLayout, s.getLayoutSnapshot, s.getLayoutServerSnapshot), n = e.dataTable, i = (n == null ? void 0 : n.open) === !0, o = i ? s.dataTableGroups() : [], r = G(null), [l, a] = fe(null);
+  if (yn(() => {
+    var m, p;
+    const h = (p = (m = r.current) == null ? void 0 : m.parentElement) == null ? void 0 : p.querySelector(":scope > .uc-plot");
+    if (h == null) return;
+    const f = { top: h.offsetTop, height: h.offsetHeight };
+    a((u) => u !== null && u.top === f.top && u.height === f.height ? u : f);
+  }, [e, i]), n === null) return null;
+  const c = l === null ? void 0 : { top: l.top, height: l.height };
+  return /* @__PURE__ */ O(xt, { children: [
+    e.legend === null && /* @__PURE__ */ k("div", { className: "uc-legend uc-legend-top", children: /* @__PURE__ */ k(un, { scene: s, state: n }) }),
+    i && // A tab stop of its own: the panel scrolls, and a keyboard has to be
+    // able to scroll it.
+    /* @__PURE__ */ k("div", { ref: r, id: n.id, className: "uc-data-panel", style: c, tabIndex: 0, children: o.map((h) => /* @__PURE__ */ O("table", { className: "uc-data-table", children: [
+      /* @__PURE__ */ k("caption", { children: h.caption }),
+      /* @__PURE__ */ k("thead", { children: /* @__PURE__ */ k("tr", { children: h.columns.map((f, m) => /* @__PURE__ */ k("th", { scope: "col", children: f }, m)) }) }),
+      /* @__PURE__ */ k("tbody", { children: h.rows.map((f, m) => /* @__PURE__ */ O("tr", { children: [
+        /* @__PURE__ */ k("th", { scope: "row", children: f[0] }),
+        f.slice(1).map((p, u) => /* @__PURE__ */ k("td", { children: p }, u))
+      ] }, m)) })
+    ] }, h.key)) })
+  ] });
+}
+function Ts() {
+  const s = st("DataTable");
+  return s === null ? null : /* @__PURE__ */ k(ji, { scene: s });
+}
+function Ji({
+  scene: s,
+  placement: t,
+  onToggle: e
+}) {
+  Ki("Legend", { placement: t });
+  const n = wt(
+    s.subscribeLayout,
+    s.getLayoutSnapshot,
+    s.getLayoutServerSnapshot
+  ), i = n.dataTable;
+  return n.series.length === 0 && i === null ? null : /* @__PURE__ */ O("div", { className: `uc-legend uc-legend-${t}`, children: [
+    n.series.map((o) => {
+      const r = {
+        className: "uc-legend-item",
+        "data-hidden": o.hidden ? "" : void 0,
+        onPointerEnter: () => s.setHighlight(o.seriesIds),
+        onPointerLeave: () => s.setHighlight(null)
+      }, l = /* @__PURE__ */ O(xt, { children: [
+        o.mark === null ? /* @__PURE__ */ k("span", { className: "uc-legend-chip", style: { background: o.color } }) : /* @__PURE__ */ k(hn, { color: o.color, mark: o.mark }),
+        o.name
+      ] });
+      return e === void 0 ? /* @__PURE__ */ k("span", { ...r, children: l }, o.id) : /* @__PURE__ */ k(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": !o.hidden,
+          onClick: () => e(o.name),
+          ...r,
+          children: l
+        },
+        o.id
+      );
+    }),
+    i !== null && /* @__PURE__ */ k(un, { scene: s, state: i })
+  ] });
+}
+const Qi = 3;
+function hn({ color: s, mark: t }) {
+  var n;
+  const e = t.dash !== null ? (n = t.swatches) == null ? void 0 : n[0] : void 0;
+  if (e !== void 0)
+    return /* @__PURE__ */ O("svg", { className: "uc-legend-mark", width: 18, height: 10, viewBox: "0 0 18 10", "aria-hidden": "true", children: [
+      /* @__PURE__ */ k("rect", { y: 3, width: 18, height: 7, fill: e.color, fillOpacity: e.opacity }),
+      /* @__PURE__ */ k("path", { d: _e({ x: 0, y: 3, width: 18, height: 7 }, e.hatch), stroke: e.color, strokeWidth: 1 }),
+      /* @__PURE__ */ k(
+        "line",
+        {
+          x1: 1,
+          y1: 3,
+          x2: 17,
+          y2: 3,
+          stroke: s,
+          strokeWidth: 1.5,
+          strokeLinecap: "round",
+          strokeDasharray: t.dash !== null && t.dash.length > 0 ? t.dash.join(" ") : void 0
+        }
+      )
+    ] });
+  if (t.swatches !== null) {
+    const i = t.swatches.length === 1 ? 10 : 8, o = i * t.swatches.length;
+    return /* @__PURE__ */ k("svg", { className: "uc-legend-mark", width: o, height: 10, viewBox: `0 0 ${o} 10`, "aria-hidden": "true", children: t.swatches.map((r, l) => (
+      // A nested svg clips its hatch to its own swatch.
+      /* @__PURE__ */ O("svg", { x: l * i, y: 0, width: i, height: 10, children: [
+        /* @__PURE__ */ k("rect", { width: i, height: 10, fill: r.color }),
+        /* @__PURE__ */ k("path", { d: _e({ x: 0, y: 0, width: i, height: 10 }, r.hatch), stroke: t.ground, strokeWidth: 1 })
+      ] }, l)
+    )) });
+  }
+  return /* @__PURE__ */ O("svg", { className: "uc-legend-mark", width: 18, height: 10, viewBox: "0 0 18 10", "aria-hidden": "true", children: [
+    t.dash !== null && /* @__PURE__ */ k(
+      "line",
+      {
+        x1: 1,
+        y1: 5,
+        x2: 17,
+        y2: 5,
+        stroke: s,
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeDasharray: t.dash.length > 0 ? t.dash.join(" ") : void 0
+      }
+    ),
+    t.marker !== null && /* @__PURE__ */ k("path", { d: ts(t.marker, 9, 5, 3), fill: s })
+  ] });
+}
+function _e(s, t) {
+  const e = en(s, t, Qi);
+  let n = "";
+  for (let i = 0; i < e.length; i += 4) n += `M${e[i]} ${e[i + 1]}L${e[i + 2]} ${e[i + 3]}`;
+  return n;
+}
+function ts(s, t, e, n) {
+  let i = "";
+  return pe(
+    {
+      moveTo: (o, r) => i += `M${o} ${r}`,
+      lineTo: (o, r) => i += `L${o} ${r}`,
+      // Only ever a whole circle: two half arcs, as SVG has no full one.
+      arc: (o, r, l) => i += `M${o - l} ${r}A${l} ${l} 0 1 0 ${o + l} ${r}A${l} ${l} 0 1 0 ${o - l} ${r}`,
+      closePath: () => i += "Z"
+    },
+    s,
+    t,
+    e,
+    n
+  ), i;
+}
+function Ms({ placement: s = "top", onToggle: t }) {
+  const e = st("Legend");
+  return e === null ? null : /* @__PURE__ */ k(Ji, { scene: e, placement: s, onToggle: t });
+}
+function es({ scene: s }) {
+  const t = wt(
     s.subscribeHover,
     s.getHoverSnapshot,
     s.getHoverServerSnapshot
-  ), e = Je(
+  ), e = xn(
     (i) => {
       s.bindTooltip(i);
     },
@@ -2943,22 +3550,28 @@ function wi({ scene: s }) {
     s.markOverlayDirty();
   }, [s, t.version]), t.tooltip === null) return null;
   const n = t.hover;
-  return /* @__PURE__ */ I("div", { className: "uc-tooltip", ref: e, role: "presentation", children: n === null ? null : t.tooltip.render !== void 0 ? t.tooltip.render(n.hit) : /* @__PURE__ */ z(Et, { children: [
-    /* @__PURE__ */ I("div", { className: "uc-tooltip-head", children: t.xLabel }),
-    /* @__PURE__ */ I("div", { className: "uc-tooltip-list", children: n.hit.points.map((i, o) => {
+  return /* @__PURE__ */ k("div", { className: "uc-tooltip", ref: e, role: "presentation", children: n === null ? null : t.tooltip.render !== void 0 ? t.tooltip.render(n.hit) : /* @__PURE__ */ O(xt, { children: [
+    /* @__PURE__ */ k("div", { className: "uc-tooltip-head", children: t.xLabel }),
+    /* @__PURE__ */ k("div", { className: "uc-tooltip-list", children: n.hit.points.map((i, o) => {
       const r = t.rows[o];
-      return /* @__PURE__ */ z("div", { className: "uc-tooltip-row", children: [
-        /* @__PURE__ */ I("span", { className: "uc-tooltip-chip", style: { background: i.color } }),
-        /* @__PURE__ */ z("span", { className: "uc-tooltip-name", children: [
-          i.seriesName,
-          r !== void 0 && r.x !== "" ? /* @__PURE__ */ I("span", { className: "uc-tooltip-x", children: r.x }) : null
+      return /* @__PURE__ */ O(bn, { children: [
+        /* @__PURE__ */ O("div", { className: "uc-tooltip-row", children: [
+          (r == null ? void 0 : r.chip) != null ? /* @__PURE__ */ k(hn, { color: r.chip.color, mark: r.chip.mark }) : /* @__PURE__ */ k("span", { className: "uc-tooltip-chip", style: { background: i.color } }),
+          /* @__PURE__ */ O("span", { className: "uc-tooltip-name", children: [
+            i.seriesName,
+            r !== void 0 && r.x !== "" ? /* @__PURE__ */ k("span", { className: "uc-tooltip-x", children: r.x }) : null
+          ] }),
+          /* @__PURE__ */ k("span", { className: "uc-tooltip-value", children: r == null ? void 0 : r.value })
         ] }),
-        /* @__PURE__ */ I("span", { className: "uc-tooltip-value", children: r == null ? void 0 : r.value })
+        t.totals.filter((l) => l.after === o).map((l) => /* @__PURE__ */ O("div", { className: "uc-tooltip-row", children: [
+          /* @__PURE__ */ k("span", { className: "uc-tooltip-name uc-tooltip-total", children: l.name }),
+          /* @__PURE__ */ k("span", { className: "uc-tooltip-value", children: l.value })
+        ] }, "total"))
       ] }, `${i.seriesName}-${i.index}`);
     }) })
   ] }) });
 }
-function Ui(s) {
+function Ss(s) {
   const {
     data: t,
     width: e = "100%",
@@ -2971,120 +3584,123 @@ function Ui(s) {
     syncId: c,
     empty: h,
     wording: f,
-    children: m
-  } = s, p = P(() => ({ ..._e, ...f }), [f]), u = h ?? p.empty, [d] = Ee(() => new ze()), y = q(null), g = q(null), b = q(null), k = q(null), T = q(null), O = q(null), A = Qe(), E = typeof i == "number" ? void 0 : i, S = typeof i == "number" ? i : void 0, M = S ?? (E == null ? void 0 : E.top), _ = S ?? (E == null ? void 0 : E.right), U = S ?? (E == null ? void 0 : E.bottom), w = S ?? (E == null ? void 0 : E.left), L = P(
+    encoding: m = "color",
+    children: p
+  } = s, u = $(() => ({ ...sn, ...f }), [f]), g = h ?? u.empty, [d] = fe(() => new rn()), y = G(null), b = G(null), v = G(null), w = G(null), L = G(null), A = G(null), z = Ve(), T = typeof i == "number" ? void 0 : i, S = typeof i == "number" ? i : void 0, _ = S ?? (T == null ? void 0 : T.top), X = S ?? (T == null ? void 0 : T.right), I = S ?? (T == null ? void 0 : T.bottom), P = S ?? (T == null ? void 0 : T.left), N = $(
     () => ({
-      top: M ?? 8,
-      right: _ ?? 8,
-      bottom: U ?? 8,
-      left: w ?? 8
+      top: _ ?? 8,
+      right: X ?? 8,
+      bottom: I ?? 8,
+      left: P ?? 8
     }),
-    [M, _, U, w]
+    [_, X, I, P]
   );
-  o === void 0 && tt(
+  o === void 0 && nt(
     "chart-arialabel",
     "Chart without ariaLabel - please set a meaningful description (R-7.6)."
   ), D(() => {
-    const N = y.current, C = g.current, H = b.current, G = k.current;
-    if (!N || !C || !H || !G) return;
-    d.bind(C, H, G, N), d.bindA11y(T.current, O.current);
-    const Y = C.getBoundingClientRect();
-    d.requestResize(Y.width, Y.height);
-    const X = new ResizeObserver((Q) => {
-      var dt;
-      const et = Q[Q.length - 1];
+    const M = y.current, C = b.current, q = v.current, Y = w.current;
+    if (!M || !C || !q || !Y) return;
+    d.bind(C, q, Y, M), d.bindA11y(L.current, A.current);
+    const Z = C.getBoundingClientRect();
+    d.requestResize(Z.width, Z.height);
+    const R = new ResizeObserver((J) => {
+      var Tt;
+      const et = J[J.length - 1];
       if (et === void 0) return;
-      const nt = (dt = et.contentBoxSize) == null ? void 0 : dt[0];
-      nt !== void 0 ? d.requestResize(nt.inlineSize, nt.blockSize) : d.requestResize(et.contentRect.width, et.contentRect.height);
+      const at = (Tt = et.contentBoxSize) == null ? void 0 : Tt[0];
+      at !== void 0 ? d.requestResize(at.inlineSize, at.blockSize) : d.requestResize(et.contentRect.width, et.contentRect.height);
     });
-    X.observe(C);
-    const $ = () => d.pointerLeave();
-    window.addEventListener("blur", $);
-    const Z = (Q) => {
-      C.contains(Q.target) || d.pointerLeave();
+    R.observe(C);
+    const j = () => d.pointerLeave();
+    window.addEventListener("blur", j);
+    const W = (J) => {
+      C.contains(J.target) || d.pointerLeave();
     };
-    document.addEventListener("pointerdown", Z);
-    const W = (Q) => d.wheel(Q);
-    return C.addEventListener("wheel", W, { passive: !1 }), () => {
-      C.removeEventListener("wheel", W), window.removeEventListener("blur", $), document.removeEventListener("pointerdown", Z), X.disconnect(), d.unbind();
+    document.addEventListener("pointerdown", W);
+    const At = (J) => d.wheel(J);
+    return C.addEventListener("wheel", At, { passive: !1 }), () => {
+      C.removeEventListener("wheel", At), window.removeEventListener("blur", j), document.removeEventListener("pointerdown", W), R.disconnect(), d.unbind();
     };
   }, [d]), D(() => {
     d.setData(t);
   }, [d, t]), D(() => {
-    d.setPadding(L);
-  }, [d, L]), D(() => {
-    d.setWording(p);
-  }, [d, p]), D(() => {
+    d.setPadding(N);
+  }, [d, N]), D(() => {
+    d.setWording(u);
+  }, [d, u]), D(() => {
+    d.setEncoding(m);
+  }, [d, m]), D(() => {
     d.setOnPerf(a ?? null);
   }, [d, a]), D(() => (d.setSyncId(c ?? null), () => d.setSyncId(null)), [d, c]), D(() => {
     d.validate();
   });
-  const v = $t(
+  const F = wt(
     d.subscribeHover,
     () => d.getHoverSnapshot().tooltip !== null,
     () => !1
-  ), F = {
+  ), B = {
     width: e === "100%" ? "100%" : `${e}px`,
     height: `${n}px`,
     ...l
-  }, V = (N) => {
-    d.drag(N.nativeEvent), d.pointerMove(N.nativeEvent.offsetX, N.nativeEvent.offsetY);
+  }, E = (M) => {
+    d.drag(M.nativeEvent), d.pointerMove(M.nativeEvent.offsetX, M.nativeEvent.offsetY);
   };
-  return /* @__PURE__ */ I(Ye.Provider, { value: d, children: /* @__PURE__ */ z(
+  return /* @__PURE__ */ k(ln.Provider, { value: d, children: /* @__PURE__ */ O(
     "div",
     {
       ref: y,
       className: r ? `uc-root ${r}` : "uc-root",
-      style: F,
+      style: B,
       children: [
-        /* @__PURE__ */ z(
+        /* @__PURE__ */ O(
           "div",
           {
-            ref: g,
+            ref: b,
             className: "uc-plot",
-            role: v ? "application" : "img",
-            "aria-roledescription": v ? p.roleDescription : void 0,
+            role: F ? "application" : "img",
+            "aria-roledescription": F ? u.roleDescription : void 0,
             "aria-label": o,
-            "aria-describedby": A,
-            tabIndex: v ? 0 : void 0,
-            onKeyDown: (N) => {
-              d.key(N.nativeEvent) && N.preventDefault();
+            "aria-describedby": z,
+            tabIndex: F ? 0 : void 0,
+            onKeyDown: (M) => {
+              d.key(M.nativeEvent) && M.preventDefault();
             },
-            onFocus: (N) => d.focus(Ni(N.currentTarget)),
+            onFocus: (M) => d.focus(ns(M.currentTarget)),
             onBlur: () => d.blur(),
-            onPointerMove: V,
-            onPointerDown: (N) => {
-              d.pointerDown(N.nativeEvent), V(N);
+            onPointerMove: E,
+            onPointerDown: (M) => {
+              d.pointerDown(M.nativeEvent), E(M);
             },
-            onPointerUp: (N) => d.pointerUp(N.nativeEvent),
-            onPointerCancel: (N) => d.pointerUp(N.nativeEvent),
+            onPointerUp: (M) => d.pointerUp(M.nativeEvent),
+            onPointerCancel: (M) => d.pointerUp(M.nativeEvent),
             onDoubleClick: () => d.doubleClick(),
-            onPointerLeave: (N) => {
-              N.pointerType !== "touch" && d.pointerLeave();
+            onPointerLeave: (M) => {
+              M.pointerType !== "touch" && d.pointerLeave();
             },
             children: [
-              /* @__PURE__ */ I("canvas", { ref: b, className: "uc-layer-series", "aria-hidden": "true" }),
-              /* @__PURE__ */ I("canvas", { ref: k, className: "uc-layer-overlay", "aria-hidden": "true" }),
-              /* @__PURE__ */ I(ki, { scene: d, empty: u }),
-              /* @__PURE__ */ I(wi, { scene: d })
+              /* @__PURE__ */ k("canvas", { ref: v, className: "uc-layer-series", "aria-hidden": "true" }),
+              /* @__PURE__ */ k("canvas", { ref: w, className: "uc-layer-overlay", "aria-hidden": "true" }),
+              /* @__PURE__ */ k(Zi, { scene: d, empty: g }),
+              /* @__PURE__ */ k(es, { scene: d })
             ]
           }
         ),
-        /* @__PURE__ */ I("div", { ref: T, className: "uc-sr", "aria-live": "polite" }),
-        /* @__PURE__ */ I("div", { ref: O, id: A, className: "uc-sr" }),
-        m
+        /* @__PURE__ */ k("div", { ref: L, className: "uc-sr", "aria-live": "polite" }),
+        /* @__PURE__ */ k("div", { ref: A, id: z, className: "uc-sr" }),
+        p
       ]
     }
   ) });
 }
-function Ni(s) {
+function ns(s) {
   try {
     return s.matches(":focus-visible");
   } catch {
     return !0;
   }
 }
-function Xi(s) {
+function Ls(s) {
   const {
     accessor: t,
     baseline: e,
@@ -3096,10 +3712,12 @@ function Xi(s) {
     format: a,
     color: c,
     tone: h,
-    fillOpacity: f = 0.18,
-    strokeWidth: m = 1.5,
-    dash: p
-  } = s, u = P(
+    stack: f,
+    normalize: m,
+    fillOpacity: p = 0.18,
+    strokeWidth: u = 1.5,
+    dash: g
+  } = s, d = $(
     () => ({
       kind: "area",
       accessor: t,
@@ -3112,15 +3730,17 @@ function Xi(s) {
       format: a,
       color: c,
       tone: h,
-      fillOpacity: f,
-      strokeWidth: m,
-      dash: p
+      stack: f,
+      normalize: m,
+      fillOpacity: p,
+      strokeWidth: u,
+      dash: g
     }),
-    [t, e, n, i, o, r, l, a, c, h, f, m, p]
+    [t, e, n, i, o, r, l, a, c, h, f, m, p, u, g]
   );
-  return ht("Area", u), null;
+  return dt("Area", d), null;
 }
-function Zi(s) {
+function Es(s) {
   const {
     accessor: t,
     xAxisId: e = "x",
@@ -3131,8 +3751,10 @@ function Zi(s) {
     format: l,
     color: a,
     tone: c,
-    barWidth: h = 0.8
-  } = s, f = P(
+    stack: h,
+    normalize: f,
+    barWidth: m = 0.8
+  } = s, p = $(
     () => ({
       kind: "bar",
       accessor: t,
@@ -3144,13 +3766,15 @@ function Zi(s) {
       format: l,
       color: a,
       tone: c,
-      barWidth: h
+      stack: h,
+      normalize: f,
+      barWidth: m
     }),
-    [t, e, n, i, o, r, l, a, c, h]
+    [t, e, n, i, o, r, l, a, c, h, f, m]
   );
-  return ht("Bar", f), null;
+  return dt("Bar", p), null;
 }
-function Ii(s) {
+function is(s) {
   const {
     accessor: t,
     xAxisId: e = "x",
@@ -3165,7 +3789,7 @@ function Ii(s) {
     dash: f,
     markers: m = "auto",
     step: p
-  } = s, u = P(
+  } = s, u = $(
     () => ({
       kind: "line",
       accessor: t,
@@ -3184,9 +3808,9 @@ function Ii(s) {
     }),
     [t, e, n, i, o, r, l, a, c, h, f, m, p]
   );
-  return ht("Line", u), null;
+  return dt("Line", u), null;
 }
-function Ai(s) {
+function ss(s) {
   const {
     accessor: t,
     xAxisId: e = "x",
@@ -3198,7 +3822,7 @@ function Ai(s) {
     color: a,
     tone: c,
     radius: h = 3
-  } = s, f = P(
+  } = s, f = $(
     () => ({
       kind: "scatter",
       accessor: t,
@@ -3214,9 +3838,9 @@ function Ai(s) {
     }),
     [t, e, n, i, o, r, l, a, c, h]
   );
-  return ht("Scatter", f), null;
+  return dt("Scatter", f), null;
 }
-function ji(s) {
+function Fs(s) {
   const {
     accessor: t,
     states: e,
@@ -3227,7 +3851,7 @@ function ji(s) {
     hidden: l,
     laneFrom: a,
     laneTo: c
-  } = s, h = P(
+  } = s, h = $(
     () => ({
       kind: "state",
       accessor: t,
@@ -3242,9 +3866,9 @@ function ji(s) {
     }),
     [t, e, n, i, o, r, l, a, c]
   );
-  return ht("StateBand", h), null;
+  return dt("StateBand", h), null;
 }
-const Ti = [
+const os = [
   "#eef2ff",
   "#c7d2fe",
   "#a5b4fc",
@@ -3253,7 +3877,7 @@ const Ti = [
   "#4f46e5",
   "#4338ca"
 ];
-function Ji(s) {
+function Ds(s) {
   const {
     accessor: t,
     value: e,
@@ -3264,10 +3888,10 @@ function Ji(s) {
     name: l,
     hidden: a,
     format: c
-  } = s, h = P(
-    () => n ?? { kind: "gradient", stops: Ti },
+  } = s, h = $(
+    () => n ?? { kind: "gradient", stops: os },
     [n]
-  ), f = P(
+  ), f = $(
     () => ({
       kind: "matrix",
       accessor: t,
@@ -3282,9 +3906,9 @@ function Ji(s) {
     }),
     [t, e, h, i, o, r, l, a, c]
   );
-  return ht("Matrix", f), null;
+  return dt("Matrix", f), null;
 }
-function mt(s) {
+function pt(s) {
   const {
     value: t,
     orientation: e = "y",
@@ -3294,7 +3918,7 @@ function mt(s) {
     color: r,
     inExtent: l = !0,
     role: a = "specification"
-  } = s, c = P(
+  } = s, c = $(
     () => ({
       kind: "line",
       value: t,
@@ -3308,9 +3932,9 @@ function mt(s) {
     }),
     [t, n, e, i, a, o, r, l]
   );
-  return Ke("LimitLine", c), null;
+  return cn("LimitLine", c), null;
 }
-function Qi(s) {
+function Ps(s) {
   const {
     from: t,
     to: e,
@@ -3321,7 +3945,7 @@ function Qi(s) {
     color: l,
     inExtent: a = !0,
     role: c = "specification"
-  } = s, h = P(
+  } = s, h = $(
     () => ({
       kind: "band",
       from: t,
@@ -3336,10 +3960,10 @@ function Qi(s) {
     }),
     [t, e, i, n, o, c, r, l, a]
   );
-  return Ke("LimitBand", h), null;
+  return cn("LimitBand", h), null;
 }
-const Mi = 1.128;
-function Ut(s, t) {
+const rs = 1.128;
+function ne(s, t) {
   return {
     center: s,
     sigma: t,
@@ -3347,12 +3971,12 @@ function Ut(s, t) {
     lower: s - 3 * t
   };
 }
-function ts(s, t) {
+function Cs(s, t) {
   return (t - s) / 3;
 }
-function Si(s, t) {
+function ls(s, t) {
   if (t.kind === "given")
-    return Ut(t.center, t.sigma);
+    return ne(t.center, t.sigma);
   const e = Math.max(0, Math.trunc(t.from)), n = Math.min(s.length, Math.trunc(t.to));
   let i = 0, o = 0, r = 0, l = 0, a = Number.NaN;
   for (let h = e; h < n; h++) {
@@ -3363,21 +3987,21 @@ function Si(s, t) {
     }
     i += f, o++, Number.isFinite(a) && (r += Math.abs(f - a), l++), a = f;
   }
-  if (o === 0) return Ut(Number.NaN, Number.NaN);
-  const c = l === 0 ? 0 : r / l / Mi;
-  return Ut(i / o, c);
+  if (o === 0) return ne(Number.NaN, Number.NaN);
+  const c = l === 0 ? 0 : r / l / rs;
+  return ne(i / o, c);
 }
-function Ei(s, t = [1, 2]) {
+function as(s, t = [1, 2]) {
   return t.map((e) => ({
     k: e,
     upper: s.center + e * s.sigma,
     lower: s.center - e * s.sigma
   }));
 }
-function Li(s, t) {
+function cs(s, t) {
   return Number.isFinite(s) ? s > t ? 1 : s < t ? -1 : 0 : 0;
 }
-function Ge(s, t) {
+function dn(s, t) {
   const e = [];
   if (t < 1) return e;
   let n = 0;
@@ -3391,7 +4015,7 @@ function Ge(s, t) {
   }
   return e;
 }
-const se = {
+const ge = {
   outlier: !0,
   run: !0,
   trend: !0,
@@ -3399,7 +4023,7 @@ const se = {
   runLength: 9,
   trendLength: 6
 };
-function Fi(s, t) {
+function us(s, t) {
   const e = [];
   if (!(t.sigma > 0)) return e;
   for (let n = 0; n < s.length; n++) {
@@ -3408,24 +4032,24 @@ function Fi(s, t) {
   }
   return e;
 }
-function Pi(s, t, e = se.runLength) {
-  return Ge(
-    s.map((n) => Li(n, t.center)),
+function hs(s, t, e = ge.runLength) {
+  return dn(
+    s.map((n) => cs(n, t.center)),
     e
   );
 }
-function Di(s, t = se.trendLength) {
+function ds(s, t = ge.trendLength) {
   const e = [];
   for (let i = 1; i < s.length; i++) {
     const o = s[i - 1], r = s[i];
     e.push(Number.isFinite(o) && Number.isFinite(r) ? Math.sign(r - o) : 0);
   }
   const n = [];
-  for (const i of Ge(e, Math.max(1, t - 1)))
+  for (const i of dn(e, Math.max(1, t - 1)))
     n[n.length - 1] !== i && n.push(i), n.push(i + 1);
   return n;
 }
-function Ci(s, t) {
+function fs(s, t) {
   if (!(t.sigma > 0)) return [];
   const e = t.center + 2 * t.sigma, n = t.center - 2 * t.sigma, i = /* @__PURE__ */ new Set();
   for (let o = 0; o + 2 < s.length; o++)
@@ -3436,30 +4060,30 @@ function Ci(s, t) {
       if (r.length >= 2) for (const l of r) i.add(l);
   return [...i].sort((o, r) => o - r);
 }
-function Oi(s, t, e = {}) {
-  const n = { ...se, ...e };
-  t.sigma > 0 || tt(
+function ms(s, t, e = {}) {
+  const n = { ...ge, ...e };
+  t.sigma > 0 || nt(
     "control-sigma-zero",
     `control limits with sigma ${t.sigma} span no band - a constant reference window, or a given sigma not above 0. Rules 1 and 4 find nothing there; take a window with spread, or a positive given sigma.`
   );
   const i = [], o = (r, l) => {
     l.length > 0 && i.push({ rule: r, indices: l });
   };
-  return n.outlier && o("outlier", Fi(s, t)), n.run && o("run", Pi(s, t, n.runLength)), n.trend && o("trend", Di(s, n.trendLength)), n.twoOfThree && o("twoOfThree", Ci(s, t)), i;
+  return n.outlier && o("outlier", us(s, t)), n.run && o("run", hs(s, t, n.runLength)), n.trend && o("trend", ds(s, n.trendLength)), n.twoOfThree && o("twoOfThree", fs(s, t)), i;
 }
-function $i(s) {
+function ps(s) {
   const t = /* @__PURE__ */ new Set();
   for (const e of s) for (const n of e.indices) t.add(n);
   return [...t].sort((e, n) => e - n);
 }
-function Xt(s, t) {
-  const [e, n] = Ee({ value: s });
+function ie(s, t) {
+  const [e, n] = fe({ value: s });
   return e.value === s || t(e.value, s) ? e.value : (n({ value: s }), s);
 }
-function Ri(s, t) {
+function gs(s, t) {
   return s.kind === "given" && t.kind === "given" ? s.center === t.center && s.sigma === t.sigma : s.kind === "referenceWindow" && t.kind === "referenceWindow" ? s.from === t.from && s.to === t.to : !1;
 }
-function Hi(s, t) {
+function ys(s, t) {
   if (s.length !== t.length) return !1;
   for (let e = 0; e < s.length; e++) {
     const n = s[e], i = t[e];
@@ -3468,7 +4092,7 @@ function Hi(s, t) {
   }
   return !0;
 }
-function es(s) {
+function $s(s) {
   const {
     data: t,
     xAxisId: e = "x",
@@ -3483,64 +4107,64 @@ function es(s) {
     labelLower: f,
     violationName: m,
     onViolations: p
-  } = s, u = Xt(s.accessor, j), d = Xt(s.origin, Ri), y = P(() => {
-    const M = [];
+  } = s, u = ie(s.accessor, Q), g = ie(s.origin, gs), d = $(() => {
+    const S = [];
     for (let _ = 0; _ < t.length; _++) {
-      const U = u(t[_], _);
-      M.push(U ?? Number.NaN);
-    }
-    return M;
-  }, [t, u]), g = P(() => Si(y, d), [y, d]), b = Xt(
-    P(() => Oi(y, g, a ?? {}), [y, g, a]),
-    Hi
-  ), k = P(() => new Set($i(b)), [b]), T = q(p);
+      const X = u(t[_], _);
+      S.push(X ?? Number.NaN);
+    }
+    return S;
+  }, [t, u]), y = $(() => ls(d, g), [d, g]), b = ie(
+    $(() => ms(d, y, a ?? {}), [d, y, a]),
+    ys
+  ), v = $(() => new Set(ps(b)), [b]), w = G(p);
   D(() => {
-    T.current = p;
+    w.current = p;
   }, [p]), D(() => {
-    var M;
-    (M = T.current) == null || M.call(T, b);
+    var S;
+    (S = w.current) == null || S.call(w, b);
   }, [b]);
-  const O = P(
-    () => (M, _) => k.has(_) ? u(M, _) : null,
-    [k, u]
-  ), A = P(
-    () => k.size === 0 ? t : t.slice(),
-    [t, k]
-  ), E = P(
-    () => c ? Ei(g, [1, 2]) : [],
-    [c, g]
-  ), S = Number.isFinite(g.center);
-  return /* @__PURE__ */ z(Et, { children: [
-    /* @__PURE__ */ I(Ii, { accessor: u, data: t, xAxisId: e, yAxisId: n, name: i, format: o, color: r, tone: l }),
-    S && /* @__PURE__ */ z(Et, { children: [
-      E.map((M) => /* @__PURE__ */ I(
-        mt,
+  const L = $(
+    () => (S, _) => v.has(_) ? u(S, _) : null,
+    [v, u]
+  ), A = $(
+    () => v.size === 0 ? t : t.slice(),
+    [t, v]
+  ), z = $(
+    () => c ? as(y, [1, 2]) : [],
+    [c, y]
+  ), T = Number.isFinite(y.center);
+  return /* @__PURE__ */ O(xt, { children: [
+    /* @__PURE__ */ k(is, { accessor: u, data: t, xAxisId: e, yAxisId: n, name: i, format: o, color: r, tone: l }),
+    T && /* @__PURE__ */ O(xt, { children: [
+      z.map((S) => /* @__PURE__ */ k(
+        pt,
         {
-          value: M.upper,
+          value: S.upper,
           axisId: n,
           role: "zone",
           inExtent: !1
         },
-        `zone-${M.k}-upper`
+        `zone-${S.k}-upper`
       )),
-      E.map((M) => /* @__PURE__ */ I(
-        mt,
+      z.map((S) => /* @__PURE__ */ k(
+        pt,
         {
-          value: M.lower,
+          value: S.lower,
           axisId: n,
           role: "zone",
           inExtent: !1
         },
-        `zone-${M.k}-lower`
+        `zone-${S.k}-lower`
       )),
-      /* @__PURE__ */ I(mt, { value: g.center, axisId: n, role: "control" }),
-      /* @__PURE__ */ I(mt, { value: g.upper, axisId: n, role: "control", label: h }),
-      /* @__PURE__ */ I(mt, { value: g.lower, axisId: n, role: "control", label: f })
+      /* @__PURE__ */ k(pt, { value: y.center, axisId: n, role: "control" }),
+      /* @__PURE__ */ k(pt, { value: y.upper, axisId: n, role: "control", label: h }),
+      /* @__PURE__ */ k(pt, { value: y.lower, axisId: n, role: "control", label: f })
     ] }),
-    /* @__PURE__ */ I(
-      Ai,
+    /* @__PURE__ */ k(
+      ss,
       {
-        accessor: O,
+        accessor: L,
         data: A,
         xAxisId: e,
         yAxisId: n,
@@ -3552,7 +4176,7 @@ function es(s) {
     )
   ] });
 }
-function ns(s) {
+function Os(s) {
   const {
     id: t = "x",
     position: e = "bottom",
@@ -3566,7 +4190,7 @@ function ns(s) {
     time: h,
     calendar: f,
     onDomainChange: m
-  } = s, p = P(
+  } = s, p = $(
     () => ({
       id: t,
       orientation: "x",
@@ -3584,9 +4208,9 @@ function ns(s) {
     }),
     [t, e, n, i, o, r, l, a, c, h, f, m]
   );
-  return Be("XAxis", p), null;
+  return an("XAxis", p), null;
 }
-function is(s) {
+function Hs(s) {
   const {
     id: t = "y",
     position: e = "left",
@@ -3598,7 +4222,7 @@ function is(s) {
     grid: a,
     ticks: c,
     alignTicks: h
-  } = s, f = P(
+  } = s, f = $(
     () => ({
       id: t,
       orientation: "y",
@@ -3614,60 +4238,22 @@ function is(s) {
     }),
     [t, e, n, i, o, r, l, a, c, h]
   );
-  return Be("YAxis", f), null;
-}
-function Wi({
-  scene: s,
-  placement: t,
-  onToggle: e
-}) {
-  gi("Legend", { placement: t });
-  const n = $t(
-    s.subscribeLayout,
-    s.getLayoutSnapshot,
-    s.getLayoutServerSnapshot
-  );
-  return n.series.length === 0 ? null : /* @__PURE__ */ I("div", { className: `uc-legend uc-legend-${t}`, children: n.series.map((i) => {
-    const o = {
-      className: "uc-legend-item",
-      "data-hidden": i.hidden ? "" : void 0,
-      onPointerEnter: () => s.setHighlight(i.seriesIds),
-      onPointerLeave: () => s.setHighlight(null)
-    }, r = /* @__PURE__ */ z(Et, { children: [
-      /* @__PURE__ */ I("span", { className: "uc-legend-chip", style: { background: i.color } }),
-      i.name
-    ] });
-    return e === void 0 ? /* @__PURE__ */ I("span", { ...o, children: r }, i.id) : /* @__PURE__ */ I(
-      "button",
-      {
-        type: "button",
-        "aria-pressed": !i.hidden,
-        onClick: () => e(i.name),
-        ...o,
-        children: r
-      },
-      i.id
-    );
-  }) });
-}
-function ss({ placement: s = "top", onToggle: t }) {
-  const e = ct("Legend");
-  return e === null ? null : /* @__PURE__ */ I(Wi, { scene: e, placement: s, onToggle: t });
+  return an("YAxis", f), null;
 }
-function os(s) {
-  const { mode: t = "x", render: e } = s, n = P(
+function Rs(s) {
+  const { mode: t = "x", render: e } = s, n = $(
     () => ({ mode: t, render: e }),
     [t, e]
   );
-  return bi("Tooltip", n), null;
+  return Ui("Tooltip", n), null;
 }
-const Vi = {
+const xs = {
   cutoff: 0.8,
   collectRank: Number.POSITIVE_INFINITY
 };
-function rs(s, t = {}) {
-  const e = { ...Vi, ...t };
-  pt(
+function Ws(s, t = {}) {
+  const e = { ...xs, ...t };
+  gt(
     !Number.isFinite(e.collectRank) || e.remainderName !== void 0,
     "pareto: a collect rank needs `remainderName` - the package brings no name for the remainder."
   );
@@ -3688,54 +4274,55 @@ function rs(s, t = {}) {
   return { entries: c, total: a, cutoffIndex: m };
 }
 export {
-  Xi as Area,
-  Zi as Bar,
-  Ui as Chart,
-  es as ControlChart,
+  Ls as Area,
+  Es as Bar,
+  Ss as Chart,
+  $s as ControlChart,
   K as DAY,
-  _e as DEFAULT_CHARTS_WORDING,
-  Ti as DEFAULT_GRADIENT,
-  st as HOUR,
-  ss as Legend,
-  Qi as LimitBand,
-  mt as LimitLine,
-  Ii as Line,
-  ae as LinearScale,
-  B as MINUTE,
-  Ji as Matrix,
-  it as SECOND,
-  Ai as Scatter,
-  ji as StateBand,
-  os as Tooltip,
-  ns as XAxis,
-  is as YAxis,
-  Un as assess,
-  yn as breaks,
-  J as calendarFrom,
-  Si as controlLimits,
-  se as defaultRules,
-  le as invalidateTheme,
-  Ki as localOffset,
-  Bi as mapSeries,
-  hn as operatingCalendar,
-  Gi as operatingTicks,
-  gn as operatingTimeTicks,
-  rs as pareto,
-  Vi as paretoDefaults,
-  pn as removedIntervals,
-  nn as resolveColours,
-  Fi as ruleOutlier,
-  Pi as ruleRun,
-  Di as ruleTrend,
-  Ci as ruleTwoOfThree,
-  ts as sigmaFromLimit,
-  on as subscribeTheme,
-  xn as timeStep,
-  lt as toOperatingTime,
-  fn as toOperatingTimeClamped,
-  at as toWallClock,
-  qi as verdictWeight,
-  $i as violatedIndices,
-  Oi as violations,
-  Ei as zones
+  sn as DEFAULT_CHARTS_WORDING,
+  os as DEFAULT_GRADIENT,
+  Ts as DataTable,
+  rt as HOUR,
+  Ms as Legend,
+  Ps as LimitBand,
+  pt as LimitLine,
+  is as Line,
+  be as LinearScale,
+  V as MINUTE,
+  Ds as Matrix,
+  ot as SECOND,
+  ss as Scatter,
+  Fs as StateBand,
+  Rs as Tooltip,
+  Os as XAxis,
+  Hs as YAxis,
+  Ni as assess,
+  Hn as breaks,
+  tt as calendarFrom,
+  ls as controlLimits,
+  ge as defaultRules,
+  qt as invalidateTheme,
+  Ns as localOffset,
+  ws as mapSeries,
+  Dn as operatingCalendar,
+  Is as operatingTicks,
+  Wn as operatingTimeTicks,
+  Ws as pareto,
+  xs as paretoDefaults,
+  On as removedIntervals,
+  In as resolveColours,
+  us as ruleOutlier,
+  hs as ruleRun,
+  ds as ruleTrend,
+  fs as ruleTwoOfThree,
+  Cs as sigmaFromLimit,
+  Tn as subscribeTheme,
+  Rn as timeStep,
+  ut as toOperatingTime,
+  Cn as toOperatingTimeClamped,
+  ht as toWallClock,
+  As as verdictWeight,
+  ps as violatedIndices,
+  ms as violations,
+  as as zones
 };