@umriss-ui/charts 0.3.1 → 0.3.2

package/dist/charts.js

@@ -1,24 +1,24 @@
 import "./charts.css";
-var ye = Object.defineProperty;
-var ge = (n, t, e) => t in n ? ye(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var g = (n, t, e) => ge(n, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as I, jsxs as _, Fragment as Nt } from "react/jsx-runtime";
-import { useRef as X, useEffect as D, createContext as be, useContext as xe, useSyncExternalStore as Et, useCallback as ve, useState as ke, useMemo as E } from "react";
-function Ne() {
+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 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 it = Ne();
-function ct(n, t) {
-  if (it && !n)
+const rt = Ie();
+function ut(n, t) {
+  if (rt && !n)
     throw new Error(`@umriss-ui/charts: ${t}`);
 }
-const Ot = /* @__PURE__ */ new Set();
-function G(n, t) {
-  !it || Ot.has(n) || (Ot.add(n), console.warn(`@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 W = {
+const O = {
   colorAxis: "rgba(23, 23, 23, 0.17)",
   colorGrid: "rgba(23, 23, 23, 0.06)",
   colorText: "#71717a",
@@ -37,7 +37,7 @@ function bt(n, t, e) {
   const i = n.getPropertyValue(t).trim();
   return i === "" ? e : i;
 }
-function ne(n, t) {
+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);
   try {
@@ -50,60 +50,60 @@ function ne(n, t) {
     e.remove();
   }
 }
-function we(n) {
+function Se(n) {
   const t = getComputedStyle(n);
-  return ne(n, (e) => {
-    const i = (s, o) => {
-      const a = bt(t, s, o);
-      if (a === o) return o;
-      const l = e(`var(${s})`);
-      return l === `var(${s})` ? a : l;
+  return ie(n, (e) => {
+    const i = (o, s) => {
+      const a = bt(t, o, s);
+      if (a === s) return s;
+      const l = e(`var(${o})`);
+      return l === `var(${o})` ? a : l;
     }, r = [];
-    for (let s = 1; s <= 6; s++)
-      r.push(i(`--uc-series-${s}`, W.series[s - 1] ?? "#2563eb"));
+    for (let o = 1; o <= 6; o++)
+      r.push(i(`--uc-series-${o}`, O.series[o - 1] ?? "#2563eb"));
     return {
-      colorAxis: i("--uc-color-axis", W.colorAxis),
-      colorGrid: i("--uc-color-grid", W.colorGrid),
-      colorText: i("--uc-color-text", W.colorText),
-      colorBg: i("--uc-color-bg", W.colorBg),
-      colorWarning: i("--uc-color-warning", W.colorWarning),
-      colorAlarm: i("--uc-color-alarm", W.colorAlarm),
-      colorOk: i("--uc-color-ok", W.colorOk),
-      font: bt(t, "--uc-font", W.font),
-      fontMono: bt(t, "--uc-font-mono", W.fontMono),
+      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
     };
   });
 }
-function ie() {
+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 Xn(n, t) {
-  return ie(), ne(n, (e) => {
+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 Ie(n) {
-  ie();
+function Me(n) {
+  re();
   const t = Ht.get(n);
   if (t !== void 0 && t.generation === wt) return t.theme;
-  const e = we(n);
+  const e = Se(n);
   return Ht.set(n, { generation: wt, theme: e }), e;
 }
 function Rt() {
   wt++;
   for (const n of It) n();
 }
-function Se(n) {
+function Le(n) {
   return It.add(n), () => {
     It.delete(n);
   };
 }
-const Me = { width: 0, height: 0 };
-class Te {
+const Te = { width: 0, height: 0 };
+class Ae {
   constructor(t) {
     g(this, "span", null);
     g(this, "root");
@@ -120,10 +120,10 @@ class Te {
   measure(t, e) {
     const i = `${e}|${t}`, r = this.cache.get(i);
     if (r !== void 0) return r;
-    const s = this.ensure();
-    if (s === null) return Me;
-    s.className = `uc-measure ${e}`, s.textContent = t;
-    const o = s.getBoundingClientRect(), a = { width: o.width, height: o.height };
+    const o = this.ensure();
+    if (o === null) return Te;
+    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;
   }
   clear() {
@@ -139,8 +139,8 @@ function St(n) {
 }
 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))), s = i / r, o = 1e-9;
-  return (s <= 1 + o ? 1 : s <= 2 + o ? 2 : s <= 5 + o ? 5 : 10) * r;
+  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 Dt(n) {
   const t = Math.abs(n);
@@ -155,7 +155,7 @@ function Dt(n) {
 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 Ae(n, t, e) {
+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);
@@ -167,14 +167,14 @@ function Ae(n, t, e) {
 function Vt(n, t) {
   return !Number.isFinite(n) || !Number.isFinite(t) ? [0, 1] : n === t ? [n - 1, t + 1] : [n, t];
 }
-function re(n, t, e) {
+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], s = mt(r - i, e), o = Dt(s), a = s * 1e-9, l = Math.ceil((i - a) / s), c = Math.floor((r + a) / s);
+  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 * s, o));
+    u.push(Mt(h * o, s));
   return u;
 }
 class _t {
@@ -195,17 +195,17 @@ class _t {
     return this.m === 0 ? this.domain[0] : (t - this.b) / this.m;
   }
   ticks(t) {
-    return re(this.domain[0], this.domain[1], t);
+    return oe(this.domain[0], this.domain[1], t);
   }
 }
-let ot = null;
+let at = null;
 function se() {
-  if (ot !== null) return ot;
+  if (at !== null) return at;
   const n = typeof navigator > "u" ? void 0 : navigator.language;
-  return ot = typeof n == "string" && n !== "" ? n : "en-US", ot;
+  return at = typeof n == "string" && n !== "" ? n : "en-US", at;
 }
 const ht = /* @__PURE__ */ new Map();
-function Le(n) {
+function Pe(n) {
   const t = se(), e = `${t}|${n}`;
   let i = ht.get(e);
   return i === void 0 && (i = new Intl.NumberFormat(t, {
@@ -214,8 +214,8 @@ function Le(n) {
     useGrouping: !0
   }), ht.set(e, i)), i;
 }
-function Fe(n, t) {
-  return Le(Math.min(6, Dt(t))).format(n);
+function Ee(n, t) {
+  return Pe(Math.min(6, Dt(t))).format(n);
 }
 function Bt(n) {
   if (!Number.isFinite(n)) return "–";
@@ -223,78 +223,78 @@ function Bt(n) {
   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);
 }
-const q = 1e3, K = 60 * q, J = 60 * K, U = 24 * J;
-function Pe(n) {
-  const t = n.filter((s) => Number.isFinite(s.from) && Number.isFinite(s.to) && s.to > s.from).sort((s, o) => s.from - o.from), e = [];
-  for (const s of t) {
-    const o = e[e.length - 1];
-    o !== void 0 && s.from <= o.to ? s.to > o.to && (e[e.length - 1] = { from: o.from, to: s.to }) : e.push({ from: s.from, to: s.to });
+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 = [];
+  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 i = [];
   let r = 0;
-  for (const s of e)
-    i.push(r), r += s.to - s.from;
+  for (const o of e)
+    i.push(r), r += o.to - o.from;
   return { intervals: e, offsets: i, total: r };
 }
 const Yt = /* @__PURE__ */ new WeakMap();
-function z(n) {
+function G(n) {
   if (!Array.isArray(n)) return n;
   const t = n, e = Yt.get(t);
   if (e !== void 0) return e;
-  const i = Pe(t);
+  const i = De(t);
   return Yt.set(t, i), i;
 }
-function Ee(n, t) {
+function $e(n, t) {
   const e = n.intervals;
-  let i = 0, r = e.length - 1, s = -1;
+  let i = 0, r = e.length - 1, o = -1;
   for (; i <= r; ) {
-    const o = i + r >> 1;
-    e[o].from <= t ? (s = o, i = o + 1) : r = o - 1;
+    const s = i + r >> 1;
+    e[s].from <= t ? (o = s, i = s + 1) : r = s - 1;
   }
-  return s < 0 ? -1 : t <= e[s].to ? s : -1;
+  return o < 0 ? -1 : t <= e[o].to ? o : -1;
 }
 function pt(n, t) {
-  const e = z(t);
+  const e = G(t);
   if (e.intervals.length === 0) return n;
-  const i = Ee(e, 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 = z(t), i = e.intervals;
+  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, s = i.length - 1, o = 0;
-  for (; r <= s; ) {
-    const a = r + s >> 1;
-    e.offsets[a] <= n ? (o = a, r = a + 1) : s = a - 1;
+  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[o].from + (n - e.offsets[o]);
+  return i[s].from + (n - e.offsets[s]);
 }
-function Zn(n, t, e, i) {
-  const r = z(n);
-  for (let s = 0; s < e; s++)
-    i[s] = pt(t[s], r);
+function Jn(n, t, e, i) {
+  const r = G(n);
+  for (let o = 0; o < e; o++)
+    i[o] = pt(t[o], r);
 }
-function De(n, t) {
-  const e = z(t);
+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 s = e.intervals[r];
-    if (n < s.from) return e.offsets[r];
+    const o = e.intervals[r];
+    if (n < o.from) return e.offsets[r];
   }
   return e.total;
 }
-function $e(n, t) {
-  const e = z(t);
+function Oe(n, t) {
+  const e = G(t);
   return e.intervals.length === 0 ? !1 : Number.isNaN(pt(n, e));
 }
-function Ce(n) {
-  const t = z(n), e = [];
+function We(n) {
+  const t = G(n), e = [];
   for (let i = 1; i < t.intervals.length; i++)
     e.push({
       from: t.intervals[i - 1].to,
@@ -303,65 +303,65 @@ function Ce(n) {
     });
   return e;
 }
-function We(n, t, e) {
-  return Ce(n).map((i) => i.operatingTime).filter((i) => i >= t && i <= e);
+function He(n, t, e) {
+  return We(n).map((i) => i.operatingTime).filter((i) => i >= t && i <= e);
 }
 const zt = [
-  q,
-  2 * q,
-  5 * q,
-  10 * q,
-  15 * q,
-  30 * q,
   K,
   2 * K,
   5 * K,
   10 * K,
   15 * K,
   30 * K,
-  J,
-  2 * J,
-  3 * J,
-  6 * J,
-  12 * J,
   U,
   2 * U,
-  7 * U,
-  14 * U,
-  28 * 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
 ];
-function Oe(n, t) {
+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 U * mt(i / U, 1);
+  return X * mt(i / X, 1);
 }
-function He(n, t, e, i, r = 0) {
-  const s = z(n), o = [];
-  if (!Number.isFinite(t) || !Number.isFinite(e) || !(i > 0)) return o;
+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 o;
+  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, s);
-    Number.isNaN(p) || p === c || (o.push({ wallClock: h, operatingTime: p }), c = p);
-  }
-  return o;
-}
-function Re(n, t, e, i, r = 0) {
-  const s = z(n);
-  if (s.intervals.length === 0 || !(e > t)) return [];
-  const o = Math.max(0, Math.min(s.total, t)), a = Math.max(0, Math.min(s.total, e)), l = Oe(e - t, i);
-  return He(
-    s,
-    dt(o, s),
-    dt(a, s),
+    const h = r + u * i, p = pt(h, o);
+    Number.isNaN(p) || p === c || (s.push({ wallClock: h, operatingTime: p }), c = p);
+  }
+  return s;
+}
+function _e(n, t, e, i, r = 0) {
+  const o = G(n);
+  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(
+    o,
+    dt(s, o),
+    dt(a, o),
     l,
     r
   ).map((u) => u.operatingTime).filter((u) => u >= t && u <= e);
 }
-const Tt = 5, At = 4, xt = 8, Gt = 4, Ve = 8, ut = "uc-tick-label", at = "uc-axis-title", oe = {
+const Lt = 5, Tt = 4, xt = 8, Gt = 4, Be = 8, it = "uc-tick-label", lt = "uc-axis-title", ae = {
   width: 0,
   height: 0,
   plot: { x: 0, y: 0, width: 0, height: 0 },
@@ -369,18 +369,18 @@ const Tt = 5, At = 4, xt = 8, Gt = 4, Ve = 8, ut = "uc-tick-label", at = "uc-axi
 };
 function qt(n, t, e) {
   const i = Math.ceil(t), r = e.get(n);
-  return r === void 0 || i > r || r - i >= Ve ? (e.set(n, i), i) : r;
+  return r === void 0 || i > r || r - i >= Be ? (e.set(n, i), i) : r;
 }
 function Kt(n, t) {
   const e = n.domainMode;
   if (Array.isArray(e)) {
-    const s = e;
-    return s[0] === s[1] ? [s[0] - 1, s[1] + 1] : s;
+    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) : Ae(i, r, t);
+  return n.calendar !== void 0 && n.calendar.length > 0 || e === "data" ? Vt(i, r) : Fe(i, r, t);
 }
-function _e(n) {
+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())}`;
@@ -389,166 +389,168 @@ 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 ? Re(i, t[0], t[1], e) : re(t[0], t[1], e);
+  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 s = n.tickFormat;
-    return s === void 0 ? (o) => _e(dt(o, i)) : (o) => s(dt(o, i));
+    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 (s) => Fe(s, r);
+  return (o) => Ee(o, r);
 }
-function Be(n) {
-  const { width: t, height: e, padding: i, axes: r, measure: s, hysteresis: o } = 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(s("0", ut).height) || 14, p = /* @__PURE__ */ new Map();
+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(s(v.label, at).height) + Gt;
-    p.set(v.key, qt(v.key, Tt + At + h + M, o));
+    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 A = 0; A < v.length; A++) {
-      const $ = v[A];
-      $ !== void 0 && (x += M.get($.key) ?? 0, A > 0 && (x += xt));
+    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));
     }
     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), A = Ut(v, x, M), $ = Xt(v, x, M), T = A.map($), O = T.map((V) => s(V, ut).width);
-    let C = 0;
-    for (const V of O) V > C && (C = V);
-    const tt = v.label === void 0 || v.label === "" ? 0 : Math.ceil(s(v.label, at).height) + Gt;
-    b.set(v.key, { axis: v, domain: x, values: A, labels: T, widths: O, format: $ }), k.set(
+    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, Tt + At + C + tt, o)
+      qt(v.key, Lt + Tt + D + B, s)
     );
   }
