@umriss-ui/charts 0.3.2 → 0.4.0

package/dist/charts.js

@@ -1,22 +1,22 @@
 import "./charts.css";
-var be = Object.defineProperty;
-var xe = (n, t, e) => t in n ? be(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var g = (n, t, e) => xe(n, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as S, jsxs as _, Fragment as Nt } from "react/jsx-runtime";
-import { useRef as Z, useEffect as $, createContext as ve, useContext as ke, useSyncExternalStore as Et, useCallback as Ne, useState as we, useMemo as E } from "react";
-function Ie() {
+var He = Object.defineProperty;
+var Ve = (i, t, e) => t in i ? He(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var x = (i, t, e) => Ve(i, typeof t != "symbol" ? t + "" : t, e);
+import { jsxs as G, jsx as I, Fragment as bt } from "react/jsx-runtime";
+import { useRef as Q, useEffect as C, createContext as _e, useContext as Ye, useSyncExternalStore as Kt, useCallback as ze, useState as be, useMemo as P } from "react";
+function Be() {
   var t;
-  const n = import.meta;
-  return typeof ((t = n.env) == null ? void 0 : t.DEV) == "boolean" ? n.env.DEV : typeof process < "u" && (process != null && process.env) ? process.env.NODE_ENV !== "production" : !1;
+  const i = import.meta;
+  return typeof ((t = i.env) == null ? void 0 : t.DEV) == "boolean" ? i.env.DEV : typeof process < "u" && (process != null && process.env) ? process.env.NODE_ENV !== "production" : !1;
 }
-const rt = Ie();
-function ut(n, t) {
-  if (rt && !n)
+const ht = Be();
+function ut(i, t) {
+  if (ht && !i)
     throw new Error(`@umriss-ui/charts: ${t}`);
 }
-const Wt = /* @__PURE__ */ new Set();
-function q(n, t) {
-  !rt || Wt.has(n) || (Wt.add(n), console.warn(`@umriss-ui/charts: ${t}`));
+const Jt = /* @__PURE__ */ new Set();
+function J(i, t) {
+  !ht || Jt.has(i) || (Jt.add(i), console.warn(`@umriss-ui/charts: ${t}`));
 }
 const O = {
   colorAxis: "rgba(23, 23, 23, 0.17)",
@@ -29,85 +29,85 @@ const O = {
   font: "system-ui, sans-serif",
   fontMono: "ui-monospace, monospace",
   series: ["#2563eb", "#db2777", "#059669", "#d97706", "#7c3aed", "#0891b2"]
-}, Ht = /* @__PURE__ */ new WeakMap();
-let wt = 0;
-const It = /* @__PURE__ */ new Set();
-let gt = null;
-function bt(n, t, e) {
-  const i = n.getPropertyValue(t).trim();
-  return i === "" ? e : i;
-}
-function ie(n, t) {
-  const e = n.ownerDocument.createElement("span");
-  e.setAttribute("aria-hidden", "true"), e.style.position = "absolute", e.style.visibility = "hidden", n.appendChild(e);
+}, Qt = /* @__PURE__ */ new WeakMap();
+let Ht = 0;
+const Vt = /* @__PURE__ */ new Set();
+let Lt = null;
+function Ft(i, t, e) {
+  const n = i.getPropertyValue(t).trim();
+  return n === "" ? e : n;
+}
+function ve(i, t) {
+  const e = i.ownerDocument.createElement("span");
+  e.setAttribute("aria-hidden", "true"), e.style.position = "absolute", e.style.visibility = "hidden", i.appendChild(e);
   try {
-    return t((i) => {
-      e.style.color = "", e.style.color = i;
-      const r = getComputedStyle(e).color;
-      return r === "" || r.startsWith("var(") ? i : r;
+    return t((n) => {
+      e.style.color = "", e.style.color = n;
+      const s = getComputedStyle(e).color;
+      return s === "" || s.startsWith("var(") ? n : s;
     });
   } finally {
     e.remove();
   }
 }
-function Se(n) {
-  const t = getComputedStyle(n);
-  return ie(n, (e) => {
-    const i = (o, s) => {
-      const a = bt(t, o, s);
-      if (a === s) return s;
+function Ge(i) {
+  const t = getComputedStyle(i);
+  return ve(i, (e) => {
+    const n = (o, r) => {
+      const a = Ft(t, o, r);
+      if (a === r) return r;
       const l = e(`var(${o})`);
       return l === `var(${o})` ? a : l;
-    }, r = [];
+    }, s = [];
     for (let o = 1; o <= 6; o++)
-      r.push(i(`--uc-series-${o}`, O.series[o - 1] ?? "#2563eb"));
+      s.push(n(`--uc-series-${o}`, O.series[o - 1] ?? "#2563eb"));
     return {
-      colorAxis: i("--uc-color-axis", O.colorAxis),
-      colorGrid: i("--uc-color-grid", O.colorGrid),
-      colorText: i("--uc-color-text", O.colorText),
-      colorBg: i("--uc-color-bg", O.colorBg),
-      colorWarning: i("--uc-color-warning", O.colorWarning),
-      colorAlarm: i("--uc-color-alarm", O.colorAlarm),
-      colorOk: i("--uc-color-ok", O.colorOk),
-      font: bt(t, "--uc-font", O.font),
-      fontMono: bt(t, "--uc-font-mono", O.fontMono),
-      series: r
+      colorAxis: n("--uc-color-axis", O.colorAxis),
+      colorGrid: n("--uc-color-grid", O.colorGrid),
+      colorText: n("--uc-color-text", O.colorText),
+      colorBg: n("--uc-color-bg", O.colorBg),
+      colorWarning: n("--uc-color-warning", O.colorWarning),
+      colorAlarm: n("--uc-color-alarm", O.colorAlarm),
+      colorOk: n("--uc-color-ok", O.colorOk),
+      font: Ft(t, "--uc-font", O.font),
+      fontMono: Ft(t, "--uc-font-mono", O.fontMono),
+      series: s
     };
   });
 }
-function re() {
-  var n, t;
-  gt === null && (typeof MutationObserver > "u" || typeof document > "u" || (gt = new MutationObserver(() => Rt()), gt.observe(document.documentElement, { attributes: !0 }), typeof window < "u" && typeof window.matchMedia == "function" && ((t = (n = window.matchMedia("(prefers-color-scheme: dark)")).addEventListener) == null || t.call(n, "change", () => Rt()))));
+function Ne() {
+  var i, t;
+  Lt === null && (typeof MutationObserver > "u" || typeof document > "u" || (Lt = new MutationObserver(() => jt()), Lt.observe(document.documentElement, { attributes: !0 }), typeof window < "u" && typeof window.matchMedia == "function" && ((t = (i = window.matchMedia("(prefers-color-scheme: dark)")).addEventListener) == null || t.call(i, "change", () => jt()))));
 }
-function jn(n, t) {
-  return re(), ie(n, (e) => {
-    const i = {};
-    for (const r of Object.keys(t)) i[r] = e(t[r]);
-    return i;
+function qe(i, t) {
+  return Ne(), ve(i, (e) => {
+    const n = {};
+    for (const s of Object.keys(t)) n[s] = e(t[s]);
+    return n;
   });
 }
-function Me(n) {
-  re();
-  const t = Ht.get(n);
-  if (t !== void 0 && t.generation === wt) return t.theme;
-  const e = Se(n);
-  return Ht.set(n, { generation: wt, theme: e }), e;
+function Ke(i) {
+  Ne();
+  const t = Qt.get(i);
+  if (t !== void 0 && t.generation === Ht) return t.theme;
+  const e = Ge(i);
+  return Qt.set(i, { generation: Ht, theme: e }), e;
 }
-function Rt() {
-  wt++;
-  for (const n of It) n();
+function jt() {
+  Ht++;
+  for (const i of Vt) i();
 }
-function Le(n) {
-  return It.add(n), () => {
-    It.delete(n);
+function Ue(i) {
+  return Vt.add(i), () => {
+    Vt.delete(i);
   };
 }
-const Te = { width: 0, height: 0 };
-class Ae {
+const Xe = { width: 0, height: 0 };
+class Ze {
   constructor(t) {
-    g(this, "span", null);
-    g(this, "root");
-    g(this, "cache", /* @__PURE__ */ new Map());
+    x(this, "span", null);
+    x(this, "root");
+    x(this, "cache", /* @__PURE__ */ new Map());
     this.root = t;
   }
   ensure() {
@@ -118,13 +118,13 @@ class Ae {
   }
   /** Width and height of a text in the presentation of the given class. */
   measure(t, e) {
-    const i = `${e}|${t}`, r = this.cache.get(i);
-    if (r !== void 0) return r;
+    const n = `${e}|${t}`, s = this.cache.get(n);
+    if (s !== void 0) return s;
     const o = this.ensure();
-    if (o === null) return Te;
+    if (o === null) return Xe;
     o.className = `uc-measure ${e}`, o.textContent = t;
-    const s = o.getBoundingClientRect(), a = { width: s.width, height: s.height };
-    return this.cache.set(i, a), a;
+    const r = o.getBoundingClientRect(), a = { width: r.width, height: r.height };
+    return this.cache.set(n, a), a;
   }
   clear() {
     this.cache.clear();
@@ -134,59 +134,79 @@ class Ae {
     (t = this.span) == null || t.remove(), this.span = null, this.cache.clear();
   }
 }
-function St(n) {
-  return Object.is(n, -0) ? 0 : n;
+function vt(i) {
+  return Object.is(i, -0) ? 0 : i;
 }
-function mt(n, t) {
-  if (!Number.isFinite(n) || n <= 0) return 1;
-  const e = Math.max(1, Math.floor(t)), i = n / e, r = Math.pow(10, Math.floor(Math.log10(i))), o = i / r, s = 1e-9;
-  return (o <= 1 + s ? 1 : o <= 2 + s ? 2 : o <= 5 + s ? 5 : 10) * r;
+function et(i, t) {
+  if (!Number.isFinite(i) || i <= 0) return 1;
+  const e = Math.max(1, Math.floor(t)), n = i / e, s = Math.pow(10, Math.floor(Math.log10(n))), o = n / s, r = 1e-9;
+  return (o <= 1 + r ? 1 : o <= 2 + r ? 2 : o <= 5 + r ? 5 : 10) * s;
 }
-function Dt(n) {
-  const t = Math.abs(n);
+function At(i) {
+  const t = Math.abs(i);
   if (!Number.isFinite(t) || t === 0) return 0;
   const e = Math.floor(Math.log10(t));
-  let i = e < 0 ? -e : 0;
-  const r = t * 1e-9;
-  for (; i < 12 && Math.abs(Number(t.toFixed(i)) - t) > r; )
-    i++;
-  return i;
-}
-function Mt(n, t) {
-  return t <= 0 || !Number.isFinite(n) || Math.abs(n) >= 1e21 ? St(n) : St(Number(n.toFixed(Math.min(20, t))));
-}
-function Fe(n, t, e) {
-  if (!Number.isFinite(n) || !Number.isFinite(t)) return [0, 1];
-  if (n === t) return [n - 1, t + 1];
-  const i = mt(t - n, e), r = Dt(i);
+  let n = e < 0 ? -e : 0;
+  const s = t * 1e-9;
+  for (; n < 12 && Math.abs(Number(t.toFixed(n)) - t) > s; )
+    n++;
+  return n;
+}
+function Nt(i, t) {
+  return t <= 0 || !Number.isFinite(i) || Math.abs(i) >= 1e21 ? vt(i) : vt(Number(i.toFixed(Math.min(20, t))));
+}
+function Je(i, t, e) {
+  if (!Number.isFinite(i) || !Number.isFinite(t)) return [0, 1];
+  if (i === t) return [i - 1, t + 1];
+  const n = et(t - i, e), s = At(n);
   return [
-    Mt(Math.floor(n / i) * i, r),
-    Mt(Math.ceil(t / i) * i, r)
+    Nt(Math.floor(i / n) * n, s),
+    Nt(Math.ceil(t / n) * n, s)
   ];
 }
-function Vt(n, t) {
-  return !Number.isFinite(n) || !Number.isFinite(t) ? [0, 1] : n === t ? [n - 1, t + 1] : [n, t];
-}
-function oe(n, t, e) {
-  if (!Number.isFinite(n) || !Number.isFinite(t)) return [];
-  if (n === t) return [St(n)];
-  const [i, r] = n < t ? [n, t] : [t, n], o = mt(r - i, e), s = Dt(o), a = o * 1e-9, l = Math.ceil((i - a) / o), c = Math.floor((r + a) / o);
-  if (!Number.isFinite(l) || !Number.isFinite(c)) return [];
-  const u = [];
-  for (let h = l; h <= c; h++)
-    u.push(Mt(h * o, s));
-  return u;
+function Dt(i, t) {
+  return !Number.isFinite(i) || !Number.isFinite(t) ? [0, 1] : i === t ? [i - 1, t + 1] : [i, t];
+}
+function ke(i, t, e) {
+  if (!Number.isFinite(i) || !Number.isFinite(t)) return [];
+  if (i === t) return [vt(i)];
+  const [n, s] = i < t ? [i, t] : [t, i], o = et(s - n, e), r = At(o), a = o * 1e-9, l = Math.ceil((n - a) / o), u = Math.floor((s + a) / o);
+  if (!Number.isFinite(l) || !Number.isFinite(u)) return [];
+  const d = [];
+  for (let f = l; f <= u; f++)
+    d.push(Nt(f * o, r));
+  return d;
+}
+function Qe(i, t, e, n) {
+  const s = n.length, o = n[0], r = n[s - 1];
+  if (s < 2 || o === void 0 || r === void 0 || !Number.isFinite(i) || !Number.isFinite(t))
+    return null;
+  const [a, l] = i === t ? [i - 1, t + 1] : [i, t], u = (r - o) / (s - 1), d = (o - e[0]) / u, f = (e[1] - r) / u, h = s - 1 + d + f, m = (p) => vt(Number(p.toPrecision(12)));
+  let c = et((l - a) / h, 1);
+  for (let p = 0; p < 64; p++) {
+    const y = c * 1e-9, g = Math.floor((a + d * c + y) / c) * c, b = g - d * c;
+    if (b + h * c >= l - y) {
+      const N = At(c);
+      return {
+        domain: [m(b), m(b + h * c)],
+        ticks: Array.from({ length: s }, (A, $) => Nt(g + $ * c, N)),
+        step: c
+      };
+    }
+    c = et(c * 1.5, 1);
+  }
+  return null;
 }
-class _t {
+class te {
   constructor(t, e) {
-    g(this, "domain");
-    g(this, "range");
+    x(this, "domain");
+    x(this, "range");
     /** Pre-computed line equation px = v·m + b - the draw loop uses it directly. */
-    g(this, "m");
-    g(this, "b");
+    x(this, "m");
+    x(this, "b");
     this.domain = t, this.range = e;
-    const i = t[1] - t[0];
-    i === 0 || !Number.isFinite(i) ? (this.m = 0, this.b = (e[0] + e[1]) / 2) : (this.m = (e[1] - e[0]) / i, this.b = e[0] - t[0] * this.m);
+    const n = t[1] - t[0];
+    n === 0 || !Number.isFinite(n) ? (this.m = 0, this.b = (e[0] + e[1]) / 2) : (this.m = (e[1] - e[0]) / n, this.b = e[0] - t[0] * this.m);
   }
   toPx(t) {
     return t * this.m + this.b;
@@ -195,899 +215,1078 @@ class _t {
     return this.m === 0 ? this.domain[0] : (t - this.b) / this.m;
   }
   ticks(t) {
-    return oe(this.domain[0], this.domain[1], t);
-  }
-}
-let at = null;
-function se() {
-  if (at !== null) return at;
-  const n = typeof navigator > "u" ? void 0 : navigator.language;
-  return at = typeof n == "string" && n !== "" ? n : "en-US", at;
-}
-const ht = /* @__PURE__ */ new Map();
-function Pe(n) {
-  const t = se(), e = `${t}|${n}`;
-  let i = ht.get(e);
-  return i === void 0 && (i = new Intl.NumberFormat(t, {
-    minimumFractionDigits: n,
-    maximumFractionDigits: n,
+    return ke(this.domain[0], this.domain[1], t);
+  }
+}
+let mt = null;
+function we() {
+  if (mt !== null) return mt;
+  const i = typeof navigator > "u" ? void 0 : navigator.language;
+  return mt = typeof i == "string" && i !== "" ? i : "en-US", mt;
+}
+const kt = /* @__PURE__ */ new Map();
+function je(i) {
+  const t = we(), e = `${t}|${i}`;
+  let n = kt.get(e);
+  return n === void 0 && (n = new Intl.NumberFormat(t, {
+    minimumFractionDigits: i,
+    maximumFractionDigits: i,
     useGrouping: !0
-  }), ht.set(e, i)), i;
+  }), kt.set(e, n)), n;
 }
-function Ee(n, t) {
-  return Pe(Math.min(6, Dt(t))).format(n);
+function Ie(i, t) {
+  return je(Math.min(6, At(t))).format(i);
 }
-function Bt(n) {
-  if (!Number.isFinite(n)) return "–";
-  const t = se(), e = `${t}|value`;
-  let i = ht.get(e);
-  return i === void 0 && (i = new Intl.NumberFormat(t, { maximumFractionDigits: 3, useGrouping: !0 }), ht.set(e, i)), i.format(n);
+function ee(i) {
+  if (!Number.isFinite(i)) return "–";
+  const t = we(), e = `${t}|value`;
+  let n = kt.get(e);
+  return n === void 0 && (n = new Intl.NumberFormat(t, { maximumFractionDigits: 3, useGrouping: !0 }), kt.set(e, n)), n.format(i);
 }
-const K = 1e3, U = 60 * K, Q = 60 * U, X = 24 * Q;
-function De(n) {
-  const t = n.filter((o) => Number.isFinite(o.from) && Number.isFinite(o.to) && o.to > o.from).sort((o, s) => o.from - s.from), e = [];
+const j = 1e3, q = 60 * j, tt = 60 * q, K = 24 * tt;
+function tn(i) {
+  const t = i.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 s = e[e.length - 1];
-    s !== void 0 && o.from <= s.to ? o.to > s.to && (e[e.length - 1] = { from: s.from, to: o.to }) : e.push({ from: o.from, to: o.to });
+    const r = e[e.length - 1];
+    r !== void 0 && o.from <= r.to ? o.to > r.to && (e[e.length - 1] = { from: r.from, to: o.to }) : e.push({ from: o.from, to: o.to });
   }
-  const i = [];
-  let r = 0;
+  const n = [];
+  let s = 0;
   for (const o of e)
-    i.push(r), r += o.to - o.from;
-  return { intervals: e, offsets: i, total: r };
+    n.push(s), s += o.to - o.from;
+  return { intervals: e, offsets: n, total: s };
 }
-const Yt = /* @__PURE__ */ new WeakMap();
-function G(n) {
-  if (!Array.isArray(n)) return n;
-  const t = n, e = Yt.get(t);
+const ne = /* @__PURE__ */ new WeakMap();
+function Z(i) {
+  if (!Array.isArray(i)) return i;
+  const t = i, e = ne.get(t);
   if (e !== void 0) return e;
-  const i = De(t);
-  return Yt.set(t, i), i;
+  const n = tn(t);
+  return ne.set(t, n), n;
 }
-function $e(n, t) {
-  const e = n.intervals;
-  let i = 0, r = e.length - 1, o = -1;
-  for (; i <= r; ) {
-    const s = i + r >> 1;
-    e[s].from <= t ? (o = s, i = s + 1) : r = s - 1;
+function en(i, t) {
+  const e = i.intervals;
+  let n = 0, s = e.length - 1, o = -1;
+  for (; n <= s; ) {
+    const r = n + s >> 1;
+    e[r].from <= t ? (o = r, n = r + 1) : s = r - 1;
   }
   return o < 0 ? -1 : t <= e[o].to ? o : -1;
 }
-function pt(n, t) {
-  const e = G(t);
-  if (e.intervals.length === 0) return n;
-  const i = $e(e, n);
-  return i < 0 ? Number.NaN : e.offsets[i] + (n - e.intervals[i].from);
-}
-function dt(n, t) {
-  const e = G(t), i = e.intervals;
-  if (i.length === 0) return n;
-  if (!(n >= 0) || n > e.total) return Number.NaN;
-  if (n === e.total)
-    return i[i.length - 1].to;
-  let r = 0, o = i.length - 1, s = 0;
-  for (; r <= o; ) {
-    const a = r + o >> 1;
-    e.offsets[a] <= n ? (s = a, r = a + 1) : o = a - 1;
-  }
-  return i[s].from + (n - e.offsets[s]);
-}
-function Jn(n, t, e, i) {
-  const r = G(n);
+function st(i, t) {
+  const e = Z(t);
+  if (e.intervals.length === 0) return i;
+  const n = en(e, i);
+  return n < 0 ? Number.NaN : e.offsets[n] + (i - e.intervals[n].from);
+}
+function ot(i, t) {
+  const e = Z(t), n = e.intervals;
+  if (n.length === 0) return i;
+  if (!(i >= 0) || i > e.total) return Number.NaN;
+  if (i === e.total)
+    return n[n.length - 1].to;
+  let s = 0, o = n.length - 1, r = 0;
+  for (; s <= o; ) {
+    const a = s + o >> 1;
+    e.offsets[a] <= i ? (r = a, s = a + 1) : o = a - 1;
+  }
+  return n[r].from + (i - e.offsets[r]);
+}
+function Si(i, t, e, n) {
+  const s = Z(i);
   for (let o = 0; o < e; o++)
-    i[o] = pt(t[o], r);
-}
-function Ce(n, t) {
-  const e = G(t);
-  if (e.intervals.length === 0) return n;
-  const i = pt(n, e);
-  if (!Number.isNaN(i)) return i;
-  if (!Number.isFinite(n)) return Number.NaN;
-  for (let r = 0; r < e.intervals.length; r++) {
-    const o = e.intervals[r];
-    if (n < o.from) return e.offsets[r];
+    n[o] = st(t[o], s);
+}
+function nn(i, t) {
+  const e = Z(t);
+  if (e.intervals.length === 0) return i;
+  const n = st(i, e);
+  if (!Number.isNaN(n)) return n;
+  if (!Number.isFinite(i)) return Number.NaN;
+  for (let s = 0; s < e.intervals.length; s++) {
+    const o = e.intervals[s];
+    if (i < o.from) return e.offsets[s];
   }
   return e.total;
 }
-function Oe(n, t) {
-  const e = G(t);
-  return e.intervals.length === 0 ? !1 : Number.isNaN(pt(n, e));
+function sn(i, t) {
+  const e = Z(t);
+  return e.intervals.length === 0 ? !1 : Number.isNaN(st(i, e));
 }
-function We(n) {
-  const t = G(n), e = [];
-  for (let i = 1; i < t.intervals.length; i++)
+function on(i) {
+  const t = Z(i), e = [];
+  for (let n = 1; n < t.intervals.length; n++)
     e.push({
-      from: t.intervals[i - 1].to,
-      to: t.intervals[i].from,
-      operatingTime: t.offsets[i]
+      from: t.intervals[n - 1].to,
+      to: t.intervals[n].from,
+      operatingTime: t.offsets[n]
     });
   return e;
 }
-function He(n, t, e) {
-  return We(n).map((i) => i.operatingTime).filter((i) => i >= t && i <= e);
-}
-const zt = [
+function rn(i, t, e) {
+  return on(i).map((n) => n.operatingTime).filter((n) => n >= t && n <= e);
+}
+const ie = [
+  j,
+  2 * j,
+  5 * j,
+  10 * j,
+  15 * j,
+  30 * j,
+  q,
+  2 * q,
+  5 * q,
+  10 * q,
+  15 * q,
+  30 * q,
+  tt,
+  2 * tt,
+  3 * tt,
+  6 * tt,
+  12 * tt,
   K,
   2 * K,
-  5 * K,
-  10 * K,
-  15 * K,
-  30 * K,
-  U,
-  2 * U,
-  5 * U,
-  10 * U,
-  15 * U,
-  30 * U,
-  Q,
-  2 * Q,
-  3 * Q,
-  6 * Q,
-  12 * Q,
-  X,
-  2 * X,
-  7 * X,
-  14 * X,
-  28 * X
+  7 * K,
+  14 * K,
+  28 * K
 ];
-function Re(n, t) {
-  const e = zt[0];
-  if (!Number.isFinite(n) || n <= 0) return e;
-  const i = n / Math.max(1, Math.floor(t));
-  for (const r of zt) if (r >= i) return r;
-  return X * mt(i / X, 1);
-}
-function Ve(n, t, e, i, r = 0) {
-  const o = G(n), s = [];
-  if (!Number.isFinite(t) || !Number.isFinite(e) || !(i > 0)) return s;
-  const a = Math.ceil((t - r) / i), l = Math.floor((e - r) / i);
-  if (!Number.isFinite(a) || !Number.isFinite(l)) return s;
-  let c = Number.NaN;
-  for (let u = a; u <= l; u++) {
-    const h = r + u * i, p = pt(h, o);
-    Number.isNaN(p) || p === c || (s.push({ wallClock: h, operatingTime: p }), c = p);
+function an(i, t) {
+  const e = ie[0];
+  if (!Number.isFinite(i) || i <= 0) return e;
+  const n = i / Math.max(1, Math.floor(t));
+  for (const s of ie) if (s >= n) return s;
+  return K * et(n / K, 1);
+}
+function Ti(i) {
+  return new Date(i).getTimezoneOffset() * q;
+}
+function ln(i, t, e, n, s = 0) {
+  const o = Z(i), r = [];
+  if (!Number.isFinite(t) || !Number.isFinite(e) || !(n > 0)) return r;
+  const a = Math.ceil((t - s) / n), l = Math.floor((e - s) / n);
+  if (!Number.isFinite(a) || !Number.isFinite(l)) return r;
+  let u = Number.NaN;
+  for (let d = a; d <= l; d++) {
+    const f = s + d * n, h = st(f, o);
+    Number.isNaN(h) || h === u || (r.push({ wallClock: f, operatingTime: h }), u = h);
   }
-  return s;
+  return r;
 }
-function _e(n, t, e, i, r = 0) {
-  const o = G(n);
+function Li(i, t, e, n, s = 0) {
+  const o = Z(i);
   if (o.intervals.length === 0 || !(e > t)) return [];
-  const s = Math.max(0, Math.min(o.total, t)), a = Math.max(0, Math.min(o.total, e)), l = Re(e - t, i);
-  return Ve(
+  const r = Math.max(0, Math.min(o.total, t)), a = Math.max(0, Math.min(o.total, e)), l = an(e - t, n);
+  return ln(
     o,
-    dt(s, o),
-    dt(a, o),
+    ot(r, o),
+    ot(a, o),
     l,
-    r
-  ).map((u) => u.operatingTime).filter((u) => u >= t && u <= e);
+    s
+  ).map((d) => d.operatingTime).filter((d) => d >= t && d <= e);
+}
+const se = 365 * K, cn = [
+  ...[1, 2, 5, 10, 15, 30].map((i) => ({ unit: "minute", n: i, ms: i * q })),
+  ...[1, 2, 3, 6, 12].map((i) => ({ unit: "hour", n: i, ms: i * tt })),
+  ...[1, 2, 7, 14].map((i) => ({ unit: "day", n: i, ms: i * K })),
+  ...[1, 2, 3, 6].map((i) => ({ unit: "month", n: i, ms: i * 30 * K }))
+];
+function un(i, t) {
+  const e = i / Math.max(1, Math.floor(t));
+  for (const s of cn) if (s.ms >= e) return s;
+  const n = Math.max(1, et(e / se, 1));
+  return { unit: "year", n, ms: n * se };
+}
+const wt = { year: 0, month: 1, day: 2, hour: 3, minute: 4 };
+function _t(i, t) {
+  const e = new Date(i), n = [e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes()], s = wt[t.unit];
+  for (let r = s + 1; r < n.length; r++) n[r] = r === wt.day ? 1 : 0;
+  const o = n[s];
+  if (t.unit === "day") {
+    const r = Math.round(Date.UTC(n[0], n[1], o) / K);
+    n[s] = o - ((r + 3) % t.n + t.n) % t.n;
+  } else
+    n[s] = Math.floor(o / t.n) * t.n;
+  return n;
+}
+function xt(i, t, e) {
+  const n = i.slice();
+  return n[wt[t.unit]] = n[wt[t.unit]] + e * t.n, new Date(n[0], n[1], n[2], n[3], n[4]).getTime();
+}
+function oe(i, t, e) {
+  const n = [];
+  if (!Number.isFinite(i) || !Number.isFinite(t)) return n;
+  const s = _t(i, e);
+  for (let o = 0; o < 1e3; o++) {
+    const r = xt(s, e, o);
+    if (r > t) break;
+    r >= i && !(r <= n[n.length - 1]) && n.push(r);
+  }
+  return n;
+}
+function hn(i, t, e) {
+  const n = _t(t, e), s = xt(n, e, 0);
+  return [xt(_t(i, e), e, 0), s < t ? xt(n, e, 1) : s];
+}
+const Me = new Intl.DateTimeFormat("en-GB", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }), dn = new Intl.DateTimeFormat("en-GB", {
+  hour: "2-digit",
+  minute: "2-digit",
+  second: "2-digit",
+  hourCycle: "h23"
+}), Ae = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short" }), fn = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short", year: "numeric" }), mn = new Intl.DateTimeFormat("en-GB", { month: "short", year: "numeric" }), pn = new Intl.DateTimeFormat("en-GB", { year: "numeric" });
+function Yt(i, t = !1) {
+  return Number.isFinite(i) ? `${Ae.format(i)} ${(t ? dn : Me).format(i)}` : "";
+}
+function yn(i, t) {
+  return i.map((e, n) => {
+    const s = n === 0 ? void 0 : new Date(i[n - 1]), o = new Date(e);
+    switch (t.unit) {
+      case "minute":
+      case "hour":
+        return s === void 0 || s.toDateString() !== o.toDateString() ? Yt(e) : Me.format(e);
+      case "day":
+        return s === void 0 || s.getFullYear() !== o.getFullYear() ? fn.format(e) : Ae.format(e);
+      case "month":
+        return mn.format(e);
+      default:
+        return pn.format(e);
+    }
+  });
 }
-const Lt = 5, Tt = 4, xt = 8, Gt = 4, Be = 8, it = "uc-tick-label", lt = "uc-axis-title", ae = {
+const zt = 5, Bt = 4, Et = 8, re = 4, gn = 8, it = "uc-tick-label", pt = "uc-axis-title", Se = {
   width: 0,
   height: 0,
   plot: { x: 0, y: 0, width: 0, height: 0 },
   axes: []
 };
-function qt(n, t, e) {
-  const i = Math.ceil(t), r = e.get(n);
-  return r === void 0 || i > r || r - i >= Be ? (e.set(n, i), i) : r;
+function ae(i, t, e) {
+  const n = Math.ceil(t), s = e.get(i);
+  return s === void 0 || n > s || s - n >= gn ? (e.set(i, n), n) : s;
+}
+function St(i) {
+  return i.calendar !== void 0 && i.calendar.length > 0 ? i.calendar : void 0;
+}
+function Te(i) {
+  return i[1] - i[0] >= q;
+}
+function It(i, t) {
+  return un(i[1] - i[0], t);
 }
-function Kt(n, t) {
-  const e = n.domainMode;
+function Pt(i, t) {
+  const e = i.domainMode;
   if (Array.isArray(e)) {
     const o = e;
     return o[0] === o[1] ? [o[0] - 1, o[1] + 1] : o;
   }
-  const [i, r] = n.extent;
-  return n.calendar !== void 0 && n.calendar.length > 0 || e === "data" ? Vt(i, r) : Fe(i, r, t);
-}
-function Ye(n) {
-  if (!Number.isFinite(n)) return "";
-  const t = new Date(n), e = (i) => String(i).padStart(2, "0");
-  return `${e(t.getDate())}.${e(t.getMonth() + 1)}. ${e(t.getHours())}:${e(t.getMinutes())}`;
-}
-function Ut(n, t, e) {
-  if (n.tickValues !== void 0)
-    return n.tickValues.filter((r) => r >= t[0] && r <= t[1]);
-  const i = n.calendar;
-  return i !== void 0 && i.length > 0 ? _e(i, t[0], t[1], e) : oe(t[0], t[1], e);
-}
-function Xt(n, t, e) {
-  const i = n.calendar;
-  if (i !== void 0 && i.length > 0) {
-    const o = n.tickFormat;
-    return o === void 0 ? (s) => Ye(dt(s, i)) : (s) => o(dt(s, i));
-  }
-  if (n.tickFormat !== void 0) return n.tickFormat;
-  const r = mt(Math.abs(t[1] - t[0]), e);
-  return (o) => Ee(o, r);
-}
-function ze(n) {
-  const { width: t, height: e, padding: i, axes: r, measure: o, hysteresis: s } = n, a = r.filter((v) => v.position === "left"), l = r.filter((v) => v.position === "right"), c = r.filter((v) => v.position === "top"), u = r.filter((v) => v.position === "bottom"), h = Math.ceil(o("0", it).height) || 14, p = /* @__PURE__ */ new Map();
-  for (const v of [...c, ...u]) {
-    const M = v.label === void 0 || v.label === "" ? 0 : Math.ceil(o(v.label, lt).height) + Gt;
-    p.set(v.key, qt(v.key, Lt + Tt + h + M, s));
-  }
-  const d = (v, M) => {
-    let x = 0;
-    for (let T = 0; T < v.length; T++) {
-      const C = v[T];
-      C !== void 0 && (x += M.get(C.key) ?? 0, T > 0 && (x += xt));
+  const [n, s] = i.extent;
+  return St(i) !== void 0 || e === "data" ? Dt(n, s) : i.time === !0 ? Te([n, s]) ? hn(n, s, It([n, s], t)) : Dt(n, s) : Je(n, s, t);
+}
+function le(i, t, e) {
+  const n = St(i);
+  if (i.tickValues !== void 0)
+    return (n !== void 0 ? i.tickValues.map((o) => st(o, n)) : i.tickValues).filter((o) => o >= t[0] && o <= t[1]);
+  if (n !== void 0) {
+    const s = Z(n), o = (a) => ot(Math.min(Math.max(a, 0), s.total), s), r = [];
+    for (const a of oe(o(t[0]), o(t[1]), It(t, e))) {
+      const l = st(a, s);
+      Number.isNaN(l) || l === r[r.length - 1] || l >= t[0] && l <= t[1] && r.push(l);
     }
-    return x;
-  }, m = i.top + d(c, p), y = e - i.bottom - d(u, p), f = Math.max(0, y - m), b = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
-  for (const v of [...a, ...l]) {
-    const M = v.tickCount ?? Math.max(2, Math.round(f / 50)), x = Kt(v, M), T = Ut(v, x, M), C = Xt(v, x, M), L = T.map(C), W = L.map((R) => o(R, it).width);
-    let D = 0;
-    for (const R of W) R > D && (D = R);
-    for (const R of v.limitLabels ?? []) D = Math.max(D, o(R, it).width + 4);
-    const B = v.label === void 0 || v.label === "" ? 0 : Math.ceil(o(v.label, lt).height) + Gt;
-    b.set(v.key, { axis: v, domain: x, values: T, labels: L, widths: W, format: C }), k.set(
-      v.key,
-      qt(v.key, Lt + Tt + D + B, s)
+    return r;
+  }
+  return i.time === !0 ? Te(t) ? oe(t[0], t[1], It(t, e)) : [] : ke(t[0], t[1], e);
+}
+function ce(i, t, e) {
+  const n = i.tickFormat, s = St(i);
+  if (s !== void 0)
+    return n !== void 0 ? (r) => n(ot(r, s)) : (r, a) => Yt(ot(r, s), a);
+  if (n !== void 0) return (r) => n(r);
+  if (i.time === !0) return Yt;
+  const o = et(Math.abs(t[1] - t[0]), e);
+  return (r) => Ie(r, o);
+}
+function ue(i, t, e, n, s) {
+  const o = St(i);
+  if (i.tickFormat !== void 0 || i.time !== !0 && o === void 0) return n.map(s);
+  const r = o === void 0 ? n : n.map((a) => ot(a, o));
+  return yn(r, It(t, e));
+}
+function Le(i, t, e) {
+  return Math.min(Math.max(i, 0), Math.max(0, e - t));
+}
+function xn(i) {
+  const { width: t, height: e, padding: n, axes: s, measure: o, hysteresis: r } = i, a = s.filter((k) => k.position === "left"), l = s.filter((k) => k.position === "right"), u = s.filter((k) => k.position === "top"), d = s.filter((k) => k.position === "bottom"), f = Math.ceil(o("0", it).height) || 14, h = /* @__PURE__ */ new Map();
+  for (const k of [...u, ...d]) {
+    const D = k.label === void 0 || k.label === "" ? 0 : Math.ceil(o(k.label, pt).height) + re;
+    h.set(k.key, ae(k.key, zt + Bt + f + D, r));
+  }
+  const m = (k, D) => {
+    let v = 0;
+    for (let F = 0; F < k.length; F++) {
+      const R = k[F];
+      R !== void 0 && (v += D.get(R.key) ?? 0, F > 0 && (v += Et));
+    }
+    return v;
+  }, c = n.top + m(u, h), p = e - n.bottom - m(d, h), y = Math.max(0, p - c), g = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), N = s.find((k) => k.orientation === "y");
+  for (const k of [...a, ...l].sort((D, v) => D === N ? -1 : v === N ? 1 : 0)) {
+    const D = k.tickCount ?? Math.max(2, Math.round(y / 50)), v = N === void 0 ? void 0 : g.get(N.key), [F, R] = Array.isArray(k.domainMode) ? Pt(k, D) : k.extent, M = k.alignTicks === !0 && k !== N && v !== void 0 ? Qe(F, R, v.domain, v.values) : null, V = (M == null ? void 0 : M.domain) ?? Pt(k, D), E = (M == null ? void 0 : M.ticks) ?? le(k, V, D), z = M === null ? ce(k, V, D) : k.tickFormat ?? ((Y) => Ie(Y, M.step)), B = ue(k, V, D, E, z), U = B.map((Y) => o(Y, it).width);
+    let _ = 0;
+    for (const Y of U) Y > _ && (_ = Y);
+    for (const Y of k.limitLabels ?? []) _ = Math.max(_, o(Y, it).width + 4);
+    const nt = k.label === void 0 || k.label === "" ? 0 : Math.ceil(o(k.label, pt).height) + re;
+    g.set(k.key, { axis: k, domain: V, values: E, labels: B, widths: U, format: z }), b.set(
+      k.key,
+      ae(k.key, zt + Bt + _ + nt, r)
     );
   }
-  const w = i.left + d(a, k), I = t - i.right - d(l, k), A = Math.max(0, I - w), F = { x: w, y: m, width: A, height: f }, P = (v, M, x, T) => {
-    switch (v.position) {
+  const A = n.left + m(a, b), $ = t - n.right - m(l, b), w = Math.max(0, $ - A), W = { x: A, y: c, width: w, height: y }, L = (k, D, v, F) => {
+    switch (k.position) {
       case "left":
-        return { x: w - x - T, y: m, width: T, height: f };
+        return { x: A - v - F, y: c, width: F, height: y };
       case "right":
-        return { x: I + x, y: m, width: T, height: f };
+        return { x: $ + v, y: c, width: F, height: y };
       case "top":
-        return { x: w, y: m - x - T, width: A, height: T };
+        return { x: A, y: c - v - F, width: w, height: F };
       default:
-        return { x: w, y: y + x, width: A, height: T };
+        return { x: A, y: p + v, width: w, height: F };
     }
-  }, N = [], H = (v) => {
-    let M = 0;
-    v.forEach((x, T) => {
-      const C = k.get(x.key) ?? 0, L = b.get(x.key), W = P(x, T, M, C);
-      M += C + xt;
-      const D = (L == null ? void 0 : L.domain) ?? [0, 1], B = (L == null ? void 0 : L.format) ?? ((J) => String(J)), R = new _t(D, [m + f, m]), et = ((L == null ? void 0 : L.values) ?? []).map((J, Y) => ({
-        value: J,
-        label: (L == null ? void 0 : L.labels[Y]) ?? "",
-        px: R.toPx(J),
+  }, S = [], T = (k) => {
+    let D = 0;
+    k.forEach((v, F) => {
+      const R = b.get(v.key) ?? 0, M = g.get(v.key), V = L(v, F, D, R);
+      D += R + Et;
+      const E = (M == null ? void 0 : M.domain) ?? [0, 1], z = (M == null ? void 0 : M.format) ?? ((_) => String(_)), B = new te(E, [c + y, c]), U = ((M == null ? void 0 : M.values) ?? []).map((_, nt) => ({
+        value: _,
+        label: (M == null ? void 0 : M.labels[nt]) ?? "",
+        px: B.toPx(_),
         labelLeft: 0,
-        labelWidth: (L == null ? void 0 : L.widths[Y]) ?? 0
+        labelWidth: (M == null ? void 0 : M.widths[nt]) ?? 0
       }));
-      N.push({
-        key: x.key,
-        id: x.id,
+      S.push({
+        key: v.key,
+        id: v.id,
         orientation: "y",
-        position: x.position,
-        label: x.label,
-        grid: x.grid,
-        band: W,
-        size: C,
-        stack: T,
-        domain: D,
-        scale: R,
-        ticks: et,
-        format: B,
-        titleSize: x.label === void 0 || x.label === "" ? 0 : Math.ceil(o(x.label, lt).height),
+        position: v.position,
+        label: v.label,
+        grid: v.grid,
+        band: V,
+        size: R,
+        stack: F,
+        domain: E,
+        scale: B,
+        ticks: U,
+        format: z,
+        titleSize: v.label === void 0 || v.label === "" ? 0 : Math.ceil(o(v.label, pt).height),
         breaks: []
       });
     });
   };
-  H(a), H(l);
-  const V = (v) => {
-    let M = 0;
-    v.forEach((x, T) => {
-      const C = p.get(x.key) ?? 0, L = P(x, T, M, C);
-      M += C + xt;
-      const W = x.tickCount ?? Math.max(2, Math.round(A / 80)), D = Kt(x, W), B = Ut(x, D, W), R = Xt(x, D, W), et = new _t(D, [w, w + A]), J = B.map((Y) => {
-        const Ct = R(Y), yt = o(Ct, it).width, Ot = et.toPx(Y), ye = Ot - yt / 2, ge = Math.min(Math.max(ye, 0), Math.max(0, t - yt));
-        return { value: Y, label: Ct, px: Ot, labelLeft: ge, labelWidth: yt };
+  T(a), T(l);
+  const H = (k) => {
+    let D = 0;
+    k.forEach((v, F) => {
+      const R = h.get(v.key) ?? 0, M = L(v, F, D, R);
+      D += R + Et;
+      const V = v.tickCount ?? Math.max(2, Math.round(w / 80)), E = Pt(v, V), z = le(v, E, V), B = ce(v, E, V), U = ue(v, E, V, z, B), _ = new te(E, [A, A + w]), nt = z.map((Y, We) => {
+        const Xt = U[We] ?? "", Tt = o(Xt, it).width, Zt = _.toPx(Y), Re = Le(Zt - Tt / 2, Tt, t);
+        return { value: Y, label: Xt, px: Zt, labelLeft: Re, labelWidth: Tt };
       });
-      N.push({
-        key: x.key,
-        id: x.id,
+      S.push({
+        key: v.key,
+        id: v.id,
         orientation: "x",
-        position: x.position,
-        label: x.label,
-        grid: x.grid,
-        band: L,
-        size: C,
-        stack: T,
-        domain: D,
-        scale: et,
-        ticks: J,
-        format: R,
-        titleSize: x.label === void 0 || x.label === "" ? 0 : Math.ceil(o(x.label, lt).height),
-        breaks: x.calendar === void 0 || x.calendar.length === 0 ? [] : He(x.calendar, D[0], D[1]).map((Y) => et.toPx(Y))
+        position: v.position,
+        label: v.label,
+        grid: v.grid,
+        band: M,
+        size: R,
+        stack: F,
+        domain: E,
+        scale: _,
+        ticks: nt,
+        format: B,
+        titleSize: v.label === void 0 || v.label === "" ? 0 : Math.ceil(o(v.label, pt).height),
+        breaks: v.calendar === void 0 || v.calendar.length === 0 ? [] : rn(v.calendar, E[0], E[1]).map((Y) => _.toPx(Y))
       });
     });
   };
-  return V(c), V(u), { width: t, height: e, plot: F, axes: N };
-}
-function Ge(n, t, e) {
-  if (t <= 0 || !(e >= n[0])) return -1;
-  let i = 0, r = t - 1;
-  if (n[r] <= e) return r;
-  for (; r - i > 1; ) {
-    const o = i + r >> 1;
-    n[o] <= e ? i = o : r = o;
-  }
-  return i;
-}
-function le(n, t, e, i) {
-  return e + 1 < t ? n[e + 1] : i;
-}
-const ce = 0.28;
-function ot(n, t) {
-  return Number.isFinite(n) ? n : t;
-}
-function ue(n) {
-  return !Number.isFinite(n);
-}
-function Zt(n, t) {
-  return n < t;
-}
-function qe(n, t, e, i) {
-  const r = new Int32Array(e);
-  for (let o = 0; o < e; o++) {
-    const s = n[o], a = ot(t[o], i);
-    if (!Zt(s, a)) continue;
-    let l = 0;
-    for (let c = 0; c < o; c++) {
-      const u = n[c], h = ot(t[c], i);
-      Zt(u, h) && s < h && u < a && l++;
-    }
-    r[o] = l;
-  }
-  return r;
+  return H(u), H(d), { width: t, height: e, plot: W, axes: S };
 }
-function Ke(n, t, e, i, r, o, s, a, l = null, c = 0) {
-  const u = s / 2;
-  for (let h = i - 1; h >= 0; h--) {
-    const p = e[h] + (l === null ? 0 : l[h] * c);
-    if (!(Math.abs(p - o) <= u)) continue;
-    const d = n[h], m = ot(t[h], a);
-    if (r >= d && r < m) return h;
+function he(i, t, e) {
+  if (t <= 0 || !(e >= i[0])) return -1;
+  let n = 0, s = t - 1;
+  if (i[s] <= e) return s;
+  for (; s - n > 1; ) {
+    const o = n + s >> 1;
+    i[o] <= e ? n = o : s = o;
   }
-  return -1;
+  return n;
 }
-function st(n) {
-  return Math.round(n) + 0.5;
-}
-function Ue(n, t) {
-  const { plot: e, axes: i, theme: r } = t, o = e.x, s = e.x + e.width, a = e.y, l = e.y + e.height;
-  n.lineWidth = 1;
-  for (const c of i)
-    if (c.grid)
-      for (const u of [0, 1]) {
-        const h = u === 1;
-        n.beginPath();
-        let p = !1;
-        for (const d of c.ticks)
-          if ((c.orientation === "y" && d.value === 0) === h)
-            if (p = !0, c.orientation === "y") {
-              const y = st(d.px);
-              n.moveTo(o, y), n.lineTo(s, y);
+function Fe(i, t, e, n) {
+  return e + 1 < t ? i[e + 1] : n;
+}
+function bn(i, t, e, n, s) {
+  const o = i[t - 1], r = e > o ? e : n > 0 ? o + n : s;
+  return Math.min(r, s);
+}
+function vn(i, t) {
+  const e = [];
+  for (let n = 1; n < t; n++) {
+    const s = i[n] - i[n - 1];
+    s > 0 && e.push(s);
+  }
+  return e.length === 0 ? 0 : (e.sort((n, s) => n - s), e[e.length - 1 >> 1]);
+}
+function dt(i) {
+  return Math.round(i) + 0.5;
+}
+function Nn(i, t) {
+  const { plot: e, axes: n, theme: s } = t, o = e.x, r = e.x + e.width, a = e.y, l = e.y + e.height;
+  i.lineWidth = 1;
+  for (const u of n)
+    if (u.grid)
+      for (const d of [0, 1]) {
+        const f = d === 1;
+        i.beginPath();
+        let h = !1;
+        for (const m of u.ticks)
+          if ((u.orientation === "y" && m.value === 0) === f)
+            if (h = !0, u.orientation === "y") {
+              const p = dt(m.px);
+              i.moveTo(o, p), i.lineTo(r, p);
             } else {
-              const y = st(d.px);
-              n.moveTo(y, a), n.lineTo(y, l);
+              const p = dt(m.px);
+              i.moveTo(p, a), i.lineTo(p, l);
             }
-        p && (n.strokeStyle = h ? r.colorAxis : r.colorGrid, n.stroke());
+        h && (i.strokeStyle = f ? s.colorAxis : s.colorGrid, i.stroke());
       }
 }
-function Xe(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.yScale.m, s = t.yScale.b, a = t.x, l = t.y, c = new Path2D();
-  let u = !1;
-  for (let h = 0; h < e; h++) {
-    const p = l[h];
-    if (Number.isNaN(p)) {
-      u = !1;
+const kn = 60;
+function wn(i, t, e) {
+  return (e === 0 || Number.isNaN(i[e - 1])) && (e === t - 1 || Number.isNaN(i[e + 1]));
+}
+function In(i, t) {
+  const e = t.length, n = t.xScale.m, s = t.xScale.b, o = t.yScale.m, r = t.yScale.b, a = t.x, l = t.y, u = t.step === !0, d = new Path2D();
+  let f = !1, h = 0;
+  for (let m = 0; m < e; m++) {
+    const c = l[m], p = a[m] * n + s;
+    if (Number.isNaN(c)) {
+      u && f && d.lineTo(p, h), f = !1;
       continue;
     }
-    const d = a[h] * i + r, m = p * o + s;
-    u ? c.lineTo(d, m) : (c.moveTo(d, m), u = !0);
-  }
-  if (n.strokeStyle = t.color, n.lineWidth = t.strokeWidth, t.dash !== void 0 && t.dash.length > 0 ? n.setLineDash(t.dash) : n.setLineDash([]), n.stroke(c), n.setLineDash([]), t.marker) {
-    const h = t.strokeWidth + 1.5, p = new Path2D();
-    for (let d = 0; d < e; d++) {
-      const m = l[d];
-      if (Number.isNaN(m)) continue;
-      const y = a[d] * i + r, f = m * o + s;
-      p.moveTo(y + h, f), p.arc(y, f, h, 0, Math.PI * 2);
+    const y = c * o + r;
+    f ? (u && d.lineTo(p, h), d.lineTo(p, y)) : (d.moveTo(p, y), f = !0), h = y;
+  }
+  if (i.strokeStyle = t.color, i.lineWidth = t.strokeWidth, t.dash !== void 0 && t.dash.length > 0 ? i.setLineDash(t.dash) : i.setLineDash([]), i.stroke(d), i.setLineDash([]), t.markers !== "never") {
+    const m = t.markers === "always" || e <= kn, c = t.strokeWidth + 1.5, p = new Path2D();
+    for (let y = 0; y < e; y++) {
+      const g = l[y];
+      if (Number.isNaN(g) || !m && !wn(l, e, y)) continue;
+      const b = a[y] * n + s, N = g * o + r;
+      p.moveTo(b + c, N), p.arc(b, N, c, 0, Math.PI * 2);
     }
-    n.fillStyle = t.color, n.fill(p);
-  }
-}
-function Ze(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.yScale.m, s = t.yScale.b, a = t.x, l = t.y, c = t.y0, u = t.baseline * o + s, h = new Path2D(), p = new Path2D();
-  let d = 0;
-  for (; d < e; ) {
-    for (; d < e && (Number.isNaN(l[d]) || c !== null && Number.isNaN(c[d])); )
-      d++;
-    if (d >= e) break;
-    const m = d;
-    for (; d < e && !Number.isNaN(l[d]) && (c === null || !Number.isNaN(c[d])); )
-      d++;
-    const y = d - 1;
-    for (let f = m; f <= y; f++) {
-      const b = a[f] * i + r, k = l[f] * o + s;
-      f === m ? (h.moveTo(b, k), p.moveTo(b, k)) : (h.lineTo(b, k), p.lineTo(b, k));
+    i.fillStyle = t.color, i.fill(p);
+  }
+}
+function Mn(i, t) {
+  const e = t.length, n = t.xScale.m, s = t.xScale.b, o = t.yScale.m, r = t.yScale.b, a = t.x, l = t.y, u = t.y0, d = t.baseline * o + r, f = new Path2D(), h = new Path2D(), m = new Path2D();
+  let c = 0;
+  for (; c < e; ) {
+    for (; c < e && (Number.isNaN(l[c]) || u !== null && Number.isNaN(u[c])); )
+      c++;
+    if (c >= e) break;
+    const p = c;
+    for (; c < e && !Number.isNaN(l[c]) && (u === null || !Number.isNaN(u[c])); )
+      c++;
+    const y = c - 1;
+    if (p === y) {
+      const g = a[p] * n + s;
+      m.moveTo(g, u === null ? d : u[p] * o + r), m.lineTo(g, l[p] * o + r);
+      continue;
+    }
+    for (let g = p; g <= y; g++) {
+      const b = a[g] * n + s, N = l[g] * o + r;
+      g === p ? (f.moveTo(b, N), h.moveTo(b, N)) : (f.lineTo(b, N), h.lineTo(b, N));
     }
-    if (c === null)
-      h.lineTo(a[y] * i + r, u), h.lineTo(a[m] * i + r, u);
+    if (u === null)
+      f.lineTo(a[y] * n + s, d), f.lineTo(a[p] * n + s, d);
     else
-      for (let f = y; f >= m; f--)
-        h.lineTo(a[f] * i + r, c[f] * o + s);
-    h.closePath();
+      for (let g = y; g >= p; g--)
+        f.lineTo(a[g] * n + s, u[g] * o + r);
+    f.closePath();
   }
-  n.globalAlpha = t.alpha * t.fillOpacity, n.fillStyle = t.color, n.fill(h), t.strokeWidth > 0 && (n.globalAlpha = t.alpha, n.strokeStyle = t.color, n.lineWidth = t.strokeWidth, n.setLineDash([]), n.stroke(p));
+  i.globalAlpha = t.alpha * t.fillOpacity, i.fillStyle = t.color, i.fill(f), i.globalAlpha = t.alpha, i.strokeStyle = t.color, t.strokeWidth > 0 && (i.setLineDash(t.dash ?? []), i.lineWidth = t.strokeWidth, i.stroke(h)), i.setLineDash([]), i.lineWidth = Math.max(1, t.strokeWidth), i.stroke(m);
 }
-function je(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.yScale.m, s = t.yScale.b, a = t.x, l = t.y, c = t.baseline * o + s, u = t.offset * i, h = t.width * i, p = new Path2D();
-  for (let d = 0; d < e; d++) {
-    const m = l[d];
+function An(i, t) {
+  const e = t.length, n = t.xScale.m, s = t.xScale.b, o = t.yScale.m, r = t.yScale.b, a = t.x, l = t.y, u = t.baseline * o + r, d = t.offset * n, f = t.width * n, h = new Path2D();
+  for (let m = 0; m < e; m++) {
+    const c = l[m];
+    if (Number.isNaN(c)) continue;
+    const p = a[m] * n + s + d, y = c * o + r;
+    h.rect(p, y, f, u - y);
+  }
+  i.fillStyle = t.color, i.fill(h);
+}
+function Sn(i, t) {
+  const e = t.length, n = t.xScale.m, s = t.xScale.b, o = t.yScale.m, r = t.yScale.b, a = t.x, l = t.y, u = t.radius, d = new Path2D();
+  for (let f = 0; f < e; f++) {
+    const h = l[f];
+    if (Number.isNaN(h)) continue;
+    const m = a[f] * n + s, c = h * o + r;
+    d.moveTo(m + u, c), d.arc(m, c, u, 0, Math.PI * 2);
+  }
+  i.fillStyle = t.color, i.fill(d);
+}
+function Tn(i, t) {
+  const e = t.length, n = t.xScale.m, s = t.xScale.b, o = t.x, r = t.y, a = t.laneTop, l = t.laneBottom - t.laneTop, u = t.colors.length;
+  if (u === 0 || l <= 0) return;
+  const d = [];
+  for (let h = 0; h < u; h++) d.push(new Path2D());
+  let f = !1;
+  for (let h = 0; h < e; h++) {
+    const m = r[h];
     if (Number.isNaN(m)) continue;
-    const y = a[d] * i + r + u, f = m * o + s;
-    p.rect(y, f, h, c - f);
+    const c = m | 0, p = d[c];
+    if (p === void 0) continue;
+    const y = o[h], g = Fe(o, e, h, t.lastEnd);
+    g > y && (p.rect(y * n + s, a, (g - y) * n, l), f = !0);
+  }
+  if (f)
+    for (let h = 0; h < u; h++)
+      i.fillStyle = t.colors[h], i.fill(d[h]);
+}
+function Ln(i, t) {
+  const e = t.length, n = t.xScale.m, s = t.xScale.b, o = t.yScale.m, r = t.yScale.b, a = t.x, l = t.y, u = t.buckets, d = t.colors.length;
+  if (d === 0) return;
+  const f = t.width * n, h = Math.abs(t.height * o), m = [];
+  for (let c = 0; c < d; c++) m.push(new Path2D());
+  for (let c = 0; c < e; c++) {
+    const p = u[c];
+    if (p < 0) continue;
+    const y = m[p];
+    if (y === void 0) continue;
+    const g = a[c] * n + s - f / 2, b = l[c] * o + r - h / 2;
+    y.rect(g, b, f, h);
   }
-  n.fillStyle = t.color, n.fill(p);
+  for (let c = 0; c < d; c++)
+    i.fillStyle = t.colors[c], i.fill(m[c]);
 }
-function Je(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.yScale.m, s = t.yScale.b, a = t.x, l = t.y, c = t.radius, u = new Path2D();
-  for (let h = 0; h < e; h++) {
-    const p = l[h];
-    if (Number.isNaN(p)) continue;
-    const d = a[h] * i + r, m = p * o + s;
-    u.moveTo(d + c, m), u.arc(d, m, c, 0, Math.PI * 2);
-  }
-  n.fillStyle = t.color, n.fill(u);
-}
-function Qe(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.x, s = t.y, a = t.laneTop, l = t.laneBottom - t.laneTop, c = t.colors.length;
-  if (c === 0 || l <= 0) return;
-  const u = [];
-  for (let p = 0; p < c; p++) u.push(new Path2D());
-  let h = !1;
-  for (let p = 0; p < e; p++) {
-    const d = s[p];
-    if (Number.isNaN(d)) continue;
-    const m = d | 0, y = u[m];
-    if (y === void 0) continue;
-    const f = o[p], b = le(o, e, p, t.domainEnd);
-    b > f && (y.rect(f * i + r, a, (b - f) * i, l), h = !0);
-  }
-  if (h)
-    for (let p = 0; p < c; p++)
-      n.fillStyle = t.colors[p], n.fill(u[p]);
-}
-function tn(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.yScale.m, s = t.yScale.b, a = t.x, l = t.y, c = t.buckets, u = t.colors.length;
-  if (u === 0) return;
-  const h = t.width * i, p = Math.abs(t.height * o), d = [];
-  for (let m = 0; m < u; m++) d.push(new Path2D());
-  for (let m = 0; m < e; m++) {
-    const y = c[m];
-    if (y < 0) continue;
-    const f = d[y];
-    if (f === void 0) continue;
-    const b = a[m] * i + r - h / 2, k = l[m] * o + s - p / 2;
-    f.rect(b, k, h, p);
-  }
-  for (let m = 0; m < u; m++)
-    n.fillStyle = t.colors[m], n.fill(d[m]);
-}
-function en(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, o = t.yScale.m, s = t.yScale.b, a = t.x, l = t.y, c = t.x1, u = t.depth, h = Math.abs(t.height * o), p = h * ce, d = new Path2D(), m = new Path2D();
-  for (let y = 0; y < e; y++) {
-    const f = l[y];
-    if (Number.isNaN(f)) continue;
-    const b = a[y];
-    if (Number.isNaN(b)) continue;
-    const k = c[y], w = ot(k, t.domainEnd);
-    if (!(w >= b)) continue;
-    const I = b * i + r, A = Math.max(1, (w - b) * i), F = f * o + s + u[y] * p;
-    (ue(k) ? m : d).rect(I, F - h / 2, A, h);
-  }
-  n.fillStyle = t.color, n.fill(d), n.save(), n.globalAlpha = n.globalAlpha * 0.45, n.fill(m), n.restore(), n.strokeStyle = t.color, n.lineWidth = 1, n.setLineDash([3, 2]), n.stroke(m), n.setLineDash([]);
-}
-function jt(n, t, e) {
-  for (const i of e) {
-    if (i.band) {
-      const r = Math.min(i.fromPx, i.toPx), o = Math.max(i.fromPx, i.toPx);
-      n.fillStyle = i.color, n.save(), n.globalAlpha = 0.12, i.orientation === "y" ? n.fillRect(t.x, r, t.width, o - r) : n.fillRect(r, t.y, o - r, t.height), n.restore();
+function de(i, t, e) {
+  for (const n of e) {
+    if (n.band) {
+      const s = Math.min(n.fromPx, n.toPx), o = Math.max(n.fromPx, n.toPx);
+      i.fillStyle = n.color, i.save(), i.globalAlpha = 0.12, n.orientation === "y" ? i.fillRect(t.x, s, t.width, o - s) : i.fillRect(s, t.y, o - s, t.height), i.restore();
       continue;
     }
-    if (n.beginPath(), i.orientation === "y") {
-      const r = st(i.fromPx);
-      n.moveTo(t.x, r), n.lineTo(t.x + t.width, r);
+    if (i.beginPath(), n.orientation === "y") {
+      const s = dt(n.fromPx);
+      i.moveTo(t.x, s), i.lineTo(t.x + t.width, s);
     } else {
-      const r = st(i.fromPx);
-      n.moveTo(r, t.y), n.lineTo(r, t.y + t.height);
+      const s = dt(n.fromPx);
+      i.moveTo(s, t.y), i.lineTo(s, t.y + t.height);
     }
-    n.strokeStyle = i.color, n.lineWidth = 1, n.setLineDash(i.dash), n.stroke(), n.setLineDash([]);
+    i.strokeStyle = n.color, i.lineWidth = 1, i.setLineDash(n.dash), i.stroke(), i.setLineDash([]);
   }
 }
-function nn(n, t) {
-  const { width: e, height: i, plot: r, series: o } = t;
-  if (n.clearRect(0, 0, e, i), !(r.width <= 0 || r.height <= 0)) {
-    Ue(n, t), n.save(), n.beginPath(), n.rect(r.x, r.y, r.width, r.height), n.clip(), n.lineJoin = "round", n.lineCap = "round", n.globalAlpha = 1, jt(n, r, t.limitBands);
-    for (const s of o)
-      if (s.length !== 0)
-        switch (n.globalAlpha = s.alpha, s.kind) {
+function Fn(i, t) {
+  const { width: e, height: n, plot: s, series: o } = t;
+  if (i.clearRect(0, 0, e, n), !(s.width <= 0 || s.height <= 0)) {
+    Nn(i, t), i.save(), i.beginPath(), i.rect(s.x, s.y, s.width, s.height), i.clip(), i.lineJoin = "round", i.lineCap = "round", i.globalAlpha = 1, de(i, s, t.limitBands);
+    for (const r of o)
+      if (r.length !== 0)
+        switch (i.globalAlpha = r.alpha, r.kind) {
           case "line":
-            Xe(n, s);
+            In(i, r);
             break;
           case "area":
-            Ze(n, s);
+            Mn(i, r);
             break;
           case "bar":
-            je(n, s);
+            An(i, r);
             break;
           case "scatter":
-            Je(n, s);
+            Sn(i, r);
             break;
           case "state":
-            Qe(n, s);
+            Tn(i, r);
             break;
           case "matrix":
-            tn(n, s);
-            break;
-          case "span":
-            en(n, s);
+            Ln(i, r);
             break;
         }
-    n.globalAlpha = 1, jt(n, r, t.limitLines), n.restore();
+    i.globalAlpha = 1, de(i, s, t.limitLines), i.restore();
   }
 }
-function rn(n, t) {
-  const { width: e, height: i, plot: r, theme: o, hover: s } = t;
-  if (n.clearRect(0, 0, e, i), s === null || r.width <= 0 || r.height <= 0) return;
-  const a = st(s.hit.xPx);
-  a >= r.x && a <= r.x + r.width && (n.beginPath(), n.moveTo(a, r.y), n.lineTo(a, r.y + r.height), n.lineWidth = 1, n.strokeStyle = o.colorAxis, n.setLineDash([]), n.stroke());
-  for (const l of s.marker)
-    n.beginPath(), n.arc(l.x, l.y, 5.5, 0, Math.PI * 2), n.fillStyle = o.colorBg, n.fill(), n.beginPath(), n.arc(l.x, l.y, 3.5, 0, Math.PI * 2), n.fillStyle = l.color, n.fill();
+function Dn(i, t) {
+  const { width: e, height: n, plot: s, theme: o, hover: r } = t;
+  i.clearRect(0, 0, e, n);
+  const a = (r == null ? void 0 : r.hit.xPx) ?? t.syncPx;
+  if (a === null || s.width <= 0 || s.height <= 0) return;
+  const l = dt(a);
+  l >= s.x && l <= s.x + s.width && (i.beginPath(), i.moveTo(l, s.y), i.lineTo(l, s.y + s.height), i.lineWidth = 1, i.strokeStyle = o.colorAxis, i.setLineDash([]), i.stroke());
+  for (const u of (r == null ? void 0 : r.marker) ?? [])
+    u.x < s.x || u.x > s.x + s.width || u.y < s.y || u.y > s.y + s.height || (i.beginPath(), i.arc(u.x, u.y, 5.5, 0, Math.PI * 2), i.fillStyle = o.colorBg, i.fill(), i.beginPath(), i.arc(u.x, u.y, 3.5, 0, Math.PI * 2), i.fillStyle = u.color, i.fill());
 }
-function on(n, t, e) {
+function De(i, t, e) {
   if (t <= 0) return -1;
   if (t === 1) return 0;
-  let i = 0, r = t - 1;
-  if (e <= n[i]) return i;
-  if (e >= n[r]) return r;
-  for (; r - i > 1; ) {
-    const a = i + r >> 1;
-    n[a] <= e ? i = a : r = a;
-  }
-  const o = e - n[i];
-  return n[r] - e < o ? r : i;
+  let n = 0, s = t - 1;
+  if (e <= i[n]) return n;
+  if (e >= i[s]) return s;
+  for (; s - n > 1; ) {
+    const a = n + s >> 1;
+    i[a] <= e ? n = a : s = a;
+  }
+  const o = e - i[n];
+  return i[s] - e < o ? s : n;
+}
+function Gt(i, t, e) {
+  let n = 0, s = t;
+  for (; n < s; ) {
+    const o = n + s >> 1;
+    i[o] < e ? n = o + 1 : s = o;
+  }
+  return n;
+}
+function En(i, t, e, n, s, o, r) {
+  const a = De(i, e, n);
+  if (a < 0) return -1;
+  const l = o.toPx(n), u = r.toPx(s);
+  let d = -1, f = Number.POSITIVE_INFINITY;
+  for (let h = a; h >= 0; h--) {
+    const m = o.toPx(i[h]) - l;
+    if (m * m > f) break;
+    const c = t[h];
+    if (Number.isNaN(c)) continue;
+    const p = r.toPx(c) - u, y = m * m + p * p;
+    y < f && (f = y, d = h);
+  }
+  for (let h = a + 1; h < e; h++) {
+    const m = o.toPx(i[h]) - l;
+    if (m * m > f) break;
+    const c = t[h];
+    if (Number.isNaN(c)) continue;
+    const p = r.toPx(c) - u, y = m * m + p * p;
+    y < f && (f = y, d = h);
+  }
+  return d;
+}
+function Pn(i, t, e, n, s, o) {
+  const { x: r, y: a, y0: l, length: u } = i, d = Math.max(0, Gt(r, u, t) - 1), f = Math.min(u - 1, Gt(r, u, e));
+  if (f < d) return { x: r.subarray(0, 0), y: a.subarray(0, 0), y0: null, length: 0 };
+  if (f - d + 1 <= 2 * o)
+    return {
+      x: r.subarray(d, f + 1),
+      y: a.subarray(d, f + 1),
+      y0: l === null ? null : l.subarray(d, f + 1),
+      length: f - d + 1
+    };
+  const h = [], m = new Array(6);
+  let c = d;
+  for (; c <= f; ) {
+    const y = Math.floor(r[c] * n + s);
+    let g = -1, b = -1, N = -1, A = -1, $ = -1, w = -1;
+    for (; c <= f && Math.floor(r[c] * n + s) === y; c++) {
+      const L = a[c];
+      if (Number.isNaN(L) || l !== null && Number.isNaN(l[c])) {
+        $ < 0 && ($ = c), w < 0 && (w = c);
+        continue;
+      }
+      w = -1, g < 0 && (g = c), b = c, (N < 0 || L < a[N]) && (N = c), (A < 0 || L > a[A]) && (A = c);
+    }
+    m[0] = g, m[1] = N, m[2] = A, m[3] = b, m[4] = $, m[5] = w, m.sort((L, S) => L - S);
+    let W = -1;
+    for (const L of m)
+      L < 0 || L === W || (h.push(L), W = L);
+  }
+  const p = {
+    x: new Float64Array(h.length),
+    y: new Float64Array(h.length),
+    y0: l === null ? null : new Float64Array(h.length),
+    length: h.length
+  };
+  return h.forEach((y, g) => {
+    p.x[g] = r[y], p.y[g] = a[y], p.y0 !== null && (p.y0[g] = l[y]);
+  }), p;
 }
-function Jt(n, t) {
+function fe(i, t) {
   if (t < 2) return 0;
-  const e = n.slice(0, t).sort();
-  let i = Number.POSITIVE_INFINITY;
-  for (let r = 1; r < t; r++) {
-    const o = e[r] - e[r - 1];
-    o > 0 && o < i && (i = o);
-  }
-  return Number.isFinite(i) ? i : 0;
-}
-function ct(n, t) {
-  return n > 0 ? n : t;
-}
-function sn(n, t, e, i, r, o, s) {
-  const a = o / 2, l = s / 2;
-  for (let c = 0; c < e; c++) {
-    const u = i - n[c];
-    if (!(u >= -a && u < a)) continue;
-    const h = r - t[c];
-    if (h >= -l && h < l)
-      return c;
+  const e = i.slice(0, t).sort();
+  let n = Number.POSITIVE_INFINITY;
+  for (let s = 1; s < t; s++) {
+    const o = e[s] - e[s - 1];
+    o > 0 && o < n && (n = o);
+  }
+  return Number.isFinite(n) ? n : 0;
+}
+function yt(i, t) {
+  return i > 0 ? i : t;
+}
+function Cn(i, t, e, n, s, o, r) {
+  const a = o / 2, l = r / 2;
+  for (let u = 0; u < e; u++) {
+    const d = n - i[u];
+    if (!(d >= -a && d < a)) continue;
+    const f = s - t[u];
+    if (f >= -l && f < l)
+      return u;
   }
   return -1;
 }
-const an = {
+const $n = {
   ok: 0,
   unknown: 1,
   warning: 2,
   alarm: 3
 };
-function Qn(n) {
-  return an[n];
+function Fi(i) {
+  return $n[i];
 }
-const Qt = { warning: 2, alarm: 3 };
-function ln(n, t = {}) {
-  if (n == null || !Number.isFinite(n))
+const me = { warning: 2, alarm: 3 };
+function On(i, t = {}) {
+  if (i == null || !Number.isFinite(i))
     return { verdict: "unknown" };
-  const e = t.target, i = e !== void 0 && Number.isFinite(e) ? n - e : void 0;
-  let r, o = 0;
+  const e = t.target, n = e !== void 0 && Number.isFinite(e) ? i - e : void 0;
+  let s, o = 0;
   for (const a of t.limits ?? []) {
-    const l = a.side === "upper" ? n - a.value : a.value - n;
-    l > 0 && (r === void 0 || Qt[a.severity] > Qt[r.severity] || a.severity === r.severity && l > o) && (r = a, o = l);
-  }
-  if (r === void 0)
-    return i === void 0 ? { verdict: "ok" } : { verdict: "ok", deviation: i };
-  const s = {
-    verdict: r.severity,
-    limit: r,
+    const l = a.side === "upper" ? i - a.value : a.value - i;
+    l > 0 && (s === void 0 || me[a.severity] > me[s.severity] || a.severity === s.severity && l > o) && (s = a, o = l);
+  }
+  if (s === void 0)
+    return n === void 0 ? { verdict: "ok" } : { verdict: "ok", deviation: n };
+  const r = {
+    verdict: s.severity,
+    limit: s,
     excess: o
   };
-  return i === void 0 ? s : { ...s, deviation: i };
-}
-function cn(n, t, e, i, r) {
-  const o = n.length, s = new Float64Array(o), a = new Float64Array(o), l = typeof i == "function" ? i : null, c = l === null ? null : new Float64Array(o), u = (r == null ? void 0 : r.value) ?? null, h = u === null ? null : new Float64Array(o), p = (r == null ? void 0 : r.xEnd) ?? null, d = p === null ? null : new Float64Array(o), m = (r == null ? void 0 : r.xMap) ?? null, y = (r == null ? void 0 : r.xGap) ?? null;
-  let f = Number.POSITIVE_INFINITY, b = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, w = Number.NEGATIVE_INFINITY;
-  typeof i == "number" && o > 0 && (k = i, w = i);
-  for (let I = 0; I < o; I++) {
-    const A = n[I], F = t(A, I), P = m === null ? F : m(F);
-    s[I] = P;
-    const N = y !== null && y(F);
-    if (N || (P < f && (f = P), P > b && (b = P)), p !== null) {
-      const v = p(A, I), M = v ?? Number.NaN, x = !Number.isFinite(M) || m === null ? M : m(M);
-      d[I] = x, Number.isFinite(x) && (x < f && (f = x), x > b && (b = x));
-    }
-    const H = N ? null : e(A, I), V = H ?? Number.NaN;
-    if (a[I] = V, V < k && (k = V), V > w && (w = V), u !== null) {
-      const v = N ? null : u(A, I);
-      h[I] = v ?? Number.NaN;
-    }
-    if (l !== null) {
-      const v = N ? null : l(A, I), M = v ?? Number.NaN;
-      c[I] = M, M < k && (k = M), M > w && (w = M);
+  return n === void 0 ? r : { ...r, deviation: n };
+}
+function Ct(i) {
+  return i == null || !Number.isFinite(i) ? Number.NaN : i;
+}
+function Wn(i, t, e, n, s) {
+  const o = i.length, r = new Float64Array(o), a = new Float64Array(o), l = typeof n == "function" ? n : null, u = l === null ? null : new Float64Array(o), d = (s == null ? void 0 : s.value) ?? null, f = d === null ? null : new Float64Array(o), h = (s == null ? void 0 : s.xMap) ?? null, m = (s == null ? void 0 : s.xGap) ?? null;
+  let c = Number.POSITIVE_INFINITY, p = Number.NEGATIVE_INFINITY, y = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY;
+  typeof n == "number" && o > 0 && (y = n, g = n);
+  for (let b = 0; b < o; b++) {
+    const N = i[b], A = t(N, b), $ = !Number.isFinite(A), w = $ ? b > 0 ? r[b - 1] : Number.NEGATIVE_INFINITY : h === null ? A : h(A);
+    r[b] = w;
+    const W = $ || m !== null && m(A);
+    W || (w < c && (c = w), w > p && (p = w));
+    const L = W ? Number.NaN : Ct(e(N, b));
+    if (a[b] = L, L < y && (y = L), L > g && (g = L), d !== null && (f[b] = W ? Number.NaN : Ct(d(N, b))), l !== null) {
+      const S = W ? Number.NaN : Ct(l(N, b));
+      u[b] = S, S < y && (y = S), S > g && (g = S);
     }
   }
-  return { series: { x: s, y: a, y0: c, w: h, x1: d, length: o }, extent: { xMin: f, xMax: b, yMin: k, yMax: w } };
+  return { series: { x: r, y: a, y0: u, w: f, length: o }, extent: { xMin: c, xMax: p, yMin: y, yMax: g } };
 }
-function un(n, t) {
+function Rn(i, t) {
   for (let e = 1; e < t; e++)
-    if (n[e] < n[e - 1]) return e;
+    if (i[e] < i[e - 1]) return e;
   return -1;
 }
-function hn(n, t, e, i) {
-  let r = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
-  for (const s of e) {
-    const a = s.extent;
-    if (a === null || !(n === "x" ? s.xAxisId === t : s.yAxisId === t)) continue;
-    const c = n === "x" ? a.xMin : a.yMin, u = n === "x" ? a.xMax : a.yMax;
-    c < r && (r = c), u > o && (o = u);
+function Hn(i, t, e) {
+  const { x: n, y: s, y0: o, length: r } = i;
+  let a = Number.POSITIVE_INFINITY, l = Number.NEGATIVE_INFINITY;
+  for (let u = Gt(n, r, t); u < r && n[u] <= e; u++) {
+    const d = s[u];
+    if (d < a && (a = d), d > l && (l = d), o !== null) {
+      const f = o[u];
+      f < a && (a = f), f > l && (l = f);
+    }
+  }
+  return [a, l];
+}
+function Vn(i, t, e, n) {
+  let s = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
+  for (const r of e) {
+    const a = r.extent;
+    if (a === null || !(i === "x" ? r.xAxisId === t : r.yAxisId === t)) continue;
+    const u = i === "x" ? a.xMin : a.yMin, d = i === "x" ? a.xMax : a.yMax;
+    u < s && (s = u), d > o && (o = d);
   }
-  if (i !== void 0)
-    for (const s of i)
-      Number.isFinite(s) && (s < r && (r = s), s > o && (o = s));
-  return !Number.isFinite(r) || !Number.isFinite(o) ? [0, 1] : [r, o];
+  if (n !== void 0)
+    for (const r of n)
+      Number.isFinite(r) && (r < s && (s = r), r > o && (o = r));
+  return !Number.isFinite(s) || !Number.isFinite(o) ? [0, 1] : [s, o];
 }
-function dn(n, t) {
+function _n(i, t) {
   let e = Number.POSITIVE_INFINITY;
-  for (let i = 1; i < t; i++) {
-    const r = n[i] - n[i - 1];
-    r > 0 && r < e && (e = r);
+  for (let n = 1; n < t; n++) {
+    const s = i[n] - i[n - 1];
+    s > 0 && s < e && (e = s);
   }
   return Number.isFinite(e) ? e : 0;
 }
-function fn(n, t) {
-  return n > 0 ? n : t;
+function Yn(i, t) {
+  return i > 0 ? i : t;
 }
-function mn(n, t, e, i) {
-  const r = n * t, o = r / i;
-  return { offset: -r / 2 + e * o, width: o };
+function zn(i, t, e, n) {
+  const s = i * t, o = s / n;
+  return { offset: -s / 2 + e * o, width: o };
 }
-function pn(n) {
+function Bn(i) {
   const t = /* @__PURE__ */ new Map();
-  for (const i of n) {
-    if (i.kind !== "bar") continue;
-    const r = t.get(i.xAxisId);
-    r === void 0 ? t.set(i.xAxisId, [i]) : r.push(i);
+  for (const n of i) {
+    if (n.kind !== "bar") continue;
+    const s = t.get(n.xAxisId);
+    s === void 0 ? t.set(n.xAxisId, [n]) : s.push(n);
   }
   const e = /* @__PURE__ */ new Map();
-  for (const i of t.values()) {
-    let r = Number.POSITIVE_INFINITY;
-    for (const a of i)
-      a.step > 0 && a.step < r && (r = a.step);
-    const o = Number.isFinite(r) ? r : 0, s = i[0].fraction;
-    i.forEach((a, l) => {
+  for (const n of t.values()) {
+    let s = Number.POSITIVE_INFINITY;
+    for (const a of n)
+      a.step > 0 && a.step < s && (s = a.step);
+    const o = Number.isFinite(s) ? s : 0, r = n[0].fraction;
+    n.forEach((a, l) => {
       e.set(a.order, {
         index: l,
-        size: i.length,
+        size: n.length,
         step: o,
-        fraction: s
+        fraction: r
       });
     });
   }
   return e;
 }
-const te = {
+const pe = {
   version: 0,
-  layout: ae,
+  layout: Se,
   legend: null,
   series: [],
-  limits: []
-}, ee = {
+  limits: [],
+  // Unknown before the first frame: saying "No data" there would flash.
+  empty: !1
+}, ye = {
   version: 0,
   hover: null,
   tooltip: null,
-  xLabel: ""
-}, yn = 4, gn = 60;
-let vt = 0;
-const bn = new Float64Array(0), xn = new Int32Array(0);
-function z(n, t) {
-  return n === t ? !0 : typeof n != "function" || typeof t != "function" ? !1 : String(n) === String(t);
-}
-function ft(n, t) {
-  if (n === t) return !0;
-  if (n === void 0 || t === void 0 || n.length !== t.length) return !1;
-  for (let e = 0; e < n.length; e++) if (n[e] !== t[e]) return !1;
+  xLabel: "",
+  rows: []
+}, Gn = 4, ge = 12;
+let $t = 0;
+const lt = /* @__PURE__ */ new Map();
+function X(i, t) {
+  if (i === t) return !0;
+  if (typeof i != "function" || typeof t != "function") return !1;
+  const e = String(i);
+  return e.includes("[native code]") ? !1 : e === String(t);
+}
+function qn(i, t) {
+  var e, n, s, o;
+  if (i === t) return !0;
+  if (i === void 0 || t === void 0 || i.length !== t.length) return !1;
+  for (let r = 0; r < i.length; r++)
+    if (((e = i[r]) == null ? void 0 : e.from) !== ((n = t[r]) == null ? void 0 : n.from) || ((s = i[r]) == null ? void 0 : s.to) !== ((o = t[r]) == null ? void 0 : o.to)) return !1;
   return !0;
 }
-function vn(n, t) {
-  return n.kind === t.kind && z(n.accessor, t.accessor) && n.data === t.data && z(Pt(n), Pt(t)) && z(At(n), At(t)) && z(Ft(n), Ft(t)) && // The height of a span widens its y extent, and the extent is made here.
-  ne(n) === ne(t);
+function gt(i) {
+  return i.kind !== "state" && i.kind !== "matrix";
 }
-function ne(n) {
-  return n.kind === "span" ? n.height : void 0;
+function Kn(i) {
+  const t = i.entry.materialized;
+  if (t === null) return !1;
+  const e = t.x[i.index], n = (s) => s > 0 && s < q;
+  return i.index > 0 && n(e - t.x[i.index - 1]) || i.index + 1 < t.length && n(t.x[i.index + 1] - e);
+}
+function ft(i, t) {
+  if (i === t) return !0;
+  if (i === void 0 || t === void 0 || i.length !== t.length) return !1;
+  for (let e = 0; e < i.length; e++) if (i[e] !== t[e]) return !1;
+  return !0;
 }
-function At(n) {
-  return n.kind === "matrix" ? n.value : void 0;
+function Un(i, t) {
+  return i.kind === t.kind && X(i.accessor, t.accessor) && i.data === t.data && X(Mt(i), Mt(t)) && X(qt(i), qt(t));
 }
-function Ft(n) {
-  return n.kind === "span" ? n.to : void 0;
+function qt(i) {
+  return i.kind === "matrix" ? i.value : void 0;
 }
-function Pt(n) {
-  switch (n.kind) {
+function Mt(i) {
+  switch (i.kind) {
     case "line":
     case "scatter":
       return;
     case "area":
-      return n.baseline ?? 0;
+      return i.baseline ?? 0;
     case "bar":
       return 0;
     case "state":
     case "matrix":
-    case "span":
       return;
   }
 }
-function kn(n, t) {
-  if (n.kind !== t.kind) return !1;
+function Xn(i, t) {
+  if (i.kind !== t.kind) return !1;
   switch (t.kind) {
     case "line": {
-      const e = n;
-      return e.strokeWidth === t.strokeWidth && e.markers === t.markers && ft(e.dash, t.dash);
+      const e = i;
+      return e.strokeWidth === t.strokeWidth && e.markers === t.markers && e.step === t.step && ft(e.dash, t.dash);
     }
     case "area": {
-      const e = n;
-      return z(e.baseline, t.baseline) && e.fillOpacity === t.fillOpacity && e.strokeWidth === t.strokeWidth;
+      const e = i;
+      return X(e.baseline, t.baseline) && e.fillOpacity === t.fillOpacity && e.strokeWidth === t.strokeWidth && ft(e.dash, t.dash);
     }
     case "bar":
-      return n.barWidth === t.barWidth;
+      return i.barWidth === t.barWidth;
     case "scatter":
-      return n.radius === t.radius;
+      return i.radius === t.radius;
     case "state": {
-      const e = n;
-      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && Nn(e.states, t.states);
+      const e = i;
+      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && Zn(e.states, t.states);
     }
     case "matrix":
-      return wn(n.coloring, t.coloring);
-    case "span":
-      return n.height === t.height;
+      return Jn(i.coloring, t.coloring);
   }
 }
-function Nn(n, t) {
-  var e, i, r, o;
-  if (n === t) return !0;
-  if (n.length !== t.length) return !1;
-  for (let s = 0; s < n.length; s++)
-    if (((e = n[s]) == null ? void 0 : e.label) !== ((i = t[s]) == null ? void 0 : i.label) || ((r = n[s]) == null ? void 0 : r.color) !== ((o = t[s]) == null ? void 0 : o.color)) return !1;
+function Zn(i, t) {
+  var e, n, s, o;
+  if (i === t) return !0;
+  if (i.length !== t.length) return !1;
+  for (let r = 0; r < i.length; r++)
+    if (((e = i[r]) == null ? void 0 : e.label) !== ((n = t[r]) == null ? void 0 : n.label) || ((s = i[r]) == null ? void 0 : s.color) !== ((o = t[r]) == null ? void 0 : o.color)) return !1;
   return !0;
 }
-function wn(n, t) {
-  return n === t ? !0 : n.kind !== t.kind ? !1 : n.kind === "assessment" && t.kind === "assessment" ? n.limits === t.limits : n.kind === "gradient" && t.kind === "gradient" ? ft(n.stops, t.stops) && ft(n.range, t.range) : !1;
+function Jn(i, t) {
+  return i === t ? !0 : i.kind !== t.kind ? !1 : i.kind === "assessment" && t.kind === "assessment" ? i.limits === t.limits : i.kind === "gradient" && t.kind === "gradient" ? ft(i.stops, t.stops) && ft(i.range, t.range) : !1;
 }
-function In(n, t) {
-  return n.kind === "assessment" ? [t.colorOk, t.colorWarning, t.colorAlarm] : n.stops;
+function Ot(i, t) {
+  return i.kind === "assessment" ? [t.colorOk, t.colorWarning, t.colorAlarm] : i.stops;
 }
-function Sn(n, t, e) {
-  var c, u;
-  const i = n.length, r = new Int32Array(i), o = n.w;
-  if (o === null || e === 0)
-    return r.fill(-1), r;
-  if (t.kind === "assessment") {
-    for (let h = 0; h < i; h++) {
-      const p = ln(o[h], t.limits);
-      r[h] = p.verdict === "alarm" ? 2 : p.verdict === "warning" ? 1 : p.verdict === "ok" ? 0 : -1;
-    }
-    return r;
-  }
-  let s = (c = t.range) == null ? void 0 : c[0], a = (u = t.range) == null ? void 0 : u[1];
-  if (s === void 0 || a === void 0) {
-    s = Number.POSITIVE_INFINITY, a = Number.NEGATIVE_INFINITY;
-    for (let h = 0; h < i; h++) {
-      const p = o[h];
-      Number.isFinite(p) && (p < s && (s = p), p > a && (a = p));
+function Qn(i) {
+  const t = 100 / Math.max(1, i.length);
+  return `linear-gradient(to right, ${i.map((n, s) => `${n} ${s * t}% ${(s + 1) * t}%`).join(", ")})`;
+}
+function jn(i, t, e) {
+  let n = e == null ? void 0 : e[0], s = e == null ? void 0 : e[1];
+  if (n === void 0 || s === void 0) {
+    n = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY;
+    for (let o = 0; o < t; o++) {
+      const r = i[o];
+      Number.isFinite(r) && (r < n && (n = r), r > s && (s = r));
     }
   }
-  const l = a - s;
-  for (let h = 0; h < i; h++) {
-    const p = o[h];
-    if (!Number.isFinite(p)) {
-      r[h] = -1;
-      continue;
-    }
-    const d = l > 0 ? (p - s) / l : 0.5, m = Math.floor(d * e);
-    r[h] = m < 0 ? 0 : m >= e ? e - 1 : m;
+  return [n, s];
+}
+function ti(i, t, e, n, s) {
+  if (t.kind === "assessment") {
+    const l = On(i, t.limits);
+    return l.verdict === "alarm" ? 2 : l.verdict === "warning" ? 1 : l.verdict === "ok" ? 0 : -1;
   }
-  return r;
+  if (!Number.isFinite(i)) return -1;
+  const o = s - n, r = o > 0 ? (i - n) / o : 0.5, a = Math.floor(r * e);
+  return a < 0 ? 0 : a >= e ? e - 1 : a;
 }
-function Mn(n, t) {
-  return n === t ? !0 : Array.isArray(n) && Array.isArray(t) ? n[0] === t[0] && n[1] === t[1] : !1;
+function xe(i, t, e) {
+  const n = i.length, s = new Int32Array(n), o = i.w;
+  if (o === null || e === 0)
+    return s.fill(-1), s;
+  const [r, a] = t.kind === "gradient" ? jn(o, n, t.range) : [0, 0];
+  for (let l = 0; l < n; l++) s[l] = ti(o[l], t, e, r, a);
+  return s;
+}
+function ei(i, t) {
+  return i === t ? !0 : Array.isArray(i) && Array.isArray(t) ? i[0] === t[0] && i[1] === t[1] : !1;
 }
-class he {
+class Ee {
   constructor() {
     /* ---------- Registration ---------- */
-    g(this, "series", /* @__PURE__ */ new Map());
-    g(this, "axes", /* @__PURE__ */ new Map());
-    g(this, "legend", null);
-    g(this, "tooltip", null);
-    g(this, "limits", /* @__PURE__ */ new Map());
+    x(this, "series", /* @__PURE__ */ new Map());
+    x(this, "axes", /* @__PURE__ */ new Map());
+    x(this, "legend", null);
+    x(this, "tooltip", null);
+    x(this, "limits", /* @__PURE__ */ new Map());
     /* ---------- Data and layout inputs ---------- */
-    g(this, "data", []);
-    g(this, "padding", { top: 8, right: 8, bottom: 8, left: 8 });
+    x(this, "data", []);
+    x(this, "padding", { top: 8, right: 8, bottom: 8, left: 8 });
     /* ---------- DOM binding ---------- */
-    g(this, "container", null);
-    g(this, "seriesCanvas", null);
-    g(this, "overlayCanvas", null);
-    g(this, "seriesCtx", null);
-    g(this, "overlayCtx", null);
-    g(this, "tooltipEl", null);
-    g(this, "measurer", null);
+    x(this, "container", null);
+    x(this, "seriesCanvas", null);
+    x(this, "overlayCanvas", null);
+    x(this, "seriesCtx", null);
+    x(this, "overlayCtx", null);
+    x(this, "tooltipEl", null);
+    x(this, "measurer", null);
     /* ---------- Size and DPR ---------- */
-    g(this, "cssWidth", 0);
-    g(this, "cssHeight", 0);
-    g(this, "pendingWidth", null);
-    g(this, "pendingHeight", null);
-    g(this, "dpr", 1);
-    g(this, "dprMedia", null);
-    g(this, "onDprChange", () => {
+    x(this, "cssWidth", 0);
+    x(this, "cssHeight", 0);
+    x(this, "pendingWidth", null);
+    x(this, "pendingHeight", null);
+    x(this, "dpr", 1);
+    x(this, "dprMedia", null);
+    x(this, "onDprChange", () => {
       this.rebindDprWatch(), this.pendingWidth = this.cssWidth, this.pendingHeight = this.cssHeight, this.markLayoutDirty();
     });
     /* ---------- Scheduling ---------- */
-    g(this, "seriesDirty", !1);
-    g(this, "overlayDirty", !1);
-    g(this, "layoutDirty", !0);
-    g(this, "materialsDirty", !1);
-    g(this, "frameHandle", null);
+    x(this, "seriesDirty", !1);
+    x(this, "overlayDirty", !1);
+    x(this, "layoutDirty", !0);
+    x(this, "materialsDirty", !1);
+    x(this, "frameHandle", null);
     /* ---------- Theme ---------- */
-    g(this, "theme", null);
-    g(this, "unsubscribeTheme", null);
+    x(this, "theme", null);
+    x(this, "unsubscribeTheme", null);
+    /** A caller's colours - `color`, a state's, a gradient stop - resolved
+        through the theme's probe, once per colour and theme: a canvas ignores a
+        `var(--…)` or a `light-dark(…)` and keeps the previous fillStyle. */
+    x(this, "painted", /* @__PURE__ */ new Map());
     /* ---------- Layout and interaction ---------- */
-    g(this, "layout", ae);
-    g(this, "hysteresis", /* @__PURE__ */ new Map());
-    g(this, "hover", null);
-    g(this, "hoverKey", "");
-    g(this, "hoverXLabel", "");
-    g(this, "highlight", null);
+    x(this, "layout", Se);
+    x(this, "hysteresis", /* @__PURE__ */ new Map());
+    x(this, "hover", null);
+    x(this, "hoverKey", "");
+    x(this, "hoverXLabel", "");
+    x(this, "hoverRows", []);
+    x(this, "highlight", null);
     /* ---------- Snapshots for the HTML layer ---------- */
-    g(this, "layoutSnapshot", te);
-    g(this, "hoverSnapshot", ee);
-    g(this, "layoutSubscribers", /* @__PURE__ */ new Set());
-    g(this, "hoverSubscribers", /* @__PURE__ */ new Set());
+    x(this, "layoutSnapshot", pe);
+    x(this, "hoverSnapshot", ye);
+    x(this, "layoutSubscribers", /* @__PURE__ */ new Set());
+    x(this, "hoverSubscribers", /* @__PURE__ */ new Set());
     /* ---------- Instrumentation (R-5.1) ---------- */
-    g(this, "perf", { materializeMs: 0, seriesDrawMs: 0, points: 0 });
+    x(this, "perf", { materializeMs: 0, seriesDrawMs: 0, points: 0 });
     /* The palette follows the name (library-audit 05). The table only grows: a name
        that goes away keeps its place, so that it finds it again on its return and
        no other name gets it in the meantime. */
-    g(this, "slotsByName", /* @__PURE__ */ new Map());
-    g(this, "nextSlot", 0);
-    g(this, "onPerf", null);
-    /* ================= Materialisation (R-2.6, R-2.7) ================= */
-    g(this, "sortednessChecked", !1);
-    g(this, "onFontsLoaded", () => {
+    x(this, "slotsByName", /* @__PURE__ */ new Map());
+    x(this, "nextSlot", 0);
+    x(this, "onPerf", null);
+    x(this, "onFontsLoaded", () => {
       var t;
       (t = this.measurer) == null || t.clear(), this.markLayoutDirty();
     });
-    g(this, "themeRoot", null);
-    g(this, "subscribeLayout", (t) => (this.layoutSubscribers.add(t), () => {
+    x(this, "themeRoot", null);
+    /* ---------- Cursor sync (charts-long-series 04) ----------
+    
+         Only the x position travels, in domain units: each chart draws its own
+         crosshair there, on its x axis of the same id - or its first -, and the
+         tooltip stays with the chart under the pointer. Zoom is not shared; the
+         caller gives every chart the same controlled domain. */
+    x(this, "syncId", null);
+    /** Where another chart's pointer stands; null while none does. */
+    x(this, "synced", null);
+    x(this, "sent", null);
+    /* ---------- Zoom and pan (charts-long-series 01) ----------
+    
+         The schedule's model, not its code: Ctrl or ⌘ with the wheel zooms - a
+         trackpad pinch arrives as exactly that -, a horizontal wheel or Shift pans,
+         the plain wheel is the page's. A drag pans, two fingers pinch, a double
+         click asks for everything. Nothing here changes a domain: each gesture
+         proposes one to the axis' handler, and the caller passes it back. */
+    /** What was last proposed per axis, until a layout has taken the answer: a
+        second wheel step in the same frame builds on the first, not on the
+        domain still drawn. */
+    x(this, "proposed", /* @__PURE__ */ new Map());
+    x(this, "pointers", /* @__PURE__ */ new Map());
+    x(this, "pinch", 0);
+    x(this, "subscribeLayout", (t) => (this.layoutSubscribers.add(t), () => {
       this.layoutSubscribers.delete(t);
     }));
-    g(this, "getLayoutSnapshot", () => this.layoutSnapshot);
-    g(this, "getLayoutServerSnapshot", () => te);
-    g(this, "subscribeHover", (t) => (this.hoverSubscribers.add(t), () => {
+    x(this, "getLayoutSnapshot", () => this.layoutSnapshot);
+    x(this, "getLayoutServerSnapshot", () => pe);
+    x(this, "subscribeHover", (t) => (this.hoverSubscribers.add(t), () => {
       this.hoverSubscribers.delete(t);
     }));
-    g(this, "getHoverSnapshot", () => this.hoverSnapshot);
-    g(this, "getHoverServerSnapshot", () => ee);
+    x(this, "getHoverSnapshot", () => this.hoverSnapshot);
+    x(this, "getHoverServerSnapshot", () => ye);
   }
   setOnPerf(t) {
     this.onPerf = t;
@@ -1100,57 +1299,59 @@ class he {
     if (t === void 0) return this.nextSlot++;
     const e = this.slotsByName.get(t);
     if (e !== void 0 && !this.slotTaken(e)) return e;
-    const i = this.nextSlot++;
-    return e === void 0 && this.slotsByName.set(t, i), i;
+    const n = this.nextSlot++;
+    return e === void 0 && this.slotsByName.set(t, n), n;
   }
   /** Is a named series currently standing on this palette place? A taken place is
       not assigned a second time: two series of the same name standing at once
       share no colour, and a name that a rename has left behind does not get the
       colour of the renamed series. */
   slotTaken(t, e) {
-    for (const i of this.series.values())
-      if (i !== e && i.config.name !== void 0 && i.slot === t) return !0;
+    for (const n of this.series.values())
+      if (n !== e && n.config.name !== void 0 && n.slot === t) return !0;
     return !1;
   }
   registerSeries(t) {
-    const e = vt++;
+    const e = $t++;
     return this.series.set(e, {
       order: e,
       config: t,
-      slot: this.slotFor(t.name),
+      slot: gt(t) ? this.slotFor(t.name) : -1,
       lastSlot: null,
       materialized: null,
       extent: null,
       step: null,
       cellHeight: null,
-      depth: null
+      buckets: null
     }), this.materialsDirty = !0, this.markLayoutDirty(), e;
   }
   updateSeries(t, e) {
-    const i = this.series.get(t);
-    if (i === void 0) return;
-    const r = i.config, o = vn(r, e), s = o && r.xAxisId === e.xAxisId && r.yAxisId === e.yAxisId && r.name === e.name && r.color === e.color && r.tone === e.tone && kn(r, e);
-    if (r.name !== e.name && e.name !== void 0) {
+    const n = this.series.get(t);
+    if (n === void 0) return;
+    const s = n.config, o = Un(s, e), r = o && s.xAxisId === e.xAxisId && s.yAxisId === e.yAxisId && s.name === e.name && X(s.format, e.format) && s.color === e.color && s.tone === e.tone && s.hidden === e.hidden && Xn(s, e);
+    if (n.slot < 0 && gt(e))
+      n.slot = this.slotFor(e.name);
+    else if (s.name !== e.name && e.name !== void 0 && n.slot >= 0) {
       const a = this.slotsByName.get(e.name);
-      a === void 0 ? this.slotsByName.set(e.name, i.slot) : this.slotTaken(a, i) || (i.slot = a);
+      a === void 0 ? this.slotsByName.set(e.name, n.slot) : this.slotTaken(a, n) || (n.slot = a);
     }
-    i.config = e, !s && (o || (i.materialized = null, i.extent = null, i.step = null, i.cellHeight = null, i.depth = null, this.materialsDirty = !0), this.markLayoutDirty());
+    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());
   }
   unregisterSeries(t) {
     this.series.delete(t) && (this.materialsDirty = !0, this.markLayoutDirty());
   }
   registerAxis(t) {
-    const e = vt++;
+    const e = $t++;
     return this.axes.set(e, { order: e, config: t }), this.materialsDirty = !0, this.markLayoutDirty(), e;
   }
   updateAxis(t, e) {
-    const i = this.axes.get(t);
-    if (i === void 0) return;
-    const r = i.config, o = z(r.accessor, e.accessor) && r.calendar === e.calendar, s = o && r.id === e.id && r.orientation === e.orientation && r.position === e.position && r.label === e.label && r.tickCount === e.tickCount && r.grid === e.grid && ft(r.ticks, e.ticks) && Mn(r.domain, e.domain) && z(r.tickFormat, e.tickFormat);
-    if (i.config = e, !s) {
-      if (!o || r.id !== e.id) {
+    const n = this.axes.get(t);
+    if (n === void 0) return;
+    const s = n.config, o = X(s.accessor, e.accessor) && qn(s.calendar, e.calendar), r = o && s.id === e.id && s.orientation === e.orientation && s.position === e.position && s.label === e.label && s.tickCount === e.tickCount && s.grid === e.grid && s.time === e.time && s.alignTicks === e.alignTicks && ft(s.ticks, e.ticks) && ei(s.domain, e.domain) && s.onDomainChange === void 0 == (e.onDomainChange === void 0) && X(s.tickFormat, e.tickFormat);
+    if (n.config = e, !r) {
+      if (!o || s.id !== e.id) {
         for (const a of this.series.values())
-          a.materialized = null, a.extent = null, a.step = null, a.cellHeight = null, a.depth = null;
+          a.materialized = null, a.extent = null, a.step = null, a.cellHeight = null, a.buckets = null;
         this.materialsDirty = !0;
       }
       this.markLayoutDirty();
@@ -1163,14 +1364,14 @@ class he {
      anything in this library. They are therefore not series: no accessor, no
      data, no legend entry, no hit. */
   registerLimit(t) {
-    const e = vt++;
+    const e = $t++;
     return this.limits.set(e, { order: e, config: t }), this.markLayoutDirty(), e;
   }
   updateLimit(t, e) {
-    const i = this.limits.get(t);
-    if (i === void 0) return;
-    const r = i.config;
-    i.config = e, !(r.kind === e.kind && r.axisId === e.axisId && r.orientation === e.orientation && r.severity === e.severity && r.role === e.role && r.label === e.label && r.color === e.color && r.inExtent === e.inExtent && (r.kind === "line" && e.kind === "line" ? r.value === e.value : r.kind === "band" && e.kind === "band" && r.from === e.from && r.to === e.to)) && this.markLayoutDirty();
+    const n = this.limits.get(t);
+    if (n === void 0) return;
+    const s = n.config;
+    n.config = e, !(s.kind === e.kind && s.axisId === e.axisId && s.orientation === e.orientation && s.severity === e.severity && s.role === e.role && s.label === e.label && s.color === e.color && s.inExtent === e.inExtent && (s.kind === "line" && e.kind === "line" ? s.value === e.value : s.kind === "band" && e.kind === "band" && s.from === e.from && s.to === e.to)) && this.markLayoutDirty();
   }
   unregisterLimit(t) {
     this.limits.delete(t) && this.markLayoutDirty();
@@ -1192,7 +1393,7 @@ class he {
   }
   updateTooltip(t) {
     const e = this.tooltip;
-    if (e !== null && e.mode === t.mode && z(e.render, t.render)) {
+    if (e !== null && e.mode === t.mode && X(e.render, t.render)) {
       this.tooltip = t;
       return;
     }
@@ -1212,9 +1413,9 @@ class he {
   /* ================= Data and container configuration ================= */
   setData(t) {
     if (t !== this.data) {
-      this.data = t, this.materialsDirty = !0, this.sortednessChecked = !1;
+      this.data = t, this.materialsDirty = !0;
       for (const e of this.series.values())
-        e.materialized = null, e.extent = null, e.step = null, e.cellHeight = null, e.depth = null;
+        e.materialized = null, e.extent = null, e.step = null, e.cellHeight = null, e.buckets = null;
       this.markLayoutDirty();
     }
   }
@@ -1225,14 +1426,14 @@ class he {
   /* ================= Checks (R-4.12, R-4.13) ================= */
   /** Called from the Chart after the child effects; DEV only. */
   validate() {
-    if (!rt) return;
+    if (!ht) return;
     const t = /* @__PURE__ */ new Set();
     for (const { config: o } of this.axesInOrder()) {
-      const s = `${o.orientation}:${o.id}`, a = o.orientation === "x" ? "XAxis" : "YAxis";
+      const r = `${o.orientation}:${o.id}`, a = o.orientation === "x" ? "XAxis" : "YAxis";
       ut(
-        !t.has(s),
+        !t.has(r),
         `Two <${a}> with the same id "${o.id}". A second ${a} needs an own id (R-4.12).`
-      ), t.add(s);
+      ), t.add(r);
     }
     const e = /* @__PURE__ */ new Set();
     for (const { config: o } of this.series.values())
@@ -1243,122 +1444,122 @@ class he {
         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())
+      ut(
+        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 && q(
+      !e.has(o) && this.series.size > 0 && J(
         `axis-without-series-${o}`,
         `Axis "${o}" has no bound series; it is drawn with the domain [0, 1] (R-4.13).`
       );
-    const i = /* @__PURE__ */ new Map();
+    const n = /* @__PURE__ */ new Map();
     for (const { config: o } of this.seriesInOrder()) {
       if (o.kind !== "bar") continue;
-      const s = i.get(o.xAxisId);
-      s === void 0 ? i.set(o.xAxisId, o.barWidth) : s !== o.barWidth && q(
+      const r = n.get(o.xAxisId);
+      r === void 0 ? n.set(o.xAxisId, o.barWidth) : r !== o.barWidth && J(
         `bar-width-${o.xAxisId}`,
-        `Bars on the x axis "${o.xAxisId}" give different barWidth. A group shares one width fraction; that of the first (${s}) applies (ADR-0002).`
+        `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 r = 0;
-    for (const o of this.axesInOrder()) o.config.grid === !0 && r++;
-    r > 1 && q(
+    let s = 0;
+    for (const o of this.axesInOrder()) o.config.grid === !0 && s++;
+    s > 1 && J(
       "multiple-grids",
-      "More than one axis draws grid. Unaligned grids compete visually; there is no tick alignment between axes in V0 (R-4.15)."
+      "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)."
     );
   }
-  findXAxis(t) {
+  /* ================= Materialisation (R-2.6, R-2.7) ================= */
+  /** A limit's axis: the one it names, or the first of its orientation. */
+  limitAxisId(t) {
+    if (t.axisId !== void 0) return t.axisId;
     for (const { config: e } of this.axes.values())
-      if (e.orientation === "x" && e.id === t) return e;
+      if (e.orientation === t.orientation) return e.id;
+    return t.orientation;
+  }
+  findAxisConfig(t, e) {
+    for (const { config: n } of this.axes.values())
+      if (n.orientation === t && n.id === e) return n;
     return null;
   }
   materialize() {
     const t = typeof performance > "u" ? 0 : performance.now();
     let e = 0;
-    for (const i of this.series.values()) {
-      if (i.materialized !== null) {
-        e += i.materialized.length;
+    for (const n of this.series.values()) {
+      if (n.materialized !== null) {
+        e += n.materialized.length;
         continue;
       }
-      const r = i.config, o = r.data ?? this.data, s = this.findXAxis(r.xAxisId);
-      if (s === null) continue;
-      const a = cn(
+      const s = n.config, o = s.data ?? this.data, r = this.findAxisConfig("x", s.xAxisId);
+      if (r === null) continue;
+      const a = Wn(
         o,
-        s.accessor,
         r.accessor,
-        Pt(r),
+        s.accessor,
+        Mt(s),
         {
-          value: At(r),
-          xEnd: Ft(r),
-          xMap: this.mapFor(s),
-          xGap: this.gapFor(s)
+          value: qt(s),
+          xMap: this.mapFor(r),
+          xGap: this.gapFor(r)
         }
       );
-      if (i.materialized = a.series, e += a.series.length, r.kind === "bar") {
-        const l = dn(a.series.x, a.series.length);
-        i.step = l;
-        const c = l / 2;
-        i.extent = {
+      if (n.materialized = a.series, e += a.series.length, s.kind === "bar") {
+        const l = _n(a.series.x, a.series.length);
+        n.step = l;
+        const u = l / 2;
+        n.extent = {
           ...a.extent,
-          xMin: a.extent.xMin - c,
-          xMax: a.extent.xMax + c
+          xMin: a.extent.xMin - u,
+          xMax: a.extent.xMax + u
         };
-      } else if (r.kind === "matrix") {
-        const l = Jt(a.series.x, a.series.length), c = Jt(a.series.y, a.series.length);
-        i.step = l, i.cellHeight = c, i.extent = {
+      } else if (s.kind === "matrix") {
+        const l = fe(a.series.x, a.series.length), u = fe(a.series.y, a.series.length);
+        n.step = l, n.cellHeight = u, n.extent = {
           xMin: a.extent.xMin - l / 2,
           xMax: a.extent.xMax + l / 2,
-          yMin: a.extent.yMin - c / 2,
-          yMax: a.extent.yMax + c / 2
+          yMin: a.extent.yMin - u / 2,
+          yMax: a.extent.yMax + u / 2
         };
-      } else if (r.kind === "state")
-        i.step = null, i.extent = {
+      } else if (s.kind === "state") {
+        const l = vn(a.series.x, a.series.length);
+        n.step = l, n.extent = {
           ...a.extent,
+          xMax: a.extent.xMax + l,
           yMin: Number.POSITIVE_INFINITY,
           yMax: Number.NEGATIVE_INFINITY
         };
-      else if (r.kind === "span") {
-        i.depth = qe(
-          a.series.x,
-          a.series.x1 ?? new Float64Array(a.series.length),
-          a.series.length,
-          // The end of the domain is not yet fixed at materialisation time. The
-          // covering of an open span reaches to the end of everything there is -
-          // and that is exactly the value it gets here.
-          a.extent.xMax
-        );
-        const l = (r.height ?? 0.6) / 2;
-        i.step = null, i.extent = {
-          ...a.extent,
-          yMin: a.extent.yMin - l,
-          yMax: a.extent.yMax + l
-        };
       } else
-        i.step = null, i.extent = a.extent;
-      if (!this.sortednessChecked && rt) {
-        this.sortednessChecked = !0;
-        const l = un(a.series.x, a.series.length);
-        l >= 0 && q(
-          "x-unsorted",
-          `X values are not sorted ascending (index ${l}). Binary search and path building assume sortedness; there is no automatic sorting (R-2.6).`
-        );
+        n.step = null, n.extent = a.extent;
+      if (ht && s.kind !== "matrix") {
+        const l = Rn(a.series.x, a.series.length);
+        if (l >= 0) {
+          const u = s.name ?? "?";
+          J(
+            `x-unsorted-${u}`,
+            `Series "${u}": x values are not sorted ascending (index ${l}). 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;
   }
   /* ================= DOM binding, DPR, resize ================= */
-  bind(t, e, i, r) {
-    var s;
-    this.container = t, this.themeRoot = r, this.seriesCanvas = e, this.overlayCanvas = i, this.seriesCtx = e.getContext("2d"), this.overlayCtx = i.getContext("2d"), this.measurer = new Ae(r), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = Le(() => {
+  bind(t, e, n, s) {
+    var r;
+    this.container = t, this.themeRoot = s, this.seriesCanvas = e, this.overlayCanvas = n, this.seriesCtx = e.getContext("2d"), this.overlayCtx = n.getContext("2d"), this.measurer = new Ze(s), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = Ue(() => {
       var a;
-      this.theme = null, (a = this.measurer) == null || a.clear(), this.markLayoutDirty();
+      this.theme = null, this.painted.clear(), (a = this.measurer) == null || a.clear(), this.markLayoutDirty();
     });
     const o = typeof document > "u" ? void 0 : document.fonts;
-    (s = o == null ? void 0 : o.addEventListener) == null || s.call(o, "loadingdone", this.onFontsLoaded), this.theme = null, this.markLayoutDirty();
+    (r = o == null ? void 0 : o.addEventListener) == null || r.call(o, "loadingdone", this.onFontsLoaded), this.theme = null, this.painted.clear(), this.markLayoutDirty();
   }
   bindTooltip(t) {
     this.tooltipEl = t;
   }
   unbind() {
-    var t, e, i, r, o;
-    this.frameHandle !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(this.frameHandle), this.frameHandle = null), (t = this.dprMedia) == null || t.removeEventListener("change", this.onDprChange), this.dprMedia = null, (e = this.unsubscribeTheme) == null || e.call(this), this.unsubscribeTheme = null, typeof document < "u" && ((r = (i = document.fonts) == null ? void 0 : i.removeEventListener) == null || r.call(i, "loadingdone", this.onFontsLoaded)), (o = this.measurer) == null || o.remove(), this.measurer = null, this.container = null, this.themeRoot = null, this.seriesCanvas = null, this.overlayCanvas = null, this.seriesCtx = null, this.overlayCtx = null, this.tooltipEl = null;
+    var t, e, n, s, o;
+    this.frameHandle !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(this.frameHandle), this.frameHandle = null), (t = this.dprMedia) == null || t.removeEventListener("change", this.onDprChange), this.dprMedia = null, (e = this.unsubscribeTheme) == null || e.call(this), this.unsubscribeTheme = null, typeof document < "u" && ((s = (n = document.fonts) == null ? void 0 : n.removeEventListener) == null || s.call(n, "loadingdone", this.onFontsLoaded)), (o = this.measurer) == null || o.remove(), this.measurer = null, this.container = null, this.themeRoot = null, this.seriesCanvas = null, this.overlayCanvas = null, this.seriesCtx = null, this.overlayCtx = null, this.tooltipEl = null;
   }
   /** Detect a change of DPR (a change of monitor): rebind matchMedia (R-2.9). */
   rebindDprWatch() {
@@ -1372,12 +1573,12 @@ class he {
   applyPendingSize() {
     if (this.pendingWidth === null || this.pendingHeight === null) return;
     this.cssWidth = this.pendingWidth, this.cssHeight = this.pendingHeight, this.pendingWidth = null, this.pendingHeight = null;
-    const { seriesCanvas: t, overlayCanvas: e, seriesCtx: i, overlayCtx: r, dpr: o } = this;
-    if (!t || !e || !i || !r) return;
-    const s = Math.max(0, Math.round(this.cssWidth * o)), a = Math.max(0, Math.round(this.cssHeight * o));
+    const { seriesCanvas: t, overlayCanvas: e, seriesCtx: n, overlayCtx: s, dpr: o } = this;
+    if (!t || !e || !n || !s) return;
+    const r = Math.max(0, Math.round(this.cssWidth * o)), a = Math.max(0, Math.round(this.cssHeight * o));
     for (const l of [t, e])
-      l.width = s, l.height = a, l.style.width = `${this.cssWidth}px`, l.style.height = `${this.cssHeight}px`;
-    i.setTransform(o, 0, 0, o, 0, 0), r.setTransform(o, 0, 0, o, 0, 0);
+      l.width = r, l.height = a, l.style.width = `${this.cssWidth}px`, l.style.height = `${this.cssHeight}px`;
+    n.setTransform(o, 0, 0, o, 0, 0), s.setTransform(o, 0, 0, o, 0, 0);
   }
   /* ================= Scheduling (R-2.11) ================= */
   markSeriesDirty() {
@@ -1397,7 +1598,7 @@ class he {
     }));
   }
   frame() {
-    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = Me(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
+    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = Ke(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
       this.layoutDirty && this.pushLayoutSnapshot();
       return;
     }
@@ -1412,10 +1613,10 @@ class he {
       (R-4.15). */
   gridDefault() {
     const t = /* @__PURE__ */ new Map();
-    let e = !0, i = !0;
-    for (const [r, o] of [...this.axes.entries()].sort((s, a) => s[1].order - a[1].order)) {
-      const s = o.config.orientation === "x" ? e : i;
-      t.set(r, o.config.grid ?? s), o.config.orientation === "x" ? e = !1 : i = !1;
+    let e = !0, n = !0;
+    for (const [s, o] of [...this.axes.entries()].sort((r, a) => r[1].order - a[1].order)) {
+      const r = o.config.orientation === "x" ? e : n;
+      t.set(s, o.config.grid ?? r), o.config.orientation === "x" ? e = !1 : n = !1;
     }
     return t;
   }
@@ -1425,20 +1626,42 @@ class he {
         which extents across series kinds can be tested without asking a canvas.
         The layout path calls extentFor directly. */
   axisExtent(t, e) {
+    var o;
     this.materialsDirty && this.materialize();
-    const i = [...this.series.values()].map((r) => ({
+    const n = t === "y" && ((o = this.findAxisConfig("y", e)) == null ? void 0 : o.domain) === "visible", s = [...this.series.values()].map((r) => ({
       xAxisId: r.config.xAxisId,
       yAxisId: r.config.yAxisId,
-      extent: r.extent
+      // 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 hn(t, e, i, this.limitValues(t, e));
+    return Vn(t, e, s, 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
+      and a cell keep theirs: a lane is no value, a cell's edge no point. */
+  visibleExtentOf(t) {
+    var u;
+    const e = (u = this.findAxisConfig("x", t.config.xAxisId)) == null ? void 0 : u.domain, n = t.config.kind;
+    if (!Array.isArray(e) || t.materialized === null || n === "state" || n === "matrix")
+      return t.extent;
+    const [s, o] = e;
+    let [r, a] = Hn(t.materialized, s, o);
+    const l = Mt(t.config);
+    return typeof l == "number" && r <= a && (r = Math.min(r, l), a = Math.max(a, l)), { xMin: s, xMax: o, yMin: r, yMax: a };
   }
   /** The values of the limits that are to pull this axis along. */
   limitValues(t, e) {
-    const i = [];
-    for (const { config: r } of this.limits.values())
-      r.inExtent && (r.orientation !== t || r.axisId !== e || (r.kind === "line" ? i.push(r.value) : i.push(r.from, r.to)));
-    return i;
+    const n = [];
+    for (const { config: s } of this.limits.values())
+      s.inExtent && (s.orientation !== t || this.limitAxisId(s) !== e || (s.kind === "line" ? n.push(this.limitAt(s, s.value)) : n.push(this.limitAt(s, s.from), this.limitAt(s, s.to))));
+    return n;
+  }
+  /** A limit's value in the units of its axis. An x limit on an operating-time
+      axis is named on the wall clock, like the data, and mapped as they are. */
+  limitAt(t, e) {
+    if (t.orientation !== "x") return e;
+    const n = this.findAxisConfig("x", this.limitAxisId(t)), s = n === null ? void 0 : this.mapFor(n);
+    return s === void 0 ? e : s(e);
   }
   /** Pre-mapping of the x values of an axis with an operating calendar. The scale
       stays affine; the mapping happens beforehand, once per point, in
@@ -1447,103 +1670,127 @@ class he {
   mapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (i) => Ce(i, e);
+      return (n) => nn(n, e);
   }
   gapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (i) => Oe(i, e);
+      return (n) => sn(n, e);
   }
   extentFor(t) {
     return this.axisExtent(t.orientation, t.id);
   }
   updateLayout() {
-    const t = this.measurer, e = this.gridDefault(), i = [];
-    for (const [r, o] of [...this.axes.entries()].sort((s, a) => s[1].order - a[1].order)) {
-      const s = o.config;
-      i.push({
-        key: `${s.orientation}:${s.id}`,
-        id: s.id,
-        orientation: s.orientation,
-        position: s.position,
-        label: s.label,
-        grid: e.get(r) ?? !1,
-        extent: this.extentFor(s),
-        domainMode: s.domain,
-        tickCount: s.tickCount,
-        tickFormat: s.tickFormat,
-        tickValues: s.ticks,
-        calendar: s.calendar,
-        limitLabels: s.orientation === "y" ? this.limitsInOrder().map((a) => a.config).filter((a) => a.orientation === "y" && a.axisId === s.id && a.label !== void 0 && a.label !== "").map((a) => a.label) : void 0
+    const t = this.measurer;
+    this.proposed.clear(), this.container !== null && (this.container.style.touchAction = this.hasZoom() ? "pan-y" : "");
+    const e = this.gridDefault(), n = [];
+    for (const [s, o] of [...this.axes.entries()].sort((r, a) => r[1].order - a[1].order)) {
+      const r = o.config;
+      n.push({
+        key: `${r.orientation}:${r.id}`,
+        id: r.id,
+        orientation: r.orientation,
+        position: r.position,
+        label: r.label,
+        grid: e.get(s) ?? !1,
+        extent: this.extentFor(r),
+        domainMode: r.domain,
+        tickCount: r.tickCount,
+        tickFormat: r.tickFormat,
+        tickValues: r.ticks,
+        time: r.time,
+        calendar: r.calendar,
+        alignTicks: r.alignTicks,
+        limitLabels: r.orientation === "y" ? this.limitsInOrder().map((a) => a.config).filter((a) => a.orientation === "y" && this.limitAxisId(a) === r.id && a.label !== void 0 && a.label !== "").map((a) => a.label) : void 0
       });
     }
-    this.layout = ze({
+    this.layout = xn({
       width: this.cssWidth,
       height: this.cssHeight,
       padding: this.padding,
-      axes: i,
-      measure: (r, o) => t === null ? { width: 0, height: 0 } : t.measure(r, o),
+      axes: n,
+      measure: (s, o) => t === null ? { width: 0, height: 0 } : t.measure(s, o),
       hysteresis: this.hysteresis
     });
   }
   findAxis(t, e) {
-    for (const i of this.layout.axes)
-      if (i.orientation === t && i.id === e) return i;
+    for (const n of this.layout.axes)
+      if (n.orientation === t && n.id === e) return n;
     return null;
   }
   /* ================= Series colours and legend entries ================= */
-  colorFor(t, e) {
-    var o;
-    if (t.config.color !== void 0) return t.config.color;
-    const i = t.config.tone;
-    if (i !== void 0) {
-      const s = this.theme ?? O;
-      return i === "alarm" ? s.colorAlarm : i === "warning" ? s.colorWarning : s.colorOk;
+  /** A caller's CSS colour as the canvas can draw it (finding 15). */
+  paint(t) {
+    const e = this.themeRoot;
+    if (e === null) return t;
+    let n = this.painted.get(t);
+    return n === void 0 && (n = qe(e, { color: t }).color, this.painted.set(t, n)), n;
+  }
+  colorFor(t) {
+    var s;
+    if (t.config.color !== void 0) return this.paint(t.config.color);
+    if (!gt(t.config)) return "";
+    const e = t.config.tone;
+    if (e !== void 0) {
+      const o = this.theme ?? O;
+      return e === "alarm" ? o.colorAlarm : e === "warning" ? o.colorWarning : o.colorOk;
     }
-    const r = ((o = this.theme) == null ? void 0 : o.series) ?? O.series;
-    return r[this.paletteSlot(t, e) % Math.max(1, r.length)] ?? O.series[0] ?? "#2563eb";
-  }
-  /** Named: the place of the name. Nameless: the index in the registration, as
-      before - and a warning as soon as that shifts underneath it. */
-  paletteSlot(t, e) {
-    return t.config.name !== void 0 ? t.slot : (t.lastSlot !== null && t.lastSlot !== e && q(
+    const n = ((s = this.theme) == null ? void 0 : s.series) ?? O.series;
+    return n[this.paletteSlot(t) % Math.max(1, n.length)] ?? O.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
+      underneath it. */
+  paletteSlot(t) {
+    if (t.config.name !== void 0) return t.slot;
+    let e = 0;
+    for (const n of this.series.values())
+      n.order < t.order && gt(n.config) && e++;
+    return t.lastSlot !== null && t.lastSlot !== e && J(
       "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);
+    ), t.lastSlot = e, e;
   }
   nameFor(t, e) {
-    return t.config.name !== void 0 ? t.config.name : (q(
+    return t.config.name !== void 0 ? t.config.name : (J(
       "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 Set();
-    return this.seriesInOrder().forEach((i, r) => {
-      const o = i.config;
+    const t = [], e = /* @__PURE__ */ new Map();
+    return this.seriesInOrder().forEach((n, s) => {
+      const o = n.config;
       if (o.kind === "state") {
-        o.states.forEach((s, a) => {
-          const l = `${s.label}\0${s.color}`;
-          e.has(l) || (e.add(l), t.push({
-            id: `${i.order}:${a}`,
-            name: s.label,
-            color: s.color,
-            seriesId: i.order
-          }));
+        o.states.forEach((r, a) => {
+          const l = `${r.label}\0${r.color}`, u = e.get(l);
+          if (u !== void 0) {
+            u.seriesIds.includes(n.order) || u.seriesIds.push(n.order), u.hidden && (u.hidden = o.hidden === !0);
+            return;
+          }
+          const d = {
+            id: `${n.order}:${a}`,
+            name: r.label,
+            hidden: o.hidden === !0,
+            color: r.color,
+            seriesIds: [n.order]
+          };
+          e.set(l, d), t.push(d);
         });
         return;
       }
       t.push({
-        id: String(i.order),
-        name: this.nameFor(i, r),
-        color: this.colorFor(i, r),
-        seriesId: i.order
+        id: String(n.order),
+        name: this.nameFor(n, s),
+        hidden: o.hidden === !0,
+        color: o.kind === "matrix" ? Qn(Ot(o.coloring, this.theme ?? O)) : this.colorFor(n),
+        seriesIds: [n.order]
       });
     }), t;
   }
   /* ---------- Limits, ready in pixels ---------- */
   limitColor(t, e) {
-    return t.color !== void 0 ? t.color : t.role === "control" ? e.colorAxis : t.role === "zone" ? e.colorGrid : t.severity === "alarm" ? e.colorAlarm : e.colorWarning;
+    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;
   }
   /** Dash pattern per role. The reader has to be able to see at a glance whether
       the problem is the process or the tolerance. */
@@ -1558,57 +1805,59 @@ class he {
     }
   }
   limitItems(t) {
-    const e = this.theme ?? O, i = [];
-    for (const { config: r } of this.limitsInOrder()) {
-      if (r.kind === "band" !== t) continue;
-      const o = this.findAxis(r.orientation, r.axisId);
+    const e = this.theme ?? O, n = [];
+    for (const { config: s } of this.limitsInOrder()) {
+      if (s.kind === "band" !== t) continue;
+      const o = this.findAxis(s.orientation, this.limitAxisId(s));
       if (o === null) continue;
-      const s = this.limitColor(r, e), a = this.limitDash(r);
-      if (r.kind === "band")
-        i.push({
-          orientation: r.orientation,
-          fromPx: o.scale.toPx(r.from),
-          toPx: o.scale.toPx(r.to),
-          color: s,
+      const r = this.limitColor(s, e), a = this.limitDash(s);
+      if (s.kind === "band")
+        n.push({
+          orientation: s.orientation,
+          fromPx: o.scale.toPx(this.limitAt(s, s.from)),
+          toPx: o.scale.toPx(this.limitAt(s, s.to)),
+          color: r,
           band: !0,
           dash: a
         });
       else {
-        const l = o.scale.toPx(r.value);
-        i.push({
-          orientation: r.orientation,
+        const l = o.scale.toPx(this.limitAt(s, s.value));
+        n.push({
+          orientation: s.orientation,
           fromPx: l,
           toPx: l,
-          color: s,
+          color: r,
           band: !1,
           dash: a
         });
       }
     }
-    return i;
+    return n;
   }
   /** Labelled limits for the HTML layer: position and colour, ready. */
   limitLabels() {
+    var e;
     const t = [];
-    for (const { order: e, config: i } of this.limitsInOrder()) {
-      if (i.label === void 0 || i.label === "") continue;
-      const r = this.findAxis(i.orientation, i.axisId);
-      if (r === null) continue;
-      const o = i.kind === "line" ? i.value : (i.from + i.to) / 2;
+    for (const { order: n, config: s } of this.limitsInOrder()) {
+      if (s.label === void 0 || s.label === "") continue;
+      const o = this.findAxis(s.orientation, this.limitAxisId(s));
+      if (o === null) continue;
+      const r = s.kind === "line" ? this.limitAt(s, s.value) : (this.limitAt(s, s.from) + this.limitAt(s, s.to)) / 2, a = o.scale.toPx(r), l = (((e = this.measurer) == null ? void 0 : e.measure(s.label, it).width) ?? 0) + 4;
       t.push({
-        id: e,
-        axisKey: r.key,
-        px: r.scale.toPx(o),
-        label: i.label,
-        severity: i.severity,
-        role: i.role
+        id: n,
+        axisKey: o.key,
+        px: a,
+        labelLeft: Le(a, l, this.cssWidth),
+        label: s.label,
+        severity: s.severity,
+        role: s.role
       });
     }
     return t;
   }
   /* ================= Drawing ================= */
   drawItems() {
-    const t = [], e = this.seriesInOrder(), i = pn(
+    const t = [], e = this.seriesInOrder().filter((r) => r.config.hidden !== !0), n = this.highlight, s = n !== null && e.some((r) => n.includes(r.order)) ? n : null, o = Bn(
       e.map((r) => ({
         order: r.order,
         kind: r.config.kind,
@@ -1617,124 +1866,125 @@ class he {
         fraction: r.config.kind === "bar" ? r.config.barWidth : 0
       }))
     );
-    return e.forEach((r, o) => {
-      const s = r.materialized;
-      if (s === null) return;
-      const a = this.findAxis("x", r.config.xAxisId), l = this.findAxis("y", r.config.yAxisId);
-      if (a === null || l === null) return;
-      const c = this.highlight !== null && this.highlight !== r.order, u = {
-        x: s.x,
-        y: s.y,
-        length: s.length,
-        xScale: a.scale,
-        yScale: l.scale,
-        color: this.colorFor(r, o),
-        alpha: c ? 0.25 : 1
-      }, h = r.config;
-      switch (h.kind) {
+    return e.forEach((r) => {
+      const a = r.materialized;
+      if (a === null) return;
+      const l = this.findAxis("x", r.config.xAxisId), u = this.findAxis("y", r.config.yAxisId);
+      if (l === null || u === null) return;
+      const d = s !== null && !s.includes(r.order), f = {
+        x: a.x,
+        y: a.y,
+        length: a.length,
+        xScale: l.scale,
+        yScale: u.scale,
+        color: this.colorFor(r),
+        alpha: d ? 0.25 : 1
+      }, h = r.config, m = h.kind === "line" || h.kind === "area" ? Pn(a, l.scale.domain[0], l.scale.domain[1], l.scale.m, l.scale.b, this.layout.plot.width) : a;
+      switch (f.x = m.x, f.y = m.y, f.length = m.length, h.kind) {
         case "line":
           t.push({
-            ...u,
+            ...f,
             kind: "line",
             strokeWidth: h.strokeWidth,
             dash: h.dash,
-            marker: h.markers === "always" || h.markers === "auto" && s.length <= gn
+            markers: h.markers,
+            step: h.step
           });
           break;
         case "area":
           t.push({
-            ...u,
+            ...f,
             kind: "area",
-            y0: s.y0,
+            y0: m.y0,
             baseline: 0,
             fillOpacity: h.fillOpacity,
-            strokeWidth: h.strokeWidth
+            strokeWidth: h.strokeWidth,
+            dash: h.dash
           });
           break;
         case "bar": {
-          const p = i.get(r.order) ?? {
+          const c = o.get(r.order) ?? {
             index: 0,
             size: 1,
             step: r.step ?? 0,
             fraction: h.barWidth
-          }, d = a.scale.domain, m = mn(
-            fn(p.step, d[1] - d[0]),
-            p.fraction,
-            p.index,
-            p.size
+          }, p = l.scale.domain, y = zn(
+            Yn(c.step, p[1] - p[0]),
+            c.fraction,
+            c.index,
+            c.size
           );
           t.push({
-            ...u,
+            ...f,
             kind: "bar",
             baseline: 0,
-            offset: m.offset,
-            width: m.width
+            offset: y.offset,
+            width: y.width
           });
           break;
         }
         case "scatter":
-          t.push({ ...u, kind: "scatter", radius: h.radius });
+          t.push({ ...f, kind: "scatter", radius: h.radius });
           break;
         case "state": {
-          const p = this.lanePx(h, l);
+          const c = this.lanePx(h, u);
           t.push({
-            ...u,
+            ...f,
             kind: "state",
-            colors: h.states.map((d) => d.color),
-            laneTop: p.top,
-            laneBottom: p.bottom,
-            domainEnd: a.scale.domain[1]
+            colors: h.states.map((p) => this.paint(p.color)),
+            laneTop: c.top,
+            laneBottom: c.bottom,
+            lastEnd: this.lastEnd(r, a, l)
           });
           break;
         }
         case "matrix": {
-          const p = In(h.coloring, this.theme ?? O);
+          const c = Ot(h.coloring, this.theme ?? O).map((p) => this.paint(p));
           t.push({
-            ...u,
+            ...f,
             kind: "matrix",
-            buckets: Sn(s, h.coloring, p.length),
-            colors: p,
-            width: ct(
+            buckets: r.buckets ?? (r.buckets = xe(a, h.coloring, c.length)),
+            colors: c,
+            width: yt(
               r.step ?? 0,
-              a.scale.domain[1] - a.scale.domain[0]
+              l.scale.domain[1] - l.scale.domain[0]
             ),
-            height: ct(
+            height: yt(
               r.cellHeight ?? 0,
-              l.scale.domain[1] - l.scale.domain[0]
+              u.scale.domain[1] - u.scale.domain[0]
             )
           });
           break;
         }
-        case "span": {
-          t.push({
-            ...u,
-            kind: "span",
-            x1: s.x1 ?? bn,
-            // Computed once per materialisation, not per frame: the calculation
-            // is quadratic, and a schedule with five hundred spans is pushed and
-            // pulled like any other chart.
-            depth: r.depth ?? xn,
-            height: h.height ?? 0.6,
-            domainEnd: a.scale.domain[1]
-          });
-          break;
-        }
       }
     }), t;
   }
+  /** Where a band's last state ends: the latest x of the visible series on its
+      x axis, one step past its own last point where that is the latest, never
+      beyond the domain (lastSegmentEnd). */
+  lastEnd(t, e, n) {
+    let s = Number.NEGATIVE_INFINITY;
+    for (const o of this.series.values()) {
+      const r = o.materialized;
+      if (r === null || r.length === 0 || o.config.hidden === !0 || o.config.xAxisId !== t.config.xAxisId) continue;
+      const a = r.x[r.length - 1];
+      a > s && (s = a);
+    }
+    return bn(e.x, e.length, s, 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
       machine from the caller. */
   lanePx(t, e) {
-    const i = e.scale.domain, r = e.scale.toPx(t.laneFrom ?? i[0]), o = e.scale.toPx(t.laneTo ?? i[1]);
-    return { top: Math.min(r, o), bottom: Math.max(r, o) };
+    const n = e.scale.domain, s = e.scale.toPx(t.laneFrom ?? n[0]), o = e.scale.toPx(t.laneTo ?? n[1]);
+    return { top: Math.min(s, o), bottom: Math.max(s, o) };
   }
   drawSeriesLayer() {
-    var r;
+    var s;
     const t = this.seriesCtx, e = this.theme;
     if (!t || !e) return;
-    const i = typeof performance > "u" ? 0 : performance.now();
-    nn(t, {
+    const n = typeof performance > "u" ? 0 : performance.now();
+    Fn(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -1743,16 +1993,17 @@ class he {
       series: this.drawItems(),
       limitBands: this.limitItems(!0),
       limitLines: this.limitItems(!1)
-    }), this.perf.seriesDrawMs = (typeof performance > "u" ? 0 : performance.now()) - i, (r = this.onPerf) == null || r.call(this, { ...this.perf });
+    }), this.perf.seriesDrawMs = (typeof performance > "u" ? 0 : performance.now()) - n, (s = this.onPerf) == null || s.call(this, { ...this.perf });
   }
   drawOverlayLayer() {
     const t = this.overlayCtx, e = this.theme;
-    !t || !e || (rn(t, {
+    !t || !e || (Dn(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
       theme: e,
-      hover: this.hover
+      hover: this.hover,
+      syncPx: this.syncedPx()
     }), this.positionTooltip());
   }
   /* ================= Interaction (4.4) ================= */
@@ -1760,173 +2011,287 @@ class he {
     this.highlight !== t && (this.highlight = t, this.markSeriesDirty());
   }
   inPlot(t, e) {
-    const i = this.layout.plot;
-    return t >= i.x && t <= i.x + i.width && e >= i.y && e <= i.y + i.height;
+    const n = this.layout.plot;
+    return t >= n.x && t <= n.x + n.width && e >= n.y && e <= n.y + n.height;
   }
   pointerMove(t, e) {
-    if (this.tooltip === null) return;
     if (!this.inPlot(t, e)) {
       this.pointerLeave();
       return;
     }
-    const i = this.hitTest(t, e);
-    if (i === null) {
+    if (this.tooltip === null) {
+      const r = this.layout.axes.find((a) => a.orientation === "x");
+      r !== void 0 && this.share({ axisId: r.id, value: r.scale.fromPx(t) });
+      return;
+    }
+    const n = this.hitTest(t, e);
+    if (n === null) {
       this.pointerLeave();
       return;
     }
-    const r = i.key;
-    this.hover = i.state, this.hover.mouseX = t, this.hover.mouseY = e, this.markOverlayDirty(), r !== this.hoverKey && (this.hoverKey = r, this.hoverXLabel = i.xLabel, this.pushHoverSnapshot());
+    const s = n.key;
+    this.hover = n.state, this.hover.mouseX = t, this.hover.mouseY = e, this.markOverlayDirty();
+    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) }), s !== this.hoverKey) {
+      const r = n.primary.entry.config.xAxisId;
+      this.hoverKey = s, this.hoverXLabel = this.xLabel(r, n.primary.xValue, Kn(n.primary)), this.hoverRows = n.chosen.map((a) => this.tooltipRow(a, r)), this.pushHoverSnapshot();
+    }
   }
   pointerLeave() {
-    this.hover === null && this.hoverKey === "" || (this.hover = null, this.hoverKey = "", this.markOverlayDirty(), this.pushHoverSnapshot());
+    this.share(null), !(this.hover === null && this.hoverKey === "") && (this.hover = null, this.hoverKey = "", this.markOverlayDirty(), this.pushHoverSnapshot());
   }
   hitTest(t, e) {
-    var y;
-    const i = ((y = this.tooltip) == null ? void 0 : y.mode) ?? "x", r = [];
-    if (this.seriesInOrder().forEach((f, b) => {
-      const k = f.materialized;
-      if (k === null || k.length === 0) return;
-      const w = f.config, I = this.findAxis("x", w.xAxisId), A = this.findAxis("y", w.yAxisId);
-      if (I === null || A === null) return;
-      const F = I.scale.fromPx(t), P = A.scale.fromPx(e), N = this.hitIn(f, k, I, A, e, F, P);
-      N !== null && r.push({
-        entry: f,
-        index: N.index,
-        color: N.color ?? this.colorFor(f, b),
-        name: this.nameFor(f, b),
-        px: N.px,
-        py: N.py,
-        xValue: N.xValue,
-        yValue: N.yValue,
-        marked: N.marked,
-        areal: N.areal,
-        value: N.value,
-        segment: N.segment
+    var m;
+    const n = ((m = this.tooltip) == null ? void 0 : m.mode) ?? "x", s = [];
+    if (this.seriesInOrder().forEach((c, p) => {
+      const y = c.materialized;
+      if (y === null || y.length === 0 || c.config.hidden === !0) return;
+      const g = c.config, b = this.findAxis("x", g.xAxisId), N = this.findAxis("y", g.yAxisId);
+      if (b === null || N === null) return;
+      const A = b.scale.fromPx(t), $ = N.scale.fromPx(e), w = this.hitIn(c, y, b, N, e, A, $, n);
+      w !== null && s.push({
+        entry: c,
+        index: w.index,
+        color: w.color ?? this.colorFor(c),
+        name: this.nameFor(c, p),
+        px: w.px,
+        py: w.py,
+        xValue: w.xValue,
+        yValue: w.yValue,
+        marked: w.marked,
+        areal: w.areal,
+        value: w.value,
+        segment: w.segment
       });
-    }), r.length === 0) return null;
-    const o = r.filter((f) => !f.areal), s = o.length > 0 ? o : r;
-    let a = s[0];
-    if (i === "nearest") {
-      let f = Number.POSITIVE_INFINITY;
-      for (const b of r) {
-        const k = b.areal ? 0 : b.px - t, w = b.areal ? 0 : b.py - e, I = k * k + w * w;
-        I < f && (f = I, a = b);
+    }), s.length === 0) return null;
+    const o = s.filter((c) => !c.areal), r = o.length > 0 ? o : s;
+    let a = r[0];
+    if (n === "nearest") {
+      let c = Number.POSITIVE_INFINITY;
+      for (const p of o) {
+        const y = p.px - t, g = p.py - e, b = y * y + g * g;
+        b < c && (c = b, a = p);
+      }
+      if (c > ge * ge) {
+        for (const p of s)
+          if (p.areal) {
+            a = p;
+            break;
+          }
       }
     } else {
-      let f = Number.POSITIVE_INFINITY;
-      for (const b of s) {
-        const k = Math.abs(b.px - t);
-        k < f && (f = k, a = b);
+      let c = Number.POSITIVE_INFINITY;
+      for (const p of r) {
+        const y = Math.abs(p.px - t);
+        y < c && (c = y, a = p);
       }
     }
-    const l = i === "nearest" ? [a] : r.filter(
+    const l = n === "nearest" ? [a] : s.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.
-      (f) => f.areal || Math.abs(f.px - a.px) <= yn
-    ), c = l.map((f) => ({
-      seriesName: f.name,
-      color: f.color,
-      yValue: f.yValue,
-      datum: (f.entry.config.data ?? this.data)[f.index],
-      index: f.index,
-      value: f.value,
-      segment: f.segment
-    })), h = {
+      (c) => c.areal || Math.abs(c.px - a.px) <= Gn
+    ), u = l.map((c) => ({
+      seriesName: c.name,
+      color: c.color,
+      xValue: c.xValue,
+      yValue: c.yValue,
+      datum: (c.entry.config.data ?? this.data)[c.index],
+      index: c.index,
+      value: c.value,
+      segment: c.segment
+    })), f = {
       hit: {
         xValue: a.xValue,
-        points: c,
-        xPx: a.px,
+        points: u,
+        // An area's px is the beginning of its section; the crosshair and the
+        // tooltip stay with the pointer instead.
+        xPx: a.areal ? t : a.px,
         yPx: a.py
       },
-      marker: l.filter((f) => f.marked).map((f) => ({ x: f.px, y: f.py, color: f.color })),
+      marker: l.filter((c) => c.marked).map((c) => ({ x: c.px, y: c.py, color: c.color })),
       mouseX: t,
       mouseY: e
-    }, p = l.map((f) => `${f.entry.order}:${f.index}`).join("|"), d = this.findAxis("x", a.entry.config.xAxisId), m = d === null ? String(a.xValue) : d.format(a.xValue);
-    return { key: p, state: h, xLabel: m };
+    };
+    return { key: l.map((c) => `${c.entry.order}:${c.index}`).join("|"), state: f, primary: a, chosen: l };
+  }
+  setSyncId(t) {
+    if (t !== this.syncId) {
+      if (this.syncId !== null) {
+        this.share(null);
+        const e = lt.get(this.syncId);
+        e == null || e.delete(this), (e == null ? void 0 : e.size) === 0 && lt.delete(this.syncId), this.synced = null, this.markOverlayDirty();
+      }
+      if (this.syncId = t, t !== null) {
+        const e = lt.get(t) ?? /* @__PURE__ */ new Set();
+        e.add(this), lt.set(t, e);
+      }
+    }
+  }
+  share(t) {
+    var e, n;
+    if (!(this.syncId === null || (t == null ? void 0 : t.value) === ((e = this.sent) == null ? void 0 : e.value) && (t == null ? void 0 : t.axisId) === ((n = this.sent) == null ? void 0 : n.axisId))) {
+      this.sent = t;
+      for (const s of lt.get(this.syncId) ?? [])
+        s !== this && (s.synced = t, s.markOverlayDirty());
+    }
+  }
+  /** The crosshair a synced position asks for, in this chart's pixels. */
+  syncedPx() {
+    const t = this.synced;
+    if (t === null) return null;
+    const e = this.findAxis("x", t.axisId) ?? this.layout.axes.find((n) => n.orientation === "x") ?? null;
+    return e === null ? null : e.scale.toPx(t.value);
+  }
+  hasZoom() {
+    for (const { config: t } of this.axes.values())
+      if (t.orientation === "x" && t.onDomainChange !== void 0) return !0;
+    return !1;
+  }
+  /** The x axes a gesture speaks to. */
+  zoomAxes() {
+    const t = [];
+    for (const { config: e } of this.axesInOrder()) {
+      if (e.orientation !== "x" || e.onDomainChange === void 0) continue;
+      const n = this.findAxis("x", e.id);
+      n !== null && t.push({ config: e, layout: n });
+    }
+    return t;
+  }
+  propose(t) {
+    var e;
+    for (const { config: n, layout: s } of this.zoomAxes()) {
+      const o = t(this.proposed.get(n.id) ?? s.scale.domain, n.id);
+      !(o[1] - o[0] > 0) || !Number.isFinite(o[1] - o[0]) || (this.proposed.set(n.id, o), (e = n.onDomainChange) == null || e.call(n, o));
+    }
+  }
+  /** Zoom by `factor` (below 1 is closer) around a pixel, which keeps its
+      value. */
+  zoomAt(t, e) {
+    const n = this.layout.plot, s = n.width > 0 ? Math.min(1, Math.max(0, (t - n.x) / n.width)) : 0.5;
+    this.propose(([o, r]) => {
+      const a = o + s * (r - o), l = (r - o) * e;
+      return [a - s * l, a - s * l + l];
+    });
+  }
+  /** Pan by a distance in pixels; positive moves the content right. */
+  panBy(t) {
+    const e = this.layout.plot.width;
+    e <= 0 || t === 0 || this.propose(([n, s]) => {
+      const o = -t / e * (s - n);
+      return [n + o, s + o];
+    });
+  }
+  wheel(t) {
+    if (!this.hasZoom()) return;
+    const e = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? this.layout.plot.width : 1, n = t.deltaX * e, s = t.deltaY * e;
+    t.ctrlKey || t.metaKey ? (t.preventDefault(), this.zoomAt(t.offsetX, Math.exp(s * (Math.abs(s) < 50 ? 0.01 : 15e-4)))) : (Math.abs(n) > Math.abs(s) || t.shiftKey) && (t.preventDefault(), this.panBy(-(t.shiftKey && n === 0 ? s : n)));
+  }
+  pointerDown(t) {
+    var e, n;
+    this.hasZoom() && (t.pointerType !== "touch" && t.button !== 0 || (this.pointers.set(t.pointerId, t.offsetX), (n = (e = this.container) == null ? void 0 : e.setPointerCapture) == null || n.call(e, t.pointerId), this.pointers.size === 2 && (this.pinch = this.pinchWidth())));
+  }
+  /** A drag pans, two fingers pinch. */
+  drag(t) {
+    const e = this.pointers.get(t.pointerId);
+    if (e === void 0) return;
+    if (this.pointers.set(t.pointerId, t.offsetX), this.pointers.size === 1) {
+      this.panBy(t.offsetX - e);
+      return;
+    }
+    const n = this.pinchWidth();
+    if (this.pinch > 0 && n > 0) {
+      const [s = 0, o = 0] = this.pointers.values();
+      this.zoomAt((s + o) / 2, this.pinch / n);
+    }
+    this.pinch = n;
+  }
+  pointerUp(t) {
+    this.pointers.delete(t.pointerId), this.pinch = this.pinchWidth();
+  }
+  pinchWidth() {
+    const [t, e] = this.pointers.values();
+    return t === void 0 || e === void 0 ? 0 : Math.abs(t - e);
+  }
+  /** The whole data range: the extent the axis has without a domain. */
+  doubleClick() {
+    this.propose((t, e) => {
+      const [n, s] = this.axisExtent("x", e);
+      return [n, s];
+    });
+  }
+  /** An x value in the format of its x axis - the header's, or a point's own. */
+  xLabel(t, e, n = !1) {
+    const s = this.findAxis("x", t);
+    return s === null ? String(e) : s.format(e, n);
+  }
+  /** What the built-in tooltip writes for one hit. A state has a name and no
+      meaningful number; a cell has a number that is not its y position, and so
+      no y axis' format; every other value is read against its y axis and
+      written in its format. A series' own `format` comes before either. */
+  tooltipRow(t, e) {
+    var a, l;
+    const n = t.entry.config, s = (a = t.segment) == null ? void 0 : a.label;
+    let o;
+    if (s !== void 0 && s !== "") o = s;
+    else if (t.value !== void 0) o = (n.format ?? ee)(t.value);
+    else {
+      const u = n.format ?? ((l = this.findAxisConfig("y", n.yAxisId)) == null ? void 0 : l.tickFormat);
+      o = u === void 0 ? ee(t.yValue) : u(t.yValue);
+    }
+    const r = n.xAxisId === e ? "" : this.xLabel(n.xAxisId, t.xValue);
+    return { value: o, x: r };
   }
   /** The hit of one series - one different question per kind.
   
-        Every mark that is a point asks "which point lies nearest". A band, a cell
-        and a span ask "what lies under the pointer", and that is not the same
-        question: for the right half of every segment the nearest point gives the
-        wrong answer. */
-  hitIn(t, e, i, r, o, s, a) {
-    const l = t.config, c = e.length;
-    if (l.kind === "state") {
-      const d = this.lanePx(l, r);
-      if (o < d.top || o > d.bottom) return null;
-      const m = Ge(e.x, c, s);
-      if (m < 0) return null;
-      const y = e.y[m];
+        Every mark that is a point asks "which point lies nearest". A band and a
+        cell ask "what lies under the pointer", and that is not the same question:
+        for the right half of every segment the nearest point gives the wrong
+        answer. */
+  hitIn(t, e, n, s, o, r, a, l) {
+    const u = t.config, d = e.length;
+    if (u.kind === "state") {
+      const c = this.lanePx(u, s);
+      if (o < c.top || o > c.bottom) return null;
+      const p = he(e.x, d, r);
+      if (p < 0) return null;
+      const y = e.y[p];
       if (Number.isNaN(y)) return null;
-      const f = e.x[m], b = le(e.x, c, m, i.scale.domain[1]), k = l.states[y | 0];
+      const g = e.x[p], b = Fe(e.x, d, p, this.lastEnd(t, e, n));
+      if (p === d - 1 && !(r < b)) return null;
+      const N = u.states[y | 0];
       return {
-        index: m,
-        px: i.scale.toPx(f),
-        py: (d.top + d.bottom) / 2,
-        xValue: f,
+        index: p,
+        px: n.scale.toPx(g),
+        py: (c.top + c.bottom) / 2,
+        xValue: g,
         yValue: y,
         marked: !1,
         areal: !0,
-        color: k == null ? void 0 : k.color,
-        segment: { from: f, to: b, label: (k == null ? void 0 : k.label) ?? "", open: !1 }
+        color: N == null ? void 0 : N.color,
+        segment: { from: g, to: b, label: (N == null ? void 0 : N.label) ?? "" }
       };
     }
-    if (l.kind === "span") {
-      const d = e.x1;
-      if (d === null) return null;
-      const m = i.scale.domain[1], y = l.height ?? 0.6, f = Ke(
+    if (u.kind === "matrix") {
+      const c = Cn(
         e.x,
-        d,
         e.y,
-        c,
-        s,
-        a,
-        y,
-        m,
-        t.depth,
-        // The drawing moves a covering span down the screen; in lane units that
-        // way carries the sign of the y scale's slope.
-        ce * y * Math.sign(r.scale.m)
-      );
-      if (f < 0) return null;
-      const b = e.x[f], k = e.y[f], w = d[f];
-      return {
-        index: f,
-        px: i.scale.toPx(b),
-        py: r.scale.toPx(k),
-        xValue: b,
-        yValue: k,
-        marked: !1,
-        areal: !0,
-        segment: {
-          from: b,
-          to: ot(w, m),
-          label: "",
-          open: ue(w)
-        }
-      };
-    }
-    if (l.kind === "matrix") {
-      const d = sn(
-        e.x,
-        e.y,
-        c,
-        s,
+        d,
+        r,
         a,
-        ct(t.step ?? 0, i.scale.domain[1] - i.scale.domain[0]),
-        ct(t.cellHeight ?? 0, r.scale.domain[1] - r.scale.domain[0])
+        yt(t.step ?? 0, n.scale.domain[1] - n.scale.domain[0]),
+        yt(t.cellHeight ?? 0, s.scale.domain[1] - s.scale.domain[0])
       );
-      if (d < 0) return null;
-      const m = e.w, y = m === null ? Number.NaN : m[d];
+      if (c < 0) return null;
+      const p = e.w, y = p === null ? Number.NaN : p[c];
       if (!Number.isFinite(y)) return null;
-      const f = e.x[d], b = e.y[d];
-      return {
-        index: d,
-        px: i.scale.toPx(f),
-        py: r.scale.toPx(b),
-        xValue: f,
+      const g = e.x[c], b = e.y[c], N = Ot(u.coloring, this.theme ?? O);
+      return t.buckets ?? (t.buckets = xe(e, u.coloring, N.length)), {
+        index: c,
+        px: n.scale.toPx(g),
+        py: s.scale.toPx(b),
+        color: N[t.buckets[c]],
+        xValue: g,
         // 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.
@@ -1936,16 +2301,16 @@ class he {
         areal: !0
       };
     }
-    const u = on(e.x, c, s);
-    if (u < 0) return null;
-    const h = e.y[u];
+    const f = u.kind === "scatter" && l === "nearest" ? En(e.x, e.y, d, r, a, n.scale, s.scale) : u.kind === "line" && u.step === !0 ? he(e.x, d, r) : De(e.x, d, r);
+    if (f < 0) return null;
+    const h = e.y[f];
     if (Number.isNaN(h)) return null;
-    const p = e.x[u];
+    const m = e.x[f];
     return {
-      index: u,
-      px: i.scale.toPx(p),
-      py: r.scale.toPx(h),
-      xValue: p,
+      index: f,
+      px: n.scale.toPx(m),
+      py: s.scale.toPx(h),
+      xValue: m,
       yValue: h,
       marked: !0,
       areal: !1
@@ -1961,20 +2326,34 @@ class he {
       t.style.opacity = "0";
       return;
     }
-    const i = t.offsetWidth, r = t.offsetHeight;
+    const n = t.offsetWidth, s = t.offsetHeight;
     let o = e.hit.xPx + 12;
-    o + i > this.cssWidth && (o = e.hit.xPx - 12 - i), o < 0 && (o = 0);
-    let s = e.mouseY - r / 2;
-    s = Math.min(Math.max(s, 0), Math.max(0, this.cssHeight - r)), t.style.transform = `translate3d(${Math.round(o)}px, ${Math.round(s)}px, 0)`, t.style.opacity = "1";
+    o + n > this.cssWidth && (o = e.hit.xPx - 12 - n), o < 0 && (o = 0);
+    let r = e.mouseY - s / 2;
+    r = Math.min(Math.max(r, 0), Math.max(0, this.cssHeight - s)), t.style.transform = `translate3d(${Math.round(o)}px, ${Math.round(r)}px, 0)`, t.style.opacity = "1";
   }
   /* ================= Snapshots for the HTML layer ================= */
+  /** Does a visible series have a point to show - a y that is no gap, and for
+      a cell a value? A chart without one says so rather than draw an empty
+      frame on [0, 1]. Stops at the first point found. */
+  showsAPoint() {
+    for (const t of this.series.values()) {
+      const e = t.materialized;
+      if (!(e === null || t.config.hidden === !0)) {
+        for (let n = 0; n < e.length; n++)
+          if (!Number.isNaN(e.y[n]) && (e.w === null || Number.isFinite(e.w[n]))) return !0;
+      }
+    }
+    return !1;
+  }
   pushLayoutSnapshot() {
     this.layoutSnapshot = {
       version: this.layoutSnapshot.version + 1,
       layout: this.layout,
       legend: this.legend,
       series: this.legendItems(),
-      limits: this.limitLabels()
+      limits: this.limitLabels(),
+      empty: !this.showsAPoint()
     };
     for (const t of this.layoutSubscribers) t();
   }
@@ -1983,121 +2362,122 @@ class he {
       version: this.hoverSnapshot.version + 1,
       hover: this.hover,
       tooltip: this.tooltip,
-      xLabel: this.hoverXLabel
+      xLabel: this.hoverXLabel,
+      rows: this.hoverRows
     };
     for (const t of this.hoverSubscribers) t();
   }
 }
 /** Class name of the measuring span for tick labels - keeps the CSS and the
     layout in step. */
-g(he, "classTick", it);
-const de = ve(null);
-function tt(n) {
-  const t = ke(de);
-  if (t === null && rt)
+x(Ee, "classTick", it);
+const Pe = _e(null);
+function rt(i) {
+  const t = Ye(Pe);
+  if (t === null && ht)
     throw new Error(
-      `@umriss-ui/charts: <${n}> must be used inside a <Chart>.`
+      `@umriss-ui/charts: <${i}> must be used inside a <Chart>.`
     );
   return t;
 }
-function j(n, t) {
-  const e = tt(n), i = Z(null);
-  $(() => {
+function at(i, t) {
+  const e = rt(i), n = Q(null);
+  C(() => {
     if (e !== null)
-      return i.current = e.registerSeries(t), () => {
-        i.current !== null && e.unregisterSeries(i.current), i.current = null;
+      return n.current = e.registerSeries(t), () => {
+        n.current !== null && e.unregisterSeries(n.current), n.current = null;
       };
-  }, [e]), $(() => {
-    e !== null && i.current !== null && e.updateSeries(i.current, t);
+  }, [e]), C(() => {
+    e !== null && n.current !== null && e.updateSeries(n.current, t);
   });
 }
-function fe(n, t) {
-  const e = tt(n), i = Z(null);
-  $(() => {
+function Ce(i, t) {
+  const e = rt(i), n = Q(null);
+  C(() => {
     if (e !== null)
-      return i.current = e.registerAxis(t), () => {
-        i.current !== null && e.unregisterAxis(i.current), i.current = null;
+      return n.current = e.registerAxis(t), () => {
+        n.current !== null && e.unregisterAxis(n.current), n.current = null;
       };
-  }, [e]), $(() => {
-    e !== null && i.current !== null && e.updateAxis(i.current, t);
+  }, [e]), C(() => {
+    e !== null && n.current !== null && e.updateAxis(n.current, t);
   });
 }
-function me(n, t) {
-  const e = tt(n), i = Z(null);
-  $(() => {
+function $e(i, t) {
+  const e = rt(i), n = Q(null);
+  C(() => {
     if (e !== null)
-      return i.current = e.registerLimit(t), () => {
-        i.current !== null && e.unregisterLimit(i.current), i.current = null;
+      return n.current = e.registerLimit(t), () => {
+        n.current !== null && e.unregisterLimit(n.current), n.current = null;
       };
-  }, [e]), $(() => {
-    e !== null && i.current !== null && e.updateLimit(i.current, t);
+  }, [e]), C(() => {
+    e !== null && n.current !== null && e.updateLimit(n.current, t);
   });
 }
-function Ln(n, t) {
-  const e = tt(n);
-  $(() => {
+function ni(i, t) {
+  const e = rt(i);
+  C(() => {
     if (e !== null)
       return e.registerLegend(t), () => e.unregisterLegend();
-  }, [e]), $(() => {
+  }, [e]), C(() => {
     e == null || e.updateLegend(t);
   });
 }
-function Tn(n, t) {
-  const e = tt(n);
-  $(() => {
+function ii(i, t) {
+  const e = rt(i);
+  C(() => {
     if (e !== null)
       return e.registerTooltip(t), () => e.unregisterTooltip();
-  }, [e]), $(() => {
+  }, [e]), C(() => {
     e == null || e.updateTooltip(t);
   });
 }
-function An(n, t) {
-  const { band: e, position: i, orientation: r } = n, o = {
+function si(i, t) {
+  const { band: e, position: n, orientation: s } = i, o = {
     left: `${e.x}px`,
     top: `${e.y}px`,
     width: `${e.width}px`,
     height: `${e.height}px`
-  }, s = Lt + Tt;
-  return /* @__PURE__ */ _(
+  }, r = zt + Bt;
+  return /* @__PURE__ */ G(
     "div",
     {
-      className: `uc-axis uc-axis-${r} uc-axis-${i}`,
+      className: `uc-axis uc-axis-${s} uc-axis-${n}`,
       style: o,
-      "data-axis": n.id,
+      "data-axis": i.id,
       children: [
-        /* @__PURE__ */ S("span", { className: "uc-axis-line" }),
-        n.ticks.map((a) => {
-          if (r === "y") {
-            const c = Math.round(a.px - e.y);
-            return /* @__PURE__ */ _("span", { className: "uc-tick", style: { top: `${c}px` }, children: [
-              /* @__PURE__ */ S("span", { className: "uc-tick-mark" }),
-              /* @__PURE__ */ S(
+        /* @__PURE__ */ I("span", { className: "uc-axis-line" }),
+        i.ticks.map((a) => {
+          if (s === "y") {
+            const u = Math.round(a.px - e.y);
+            return /* @__PURE__ */ G("span", { className: "uc-tick", style: { top: `${u}px` }, children: [
+              /* @__PURE__ */ I("span", { className: "uc-tick-mark" }),
+              /* @__PURE__ */ I(
                 "span",
                 {
                   className: "uc-tick-label",
-                  style: { [i === "left" ? "right" : "left"]: `${s}px` },
+                  style: { [n === "left" ? "right" : "left"]: `${r}px` },
                   children: a.label
                 }
               )
             ] }, a.value);
           }
           const l = Math.round(a.px - e.x);
-          return /* @__PURE__ */ _("span", { className: "uc-tick", style: { left: `${l}px` }, children: [
-            /* @__PURE__ */ S("span", { className: "uc-tick-mark" }),
-            /* @__PURE__ */ S(
+          return /* @__PURE__ */ G("span", { className: "uc-tick", style: { left: `${l}px` }, children: [
+            /* @__PURE__ */ I("span", { className: "uc-tick-mark" }),
+            /* @__PURE__ */ I(
               "span",
               {
                 className: "uc-tick-label",
                 style: {
                   left: `${Math.round(a.labelLeft - e.x) - l}px`,
-                  [i === "top" ? "bottom" : "top"]: `${s}px`
+                  [n === "top" ? "bottom" : "top"]: `${r}px`
                 },
                 children: a.label
               }
             )
           ] }, a.value);
         }),
-        n.breaks.map((a, l) => /* @__PURE__ */ S(
+        i.breaks.map((a, l) => /* @__PURE__ */ I(
           "span",
           {
             className: "uc-break",
@@ -2107,7 +2487,7 @@ function An(n, t) {
           `break-${l}`
         )),
         t.map(
-          (a) => r === "y" ? /* @__PURE__ */ S(
+          (a) => s === "y" ? /* @__PURE__ */ I(
             "span",
             {
               className: "uc-limit-label",
@@ -2117,297 +2497,345 @@ function An(n, t) {
               children: a.label
             },
             `limit-${a.id}`
-          ) : /* @__PURE__ */ S(
+          ) : /* @__PURE__ */ I(
             "span",
             {
               className: "uc-limit-label",
               "data-severity": a.severity,
               "data-role": a.role,
               style: {
-                left: `${Math.round(a.px - e.x)}px`,
-                [i === "top" ? "bottom" : "top"]: `${s}px`
+                left: `${Math.round(a.labelLeft - e.x)}px`,
+                [n === "top" ? "bottom" : "top"]: `${r}px`
               },
               children: a.label
             },
             `limit-${a.id}`
           )
         ),
-        n.label !== void 0 && n.label !== "" && /* @__PURE__ */ S("span", { className: "uc-axis-title", children: n.label })
+        i.label !== void 0 && i.label !== "" && /* @__PURE__ */ I("span", { className: "uc-axis-title", children: i.label })
       ]
     },
-    n.key
+    i.key
   );
 }
-function Fn({ scene: n }) {
-  const t = Et(
-    n.subscribeLayout,
-    n.getLayoutSnapshot,
-    n.getLayoutServerSnapshot
-  ), { layout: e } = t;
-  return e.plot.width <= 0 || e.plot.height <= 0 ? null : /* @__PURE__ */ S("div", { className: "uc-axes", children: e.axes.map(
-    (i) => An(
-      i,
-      t.limits.filter((r) => r.axisKey === i.key)
+function oi({ scene: i, empty: t }) {
+  const e = Kt(
+    i.subscribeLayout,
+    i.getLayoutSnapshot,
+    i.getLayoutServerSnapshot
+  ), { layout: n } = e;
+  if (n.plot.width <= 0 || n.plot.height <= 0) return null;
+  const { plot: s } = n;
+  return /* @__PURE__ */ G("div", { className: "uc-axes", children: [
+    e.empty && /* @__PURE__ */ I(
+      "div",
+      {
+        className: "uc-empty",
+        style: { left: `${s.x}px`, top: `${s.y}px`, width: `${s.width}px`, height: `${s.height}px` },
+        children: t
+      }
+    ),
+    n.axes.map(
+      (o) => si(
+        o,
+        e.limits.filter((r) => r.axisKey === o.key)
+      )
     )
-  ) });
+  ] });
 }
-function Pn(n) {
-  var e;
-  const t = (e = n.segment) == null ? void 0 : e.label;
-  return t !== void 0 && t !== "" ? t : n.value !== void 0 ? Bt(n.value) : Bt(n.yValue);
-}
-function En({ scene: n }) {
-  const t = Et(
-    n.subscribeHover,
-    n.getHoverSnapshot,
-    n.getHoverServerSnapshot
-  ), e = Ne(
-    (r) => {
-      n.bindTooltip(r);
+function ri({ scene: i }) {
+  const t = Kt(
+    i.subscribeHover,
+    i.getHoverSnapshot,
+    i.getHoverServerSnapshot
+  ), e = ze(
+    (s) => {
+      i.bindTooltip(s);
     },
-    [n]
+    [i]
   );
-  if ($(() => {
-    n.markOverlayDirty();
-  }, [n, t.version]), t.tooltip === null) return null;
-  const i = t.hover;
-  return /* @__PURE__ */ S("div", { className: "uc-tooltip", ref: e, role: "presentation", children: i === null ? null : t.tooltip.render !== void 0 ? t.tooltip.render(i.hit) : /* @__PURE__ */ _(Nt, { children: [
-    /* @__PURE__ */ S("div", { className: "uc-tooltip-head", children: t.xLabel }),
-    /* @__PURE__ */ S("div", { className: "uc-tooltip-list", children: i.hit.points.map((r) => /* @__PURE__ */ _("div", { className: "uc-tooltip-row", children: [
-      /* @__PURE__ */ S("span", { className: "uc-tooltip-chip", style: { background: r.color } }),
-      /* @__PURE__ */ S("span", { className: "uc-tooltip-name", children: r.seriesName }),
-      /* @__PURE__ */ S("span", { className: "uc-tooltip-value", children: Pn(r) })
-    ] }, `${r.seriesName}-${r.index}`)) })
+  if (C(() => {
+    i.markOverlayDirty();
+  }, [i, 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__ */ G(bt, { children: [
+    /* @__PURE__ */ I("div", { className: "uc-tooltip-head", children: t.xLabel }),
+    /* @__PURE__ */ I("div", { className: "uc-tooltip-list", children: n.hit.points.map((s, o) => {
+      const r = t.rows[o];
+      return /* @__PURE__ */ G("div", { className: "uc-tooltip-row", children: [
+        /* @__PURE__ */ I("span", { className: "uc-tooltip-chip", style: { background: s.color } }),
+        /* @__PURE__ */ G("span", { className: "uc-tooltip-name", children: [
+          s.seriesName,
+          r !== void 0 && r.x !== "" ? /* @__PURE__ */ I("span", { className: "uc-tooltip-x", children: r.x }) : null
+        ] }),
+        /* @__PURE__ */ I("span", { className: "uc-tooltip-value", children: r == null ? void 0 : r.value })
+      ] }, `${s.seriesName}-${s.index}`);
+    }) })
   ] }) });
 }
-function ti(n) {
+function Di(i) {
   const {
     data: t,
     width: e = "100%",
-    height: i = 300,
-    padding: r = 8,
+    height: n = 300,
+    padding: s = 8,
     ariaLabel: o,
-    className: s,
+    className: r,
     style: a,
     onPerf: l,
-    children: c
-  } = n, [u] = we(() => new he()), h = Z(null), p = Z(null), d = Z(null), m = Z(null), y = typeof r == "number" ? void 0 : r, f = typeof r == "number" ? r : void 0, b = f ?? (y == null ? void 0 : y.top), k = f ?? (y == null ? void 0 : y.right), w = f ?? (y == null ? void 0 : y.bottom), I = f ?? (y == null ? void 0 : y.left), A = E(
+    syncId: u,
+    empty: d = "No data",
+    children: f
+  } = i, [h] = be(() => new Ee()), m = Q(null), c = Q(null), p = Q(null), y = Q(null), g = typeof s == "number" ? void 0 : s, b = typeof s == "number" ? s : void 0, N = b ?? (g == null ? void 0 : g.top), A = b ?? (g == null ? void 0 : g.right), $ = b ?? (g == null ? void 0 : g.bottom), w = b ?? (g == null ? void 0 : g.left), W = P(
     () => ({
-      top: b ?? 8,
-      right: k ?? 8,
-      bottom: w ?? 8,
-      left: I ?? 8
+      top: N ?? 8,
+      right: A ?? 8,
+      bottom: $ ?? 8,
+      left: w ?? 8
     }),
-    [b, k, w, I]
+    [N, A, $, w]
   );
-  o === void 0 && q(
+  o === void 0 && J(
     "chart-arialabel",
     "Chart without ariaLabel - please set a meaningful description (R-7.6)."
-  ), $(() => {
-    const N = h.current, H = p.current, V = d.current, v = m.current;
-    if (!N || !H || !V || !v) return;
-    u.bind(H, V, v, N);
-    const M = H.getBoundingClientRect();
-    u.requestResize(M.width, M.height);
-    const x = new ResizeObserver((L) => {
-      var B;
-      const W = L[L.length - 1];
-      if (W === void 0) return;
-      const D = (B = W.contentBoxSize) == null ? void 0 : B[0];
-      D !== void 0 ? u.requestResize(D.inlineSize, D.blockSize) : u.requestResize(W.contentRect.width, W.contentRect.height);
+  ), C(() => {
+    const T = m.current, H = c.current, k = p.current, D = y.current;
+    if (!T || !H || !k || !D) return;
+    h.bind(H, k, D, T);
+    const v = H.getBoundingClientRect();
+    h.requestResize(v.width, v.height);
+    const F = new ResizeObserver((E) => {
+      var U;
+      const z = E[E.length - 1];
+      if (z === void 0) return;
+      const B = (U = z.contentBoxSize) == null ? void 0 : U[0];
+      B !== void 0 ? h.requestResize(B.inlineSize, B.blockSize) : h.requestResize(z.contentRect.width, z.contentRect.height);
     });
-    x.observe(H);
-    const T = () => u.pointerLeave();
-    window.addEventListener("blur", T);
-    const C = (L) => {
-      H.contains(L.target) || u.pointerLeave();
+    F.observe(H);
+    const R = () => h.pointerLeave();
+    window.addEventListener("blur", R);
+    const M = (E) => {
+      H.contains(E.target) || h.pointerLeave();
     };
-    return document.addEventListener("pointerdown", C), () => {
-      window.removeEventListener("blur", T), document.removeEventListener("pointerdown", C), x.disconnect(), u.unbind();
+    document.addEventListener("pointerdown", M);
+    const V = (E) => h.wheel(E);
+    return H.addEventListener("wheel", V, { passive: !1 }), () => {
+      H.removeEventListener("wheel", V), window.removeEventListener("blur", R), document.removeEventListener("pointerdown", M), F.disconnect(), h.unbind();
     };
-  }, [u]), $(() => {
-    u.setData(t);
-  }, [u, t]), $(() => {
-    u.setPadding(A);
-  }, [u, A]), $(() => {
-    u.setOnPerf(l ?? null);
-  }, [u, l]), $(() => {
-    u.validate();
+  }, [h]), C(() => {
+    h.setData(t);
+  }, [h, t]), C(() => {
+    h.setPadding(W);
+  }, [h, W]), C(() => {
+    h.setOnPerf(l ?? null);
+  }, [h, l]), C(() => (h.setSyncId(u ?? null), () => h.setSyncId(null)), [h, u]), C(() => {
+    h.validate();
   });
-  const F = {
+  const L = {
     width: e === "100%" ? "100%" : `${e}px`,
-    height: `${i}px`,
+    height: `${n}px`,
     ...a
-  }, P = (N) => {
-    u.pointerMove(N.nativeEvent.offsetX, N.nativeEvent.offsetY);
+  }, S = (T) => {
+    h.drag(T.nativeEvent), h.pointerMove(T.nativeEvent.offsetX, T.nativeEvent.offsetY);
   };
-  return /* @__PURE__ */ S(de.Provider, { value: u, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ I(Pe.Provider, { value: h, children: /* @__PURE__ */ G(
     "div",
     {
-      ref: h,
-      className: s ? `uc-root ${s}` : "uc-root",
-      style: F,
+      ref: m,
+      className: r ? `uc-root ${r}` : "uc-root",
+      style: L,
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ G(
           "div",
           {
-            ref: p,
+            ref: c,
             className: "uc-plot",
             role: "img",
             "aria-label": o,
-            onPointerMove: P,
-            onPointerDown: P,
-            onPointerLeave: (N) => {
-              N.pointerType !== "touch" && u.pointerLeave();
+            onPointerMove: S,
+            onPointerDown: (T) => {
+              h.pointerDown(T.nativeEvent), S(T);
+            },
+            onPointerUp: (T) => h.pointerUp(T.nativeEvent),
+            onPointerCancel: (T) => h.pointerUp(T.nativeEvent),
+            onDoubleClick: () => h.doubleClick(),
+            onPointerLeave: (T) => {
+              T.pointerType !== "touch" && h.pointerLeave();
             },
             children: [
-              /* @__PURE__ */ S("canvas", { ref: d, className: "uc-layer-series", "aria-hidden": "true" }),
-              /* @__PURE__ */ S("canvas", { ref: m, className: "uc-layer-overlay", "aria-hidden": "true" }),
-              /* @__PURE__ */ S(Fn, { scene: u }),
-              /* @__PURE__ */ S(En, { scene: u })
+              /* @__PURE__ */ I("canvas", { ref: p, className: "uc-layer-series", "aria-hidden": "true" }),
+              /* @__PURE__ */ I("canvas", { ref: y, className: "uc-layer-overlay", "aria-hidden": "true" }),
+              /* @__PURE__ */ I(oi, { scene: h, empty: d }),
+              /* @__PURE__ */ I(ri, { scene: h })
             ]
           }
         ),
-        c
+        f
       ]
     }
   ) });
 }
-function ei(n) {
+function Ei(i) {
   const {
     accessor: t,
     baseline: e,
-    xAxisId: i = "x",
-    yAxisId: r = "y",
+    xAxisId: n = "x",
+    yAxisId: s = "y",
     data: o,
-    name: s,
-    color: a,
-    fillOpacity: l = 0.18,
-    strokeWidth: c = 1.5
-  } = n, u = E(
+    name: r,
+    hidden: a,
+    format: l,
+    color: u,
+    tone: d,
+    fillOpacity: f = 0.18,
+    strokeWidth: h = 1.5,
+    dash: m
+  } = i, c = P(
     () => ({
       kind: "area",
       accessor: t,
       baseline: e,
-      xAxisId: i,
-      yAxisId: r,
+      xAxisId: n,
+      yAxisId: s,
       data: o,
-      name: s,
-      color: a,
-      fillOpacity: l,
-      strokeWidth: c
+      name: r,
+      hidden: a,
+      format: l,
+      color: u,
+      tone: d,
+      fillOpacity: f,
+      strokeWidth: h,
+      dash: m
     }),
-    [t, e, i, r, o, s, a, l, c]
+    [t, e, n, s, o, r, a, l, u, d, f, h, m]
   );
-  return j("Area", u), null;
+  return at("Area", c), null;
 }
-function ni(n) {
+function Pi(i) {
   const {
     accessor: t,
     xAxisId: e = "x",
-    yAxisId: i = "y",
-    data: r,
+    yAxisId: n = "y",
+    data: s,
     name: o,
-    color: s,
-    barWidth: a = 0.8
-  } = n, l = E(
+    hidden: r,
+    format: a,
+    color: l,
+    tone: u,
+    barWidth: d = 0.8
+  } = i, f = P(
     () => ({
       kind: "bar",
       accessor: t,
       xAxisId: e,
-      yAxisId: i,
-      data: r,
+      yAxisId: n,
+      data: s,
       name: o,
-      color: s,
-      barWidth: a
+      hidden: r,
+      format: a,
+      color: l,
+      tone: u,
+      barWidth: d
     }),
-    [t, e, i, r, o, s, a]
+    [t, e, n, s, o, r, a, l, u, d]
   );
-  return j("Bar", l), null;
+  return at("Bar", f), null;
 }
-function Dn(n) {
+function ai(i) {
   const {
     accessor: t,
     xAxisId: e = "x",
-    yAxisId: i = "y",
-    data: r,
+    yAxisId: n = "y",
+    data: s,
     name: o,
-    color: s,
-    tone: a,
-    strokeWidth: l = 1.5,
-    dash: c,
-    markers: u = "auto"
-  } = n, h = E(
+    hidden: r,
+    format: a,
+    color: l,
+    tone: u,
+    strokeWidth: d = 1.5,
+    dash: f,
+    markers: h = "auto",
+    step: m
+  } = i, c = P(
     () => ({
       kind: "line",
       accessor: t,
       xAxisId: e,
-      yAxisId: i,
-      data: r,
+      yAxisId: n,
+      data: s,
       name: o,
-      color: s,
-      tone: a,
-      strokeWidth: l,
-      dash: c,
-      markers: u
+      hidden: r,
+      format: a,
+      color: l,
+      tone: u,
+      strokeWidth: d,
+      dash: f,
+      markers: h,
+      step: m
     }),
-    [t, e, i, r, o, s, a, l, c, u]
+    [t, e, n, s, o, r, a, l, u, d, f, h, m]
   );
-  return j("Line", h), null;
+  return at("Line", c), null;
 }
-function $n(n) {
+function li(i) {
   const {
     accessor: t,
     xAxisId: e = "x",
-    yAxisId: i = "y",
-    data: r,
+    yAxisId: n = "y",
+    data: s,
     name: o,
-    color: s,
-    tone: a,
-    radius: l = 3
-  } = n, c = E(
+    hidden: r,
+    format: a,
+    color: l,
+    tone: u,
+    radius: d = 3
+  } = i, f = P(
     () => ({
       kind: "scatter",
       accessor: t,
       xAxisId: e,
-      yAxisId: i,
-      data: r,
+      yAxisId: n,
+      data: s,
       name: o,
-      color: s,
-      tone: a,
-      radius: l
+      hidden: r,
+      format: a,
+      color: l,
+      tone: u,
+      radius: d
     }),
-    [t, e, i, r, o, s, a, l]
+    [t, e, n, s, o, r, a, l, u, d]
   );
-  return j("Scatter", c), null;
+  return at("Scatter", f), null;
 }
-function ii(n) {
+function Ci(i) {
   const {
     accessor: t,
     states: e,
-    xAxisId: i = "x",
-    yAxisId: r = "y",
+    xAxisId: n = "x",
+    yAxisId: s = "y",
     data: o,
-    name: s,
-    laneFrom: a,
-    laneTo: l
-  } = n, c = E(
+    name: r,
+    hidden: a,
+    laneFrom: l,
+    laneTo: u
+  } = i, d = P(
     () => ({
       kind: "state",
       accessor: t,
       states: e,
-      xAxisId: i,
-      yAxisId: r,
+      xAxisId: n,
+      yAxisId: s,
       data: o,
-      name: s,
-      laneFrom: a,
-      laneTo: l
+      name: r,
+      hidden: a,
+      laneFrom: l,
+      laneTo: u
     }),
-    [t, e, i, r, o, s, a, l]
+    [t, e, n, s, o, r, a, l, u]
   );
-  return j("StateBand", c), null;
+  return at("StateBand", d), null;
 }
-const Cn = [
+const ci = [
   "#eef2ff",
   "#c7d2fe",
   "#a5b4fc",
@@ -2416,167 +2844,145 @@ const Cn = [
   "#4f46e5",
   "#4338ca"
 ];
-function ri(n) {
+function $i(i) {
   const {
     accessor: t,
     value: e,
-    coloring: i,
-    xAxisId: r = "x",
+    coloring: n,
+    xAxisId: s = "x",
     yAxisId: o = "y",
-    data: s,
-    name: a
-  } = n, l = E(
-    () => i ?? { kind: "gradient", stops: Cn },
-    [i]
-  ), c = E(
+    data: r,
+    name: a,
+    hidden: l,
+    format: u
+  } = i, d = P(
+    () => n ?? { kind: "gradient", stops: ci },
+    [n]
+  ), f = P(
     () => ({
       kind: "matrix",
       accessor: t,
       value: e,
-      coloring: l,
-      xAxisId: r,
+      coloring: d,
+      xAxisId: s,
       yAxisId: o,
-      data: s,
-      name: a
-    }),
-    [t, e, l, r, o, s, a]
-  );
-  return j("Matrix", c), null;
-}
-function oi(n) {
-  const {
-    accessor: t,
-    to: e,
-    xAxisId: i = "x",
-    yAxisId: r = "y",
-    data: o,
-    name: s,
-    color: a,
-    height: l = 0.6
-  } = n, c = E(
-    () => ({
-      kind: "span",
-      accessor: t,
-      to: e,
-      xAxisId: i,
-      yAxisId: r,
-      data: o,
-      name: s,
-      color: a,
-      height: l
+      data: r,
+      name: a,
+      hidden: l,
+      format: u
     }),
-    [t, e, i, r, o, s, a, l]
+    [t, e, d, s, o, r, a, l, u]
   );
-  return j("Span", c), null;
+  return at("Matrix", f), null;
 }
-function nt(n) {
+function ct(i) {
   const {
     value: t,
-    axisId: e = "y",
-    orientation: i = "y",
-    severity: r = "alarm",
+    orientation: e = "y",
+    axisId: n,
+    severity: s = "alarm",
     label: o,
-    color: s,
+    color: r,
     inExtent: a = !0,
     role: l = "specification"
-  } = n, c = E(
+  } = i, u = P(
     () => ({
       kind: "line",
       value: t,
-      axisId: e,
-      orientation: i,
-      severity: r,
+      axisId: n,
+      orientation: e,
+      severity: s,
       role: l,
       label: o,
-      color: s,
+      color: r,
       inExtent: a
     }),
-    [t, e, i, r, l, o, s, a]
+    [t, n, e, s, l, o, r, a]
   );
-  return me("LimitLine", c), null;
+  return $e("LimitLine", u), null;
 }
-function si(n) {
+function Oi(i) {
   const {
     from: t,
     to: e,
-    axisId: i = "y",
-    orientation: r = "y",
+    orientation: n = "y",
+    axisId: s,
     severity: o = "warning",
-    label: s,
+    label: r,
     color: a,
     inExtent: l = !0,
-    role: c = "specification"
-  } = n, u = E(
+    role: u = "specification"
+  } = i, d = P(
     () => ({
       kind: "band",
       from: t,
       to: e,
-      axisId: i,
-      orientation: r,
+      axisId: s,
+      orientation: n,
       severity: o,
-      role: c,
-      label: s,
+      role: u,
+      label: r,
       color: a,
       inExtent: l
     }),
-    [t, e, i, r, o, c, s, a, l]
+    [t, e, s, n, o, u, r, a, l]
   );
-  return me("LimitBand", u), null;
+  return $e("LimitBand", d), null;
 }
-const On = 1.128;
-function kt(n, t) {
+const ui = 1.128;
+function Wt(i, t) {
   return {
-    center: n,
+    center: i,
     sigma: t,
-    upper: n + 3 * t,
-    lower: n - 3 * t
+    upper: i + 3 * t,
+    lower: i - 3 * t
   };
 }
-function ai(n, t) {
-  return (t - n) / 3;
+function Wi(i, t) {
+  return (t - i) / 3;
 }
-function Wn(n, t) {
+function hi(i, t) {
   if (t.kind === "given")
-    return kt(t.center, t.sigma);
-  const e = Math.max(0, Math.trunc(t.from)), i = Math.min(n.length, Math.trunc(t.to));
-  let r = 0, o = 0, s = 0, a = 0, l = Number.NaN;
-  for (let u = e; u < i; u++) {
-    const h = n[u];
-    if (!Number.isFinite(h)) {
+    return Wt(t.center, t.sigma);
+  const e = Math.max(0, Math.trunc(t.from)), n = Math.min(i.length, Math.trunc(t.to));
+  let s = 0, o = 0, r = 0, a = 0, l = Number.NaN;
+  for (let d = e; d < n; d++) {
+    const f = i[d];
+    if (!Number.isFinite(f)) {
       l = Number.NaN;
       continue;
     }
-    r += h, o++, Number.isFinite(l) && (s += Math.abs(h - l), a++), l = h;
+    s += f, o++, Number.isFinite(l) && (r += Math.abs(f - l), a++), l = f;
   }
-  if (o === 0) return kt(Number.NaN, Number.NaN);
-  const c = a === 0 ? 0 : s / a / On;
-  return kt(r / o, c);
+  if (o === 0) return Wt(Number.NaN, Number.NaN);
+  const u = a === 0 ? 0 : r / a / ui;
+  return Wt(s / o, u);
 }
-function Hn(n, t = [1, 2]) {
+function di(i, t = [1, 2]) {
   return t.map((e) => ({
     k: e,
-    upper: n.center + e * n.sigma,
-    lower: n.center - e * n.sigma
+    upper: i.center + e * i.sigma,
+    lower: i.center - e * i.sigma
   }));
 }
-function Rn(n, t) {
-  return Number.isFinite(n) ? n > t ? 1 : n < t ? -1 : 0 : 0;
+function fi(i, t) {
+  return Number.isFinite(i) ? i > t ? 1 : i < t ? -1 : 0 : 0;
 }
-function pe(n, t) {
+function Oe(i, t) {
   const e = [];
   if (t < 1) return e;
-  let i = 0;
-  for (let r = 1; r <= n.length; r++) {
-    const o = r < n.length ? n[r] : Number.NaN, s = n[i];
-    if (o !== s) {
-      if (s !== 0 && r - i >= t)
-        for (let a = i; a < r; a++) e.push(a);
-      i = r;
+  let n = 0;
+  for (let s = 1; s <= i.length; s++) {
+    const o = s < i.length ? i[s] : Number.NaN, r = i[n];
+    if (o !== r) {
+      if (r !== 0 && s - n >= t)
+        for (let a = n; a < s; a++) e.push(a);
+      n = s;
     }
   }
   return e;
 }
-const $t = {
+const Ut = {
   outlier: !0,
   run: !0,
   trend: !0,
@@ -2584,299 +2990,342 @@ const $t = {
   runLength: 9,
   trendLength: 6
 };
-function Vn(n, t) {
+function mi(i, t) {
   const e = [];
-  for (let i = 0; i < n.length; i++) {
-    const r = n[i];
-    (r > t.upper || r < t.lower) && e.push(i);
+  if (!(t.sigma > 0)) return e;
+  for (let n = 0; n < i.length; n++) {
+    const s = i[n];
+    (s > t.upper || s < t.lower) && e.push(n);
   }
   return e;
 }
-function _n(n, t, e = $t.runLength) {
-  return pe(
-    n.map((i) => Rn(i, t.center)),
+function pi(i, t, e = Ut.runLength) {
+  return Oe(
+    i.map((n) => fi(n, t.center)),
     e
   );
 }
-function Bn(n, t = $t.trendLength) {
+function yi(i, t = Ut.trendLength) {
   const e = [];
-  for (let r = 1; r < n.length; r++) {
-    const o = n[r - 1], s = n[r];
-    e.push(Number.isFinite(o) && Number.isFinite(s) ? Math.sign(s - o) : 0);
-  }
-  const i = [];
-  for (const r of pe(e, Math.max(1, t - 1)))
-    i[i.length - 1] !== r && i.push(r), i.push(r + 1);
-  return i;
-}
-function Yn(n, t) {
-  const e = t.center + 2 * t.sigma, i = t.center - 2 * t.sigma, r = /* @__PURE__ */ new Set();
-  for (let o = 0; o + 2 < n.length; o++)
-    for (const s of [
-      [o, o + 1, o + 2].filter((a) => n[a] > e),
-      [o, o + 1, o + 2].filter((a) => n[a] < i)
+  for (let s = 1; s < i.length; s++) {
+    const o = i[s - 1], r = i[s];
+    e.push(Number.isFinite(o) && Number.isFinite(r) ? Math.sign(r - o) : 0);
+  }
+  const n = [];
+  for (const s of Oe(e, Math.max(1, t - 1)))
+    n[n.length - 1] !== s && n.push(s), n.push(s + 1);
+  return n;
+}
+function gi(i, t) {
+  if (!(t.sigma > 0)) return [];
+  const e = t.center + 2 * t.sigma, n = t.center - 2 * t.sigma, s = /* @__PURE__ */ new Set();
+  for (let o = 0; o + 2 < i.length; o++)
+    for (const r of [
+      [o, o + 1, o + 2].filter((a) => i[a] > e),
+      [o, o + 1, o + 2].filter((a) => i[a] < n)
     ])
-      if (s.length >= 2) for (const a of s) r.add(a);
-  return [...r].sort((o, s) => o - s);
-}
-function zn(n, t, e = {}) {
-  const i = { ...$t, ...e }, r = [], o = (s, a) => {
-    a.length > 0 && r.push({ rule: s, indices: a });
+      if (r.length >= 2) for (const a of r) s.add(a);
+  return [...s].sort((o, r) => o - r);
+}
+function xi(i, t, e = {}) {
+  const n = { ...Ut, ...e };
+  t.sigma > 0 || J(
+    "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 s = [], o = (r, a) => {
+    a.length > 0 && s.push({ rule: r, indices: a });
   };
-  return i.outlier && o("outlier", Vn(n, t)), i.run && o("run", _n(n, t, i.runLength)), i.trend && o("trend", Bn(n, i.trendLength)), i.twoOfThree && o("twoOfThree", Yn(n, t)), r;
+  return n.outlier && o("outlier", mi(i, t)), n.run && o("run", pi(i, t, n.runLength)), n.trend && o("trend", yi(i, n.trendLength)), n.twoOfThree && o("twoOfThree", gi(i, t)), s;
 }
-function Gn(n) {
+function bi(i) {
   const t = /* @__PURE__ */ new Set();
-  for (const e of n) for (const i of e.indices) t.add(i);
-  return [...t].sort((e, i) => e - i);
+  for (const e of i) for (const n of e.indices) t.add(n);
+  return [...t].sort((e, n) => e - n);
+}
+function Rt(i, t) {
+  const [e, n] = be({ value: i });
+  return e.value === i || t(e.value, i) ? e.value : (n({ value: i }), i);
+}
+function vi(i, t) {
+  return i.kind === "given" && t.kind === "given" ? i.center === t.center && i.sigma === t.sigma : i.kind === "referenceWindow" && t.kind === "referenceWindow" ? i.from === t.from && i.to === t.to : !1;
+}
+function Ni(i, t) {
+  if (i.length !== t.length) return !1;
+  for (let e = 0; e < i.length; e++) {
+    const n = i[e], s = t[e];
+    if (n.rule !== s.rule || n.indices.length !== s.indices.length) return !1;
+    for (let o = 0; o < n.indices.length; o++) if (n.indices[o] !== s.indices[o]) return !1;
+  }
+  return !0;
 }
-function li(n) {
+function Ri(i) {
   const {
-    accessor: t,
-    data: e,
-    origin: i,
-    xAxisId: r = "x",
-    yAxisId: o = "y",
+    data: t,
+    xAxisId: e = "x",
+    yAxisId: n = "y",
     name: s,
-    color: a,
+    format: o,
+    color: r,
+    tone: a,
     rules: l,
-    zoneLines: c = !0,
-    labelUpper: u,
-    labelLower: h,
-    violationName: p,
-    onViolations: d
-  } = n, m = E(() => {
-    const F = [];
-    for (let P = 0; P < e.length; P++) {
-      const N = t(e[P], P);
-      F.push(N ?? Number.NaN);
+    zoneLines: u = !0,
+    labelUpper: d,
+    labelLower: f,
+    violationName: h,
+    onViolations: m
+  } = i, c = Rt(i.accessor, X), p = Rt(i.origin, vi), y = P(() => {
+    const S = [];
+    for (let T = 0; T < t.length; T++) {
+      const H = c(t[T], T);
+      S.push(H ?? Number.NaN);
     }
-    return F;
-  }, [e, t]), y = E(() => Wn(m, i), [m, i]), f = E(
-    () => zn(m, y, l ?? {}),
-    [m, y, l]
-  ), b = E(() => new Set(Gn(f)), [f]);
-  $(() => {
-    d == null || d(f);
-  }, [f, d]);
-  const k = E(
-    () => (F, P) => b.has(P) ? t(F, P) : null,
-    [b, t]
-  ), w = E(
-    () => b.size === 0 ? e : e.slice(),
-    [e, b]
-  ), I = E(
-    () => c ? Hn(y, [1, 2]) : [],
-    [c, y]
-  ), A = Number.isFinite(y.center);
-  return /* @__PURE__ */ _(Nt, { children: [
-    /* @__PURE__ */ S(Dn, { accessor: t, data: e, xAxisId: r, yAxisId: o, name: s, color: a }),
-    A && /* @__PURE__ */ _(Nt, { children: [
-      I.map((F) => /* @__PURE__ */ S(
-        nt,
+    return S;
+  }, [t, c]), g = P(() => hi(y, p), [y, p]), b = Rt(
+    P(() => xi(y, g, l ?? {}), [y, g, l]),
+    Ni
+  ), N = P(() => new Set(bi(b)), [b]), A = Q(m);
+  C(() => {
+    A.current = m;
+  }, [m]), C(() => {
+    var S;
+    (S = A.current) == null || S.call(A, b);
+  }, [b]);
+  const $ = P(
+    () => (S, T) => N.has(T) ? c(S, T) : null,
+    [N, c]
+  ), w = P(
+    () => N.size === 0 ? t : t.slice(),
+    [t, N]
+  ), W = P(
+    () => u ? di(g, [1, 2]) : [],
+    [u, g]
+  ), L = Number.isFinite(g.center);
+  return /* @__PURE__ */ G(bt, { children: [
+    /* @__PURE__ */ I(ai, { accessor: c, data: t, xAxisId: e, yAxisId: n, name: s, format: o, color: r, tone: a }),
+    L && /* @__PURE__ */ G(bt, { children: [
+      W.map((S) => /* @__PURE__ */ I(
+        ct,
         {
-          value: F.upper,
-          axisId: o,
+          value: S.upper,
+          axisId: n,
           role: "zone",
           inExtent: !1
         },
-        `zone-${F.k}-upper`
+        `zone-${S.k}-upper`
       )),
-      I.map((F) => /* @__PURE__ */ S(
-        nt,
+      W.map((S) => /* @__PURE__ */ I(
+        ct,
         {
-          value: F.lower,
-          axisId: o,
+          value: S.lower,
+          axisId: n,
           role: "zone",
           inExtent: !1
         },
-        `zone-${F.k}-lower`
+        `zone-${S.k}-lower`
       )),
-      /* @__PURE__ */ S(nt, { value: y.center, axisId: o, role: "control" }),
-      /* @__PURE__ */ S(nt, { value: y.upper, axisId: o, role: "control", label: u }),
-      /* @__PURE__ */ S(nt, { value: y.lower, axisId: o, role: "control", label: h })
+      /* @__PURE__ */ I(ct, { value: g.center, axisId: n, role: "control" }),
+      /* @__PURE__ */ I(ct, { value: g.upper, axisId: n, role: "control", label: d }),
+      /* @__PURE__ */ I(ct, { value: g.lower, axisId: n, role: "control", label: f })
     ] }),
-    /* @__PURE__ */ S(
-      $n,
+    /* @__PURE__ */ I(
+      li,
       {
-        accessor: k,
+        accessor: $,
         data: w,
-        xAxisId: r,
-        yAxisId: o,
-        name: p,
+        xAxisId: e,
+        yAxisId: n,
+        name: h,
+        format: o,
         tone: "alarm",
         radius: 4
       }
     )
   ] });
 }
-function ci(n) {
+function Hi(i) {
   const {
     id: t = "x",
     position: e = "bottom",
-    accessor: i,
-    label: r,
+    accessor: n,
+    label: s,
     tickCount: o,
-    tickFormat: s,
+    tickFormat: r,
     domain: a = "nice",
     grid: l,
-    ticks: c,
-    calendar: u
-  } = n, h = E(
+    ticks: u,
+    time: d,
+    calendar: f,
+    onDomainChange: h
+  } = i, m = P(
     () => ({
       id: t,
       orientation: "x",
       position: e,
-      accessor: i,
-      label: r,
+      accessor: n,
+      label: s,
       tickCount: o,
-      tickFormat: s,
+      tickFormat: r,
       domain: a,
       grid: l,
-      ticks: c,
-      calendar: u
+      ticks: u,
+      time: d,
+      calendar: f,
+      onDomainChange: h
     }),
-    [t, e, i, r, o, s, a, l, c, u]
+    [t, e, n, s, o, r, a, l, u, d, f, h]
   );
-  return fe("XAxis", h), null;
+  return Ce("XAxis", m), null;
 }
-function ui(n) {
+function Vi(i) {
   const {
     id: t = "y",
     position: e = "left",
-    accessor: i,
-    label: r,
+    accessor: n,
+    label: s,
     tickCount: o,
-    tickFormat: s,
+    tickFormat: r,
     domain: a = "nice",
     grid: l,
-    ticks: c
-  } = n, u = E(
+    ticks: u,
+    alignTicks: d
+  } = i, f = P(
     () => ({
       id: t,
       orientation: "y",
       position: e,
-      accessor: i,
-      label: r,
+      accessor: n,
+      label: s,
       tickCount: o,
-      tickFormat: s,
+      tickFormat: r,
       domain: a,
       grid: l,
-      ticks: c
+      ticks: u,
+      alignTicks: d
     }),
-    [t, e, i, r, o, s, a, l, c]
+    [t, e, n, s, o, r, a, l, u, d]
   );
-  return fe("YAxis", u), null;
+  return Ce("YAxis", f), null;
 }
-function qn({
-  scene: n,
-  placement: t
+function ki({
+  scene: i,
+  placement: t,
+  onToggle: e
 }) {
-  Ln("Legend", { placement: t });
-  const e = Et(
-    n.subscribeLayout,
-    n.getLayoutSnapshot,
-    n.getLayoutServerSnapshot
+  ni("Legend", { placement: t });
+  const n = Kt(
+    i.subscribeLayout,
+    i.getLayoutSnapshot,
+    i.getLayoutServerSnapshot
   );
-  return e.series.length === 0 ? null : /* @__PURE__ */ S("div", { className: `uc-legend uc-legend-${t}`, children: e.series.map((i) => /* @__PURE__ */ _(
-    "span",
-    {
+  return n.series.length === 0 ? null : /* @__PURE__ */ I("div", { className: `uc-legend uc-legend-${t}`, children: n.series.map((s) => {
+    const o = {
       className: "uc-legend-item",
-      onPointerEnter: () => n.setHighlight(i.seriesId),
-      onPointerLeave: () => n.setHighlight(null),
-      children: [
-        /* @__PURE__ */ S("span", { className: "uc-legend-chip", style: { background: i.color } }),
-        i.name
-      ]
-    },
-    i.id
-  )) });
+      "data-hidden": s.hidden ? "" : void 0,
+      onPointerEnter: () => i.setHighlight(s.seriesIds),
+      onPointerLeave: () => i.setHighlight(null)
+    }, r = /* @__PURE__ */ G(bt, { children: [
+      /* @__PURE__ */ I("span", { className: "uc-legend-chip", style: { background: s.color } }),
+      s.name
+    ] });
+    return e === void 0 ? /* @__PURE__ */ I("span", { ...o, children: r }, s.id) : /* @__PURE__ */ I(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": !s.hidden,
+        onClick: () => e(s.name),
+        ...o,
+        children: r
+      },
+      s.id
+    );
+  }) });
 }
-function hi({ placement: n = "top" }) {
-  const t = tt("Legend");
-  return t === null ? null : /* @__PURE__ */ S(qn, { scene: t, placement: n });
+function _i({ placement: i = "top", onToggle: t }) {
+  const e = rt("Legend");
+  return e === null ? null : /* @__PURE__ */ I(ki, { scene: e, placement: i, onToggle: t });
 }
-function di(n) {
-  const { mode: t = "x", render: e } = n, i = E(
+function Yi(i) {
+  const { mode: t = "x", render: e } = i, n = P(
     () => ({ mode: t, render: e }),
     [t, e]
   );
-  return Tn("Tooltip", i), null;
+  return ii("Tooltip", n), null;
 }
-const Kn = {
+const wi = {
   cutoff: 0.8,
   collectRank: Number.POSITIVE_INFINITY
 };
-function fi(n, t = {}) {
-  const e = { ...Kn, ...t };
+function zi(i, t = {}) {
+  const e = { ...wi, ...t };
   ut(
     !Number.isFinite(e.collectRank) || e.remainderName !== void 0,
     "pareto: a collect rank needs `remainderName` - the package brings no name for the remainder."
   );
-  const i = n.map((d, m) => ({ item: d, inputIndex: m })).sort((d, m) => m.item.value - d.item.value || d.inputIndex - m.inputIndex).map(({ item: d }) => d), r = Math.max(0, Math.min(i.length, Math.floor(e.collectRank))), o = i.slice(0, r), s = i.slice(r), a = s.length === 0 ? o : [...o, { name: e.remainderName ?? "", value: s.reduce((d, m) => d + m.value, 0) }], l = a.reduce((d, m) => d + m.value, 0), c = [];
-  let u = 0;
-  for (let d = 0; d < a.length; d++) {
-    const m = a[d];
-    u += m.value, c.push({
-      name: m.name,
-      value: m.value,
-      index: d,
-      share: l === 0 ? 0 : m.value / l,
-      cumulative: l === 0 ? 0 : u / l,
-      remainder: s.length > 0 && d === a.length - 1
+  const n = i.map((m, c) => ({ item: m, inputIndex: c })).sort((m, c) => c.item.value - m.item.value || m.inputIndex - c.inputIndex).map(({ item: m }) => m), s = Math.max(0, Math.min(n.length, Math.floor(e.collectRank))), o = n.slice(0, s), r = n.slice(s), a = r.length === 0 ? o : [...o, { name: e.remainderName ?? "", value: r.reduce((m, c) => m + c.value, 0) }], l = a.reduce((m, c) => m + c.value, 0), u = [];
+  let d = 0;
+  for (let m = 0; m < a.length; m++) {
+    const c = a[m];
+    d += c.value, u.push({
+      name: c.name,
+      value: c.value,
+      index: m,
+      share: l === 0 ? 0 : c.value / l,
+      cumulative: l === 0 ? 0 : d / l,
+      remainder: r.length > 0 && m === a.length - 1
     });
   }
-  const h = Math.abs(e.cutoff) * 1e-12, p = c.findIndex((d) => d.cumulative >= e.cutoff - h);
-  return { entries: c, total: l, cutoffIndex: p };
+  const f = Math.abs(e.cutoff) * 1e-12, h = u.findIndex((m) => m.cumulative >= e.cutoff - f);
+  return { entries: u, total: l, cutoffIndex: h };
 }
 export {
-  ei as Area,
-  ni as Bar,
-  ti as Chart,
-  li as ControlChart,
-  X as DAY,
-  Cn as DEFAULT_GRADIENT,
-  Q as HOUR,
-  hi as Legend,
-  si as LimitBand,
-  nt as LimitLine,
-  Dn as Line,
-  _t as LinearScale,
-  U as MINUTE,
-  ri as Matrix,
-  K as SECOND,
-  $n as Scatter,
-  oi as Span,
-  ii as StateBand,
-  di as Tooltip,
-  ci as XAxis,
-  ui as YAxis,
-  ln as assess,
-  He as breaks,
-  G as calendarFrom,
-  Wn as controlLimits,
-  $t as defaultRules,
-  Rt as invalidateTheme,
-  Jn as mapSeries,
-  De as operatingCalendar,
-  _e as operatingTicks,
-  Ve as operatingTimeTicks,
-  fi as pareto,
-  Kn as paretoDefaults,
-  We as removedIntervals,
-  jn as resolveColours,
-  Vn as ruleOutlier,
-  _n as ruleRun,
-  Bn as ruleTrend,
-  Yn as ruleTwoOfThree,
-  ai as sigmaFromLimit,
-  Le as subscribeTheme,
-  Re as timeStep,
-  pt as toOperatingTime,
-  Ce as toOperatingTimeClamped,
-  dt as toWallClock,
-  Qn as verdictWeight,
-  Gn as violatedIndices,
-  zn as violations,
-  Hn as zones
+  Ei as Area,
+  Pi as Bar,
+  Di as Chart,
+  Ri as ControlChart,
+  K as DAY,
+  ci as DEFAULT_GRADIENT,
+  tt as HOUR,
+  _i as Legend,
+  Oi as LimitBand,
+  ct as LimitLine,
+  ai as Line,
+  te as LinearScale,
+  q as MINUTE,
+  $i as Matrix,
+  j as SECOND,
+  li as Scatter,
+  Ci as StateBand,
+  Yi as Tooltip,
+  Hi as XAxis,
+  Vi as YAxis,
+  On as assess,
+  rn as breaks,
+  Z as calendarFrom,
+  hi as controlLimits,
+  Ut as defaultRules,
+  jt as invalidateTheme,
+  Ti as localOffset,
+  Si as mapSeries,
+  tn as operatingCalendar,
+  Li as operatingTicks,
+  ln as operatingTimeTicks,
+  zi as pareto,
+  wi as paretoDefaults,
+  on as removedIntervals,
+  qe as resolveColours,
+  mi as ruleOutlier,
+  pi as ruleRun,
+  yi as ruleTrend,
+  gi as ruleTwoOfThree,
+  Wi as sigmaFromLimit,
+  Ue as subscribeTheme,
+  an as timeStep,
+  st as toOperatingTime,
+  nn as toOperatingTimeClamped,
+  ot as toWallClock,
+  Fi as verdictWeight,
+  bi as violatedIndices,
+  xi as violations,
+  di as zones
 };