-  const N = i.left + d(a, k), w = t - i.right - d(l, k), L = Math.max(0, w - N), F = { x: N, y: m, width: L, height: f }, P = (v, M, x, A) => {
+  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) {
       case "left":
-        return { x: N - x - A, y: m, width: A, height: f };
+        return { x: w - x - T, y: m, width: T, height: f };
       case "right":
-        return { x: w + x, y: m, width: A, height: f };
+        return { x: I + x, y: m, width: T, height: f };
       case "top":
-        return { x: N, y: m - x - A, width: L, height: A };
+        return { x: w, y: m - x - T, width: A, height: T };
       default:
-        return { x: N, y: y + x, width: L, height: A };
+        return { x: w, y: y + x, width: A, height: T };
     }
-  }, S = [], H = (v) => {
+  }, N = [], H = (v) => {
     let M = 0;
-    v.forEach((x, A) => {
-      const $ = k.get(x.key) ?? 0, T = b.get(x.key), O = P(x, A, M, $);
-      M += $ + xt;
-      const C = (T == null ? void 0 : T.domain) ?? [0, 1], tt = (T == null ? void 0 : T.format) ?? ((j) => String(j)), V = new _t(C, [m + f, m]), et = ((T == null ? void 0 : T.values) ?? []).map((j, B) => ({
-        value: j,
-        label: (T == null ? void 0 : T.labels[B]) ?? "",
-        px: V.toPx(j),
+    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),
         labelLeft: 0,
-        labelWidth: (T == null ? void 0 : T.widths[B]) ?? 0
+        labelWidth: (L == null ? void 0 : L.widths[Y]) ?? 0
       }));
-      S.push({
+      N.push({
         key: x.key,
         id: x.id,
         orientation: "y",
         position: x.position,
         label: x.label,
         grid: x.grid,
-        band: O,
-        size: $,
-        stack: A,
-        domain: C,
-        scale: V,
+        band: W,
+        size: C,
+        stack: T,
+        domain: D,
+        scale: R,
         ticks: et,
-        format: tt,
-        titleSize: x.label === void 0 || x.label === "" ? 0 : Math.ceil(s(x.label, at).height),
+        format: B,
+        titleSize: x.label === void 0 || x.label === "" ? 0 : Math.ceil(o(x.label, lt).height),
         breaks: []
       });
     });
   };
   H(a), H(l);
-  const R = (v) => {
+  const V = (v) => {
     let M = 0;
-    v.forEach((x, A) => {
-      const $ = p.get(x.key) ?? 0, T = P(x, A, M, $);
-      M += $ + xt;
-      const O = x.tickCount ?? Math.max(2, Math.round(L / 80)), C = Kt(x, O), tt = Ut(x, C, O), V = Xt(x, C, O), et = new _t(C, [N, N + L]), j = tt.map((B) => {
-        const Ct = V(B), yt = s(Ct, ut).width, Wt = et.toPx(B), me = Wt - yt / 2, pe = Math.min(Math.max(me, 0), Math.max(0, t - yt));
-        return { value: B, label: Ct, px: Wt, labelLeft: pe, labelWidth: yt };
+    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 };
       });
-      S.push({
+      N.push({
         key: x.key,
         id: x.id,
         orientation: "x",
         position: x.position,
         label: x.label,
         grid: x.grid,
-        band: T,
-        size: $,
-        stack: A,
-        domain: C,
+        band: L,
+        size: C,
+        stack: T,
+        domain: D,
         scale: et,
-        ticks: j,
-        format: V,
-        titleSize: x.label === void 0 || x.label === "" ? 0 : Math.ceil(s(x.label, at).height),
-        breaks: x.calendar === void 0 || x.calendar.length === 0 ? [] : We(x.calendar, C[0], C[1]).map((B) => et.toPx(B))
+        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))
       });
     });
   };
-  return R(c), R(u), { width: t, height: e, plot: F, axes: S };
+  return V(c), V(u), { width: t, height: e, plot: F, axes: N };
 }
-function Ye(n, t, e) {
+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 s = i + r >> 1;
-    n[s] <= e ? i = s : r = s;
+    const o = i + r >> 1;
+    n[o] <= e ? i = o : r = o;
   }
   return i;
 }
-function ae(n, t, e, i) {
+function le(n, t, e, i) {
   return e + 1 < t ? n[e + 1] : i;
 }
-function rt(n, t) {
+const ce = 0.28;
+function ot(n, t) {
   return Number.isFinite(n) ? n : t;
 }
-function le(n) {
+function ue(n) {
   return !Number.isFinite(n);
 }
 function Zt(n, t) {
   return n < t;
 }
-function ze(n, t, e, i) {
+function qe(n, t, e, i) {
   const r = new Int32Array(e);
-  for (let s = 0; s < e; s++) {
-    const o = n[s], a = rt(t[s], i);
-    if (!Zt(o, a)) continue;
+  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 < s; c++) {
-      const u = n[c], h = rt(t[c], i);
-      Zt(u, h) && o < h && u < a && l++;
+    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[s] = l;
+    r[o] = l;
   }
   return r;
 }
-function Ge(n, t, e, i, r, s, o, a) {
-  const l = o / 2;
-  for (let c = i - 1; c >= 0; c--) {
-    const u = e[c];
-    if (!(Math.abs(u - s) <= l)) continue;
-    const h = n[c], p = rt(t[c], a);
-    if (r >= h && r < p) return c;
+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;
   }
   return -1;
 }
 function st(n) {
   return Math.round(n) + 0.5;
 }
-function qe(n, t) {
-  const { plot: e, axes: i, theme: r } = t, s = e.x, o = e.x + e.width, a = e.y, l = e.y + e.height;
+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)
@@ -560,7 +562,7 @@ function qe(n, t) {
           if ((c.orientation === "y" && d.value === 0) === h)
             if (p = !0, c.orientation === "y") {
               const y = st(d.px);
-              n.moveTo(s, y), n.lineTo(o, y);
+              n.moveTo(o, y), n.lineTo(s, y);
             } else {
               const y = st(d.px);
               n.moveTo(y, a), n.lineTo(y, l);
@@ -568,8 +570,8 @@ function qe(n, t) {
         p && (n.strokeStyle = h ? r.colorAxis : r.colorGrid, n.stroke());
       }
 }
-function Ke(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = new Path2D();
+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];
@@ -577,7 +579,7 @@ function Ke(n, t) {
       u = !1;
       continue;
     }
-    const d = a[h] * i + r, m = p * s + o;
+    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) {
@@ -585,14 +587,14 @@ function Ke(n, t) {
     for (let d = 0; d < e; d++) {
       const m = l[d];
       if (Number.isNaN(m)) continue;
-      const y = a[d] * i + r, f = m * s + o;
+      const y = a[d] * i + r, f = m * o + s;
       p.moveTo(y + h, f), p.arc(y, f, h, 0, Math.PI * 2);
     }
     n.fillStyle = t.color, n.fill(p);
   }
 }
-function Ue(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.y0, u = t.baseline * s + o, h = new Path2D(), p = new Path2D();
+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])); )
@@ -603,91 +605,91 @@ function Ue(n, t) {
       d++;
     const y = d - 1;
     for (let f = m; f <= y; f++) {
-      const b = a[f] * i + r, k = l[f] * s + o;
+      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));
     }
     if (c === null)
       h.lineTo(a[y] * i + r, u), h.lineTo(a[m] * i + r, u);
     else
       for (let f = y; f >= m; f--)
-        h.lineTo(a[f] * i + r, c[f] * s + o);
+        h.lineTo(a[f] * i + r, c[f] * o + s);
     h.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));
 }
-function Xe(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.baseline * s + o, u = t.offset * i, h = t.width * i, p = new Path2D();
+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];
     if (Number.isNaN(m)) continue;
-    const y = a[d] * i + r + u, f = m * s + o;
+    const y = a[d] * i + r + u, f = m * o + s;
     p.rect(y, f, h, c - f);
   }
   n.fillStyle = t.color, n.fill(p);
 }
-function Ze(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.radius, u = new Path2D();
+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 * s + o;
+    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 je(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.x, o = t.y, a = t.laneTop, l = t.laneBottom - t.laneTop, c = t.colors.length;
+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 = o[p];
+    const d = s[p];
     if (Number.isNaN(d)) continue;
     const m = d | 0, y = u[m];
     if (y === void 0) continue;
-    const f = s[p], b = ae(s, e, p, t.domainEnd);
+    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 Je(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.buckets, u = t.colors.length;
+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 * s), d = [];
+  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] * s + o - p / 2;
+    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 Qe(n, t) {
-  const e = t.length, i = t.xScale.m, r = t.xScale.b, s = t.yScale.m, o = t.yScale.b, a = t.x, l = t.y, c = t.x1, u = t.depth, h = Math.abs(t.height * s), p = h * 0.28, d = new Path2D(), m = new Path2D();
+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], N = rt(k, t.domainEnd);
-    if (!(N >= b)) continue;
-    const w = b * i + r, L = Math.max(1, (N - b) * i), F = f * s + o + u[y] * p;
-    (le(k) ? m : d).rect(w, F - h / 2, L, h);
+    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), s = 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, s - r) : n.fillRect(r, t.y, s - r, t.height), n.restore();
+      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();
       continue;
     }
     if (n.beginPath(), i.orientation === "y") {
@@ -700,47 +702,47 @@ function jt(n, t, e) {
     n.strokeStyle = i.color, n.lineWidth = 1, n.setLineDash(i.dash), n.stroke(), n.setLineDash([]);
   }
 }
-function tn(n, t) {
-  const { width: e, height: i, plot: r, series: s } = t;
+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)) {
-    qe(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 o of s)
-      if (o.length !== 0)
-        switch (n.globalAlpha = o.alpha, o.kind) {
+    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) {
           case "line":
-            Ke(n, o);
+            Xe(n, s);
             break;
           case "area":
-            Ue(n, o);
+            Ze(n, s);
             break;
           case "bar":
-            Xe(n, o);
+            je(n, s);
             break;
           case "scatter":
-            Ze(n, o);
+            Je(n, s);
             break;
           case "state":
-            je(n, o);
+            Qe(n, s);
             break;
           case "matrix":
-            Je(n, o);
+            tn(n, s);
             break;
           case "span":
-            Qe(n, o);
+            en(n, s);
             break;
         }
     n.globalAlpha = 1, jt(n, r, t.limitLines), n.restore();
   }
 }
-function en(n, t) {
-  const { width: e, height: i, plot: r, theme: s, hover: o } = t;
-  if (n.clearRect(0, 0, e, i), o === null || r.width <= 0 || r.height <= 0) return;
-  const a = st(o.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 = s.colorAxis, n.setLineDash([]), n.stroke());
-  for (const l of o.marker)
-    n.beginPath(), n.arc(l.x, l.y, 5.5, 0, Math.PI * 2), n.fillStyle = s.colorBg, n.fill(), n.beginPath(), n.arc(l.x, l.y, 3.5, 0, Math.PI * 2), n.fillStyle = l.color, n.fill();
-}
-function nn(n, t, e) {
+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 on(n, t, e) {
   if (t <= 0) return -1;
   if (t === 1) return 0;
   let i = 0, r = t - 1;
@@ -750,24 +752,24 @@ function nn(n, t, e) {
     const a = i + r >> 1;
     n[a] <= e ? i = a : r = a;
   }
-  const s = e - n[i];
-  return n[r] - e < s ? r : i;
+  const o = e - n[i];
+  return n[r] - e < o ? r : i;
 }
 function Jt(n, 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 s = e[r] - e[r - 1];
-    s > 0 && s < i && (i = s);
+    const o = e[r] - e[r - 1];
+    o > 0 && o < i && (i = o);
   }
   return Number.isFinite(i) ? i : 0;
 }
-function lt(n, t) {
+function ct(n, t) {
   return n > 0 ? n : t;
 }
-function rn(n, t, e, i, r, s, o) {
-  const a = s / 2, l = o / 2;
+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;
@@ -777,77 +779,77 @@ function rn(n, t, e, i, r, s, o) {
   }
   return -1;
 }
-const sn = {
+const an = {
   ok: 0,
   unknown: 1,
   warning: 2,
   alarm: 3
 };
-function jn(n) {
-  return sn[n];
+function Qn(n) {
+  return an[n];
 }
 const Qt = { warning: 2, alarm: 3 };
-function on(n, t = {}) {
+function ln(n, t = {}) {
   if (n == null || !Number.isFinite(n))
     return { verdict: "unknown" };
   const e = t.target, i = e !== void 0 && Number.isFinite(e) ? n - e : void 0;
-  let r, s = 0;
+  let r, 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 > s) && (r = a, s = l);
+    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 o = {
+  const s = {
     verdict: r.severity,
     limit: r,
-    excess: s
+    excess: o
   };
-  return i === void 0 ? o : { ...o, deviation: i };
-}
-function an(n, t, e, i, r) {
-  const s = n.length, o = new Float64Array(s), a = new Float64Array(s), l = typeof i == "function" ? i : null, c = l === null ? null : new Float64Array(s), u = (r == null ? void 0 : r.value) ?? null, h = u === null ? null : new Float64Array(s), p = (r == null ? void 0 : r.xEnd) ?? null, d = p === null ? null : new Float64Array(s), 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, N = Number.NEGATIVE_INFINITY;
-  typeof i == "number" && s > 0 && (k = i, N = i);
-  for (let w = 0; w < s; w++) {
-    const L = n[w], F = t(L, w), P = m === null ? F : m(F);
-    o[w] = P;
-    const S = y !== null && y(F);
-    if (S || (P < f && (f = P), P > b && (b = P)), p !== null) {
-      const v = p(L, w), M = v ?? Number.NaN, x = !Number.isFinite(M) || m === null ? M : m(M);
-      d[w] = x, Number.isFinite(x) && (x < f && (f = x), x > b && (b = x));
+  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 = S ? null : e(L, w), R = H ?? Number.NaN;
-    if (a[w] = R, R < k && (k = R), R > N && (N = R), u !== null) {
-      const v = S ? null : u(L, w);
-      h[w] = v ?? Number.NaN;
+    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 = S ? null : l(L, w), M = v ?? Number.NaN;
-      c[w] = M, M < k && (k = M), M > N && (N = M);
+      const v = N ? null : l(A, I), M = v ?? Number.NaN;
+      c[I] = M, M < k && (k = M), M > w && (w = M);
     }
   }
-  return { series: { x: o, y: a, y0: c, w: h, x1: d, length: s }, extent: { xMin: f, xMax: b, yMin: k, yMax: N } };
+  return { series: { x: s, y: a, y0: c, w: h, x1: d, length: o }, extent: { xMin: f, xMax: b, yMin: k, yMax: w } };
 }
-function ln(n, t) {
+function un(n, t) {
   for (let e = 1; e < t; e++)
     if (n[e] < n[e - 1]) return e;
   return -1;
 }
-function cn(n, t, e, i) {
-  let r = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY;
-  for (const o of e) {
-    const a = o.extent;
-    if (a === null || !(n === "x" ? o.xAxisId === t : o.yAxisId === t)) continue;
+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 > s && (s = u);
+    c < r && (r = c), u > o && (o = u);
   }
   if (i !== void 0)
-    for (const o of i)
-      Number.isFinite(o) && (o < r && (r = o), o > s && (s = o));
-  return !Number.isFinite(r) || !Number.isFinite(s) ? [0, 1] : [r, s];
+    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];
 }
-function un(n, t) {
+function dn(n, t) {
   let e = Number.POSITIVE_INFINITY;
   for (let i = 1; i < t; i++) {
     const r = n[i] - n[i - 1];
@@ -855,14 +857,14 @@ function un(n, t) {
   }
   return Number.isFinite(e) ? e : 0;
 }
-function hn(n, t) {
+function fn(n, t) {
   return n > 0 ? n : t;
 }
-function dn(n, t, e, i) {
-  const r = n * t, s = r / i;
-  return { offset: -r / 2 + e * s, width: s };
+function mn(n, t, e, i) {
+  const r = n * t, o = r / i;
+  return { offset: -r / 2 + e * o, width: o };
 }
-function fn(n) {
+function pn(n) {
   const t = /* @__PURE__ */ new Map();
   for (const i of n) {
     if (i.kind !== "bar") continue;
@@ -874,13 +876,13 @@ function fn(n) {
     let r = Number.POSITIVE_INFINITY;
     for (const a of i)
       a.step > 0 && a.step < r && (r = a.step);
-    const s = Number.isFinite(r) ? r : 0, o = i[0].fraction;
+    const o = Number.isFinite(r) ? r : 0, s = i[0].fraction;
     i.forEach((a, l) => {
       e.set(a.order, {
         index: l,
         size: i.length,
-        step: s,
-        fraction: o
+        step: o,
+        fraction: s
       });
     });
   }
@@ -888,7 +890,7 @@ function fn(n) {
 }
 const te = {
   version: 0,
-  layout: oe,
+  layout: ae,
   legend: null,
   series: [],
   limits: []
@@ -897,10 +899,10 @@ const te = {
   hover: null,
   tooltip: null,
   xLabel: ""
-}, mn = 4, pn = 60;
+}, yn = 4, gn = 60;
 let vt = 0;
-const yn = new Float64Array(0), gn = new Int32Array(0);
-function Y(n, t) {
+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) {
@@ -909,10 +911,14 @@ function ft(n, t) {
   for (let e = 0; e < n.length; e++) if (n[e] !== t[e]) return !1;
   return !0;
 }
-function bn(n, t) {
-  return n.kind === t.kind && Y(n.accessor, t.accessor) && n.data === t.data && Y(Pt(n), Pt(t)) && Y(Lt(n), Lt(t)) && Y(Ft(n), Ft(t));
+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 ne(n) {
+  return n.kind === "span" ? n.height : void 0;
 }
-function Lt(n) {
+function At(n) {
   return n.kind === "matrix" ? n.value : void 0;
 }
 function Ft(n) {
@@ -933,7 +939,7 @@ function Pt(n) {
       return;
   }
 }
-function xn(n, t) {
+function kn(n, t) {
   if (n.kind !== t.kind) return !1;
   switch (t.kind) {
     case "line": {
@@ -942,7 +948,7 @@ function xn(n, t) {
     }
     case "area": {
       const e = n;
-      return Y(e.baseline, t.baseline) && e.fillOpacity === t.fillOpacity && e.strokeWidth === t.strokeWidth;
+      return z(e.baseline, t.baseline) && e.fillOpacity === t.fillOpacity && e.strokeWidth === t.strokeWidth;
     }
     case "bar":
       return n.barWidth === t.barWidth;
@@ -950,64 +956,64 @@ function xn(n, t) {
       return n.radius === t.radius;
     case "state": {
       const e = n;
-      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && vn(e.states, t.states);
+      return e.laneFrom === t.laneFrom && e.laneTo === t.laneTo && Nn(e.states, t.states);
     }
     case "matrix":
-      return kn(n.coloring, t.coloring);
+      return wn(n.coloring, t.coloring);
     case "span":
       return n.height === t.height;
   }
 }
-function vn(n, t) {
-  var e, i, r, s;
+function Nn(n, t) {
+  var e, i, r, o;
   if (n === t) return !0;
   if (n.length !== t.length) return !1;
-  for (let o = 0; o < n.length; o++)
-    if (((e = n[o]) == null ? void 0 : e.label) !== ((i = t[o]) == null ? void 0 : i.label) || ((r = n[o]) == null ? void 0 : r.color) !== ((s = t[o]) == null ? void 0 : s.color)) 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;
   return !0;
 }
-function kn(n, t) {
+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 Nn(n, t) {
+function In(n, t) {
   return n.kind === "assessment" ? [t.colorOk, t.colorWarning, t.colorAlarm] : n.stops;
 }
-function wn(n, t, e) {
+function Sn(n, t, e) {
   var c, u;
-  const i = n.length, r = new Int32Array(i), s = n.w;
-  if (s === null || e === 0)
+  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 = on(s[h], t.limits);
+      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 o = (c = t.range) == null ? void 0 : c[0], a = (u = t.range) == null ? void 0 : u[1];
-  if (o === void 0 || a === void 0) {
-    o = Number.POSITIVE_INFINITY, a = Number.NEGATIVE_INFINITY;
+  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 = s[h];
-      Number.isFinite(p) && (p < o && (o = p), p > a && (a = p));
+      const p = o[h];
+      Number.isFinite(p) && (p < s && (s = p), p > a && (a = p));
     }
   }
-  const l = a - o;
+  const l = a - s;
   for (let h = 0; h < i; h++) {
-    const p = s[h];
+    const p = o[h];
     if (!Number.isFinite(p)) {
       r[h] = -1;
       continue;
     }
-    const d = l > 0 ? (p - o) / l : 0.5, m = Math.floor(d * e);
+    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 r;
 }
-function In(n, t) {
+function Mn(n, t) {
   return n === t ? !0 : Array.isArray(n) && Array.isArray(t) ? n[0] === t[0] && n[1] === t[1] : !1;
 }
-class ce {
+class he {
   constructor() {
     /* ---------- Registration ---------- */
     g(this, "series", /* @__PURE__ */ new Map());
@@ -1046,7 +1052,7 @@ class ce {
     g(this, "theme", null);
     g(this, "unsubscribeTheme", null);
     /* ---------- Layout and interaction ---------- */
-    g(this, "layout", oe);
+    g(this, "layout", ae);
     g(this, "hysteresis", /* @__PURE__ */ new Map());
     g(this, "hover", null);
     g(this, "hoverKey", "");
@@ -1067,6 +1073,10 @@ class ce {
     g(this, "onPerf", null);
     /* ================= Materialisation (R-2.6, R-2.7) ================= */
     g(this, "sortednessChecked", !1);
+    g(this, "onFontsLoaded", () => {
+      var t;
+      (t = this.measurer) == null || t.clear(), this.markLayoutDirty();
+    });
     g(this, "themeRoot", null);
     g(this, "subscribeLayout", (t) => (this.layoutSubscribers.add(t), () => {
       this.layoutSubscribers.delete(t);
@@ -1119,12 +1129,12 @@ class ce {
   updateSeries(t, e) {
     const i = this.series.get(t);
     if (i === void 0) return;
-    const r = i.config, s = bn(r, e), o = s && r.xAxisId === e.xAxisId && r.yAxisId === e.yAxisId && r.name === e.name && r.color === e.color && r.tone === e.tone && xn(r, e);
+    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 a = this.slotsByName.get(e.name);
       a === void 0 ? this.slotsByName.set(e.name, i.slot) : this.slotTaken(a, i) || (i.slot = a);
     }
-    i.config = e, !o && (s || (i.materialized = null, i.extent = null, i.step = null, i.cellHeight = null, i.depth = null, this.materialsDirty = !0), this.markLayoutDirty());
+    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());
   }
   unregisterSeries(t) {
     this.series.delete(t) && (this.materialsDirty = !0, this.markLayoutDirty());
@@ -1136,9 +1146,9 @@ class ce {
   updateAxis(t, e) {
     const i = this.axes.get(t);
     if (i === void 0) return;
-    const r = i.config, s = Y(r.accessor, e.accessor) && r.calendar === e.calendar, o = s && 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) && In(r.domain, e.domain) && Y(r.tickFormat, e.tickFormat);
-    if (i.config = e, !o) {
-      if (!s || r.id !== e.id) {
+    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) {
         for (const a of this.series.values())
           a.materialized = null, a.extent = null, a.step = null, a.cellHeight = null, a.depth = null;
         this.materialsDirty = !0;
@@ -1182,7 +1192,7 @@ class ce {
   }
   updateTooltip(t) {
     const e = this.tooltip;
-    if (e !== null && e.mode === t.mode && Y(e.render, t.render)) {
+    if (e !== null && e.mode === t.mode && z(e.render, t.render)) {
       this.tooltip = t;
       return;
     }
@@ -1215,41 +1225,41 @@ class ce {
   /* ================= Checks (R-4.12, R-4.13) ================= */
   /** Called from the Chart after the child effects; DEV only. */
   validate() {
-    if (!it) return;
+    if (!rt) return;
     const t = /* @__PURE__ */ new Set();
-    for (const { config: s } of this.axesInOrder()) {
-      const o = `${s.orientation}:${s.id}`, a = s.orientation === "x" ? "XAxis" : "YAxis";
-      ct(
-        !t.has(o),
-        `Two <${a}> with the same id "${s.id}". A second ${a} needs an own id (R-4.12).`
-      ), t.add(o);
+    for (const { config: o } of this.axesInOrder()) {
+      const s = `${o.orientation}:${o.id}`, a = o.orientation === "x" ? "XAxis" : "YAxis";
+      ut(
+        !t.has(s),
+        `Two <${a}> with the same id "${o.id}". A second ${a} needs an own id (R-4.12).`
+      ), t.add(s);
     }
     const e = /* @__PURE__ */ new Set();
-    for (const { config: s } of this.series.values())
-      ct(
-        t.has(`x:${s.xAxisId}`),
-        `Series "${s.name ?? "?"}" refers to the unknown x axis "${s.xAxisId}" (R-4.12).`
-      ), ct(
-        t.has(`y:${s.yAxisId}`),
-        `Series "${s.name ?? "?"}" refers to the unknown y axis "${s.yAxisId}" (R-4.12).`
-      ), e.add(`x:${s.xAxisId}`), e.add(`y:${s.yAxisId}`);
-    for (const s of t)
-      !e.has(s) && this.series.size > 0 && G(
-        `axis-without-series-${s}`,
-        `Axis "${s}" has no bound series; it is drawn with the domain [0, 1] (R-4.13).`
+    for (const { config: o } of this.series.values())
+      ut(
+        t.has(`x:${o.xAxisId}`),
+        `Series "${o.name ?? "?"}" refers to the unknown x axis "${o.xAxisId}" (R-4.12).`
+      ), ut(
+        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 o of t)
+      !e.has(o) && this.series.size > 0 && q(
+        `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();
-    for (const { config: s } of this.seriesInOrder()) {
-      if (s.kind !== "bar") continue;
-      const o = i.get(s.xAxisId);
-      o === void 0 ? i.set(s.xAxisId, s.barWidth) : o !== s.barWidth && G(
-        `bar-width-${s.xAxisId}`,
-        `Bars on the x axis "${s.xAxisId}" give different barWidth. A group shares one width fraction; that of the first (${o}) applies (ADR-0002).`
+    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(
+        `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).`
       );
     }
     let r = 0;
-    for (const s of this.axesInOrder()) s.config.grid === !0 && r++;
-    r > 1 && G(
+    for (const o of this.axesInOrder()) o.config.grid === !0 && r++;
+    r > 1 && q(
       "multiple-grids",
       "More than one axis draws grid. Unaligned grids compete visually; there is no tick alignment between axes in V0 (R-4.15)."
     );
@@ -1267,22 +1277,22 @@ class ce {
         e += i.materialized.length;
         continue;
       }
-      const r = i.config, s = r.data ?? this.data, o = this.findXAxis(r.xAxisId);
-      if (o === null) continue;
-      const a = an(
-        s,
-        o.accessor,
+      const r = i.config, o = r.data ?? this.data, s = this.findXAxis(r.xAxisId);
+      if (s === null) continue;
+      const a = cn(
+        o,
+        s.accessor,
         r.accessor,
         Pt(r),
         {
-          value: Lt(r),
+          value: At(r),
           xEnd: Ft(r),
-          xMap: this.mapFor(o),
-          xGap: this.gapFor(o)
+          xMap: this.mapFor(s),
+          xGap: this.gapFor(s)
         }
       );
       if (i.materialized = a.series, e += a.series.length, r.kind === "bar") {
-        const l = un(a.series.x, a.series.length);
+        const l = dn(a.series.x, a.series.length);
         i.step = l;
         const c = l / 2;
         i.extent = {
@@ -1305,7 +1315,7 @@ class ce {
           yMax: Number.NEGATIVE_INFINITY
         };
       else if (r.kind === "span") {
-        i.depth = ze(
+        i.depth = qe(
           a.series.x,
           a.series.x1 ?? new Float64Array(a.series.length),
           a.series.length,
@@ -1322,10 +1332,10 @@ class ce {
         };
       } else
         i.step = null, i.extent = a.extent;
-      if (!this.sortednessChecked && it) {
+      if (!this.sortednessChecked && rt) {
         this.sortednessChecked = !0;
-        const l = ln(a.series.x, a.series.length);
-        l >= 0 && G(
+        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).`
         );
@@ -1335,17 +1345,20 @@ class ce {
   }
   /* ================= DOM binding, DPR, resize ================= */
   bind(t, e, i, r) {
-    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 Te(r), this.dpr = typeof devicePixelRatio == "number" ? devicePixelRatio : 1, this.rebindDprWatch(), this.unsubscribeTheme = Se(() => {
-      var s;
-      this.theme = null, (s = this.measurer) == null || s.clear(), this.markLayoutDirty();
-    }), this.theme = null, this.markLayoutDirty();
+    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(() => {
+      var a;
+      this.theme = null, (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();
   }
   bindTooltip(t) {
     this.tooltipEl = t;
   }
   unbind() {
-    var t, e, i;
-    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, (i = this.measurer) == null || i.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, 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;
   }
   /** Detect a change of DPR (a change of monitor): rebind matchMedia (R-2.9). */
   rebindDprWatch() {
@@ -1354,17 +1367,17 @@ class ce {
   }
   /** Called by the ResizeObserver; coalesced onto one rAF (R-2.10). */
   requestResize(t, e) {
-    t === this.cssWidth && e === this.cssHeight || (this.pendingWidth = t, this.pendingHeight = e, this.markLayoutDirty());
+    t === (this.pendingWidth ?? this.cssWidth) && e === (this.pendingHeight ?? this.cssHeight) || (this.pendingWidth = t, this.pendingHeight = e, this.markLayoutDirty());
   }
   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: s } = this;
+    const { seriesCanvas: t, overlayCanvas: e, seriesCtx: i, overlayCtx: r, dpr: o } = this;
     if (!t || !e || !i || !r) return;
-    const o = Math.max(0, Math.round(this.cssWidth * s)), a = Math.max(0, Math.round(this.cssHeight * s));
+    const s = 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 = o, l.height = a, l.style.width = `${this.cssWidth}px`, l.style.height = `${this.cssHeight}px`;
-    i.setTransform(s, 0, 0, s, 0, 0), r.setTransform(s, 0, 0, s, 0, 0);
+      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);
   }
   /* ================= Scheduling (R-2.11) ================= */
   markSeriesDirty() {
@@ -1384,11 +1397,15 @@ class ce {
     }));
   }
   frame() {
-    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = Ie(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
+    if (this.applyPendingSize(), this.theme === null && this.themeRoot !== null && (this.theme = Me(this.themeRoot)), this.cssWidth <= 0 || this.cssHeight <= 0) {
       this.layoutDirty && this.pushLayoutSnapshot();
       return;
     }
-    this.materialsDirty && this.materialize(), this.layoutDirty && (this.updateLayout(), this.layoutDirty = !1, this.pushLayoutSnapshot()), this.seriesDirty && (this.drawSeriesLayer(), this.seriesDirty = !1), this.overlayDirty && (this.drawOverlayLayer(), this.overlayDirty = !1);
+    if (this.materialsDirty && this.materialize(), this.layoutDirty && (this.updateLayout(), this.layoutDirty = !1, this.pushLayoutSnapshot(), this.hover !== null)) {
+      const { mouseX: t, mouseY: e } = this.hover;
+      this.hoverKey = "", this.pointerMove(t, e);
+    }
+    this.seriesDirty && (this.drawSeriesLayer(), this.seriesDirty = !1), this.overlayDirty && (this.drawOverlayLayer(), this.overlayDirty = !1);
   }
   /* ================= Layout ================= */
   /** The effective grid default: only the first registered axis per orientation
@@ -1396,9 +1413,9 @@ class ce {
   gridDefault() {
     const t = /* @__PURE__ */ new Map();
     let e = !0, i = !0;
-    for (const [r, s] of [...this.axes.entries()].sort((o, a) => o[1].order - a[1].order)) {
-      const o = s.config.orientation === "x" ? e : i;
-      t.set(r, s.config.grid ?? o), s.config.orientation === "x" ? e = !1 : i = !1;
+    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;
     }
     return t;
   }
@@ -1414,7 +1431,7 @@ class ce {
       yAxisId: r.config.yAxisId,
       extent: r.extent
     }));
-    return cn(t, e, i, this.limitValues(t, e));
+    return hn(t, e, i, this.limitValues(t, e));
   }
   /** The values of the limits that are to pull this axis along. */
   limitValues(t, e) {
@@ -1430,41 +1447,42 @@ class ce {
   mapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (i) => De(i, e);
+      return (i) => Ce(i, e);
   }
   gapFor(t) {
     const e = t.calendar;
     if (!(e === void 0 || e.length === 0))
-      return (i) => $e(i, e);
+      return (i) => Oe(i, e);
   }
   extentFor(t) {
     return this.axisExtent(t.orientation, t.id);
   }
   updateLayout() {
     const t = this.measurer, e = this.gridDefault(), i = [];
-    for (const [r, s] of [...this.axes.entries()].sort((o, a) => o[1].order - a[1].order)) {
-      const o = s.config;
+    for (const [r, o] of [...this.axes.entries()].sort((s, a) => s[1].order - a[1].order)) {
+      const s = o.config;
       i.push({
-        key: `${o.orientation}:${o.id}`,
-        id: o.id,
-        orientation: o.orientation,
-        position: o.position,
-        label: o.label,
+        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(o),
-        domainMode: o.domain,
-        tickCount: o.tickCount,
-        tickFormat: o.tickFormat,
-        tickValues: o.ticks,
-        calendar: o.calendar
+        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
       });
     }
-    this.layout = Be({
+    this.layout = ze({
       width: this.cssWidth,
       height: this.cssHeight,
       padding: this.padding,
       axes: i,
-      measure: (r, s) => t === null ? { width: 0, height: 0 } : t.measure(r, s),
+      measure: (r, o) => t === null ? { width: 0, height: 0 } : t.measure(r, o),
       hysteresis: this.hysteresis
     });
   }
@@ -1475,26 +1493,26 @@ class ce {
   }
   /* ================= Series colours and legend entries ================= */
   colorFor(t, e) {
-    var s;
+    var o;
     if (t.config.color !== void 0) return t.config.color;
     const i = t.config.tone;
     if (i !== void 0) {
-      const o = this.theme ?? W;
-      return i === "alarm" ? o.colorAlarm : i === "warning" ? o.colorWarning : o.colorOk;
+      const s = this.theme ?? O;
+      return i === "alarm" ? s.colorAlarm : i === "warning" ? s.colorWarning : s.colorOk;
     }
-    const r = ((s = this.theme) == null ? void 0 : s.series) ?? W.series;
-    return r[this.paletteSlot(t, e) % Math.max(1, r.length)] ?? W.series[0] ?? "#2563eb";
+    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 && G(
+    return t.config.name !== void 0 ? t.slot : (t.lastSlot !== null && t.lastSlot !== e && q(
       "series-without-name-colour",
       "a series without a name has changed its colour, because a series before it went away - with `name` it keeps it."
     ), t.lastSlot = e, e);
   }
   nameFor(t, e) {
-    return t.config.name !== void 0 ? t.config.name : (G(
+    return t.config.name !== void 0 ? t.config.name : (q(
       "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}`);
@@ -1502,14 +1520,14 @@ class ce {
   legendItems() {
     const t = [], e = /* @__PURE__ */ new Set();
     return this.seriesInOrder().forEach((i, r) => {
-      const s = i.config;
-      if (s.kind === "state") {
-        s.states.forEach((o, a) => {
-          const l = `${o.label}\0${o.color}`;
+      const o = i.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: o.label,
-            color: o.color,
+            name: s.label,
+            color: s.color,
             seriesId: i.order
           }));
         });
@@ -1540,28 +1558,28 @@ class ce {
     }
   }
   limitItems(t) {
-    const e = this.theme ?? W, i = [];
+    const e = this.theme ?? O, i = [];
     for (const { config: r } of this.limitsInOrder()) {
       if (r.kind === "band" !== t) continue;
-      const s = this.findAxis(r.orientation, r.axisId);
-      if (s === null) continue;
-      const o = this.limitColor(r, e), a = this.limitDash(r);
+      const o = this.findAxis(r.orientation, r.axisId);
+      if (o === null) continue;
+      const s = this.limitColor(r, e), a = this.limitDash(r);
       if (r.kind === "band")
         i.push({
           orientation: r.orientation,
-          fromPx: s.scale.toPx(r.from),
-          toPx: s.scale.toPx(r.to),
-          color: o,
+          fromPx: o.scale.toPx(r.from),
+          toPx: o.scale.toPx(r.to),
+          color: s,
           band: !0,
           dash: a
         });
       else {
-        const l = s.scale.toPx(r.value);
+        const l = o.scale.toPx(r.value);
         i.push({
           orientation: r.orientation,
           fromPx: l,
           toPx: l,
-          color: o,
+          color: s,
           band: !1,
           dash: a
         });
@@ -1576,11 +1594,11 @@ class ce {
       if (i.label === void 0 || i.label === "") continue;
       const r = this.findAxis(i.orientation, i.axisId);
       if (r === null) continue;
-      const s = i.kind === "line" ? i.value : (i.from + i.to) / 2;
+      const o = i.kind === "line" ? i.value : (i.from + i.to) / 2;
       t.push({
         id: e,
         axisKey: r.key,
-        px: r.scale.toPx(s),
+        px: r.scale.toPx(o),
         label: i.label,
         severity: i.severity,
         role: i.role
@@ -1590,7 +1608,7 @@ class ce {
   }
   /* ================= Drawing ================= */
   drawItems() {
-    const t = [], e = this.seriesInOrder(), i = fn(
+    const t = [], e = this.seriesInOrder(), i = pn(
       e.map((r) => ({
         order: r.order,
         kind: r.config.kind,
@@ -1599,18 +1617,18 @@ class ce {
         fraction: r.config.kind === "bar" ? r.config.barWidth : 0
       }))
     );
-    return e.forEach((r, s) => {
-      const o = r.materialized;
-      if (o === null) return;
+    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: o.x,
-        y: o.y,
-        length: o.length,
+        x: s.x,
+        y: s.y,
+        length: s.length,
         xScale: a.scale,
         yScale: l.scale,
-        color: this.colorFor(r, s),
+        color: this.colorFor(r, o),
         alpha: c ? 0.25 : 1
       }, h = r.config;
       switch (h.kind) {
@@ -1620,14 +1638,14 @@ class ce {
             kind: "line",
             strokeWidth: h.strokeWidth,
             dash: h.dash,
-            marker: h.markers === "always" || h.markers === "auto" && o.length <= pn
+            marker: h.markers === "always" || h.markers === "auto" && s.length <= gn
           });
           break;
         case "area":
           t.push({
             ...u,
             kind: "area",
-            y0: o.y0,
+            y0: s.y0,
             baseline: 0,
             fillOpacity: h.fillOpacity,
             strokeWidth: h.strokeWidth
@@ -1639,8 +1657,8 @@ class ce {
             size: 1,
             step: r.step ?? 0,
             fraction: h.barWidth
-          }, d = a.scale.domain, m = dn(
-            hn(p.step, d[1] - d[0]),
+          }, d = a.scale.domain, m = mn(
+            fn(p.step, d[1] - d[0]),
             p.fraction,
             p.index,
             p.size
@@ -1670,17 +1688,17 @@ class ce {
           break;
         }
         case "matrix": {
-          const p = Nn(h.coloring, this.theme ?? W);
+          const p = In(h.coloring, this.theme ?? O);
           t.push({
             ...u,
             kind: "matrix",
-            buckets: wn(o, h.coloring, p.length),
+            buckets: Sn(s, h.coloring, p.length),
             colors: p,
-            width: lt(
+            width: ct(
               r.step ?? 0,
               a.scale.domain[1] - a.scale.domain[0]
             ),
-            height: lt(
+            height: ct(
               r.cellHeight ?? 0,
               l.scale.domain[1] - l.scale.domain[0]
             )
@@ -1691,11 +1709,11 @@ class ce {
           t.push({
             ...u,
             kind: "span",
-            x1: o.x1 ?? yn,
+            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 ?? gn,
+            depth: r.depth ?? xn,
             height: h.height ?? 0.6,
             domainEnd: a.scale.domain[1]
           });
@@ -1708,15 +1726,15 @@ class ce {
       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]), s = e.scale.toPx(t.laneTo ?? i[1]);
-    return { top: Math.min(r, s), bottom: Math.max(r, s) };
+    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) };
   }
   drawSeriesLayer() {
     var r;
     const t = this.seriesCtx, e = this.theme;
     if (!t || !e) return;
     const i = typeof performance > "u" ? 0 : performance.now();
-    tn(t, {
+    nn(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -1729,7 +1747,7 @@ class ce {
   }
   drawOverlayLayer() {
     const t = this.overlayCtx, e = this.theme;
-    !t || !e || (en(t, {
+    !t || !e || (rn(t, {
       width: this.cssWidth,
       height: this.cssHeight,
       plot: this.layout.plot,
@@ -1768,35 +1786,35 @@ class ce {
     if (this.seriesInOrder().forEach((f, b) => {
       const k = f.materialized;
       if (k === null || k.length === 0) return;
-      const N = f.config, w = this.findAxis("x", N.xAxisId), L = this.findAxis("y", N.yAxisId);
-      if (w === null || L === null) return;
-      const F = w.scale.fromPx(t), P = L.scale.fromPx(e), S = this.hitIn(f, k, w, L, e, F, P);
-      S !== null && r.push({
+      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: S.index,
-        color: S.color ?? this.colorFor(f, b),
+        index: N.index,
+        color: N.color ?? this.colorFor(f, b),
         name: this.nameFor(f, b),
-        px: S.px,
-        py: S.py,
-        xValue: S.xValue,
-        yValue: S.yValue,
-        marked: S.marked,
-        areal: S.areal,
-        value: S.value,
-        segment: S.segment
+        px: N.px,
+        py: N.py,
+        xValue: N.xValue,
+        yValue: N.yValue,
+        marked: N.marked,
+        areal: N.areal,
+        value: N.value,
+        segment: N.segment
       });
     }), r.length === 0) return null;
-    const s = r.filter((f) => !f.areal), o = s.length > 0 ? s : r;
-    let a = o[0];
+    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, N = b.areal ? 0 : b.py - e, w = k * k + N * N;
-        w < f && (f = w, a = b);
+        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);
       }
     } else {
       let f = Number.POSITIVE_INFINITY;
-      for (const b of o) {
+      for (const b of s) {
         const k = Math.abs(b.px - t);
         k < f && (f = k, a = b);
       }
@@ -1805,7 +1823,7 @@ class ce {
       // 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) <= mn
+      (f) => f.areal || Math.abs(f.px - a.px) <= yn
     ), c = l.map((f) => ({
       seriesName: f.name,
       color: f.color,
@@ -1833,16 +1851,16 @@ class ce {
         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, s, o, a) {
+  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 (s < d.top || s > d.bottom) return null;
-      const m = Ye(e.x, c, o);
+      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];
       if (Number.isNaN(y)) return null;
-      const f = e.x[m], b = ae(e.x, c, m, i.scale.domain[1]), k = l.states[y | 0];
+      const f = e.x[m], b = le(e.x, c, m, i.scale.domain[1]), k = l.states[y | 0];
       return {
         index: m,
         px: i.scale.toPx(f),
@@ -1858,18 +1876,22 @@ class ce {
     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 = Ge(
+      const m = i.scale.domain[1], y = l.height ?? 0.6, f = Ke(
         e.x,
         d,
         e.y,
         c,
-        o,
+        s,
         a,
         y,
-        m
+        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], N = d[f];
+      const b = e.x[f], k = e.y[f], w = d[f];
       return {
         index: f,
         px: i.scale.toPx(b),
@@ -1880,21 +1902,21 @@ class ce {
         areal: !0,
         segment: {
           from: b,
-          to: rt(N, m),
+          to: ot(w, m),
           label: "",
-          open: le(N)
+          open: ue(w)
         }
       };
     }
     if (l.kind === "matrix") {
-      const d = rn(
+      const d = sn(
         e.x,
         e.y,
         c,
-        o,
+        s,
         a,
-        lt(t.step ?? 0, i.scale.domain[1] - i.scale.domain[0]),
-        lt(t.cellHeight ?? 0, r.scale.domain[1] - r.scale.domain[0])
+        ct(t.step ?? 0, i.scale.domain[1] - i.scale.domain[0]),
+        ct(t.cellHeight ?? 0, r.scale.domain[1] - r.scale.domain[0])
       );
       if (d < 0) return null;
       const m = e.w, y = m === null ? Number.NaN : m[d];
@@ -1914,7 +1936,7 @@ class ce {
         areal: !0
       };
     }
-    const u = nn(e.x, c, o);
+    const u = on(e.x, c, s);
     if (u < 0) return null;
     const h = e.y[u];
     if (Number.isNaN(h)) return null;
@@ -1940,10 +1962,10 @@ class ce {
       return;
     }
     const i = t.offsetWidth, r = t.offsetHeight;
-    let s = e.hit.xPx + 12;
-    s + i > this.cssWidth && (s = e.hit.xPx - 12 - i), s < 0 && (s = 0);
-    let o = e.mouseY - r / 2;
-    o = Math.min(Math.max(o, 0), Math.max(0, this.cssHeight - r)), t.style.transform = `translate3d(${Math.round(s)}px, ${Math.round(o)}px, 0)`, t.style.opacity = "1";
+    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";
   }
   /* ================= Snapshots for the HTML layer ================= */
   pushLayoutSnapshot() {
@@ -1968,92 +1990,92 @@ class ce {
 }
 /** Class name of the measuring span for tick labels - keeps the CSS and the
     layout in step. */
-g(ce, "classTick", ut);
-const ue = be(null);
-function Q(n) {
-  const t = xe(ue);
-  if (t === null && it)
+g(he, "classTick", it);
+const de = ve(null);
+function tt(n) {
+  const t = ke(de);
+  if (t === null && rt)
     throw new Error(
       `@umriss-ui/charts: <${n}> must be used inside a <Chart>.`
     );
   return t;
 }
-function Z(n, t) {
-  const e = Q(n), i = X(null);
-  D(() => {
+function j(n, t) {
+  const e = tt(n), i = Z(null);
+  $(() => {
     if (e !== null)
       return i.current = e.registerSeries(t), () => {
         i.current !== null && e.unregisterSeries(i.current), i.current = null;
       };
-  }, [e]), D(() => {
+  }, [e]), $(() => {
     e !== null && i.current !== null && e.updateSeries(i.current, t);
   });
 }
-function he(n, t) {
-  const e = Q(n), i = X(null);
-  D(() => {
+function fe(n, t) {
+  const e = tt(n), i = Z(null);
+  $(() => {
     if (e !== null)
       return i.current = e.registerAxis(t), () => {
         i.current !== null && e.unregisterAxis(i.current), i.current = null;
       };
-  }, [e]), D(() => {
+  }, [e]), $(() => {
     e !== null && i.current !== null && e.updateAxis(i.current, t);
   });
 }
-function de(n, t) {
-  const e = Q(n), i = X(null);
-  D(() => {
+function me(n, t) {
+  const e = tt(n), i = Z(null);
+  $(() => {
     if (e !== null)
       return i.current = e.registerLimit(t), () => {
         i.current !== null && e.unregisterLimit(i.current), i.current = null;
       };
-  }, [e]), D(() => {
+  }, [e]), $(() => {
     e !== null && i.current !== null && e.updateLimit(i.current, t);
   });
 }
-function Sn(n, t) {
-  const e = Q(n);
-  D(() => {
+function Ln(n, t) {
+  const e = tt(n);
+  $(() => {
     if (e !== null)
       return e.registerLegend(t), () => e.unregisterLegend();
-  }, [e]), D(() => {
+  }, [e]), $(() => {
     e == null || e.updateLegend(t);
   });
 }
-function Mn(n, t) {
-  const e = Q(n);
-  D(() => {
+function Tn(n, t) {
+  const e = tt(n);
+  $(() => {
     if (e !== null)
       return e.registerTooltip(t), () => e.unregisterTooltip();
-  }, [e]), D(() => {
+  }, [e]), $(() => {
     e == null || e.updateTooltip(t);
   });
 }
-function Tn(n, t) {
-  const { band: e, position: i, orientation: r } = n, s = {
+function An(n, t) {
+  const { band: e, position: i, orientation: r } = n, o = {
     left: `${e.x}px`,
     top: `${e.y}px`,
     width: `${e.width}px`,
     height: `${e.height}px`
-  }, o = Tt + At;
+  }, s = Lt + Tt;
   return /* @__PURE__ */ _(
     "div",
     {
       className: `uc-axis uc-axis-${r} uc-axis-${i}`,
-      style: s,
+      style: o,
       "data-axis": n.id,
       children: [
-        /* @__PURE__ */ I("span", { className: "uc-axis-line" }),
+        /* @__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__ */ I("span", { className: "uc-tick-mark" }),
-              /* @__PURE__ */ I(
+              /* @__PURE__ */ S("span", { className: "uc-tick-mark" }),
+              /* @__PURE__ */ S(
                 "span",
                 {
                   className: "uc-tick-label",
-                  style: { [i === "left" ? "right" : "left"]: `${o}px` },
+                  style: { [i === "left" ? "right" : "left"]: `${s}px` },
                   children: a.label
                 }
               )
@@ -2061,21 +2083,21 @@ function Tn(n, t) {
           }
           const l = Math.round(a.px - e.x);
           return /* @__PURE__ */ _("span", { className: "uc-tick", style: { left: `${l}px` }, children: [
-            /* @__PURE__ */ I("span", { className: "uc-tick-mark" }),
-            /* @__PURE__ */ I(
+            /* @__PURE__ */ S("span", { className: "uc-tick-mark" }),
+            /* @__PURE__ */ S(
               "span",
               {
                 className: "uc-tick-label",
                 style: {
                   left: `${Math.round(a.labelLeft - e.x) - l}px`,
-                  [i === "top" ? "bottom" : "top"]: `${o}px`
+                  [i === "top" ? "bottom" : "top"]: `${s}px`
                 },
                 children: a.label
               }
             )
           ] }, a.value);
         }),
-        n.breaks.map((a, l) => /* @__PURE__ */ I(
+        n.breaks.map((a, l) => /* @__PURE__ */ S(
           "span",
           {
             className: "uc-break",
@@ -2085,7 +2107,7 @@ function Tn(n, t) {
           `break-${l}`
         )),
         t.map(
-          (a) => r === "y" ? /* @__PURE__ */ I(
+          (a) => r === "y" ? /* @__PURE__ */ S(
             "span",
             {
               className: "uc-limit-label",
@@ -2095,7 +2117,7 @@ function Tn(n, t) {
               children: a.label
             },
             `limit-${a.id}`
-          ) : /* @__PURE__ */ I(
+          ) : /* @__PURE__ */ S(
             "span",
             {
               className: "uc-limit-label",
@@ -2103,123 +2125,127 @@ function Tn(n, t) {
               "data-role": a.role,
               style: {
                 left: `${Math.round(a.px - e.x)}px`,
-                [i === "top" ? "bottom" : "top"]: `${o}px`
+                [i === "top" ? "bottom" : "top"]: `${s}px`
               },
               children: a.label
             },
             `limit-${a.id}`
           )
         ),
-        n.label !== void 0 && n.label !== "" && /* @__PURE__ */ I("span", { className: "uc-axis-title", children: n.label })
+        n.label !== void 0 && n.label !== "" && /* @__PURE__ */ S("span", { className: "uc-axis-title", children: n.label })
       ]
     },
     n.key
   );
 }
-function An({ scene: n }) {
+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__ */ I("div", { className: "uc-axes", children: e.axes.map(
-    (i) => Tn(
+  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 Ln(n) {
+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 Fn({ scene: n }) {
+function En({ scene: n }) {
   const t = Et(
     n.subscribeHover,
     n.getHoverSnapshot,
     n.getHoverServerSnapshot
-  ), e = ve(
+  ), e = Ne(
     (r) => {
       n.bindTooltip(r);
     },
     [n]
   );
-  if (D(() => {
+  if ($(() => {
     n.markOverlayDirty();
   }, [n, t.version]), t.tooltip === null) return null;
   const i = t.hover;
-  return /* @__PURE__ */ I("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__ */ I("div", { className: "uc-tooltip-head", children: t.xLabel }),
-    /* @__PURE__ */ I("div", { className: "uc-tooltip-list", children: i.hit.points.map((r) => /* @__PURE__ */ _("div", { className: "uc-tooltip-row", children: [
-      /* @__PURE__ */ I("span", { className: "uc-tooltip-chip", style: { background: r.color } }),
-      /* @__PURE__ */ I("span", { className: "uc-tooltip-name", children: r.seriesName }),
-      /* @__PURE__ */ I("span", { className: "uc-tooltip-value", children: Ln(r) })
+  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}`)) })
   ] }) });
 }
-function Jn(n) {
+function ti(n) {
   const {
     data: t,
     width: e = "100%",
     height: i = 300,
     padding: r = 8,
-    ariaLabel: s,
-    className: o,
+    ariaLabel: o,
+    className: s,
     style: a,
     onPerf: l,
     children: c
-  } = n, [u] = ke(() => new ce()), h = X(null), p = X(null), d = X(null), m = X(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), N = f ?? (y == null ? void 0 : y.bottom), w = f ?? (y == null ? void 0 : y.left), L = E(
+  } = 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(
     () => ({
       top: b ?? 8,
       right: k ?? 8,
-      bottom: N ?? 8,
-      left: w ?? 8
+      bottom: w ?? 8,
+      left: I ?? 8
     }),
-    [b, k, N, w]
+    [b, k, w, I]
   );
-  s === void 0 && G(
+  o === void 0 && q(
     "chart-arialabel",
     "Chart without ariaLabel - please set a meaningful description (R-7.6)."
-  ), D(() => {
-    const S = h.current, H = p.current, R = d.current, v = m.current;
-    if (!S || !H || !R || !v) return;
-    u.bind(H, R, v, S);
+  ), $(() => {
+    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(($) => {
-      var C;
-      const T = $[$.length - 1];
-      if (T === void 0) return;
-      const O = (C = T.contentBoxSize) == null ? void 0 : C[0];
-      O !== void 0 ? u.requestResize(O.inlineSize, O.blockSize) : u.requestResize(T.contentRect.width, T.contentRect.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);
     });
     x.observe(H);
-    const A = () => u.pointerLeave();
-    return window.addEventListener("blur", A), () => {
-      window.removeEventListener("blur", A), x.disconnect(), u.unbind();
+    const T = () => u.pointerLeave();
+    window.addEventListener("blur", T);
+    const C = (L) => {
+      H.contains(L.target) || u.pointerLeave();
     };
-  }, [u]), D(() => {
+    return document.addEventListener("pointerdown", C), () => {
+      window.removeEventListener("blur", T), document.removeEventListener("pointerdown", C), x.disconnect(), u.unbind();
+    };
+  }, [u]), $(() => {
     u.setData(t);
-  }, [u, t]), D(() => {
-    u.setPadding(L);
-  }, [u, L]), D(() => {
+  }, [u, t]), $(() => {
+    u.setPadding(A);
+  }, [u, A]), $(() => {
     u.setOnPerf(l ?? null);
-  }, [u, l]), D(() => {
+  }, [u, l]), $(() => {
     u.validate();
   });
   const F = {
     width: e === "100%" ? "100%" : `${e}px`,
     height: `${i}px`,
     ...a
-  }, P = (S) => {
-    u.pointerMove(S.nativeEvent.offsetX, S.nativeEvent.offsetY);
+  }, P = (N) => {
+    u.pointerMove(N.nativeEvent.offsetX, N.nativeEvent.offsetY);
   };
-  return /* @__PURE__ */ I(ue.Provider, { value: u, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ S(de.Provider, { value: u, children: /* @__PURE__ */ _(
     "div",
     {
       ref: h,
-      className: o ? `uc-root ${o}` : "uc-root",
+      className: s ? `uc-root ${s}` : "uc-root",
       style: F,
       children: [
         /* @__PURE__ */ _(
@@ -2228,14 +2254,17 @@ function Jn(n) {
             ref: p,
             className: "uc-plot",
             role: "img",
-            "aria-label": s,
+            "aria-label": o,
             onPointerMove: P,
-            onPointerLeave: () => u.pointerLeave(),
+            onPointerDown: P,
+            onPointerLeave: (N) => {
+              N.pointerType !== "touch" && u.pointerLeave();
+            },
             children: [
-              /* @__PURE__ */ I("canvas", { ref: d, className: "uc-layer-series", "aria-hidden": "true" }),
-              /* @__PURE__ */ I("canvas", { ref: m, className: "uc-layer-overlay", "aria-hidden": "true" }),
-              /* @__PURE__ */ I(An, { scene: u }),
-              /* @__PURE__ */ I(Fn, { scene: u })
+              /* @__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 })
             ]
           }
         ),
@@ -2244,14 +2273,14 @@ function Jn(n) {
     }
   ) });
 }
-function Qn(n) {
+function ei(n) {
   const {
     accessor: t,
     baseline: e,
     xAxisId: i = "x",
     yAxisId: r = "y",
-    data: s,
-    name: o,
+    data: o,
+    name: s,
     color: a,
     fillOpacity: l = 0.18,
     strokeWidth: c = 1.5
@@ -2262,24 +2291,24 @@ function Qn(n) {
       baseline: e,
       xAxisId: i,
       yAxisId: r,
-      data: s,
-      name: o,
+      data: o,
+      name: s,
       color: a,
       fillOpacity: l,
       strokeWidth: c
     }),
-    [t, e, i, r, s, o, a, l, c]
+    [t, e, i, r, o, s, a, l, c]
   );
-  return Z("Area", u), null;
+  return j("Area", u), null;
 }
-function ti(n) {
+function ni(n) {
   const {
     accessor: t,
     xAxisId: e = "x",
     yAxisId: i = "y",
     data: r,
-    name: s,
-    color: o,
+    name: o,
+    color: s,
     barWidth: a = 0.8
   } = n, l = E(
     () => ({
@@ -2288,22 +2317,22 @@ function ti(n) {
       xAxisId: e,
       yAxisId: i,
       data: r,
-      name: s,
-      color: o,
+      name: o,
+      color: s,
       barWidth: a
     }),
-    [t, e, i, r, s, o, a]
+    [t, e, i, r, o, s, a]
   );
-  return Z("Bar", l), null;
+  return j("Bar", l), null;
 }
-function Pn(n) {
+function Dn(n) {
   const {
     accessor: t,
     xAxisId: e = "x",
     yAxisId: i = "y",
     data: r,
-    name: s,
-    color: o,
+    name: o,
+    color: s,
     tone: a,
     strokeWidth: l = 1.5,
     dash: c,
@@ -2315,25 +2344,25 @@ function Pn(n) {
       xAxisId: e,
       yAxisId: i,
       data: r,
-      name: s,
-      color: o,
+      name: o,
+      color: s,
       tone: a,
       strokeWidth: l,
       dash: c,
       markers: u
     }),
-    [t, e, i, r, s, o, a, l, c, u]
+    [t, e, i, r, o, s, a, l, c, u]
   );
-  return Z("Line", h), null;
+  return j("Line", h), null;
 }
-function En(n) {
+function $n(n) {
   const {
     accessor: t,
     xAxisId: e = "x",
     yAxisId: i = "y",
     data: r,
-    name: s,
-    color: o,
+    name: o,
+    color: s,
     tone: a,
     radius: l = 3
   } = n, c = E(
@@ -2343,23 +2372,23 @@ function En(n) {
       xAxisId: e,
       yAxisId: i,
       data: r,
-      name: s,
-      color: o,
+      name: o,
+      color: s,
       tone: a,
       radius: l
     }),
-    [t, e, i, r, s, o, a, l]
+    [t, e, i, r, o, s, a, l]
   );
-  return Z("Scatter", c), null;
+  return j("Scatter", c), null;
 }
-function ei(n) {
+function ii(n) {
   const {
     accessor: t,
     states: e,
     xAxisId: i = "x",
     yAxisId: r = "y",
-    data: s,
-    name: o,
+    data: o,
+    name: s,
     laneFrom: a,
     laneTo: l
   } = n, c = E(
@@ -2369,16 +2398,16 @@ function ei(n) {
       states: e,
       xAxisId: i,
       yAxisId: r,
-      data: s,
-      name: o,
+      data: o,
+      name: s,
       laneFrom: a,
       laneTo: l
     }),
-    [t, e, i, r, s, o, a, l]
+    [t, e, i, r, o, s, a, l]
   );
-  return Z("StateBand", c), null;
+  return j("StateBand", c), null;
 }
-const Dn = [
+const Cn = [
   "#eef2ff",
   "#c7d2fe",
   "#a5b4fc",
@@ -2387,17 +2416,17 @@ const Dn = [
   "#4f46e5",
   "#4338ca"
 ];
-function ni(n) {
+function ri(n) {
   const {
     accessor: t,
     value: e,
     coloring: i,
     xAxisId: r = "x",
-    yAxisId: s = "y",
-    data: o,
+    yAxisId: o = "y",
+    data: s,
     name: a
   } = n, l = E(
-    () => i ?? { kind: "gradient", stops: Dn },
+    () => i ?? { kind: "gradient", stops: Cn },
     [i]
   ), c = E(
     () => ({
@@ -2406,22 +2435,22 @@ function ni(n) {
       value: e,
       coloring: l,
       xAxisId: r,
-      yAxisId: s,
-      data: o,
+      yAxisId: o,
+      data: s,
       name: a
     }),
-    [t, e, l, r, s, o, a]
+    [t, e, l, r, o, s, a]
   );
-  return Z("Matrix", c), null;
+  return j("Matrix", c), null;
 }
-function ii(n) {
+function oi(n) {
   const {
     accessor: t,
     to: e,
     xAxisId: i = "x",
     yAxisId: r = "y",
-    data: s,
-    name: o,
+    data: o,
+    name: s,
     color: a,
     height: l = 0.6
   } = n, c = E(
@@ -2431,14 +2460,14 @@ function ii(n) {
       to: e,
       xAxisId: i,
       yAxisId: r,
-      data: s,
-      name: o,
+      data: o,
+      name: s,
       color: a,
       height: l
     }),
-    [t, e, i, r, s, o, a, l]
+    [t, e, i, r, o, s, a, l]
   );
-  return Z("Span", c), null;
+  return j("Span", c), null;
 }
 function nt(n) {
   const {
@@ -2446,8 +2475,8 @@ function nt(n) {
     axisId: e = "y",
     orientation: i = "y",
     severity: r = "alarm",
-    label: s,
-    color: o,
+    label: o,
+    color: s,
     inExtent: a = !0,
     role: l = "specification"
   } = n, c = E(
@@ -2458,22 +2487,22 @@ function nt(n) {
       orientation: i,
       severity: r,
       role: l,
-      label: s,
-      color: o,
+      label: o,
+      color: s,
       inExtent: a
     }),
-    [t, e, i, r, l, s, o, a]
+    [t, e, i, r, l, o, s, a]
   );
-  return de("LimitLine", c), null;
+  return me("LimitLine", c), null;
 }
-function ri(n) {
+function si(n) {
   const {
     from: t,
     to: e,
     axisId: i = "y",
     orientation: r = "y",
-    severity: s = "warning",
-    label: o,
+    severity: o = "warning",
+    label: s,
     color: a,
     inExtent: l = !0,
     role: c = "specification"
@@ -2484,17 +2513,17 @@ function ri(n) {
       to: e,
       axisId: i,
       orientation: r,
-      severity: s,
+      severity: o,
       role: c,
-      label: o,
+      label: s,
       color: a,
       inExtent: l
     }),
-    [t, e, i, r, s, c, o, a, l]
+    [t, e, i, r, o, c, s, a, l]
   );
-  return de("LimitBand", u), null;
+  return me("LimitBand", u), null;
 }
-const $n = 1.128;
+const On = 1.128;
 function kt(n, t) {
   return {
     center: n,
@@ -2503,44 +2532,44 @@ function kt(n, t) {
     lower: n - 3 * t
   };
 }
-function si(n, t) {
+function ai(n, t) {
   return (t - n) / 3;
 }
-function Cn(n, t) {
+function Wn(n, 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, s = 0, o = 0, a = 0, l = Number.NaN;
+  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)) {
       l = Number.NaN;
       continue;
     }
-    r += h, s++, Number.isFinite(l) && (o += Math.abs(h - l), a++), l = h;
+    r += h, o++, Number.isFinite(l) && (s += Math.abs(h - l), a++), l = h;
   }
-  if (s === 0) return kt(Number.NaN, Number.NaN);
-  const c = a === 0 ? 0 : o / a / $n;
-  return kt(r / s, c);
+  if (o === 0) return kt(Number.NaN, Number.NaN);
+  const c = a === 0 ? 0 : s / a / On;
+  return kt(r / o, c);
 }
-function Wn(n, t = [1, 2]) {
+function Hn(n, t = [1, 2]) {
   return t.map((e) => ({
     k: e,
     upper: n.center + e * n.sigma,
     lower: n.center - e * n.sigma
   }));
 }
-function On(n, t) {
+function Rn(n, t) {
   return Number.isFinite(n) ? n > t ? 1 : n < t ? -1 : 0 : 0;
 }
-function fe(n, t) {
+function pe(n, t) {
   const e = [];
   if (t < 1) return e;
   let i = 0;
   for (let r = 1; r <= n.length; r++) {
-    const s = r < n.length ? n[r] : Number.NaN, o = n[i];
-    if (s !== o) {
-      if (o !== 0 && r - i >= t)
+    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;
     }
@@ -2555,7 +2584,7 @@ const $t = {
   runLength: 9,
   trendLength: 6
 };
-function Hn(n, t) {
+function Vn(n, t) {
   const e = [];
   for (let i = 0; i < n.length; i++) {
     const r = n[i];
@@ -2563,52 +2592,52 @@ function Hn(n, t) {
   }
   return e;
 }
-function Rn(n, t, e = $t.runLength) {
-  return fe(
-    n.map((i) => On(i, t.center)),
+function _n(n, t, e = $t.runLength) {
+  return pe(
+    n.map((i) => Rn(i, t.center)),
     e
   );
 }
-function Vn(n, t = $t.trendLength) {
+function Bn(n, t = $t.trendLength) {
   const e = [];
   for (let r = 1; r < n.length; r++) {
-    const s = n[r - 1], o = n[r];
-    e.push(Number.isFinite(s) && Number.isFinite(o) ? Math.sign(o - s) : 0);
+    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 fe(e, Math.max(1, t - 1)))
+  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 _n(n, t) {
+function Yn(n, t) {
   const e = t.center + 2 * t.sigma, i = t.center - 2 * t.sigma, r = /* @__PURE__ */ new Set();
-  for (let s = 0; s + 2 < n.length; s++)
-    for (const o of [
-      [s, s + 1, s + 2].filter((a) => n[a] > e),
-      [s, s + 1, s + 2].filter((a) => n[a] < i)
+  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)
     ])
-      if (o.length >= 2) for (const a of o) r.add(a);
-  return [...r].sort((s, o) => s - o);
+      if (s.length >= 2) for (const a of s) r.add(a);
+  return [...r].sort((o, s) => o - s);
 }
-function Bn(n, t, e = {}) {
-  const i = { ...$t, ...e }, r = [], s = (o, a) => {
-    a.length > 0 && r.push({ rule: o, indices: a });
+function zn(n, t, e = {}) {
+  const i = { ...$t, ...e }, r = [], o = (s, a) => {
+    a.length > 0 && r.push({ rule: s, indices: a });
   };
-  return i.outlier && s("outlier", Hn(n, t)), i.run && s("run", Rn(n, t, i.runLength)), i.trend && s("trend", Vn(n, i.trendLength)), i.twoOfThree && s("twoOfThree", _n(n, t)), r;
+  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;
 }
-function Yn(n) {
+function Gn(n) {
   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);
 }
-function oi(n) {
+function li(n) {
   const {
     accessor: t,
     data: e,
     origin: i,
     xAxisId: r = "x",
-    yAxisId: s = "y",
-    name: o,
+    yAxisId: o = "y",
+    name: s,
     color: a,
     rules: l,
     zoneLines: c = !0,
@@ -2619,61 +2648,61 @@ function oi(n) {
   } = n, m = E(() => {
     const F = [];
     for (let P = 0; P < e.length; P++) {
-      const S = t(e[P], P);
-      F.push(S ?? Number.NaN);
+      const N = t(e[P], P);
+      F.push(N ?? Number.NaN);
     }
     return F;
-  }, [e, t]), y = E(() => Cn(m, i), [m, i]), f = E(
-    () => Bn(m, y, l ?? {}),
+  }, [e, t]), y = E(() => Wn(m, i), [m, i]), f = E(
+    () => zn(m, y, l ?? {}),
     [m, y, l]
-  ), b = E(() => new Set(Yn(f)), [f]);
-  D(() => {
+  ), 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]
-  ), N = E(
+  ), w = E(
     () => b.size === 0 ? e : e.slice(),
     [e, b]
-  ), w = E(
-    () => c ? Wn(y, [1, 2]) : [],
+  ), I = E(
+    () => c ? Hn(y, [1, 2]) : [],
     [c, y]
-  ), L = Number.isFinite(y.center);
+  ), A = Number.isFinite(y.center);
   return /* @__PURE__ */ _(Nt, { children: [
-    /* @__PURE__ */ I(Pn, { accessor: t, data: e, xAxisId: r, yAxisId: s, name: o, color: a }),
-    L && /* @__PURE__ */ _(Nt, { children: [
-      w.map((F) => /* @__PURE__ */ I(
+    /* @__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,
         {
           value: F.upper,
-          axisId: s,
+          axisId: o,
           role: "zone",
           inExtent: !1
         },
         `zone-${F.k}-upper`
       )),
-      w.map((F) => /* @__PURE__ */ I(
+      I.map((F) => /* @__PURE__ */ S(
         nt,
         {
           value: F.lower,
-          axisId: s,
+          axisId: o,
           role: "zone",
           inExtent: !1
         },
         `zone-${F.k}-lower`
       )),
-      /* @__PURE__ */ I(nt, { value: y.center, axisId: s, role: "control" }),
-      /* @__PURE__ */ I(nt, { value: y.upper, axisId: s, role: "control", label: u }),
-      /* @__PURE__ */ I(nt, { value: y.lower, axisId: s, role: "control", label: h })
+      /* @__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(
-      En,
+    /* @__PURE__ */ S(
+      $n,
       {
         accessor: k,
-        data: N,
+        data: w,
         xAxisId: r,
-        yAxisId: s,
+        yAxisId: o,
         name: p,
         tone: "alarm",
         radius: 4
@@ -2681,14 +2710,14 @@ function oi(n) {
     )
   ] });
 }
-function ai(n) {
+function ci(n) {
   const {
     id: t = "x",
     position: e = "bottom",
     accessor: i,
     label: r,
-    tickCount: s,
-    tickFormat: o,
+    tickCount: o,
+    tickFormat: s,
     domain: a = "nice",
     grid: l,
     ticks: c,
@@ -2700,25 +2729,25 @@ function ai(n) {
       position: e,
       accessor: i,
       label: r,
-      tickCount: s,
-      tickFormat: o,
+      tickCount: o,
+      tickFormat: s,
       domain: a,
       grid: l,
       ticks: c,
       calendar: u
     }),
-    [t, e, i, r, s, o, a, l, c, u]
+    [t, e, i, r, o, s, a, l, c, u]
   );
-  return he("XAxis", h), null;
+  return fe("XAxis", h), null;
 }
-function li(n) {
+function ui(n) {
   const {
     id: t = "y",
     position: e = "left",
     accessor: i,
     label: r,
-    tickCount: s,
-    tickFormat: o,
+    tickCount: o,
+    tickFormat: s,
     domain: a = "nice",
     grid: l,
     ticks: c
@@ -2729,62 +2758,62 @@ function li(n) {
       position: e,
       accessor: i,
       label: r,
-      tickCount: s,
-      tickFormat: o,
+      tickCount: o,
+      tickFormat: s,
       domain: a,
       grid: l,
       ticks: c
     }),
-    [t, e, i, r, s, o, a, l, c]
+    [t, e, i, r, o, s, a, l, c]
   );
-  return he("YAxis", u), null;
+  return fe("YAxis", u), null;
 }
-function zn({
+function qn({
   scene: n,
   placement: t
 }) {
-  Sn("Legend", { placement: t });
+  Ln("Legend", { placement: t });
   const e = Et(
     n.subscribeLayout,
     n.getLayoutSnapshot,
     n.getLayoutServerSnapshot
   );
-  return e.series.length === 0 ? null : /* @__PURE__ */ I("div", { className: `uc-legend uc-legend-${t}`, children: e.series.map((i) => /* @__PURE__ */ _(
+  return e.series.length === 0 ? null : /* @__PURE__ */ S("div", { className: `uc-legend uc-legend-${t}`, children: e.series.map((i) => /* @__PURE__ */ _(
     "span",
     {
       className: "uc-legend-item",
       onPointerEnter: () => n.setHighlight(i.seriesId),
       onPointerLeave: () => n.setHighlight(null),
       children: [
-        /* @__PURE__ */ I("span", { className: "uc-legend-chip", style: { background: i.color } }),
+        /* @__PURE__ */ S("span", { className: "uc-legend-chip", style: { background: i.color } }),
         i.name
       ]
     },
     i.id
   )) });
 }
-function ci({ placement: n = "top" }) {
-  const t = Q("Legend");
-  return t === null ? null : /* @__PURE__ */ I(zn, { scene: t, placement: n });
+function hi({ placement: n = "top" }) {
+  const t = tt("Legend");
+  return t === null ? null : /* @__PURE__ */ S(qn, { scene: t, placement: n });
 }
-function ui(n) {
+function di(n) {
   const { mode: t = "x", render: e } = n, i = E(
     () => ({ mode: t, render: e }),
     [t, e]
   );
-  return Mn("Tooltip", i), null;
+  return Tn("Tooltip", i), null;
 }
-const Gn = {
+const Kn = {
   cutoff: 0.8,
   collectRank: Number.POSITIVE_INFINITY
 };
-function hi(n, t = {}) {
-  const e = { ...Gn, ...t };
-  ct(
+function fi(n, t = {}) {
+  const e = { ...Kn, ...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))), s = i.slice(0, r), o = i.slice(r), a = o.length === 0 ? s : [...s, { name: e.remainderName ?? "", value: o.reduce((d, m) => d + m.value, 0) }], l = a.reduce((d, m) => d + m.value, 0), c = [];
+  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];
@@ -2794,60 +2823,60 @@ function hi(n, t = {}) {
       index: d,
       share: l === 0 ? 0 : m.value / l,
       cumulative: l === 0 ? 0 : u / l,
-      remainder: o.length > 0 && d === a.length - 1
+      remainder: s.length > 0 && d === 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 };
 }
 export {
-  Qn as Area,
-  ti as Bar,
-  Jn as Chart,
-  oi as ControlChart,
-  U as DAY,
-  Dn as DEFAULT_GRADIENT,
-  J as HOUR,
-  ci as Legend,
-  ri as LimitBand,
+  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,
-  Pn as Line,
+  Dn as Line,
   _t as LinearScale,
-  K as MINUTE,
-  ni as Matrix,
-  q as SECOND,
-  En as Scatter,
-  ii as Span,
-  ei as StateBand,
-  ui as Tooltip,
-  ai as XAxis,
-  li as YAxis,
-  on as assess,
-  We as breaks,
-  z as calendarFrom,
-  Cn as controlLimits,
+  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,
-  Zn as mapSeries,
-  Pe as operatingCalendar,
-  Re as operatingTicks,
-  He as operatingTimeTicks,
-  hi as pareto,
-  Gn as paretoDefaults,
-  Ce as removedIntervals,
-  Xn as resolveColours,
-  Hn as ruleOutlier,
-  Rn as ruleRun,
-  Vn as ruleTrend,
-  _n as ruleTwoOfThree,
-  si as sigmaFromLimit,
-  Se as subscribeTheme,
-  Oe as timeStep,
+  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,
-  De as toOperatingTimeClamped,
+  Ce as toOperatingTimeClamped,
   dt as toWallClock,
-  jn as verdictWeight,
-  Yn as violatedIndices,
-  Bn as violations,
-  Wn as zones
+  Qn as verdictWeight,
+  Gn as violatedIndices,
+  zn as violations,
+  Hn as zones
 };