@graphysdk/react 1.9.0-beta.1790839098761 → 1.9.0-beta.1790855561349

package/dist/index.browser.mjs

@@ -2427,7 +2427,7 @@ function ge(e) {
 function fe(e) {
   return e[V.y];
 }
-function er(e) {
+function Zt(e) {
   return e[V.xMin];
 }
 function Dt(e) {
@@ -2451,7 +2451,7 @@ var vR = {
   yMin: 0,
   yMax: 1
 }, _1 = (e, t) => {
-  const r = er(e) ?? ge(e), n = Dt(e) ?? ge(e), i = Ot(e) ?? fe(e), a = it(e) ?? fe(e);
+  const r = Zt(e) ?? ge(e), n = Dt(e) ?? ge(e), i = Ot(e) ?? fe(e), a = it(e) ?? fe(e);
   return !Oe(r) || !Oe(n) || !Oe(i) || !Oe(a) ? null : t.type !== "polar" ? {
     xMin: r,
     xMax: n,
@@ -3987,14 +3987,14 @@ function wv(e, t) {
 function MA(e) {
   return e.type === "cartesian" ? e.mainAxis : "x";
 }
-var tr = (e) => e[we.group], SN = (e) => {
+var er = (e) => e[we.group], SN = (e) => {
   const t = em(e), r = R1(e), n = L1(e) && t !== we.group;
   return (i) => {
     const a = i[t] ?? null;
     if (a === null) return null;
     const o = r === null ? null : r(i);
     if (r !== null && o === null) return null;
-    const s = n ? tr(i) ?? null : null;
+    const s = n ? er(i) ?? null : null;
     return {
       layerId: e.id,
       anchorValue: a,
@@ -4029,7 +4029,7 @@ function PA(e, t) {
 }
 var EN = (e) => {
   const t = em(e), r = R1(e), n = L1(e);
-  return (i, a) => !Xr(i[t] ?? null, a.anchorValue) || !(r === null || a.crossValue === void 0 || Xr(r(i), a.crossValue)) ? !1 : !n || a.groupValue === void 0 ? !0 : Xr(tr(i), a.groupValue);
+  return (i, a) => !Xr(i[t] ?? null, a.anchorValue) || !(r === null || a.crossValue === void 0 || Xr(r(i), a.crossValue)) ? !1 : !n || a.groupValue === void 0 ? !0 : Xr(er(i), a.groupValue);
 }, kN = (e) => {
   const t = q(e.mapping.y), r = Ls(e);
   return (n, i) => t !== null && i === t ? r(n) : n[i] ?? null;
@@ -8278,7 +8278,7 @@ function l3(e) {
   return e.data.groupBy(we.group).forEach((r) => {
     const n = r.findLast((l) => G(it(l)) || G(fe(l)));
     if (!n) return;
-    const i = tr(n);
+    const i = er(n);
     if (!G(i)) return;
     const a = Ot(n), o = it(n) ?? fe(n);
     if (!G(o)) return;
@@ -8336,7 +8336,7 @@ var c3 = class extends Zn {
 }, d3 = (e) => {
   const t = yR(e);
   return t === "" ? null : t;
-}, h3 = (e) => Ne([tr(e)]), bm = (e, t) => Ne([t !== null ? e[t] ?? null : null]);
+}, h3 = (e) => Ne([er(e)]), bm = (e, t) => Ne([t !== null ? e[t] ?? null : null]);
 function f3(e) {
   return e === null ? null : {
     strategy: e,
@@ -8568,6 +8568,7 @@ var xm = (e, t) => {
       summary: {},
       spatialKind: o.spatialKind,
       identityKey: o.identityKey,
+      hoverPriority: o.hoverPriority,
       tooltip: o.tooltip,
       scaleConstraints: o.scaleConstraints,
       supportsDirectLabels: o.legend.directLabelSupport?.[e.position] === !0,
@@ -8885,7 +8886,7 @@ var k3 = (e) => e.observation?.aesthetics ?? ke.geom.aesthetics, xS = (e) => e.o
   ...e?.hovered === void 0 ? {} : { hovered: e.hovered }
 }), ln = class {
   constructor() {
-    this.positionRoles = [], this.identityKey = "x-group", this.defaultPosition = "identity", this.defaultStat = null, this.supportedPositions = xR, this.defaultInteractive = !0, this.aesthetics = [], this.derivedVariables = [], this.highlightStrategy = null, this.supportedCoordTypes = ["cartesian", "flip"], this.spatialKind = "points", this.grid = {}, this.legend = {}, this.dataLabelCoordTypes = [], this.isComposite = !1, this.tooltip = [], this.summaries = {};
+    this.positionRoles = [], this.identityKey = "x-group", this.defaultPosition = "identity", this.defaultStat = null, this.supportedPositions = xR, this.defaultInteractive = !0, this.hoverPriority = "normal", this.aesthetics = [], this.derivedVariables = [], this.highlightStrategy = null, this.supportedCoordTypes = ["cartesian", "flip"], this.spatialKind = "points", this.grid = {}, this.legend = {}, this.dataLabelCoordTypes = [], this.isComposite = !1, this.tooltip = [], this.summaries = {};
   }
   resolveParams(e) {
     return qi({}, this.defaultParams, e.params);
@@ -9210,7 +9211,7 @@ var k3 = (e) => e.observation?.aesthetics ?? ke.geom.aesthetics, xS = (e) => e.o
     height: i - n
   };
 }, TS = (e, t) => {
-  const r = er(t), n = Dt(t), i = Ot(t), a = it(t) ?? fe(t);
+  const r = Zt(t), n = Dt(t), i = Ot(t), a = it(t) ?? fe(t);
   return r === null || n === null || i === null || a === null ? null : SS(e, r, n, i, a);
 }, j3 = (e, t) => {
   const { xMin: r, xMax: n, yMin: i, yMax: a } = t.anchor;
@@ -9645,7 +9646,7 @@ var eV = " · ", gn = 2, tV = (e) => {
         purpose: i
       };
       if (r.mainAxis === "x") {
-        const d = er(t), h = Dt(t), m = oy({
+        const d = Zt(t), h = Dt(t), m = oy({
           lowerBound: Ot(t),
           upperBound: it(t) ?? fe(t),
           options: s
@@ -9656,7 +9657,7 @@ var eV = " · ", gn = 2, tV = (e) => {
         };
       }
       const l = Ot(t), c = it(t), u = oy({
-        lowerBound: er(t),
+        lowerBound: Zt(t),
         upperBound: Dt(t) ?? ge(t),
         options: s
       });
@@ -9700,7 +9701,7 @@ var eV = " · ", gn = 2, tV = (e) => {
     }), n;
   }
 }, ay = ({ width: e }, t) => e !== void 0 ? e : t === "polar" ? 1 : N3, lV = (e) => {
-  const t = er(e), r = Dt(e), n = Ot(e), i = it(e);
+  const t = Zt(e), r = Dt(e), n = Ot(e), i = it(e);
   return t === null || r === null || n === null || i === null ? null : bi((t + r) / 2, (n + i) / 2);
 }, cV = (e) => {
   const t = P1(e);
@@ -10075,7 +10076,7 @@ function kS(e) {
   return e[ji.lineType];
 }
 var yV = (e) => {
-  const t = er(e), r = Dt(e), n = Ot(e), i = it(e);
+  const t = Zt(e), r = Dt(e), n = Ot(e), i = it(e);
   if (t === null || r === null || n === null || i === null) return null;
   const a = Math.min(t, r), o = Math.abs(r - t), s = Math.max(n, i), l = Math.abs(i - n);
   return {
@@ -10193,7 +10194,7 @@ var yV = (e) => {
       hideGridX: !0,
       hideGridY: !0
     } }, this.legend = { suppressWhenSingleItem: !1 }, this.dataLabels = { cartesian: { showDataLabels: !0 } }, this.dataLabelCoordTypes = ["cartesian"], this.highlightStrategy = "observation-rerender", this.spatialKind = "cells", this.identityKey = "x-y", this.tooltip = [{ aes: "color" }], this.resolveValueSource = wV, this.resolveAnchorPosition = (t) => {
-      const r = er(t), n = Dt(t), i = Ot(t), a = it(t);
+      const r = Zt(t), n = Dt(t), i = Ot(t), a = it(t);
       return r === null || n === null || i === null || a === null ? null : {
         x: (r + n) / 2,
         y: (i + a) / 2
@@ -10449,8 +10450,8 @@ var yV = (e) => {
       function C(E) {
         for (var k = n(s(E, M, L, !0), 4), P = k[0], j = k[1], K = k[2], ee = k[3], ne = P.length, ae = Math.max(2, ~~(N * ne)), te = new Float64Array(ne), oe = new Float64Array(ne), ie = new Float64Array(ne).fill(1), se = -1; ++se <= y; ) {
           for (var H = [0, ae - 1], Y = 0; Y < ne; ++Y) {
-            for (var X = P[Y], F = H[0], le = H[1], J = X - P[F] > P[le] - X ? F : le, be = 0, xe = 0, Xe = 0, at = 0, ot = 0, nr = 1 / Math.abs(P[J] - X || 1), st = F; st <= le; ++st) {
-              var ct = P[st], Pe = j[st], kt = T(Math.abs(X - ct) * nr) * ie[st], $t = ct * kt;
+            for (var X = P[Y], F = H[0], le = H[1], J = X - P[F] > P[le] - X ? F : le, be = 0, xe = 0, Xe = 0, at = 0, ot = 0, rr = 1 / Math.abs(P[J] - X || 1), st = F; st <= le; ++st) {
+              var ct = P[st], Pe = j[st], kt = T(Math.abs(X - ct) * rr) * ie[st], $t = ct * kt;
               be += kt, xe += $t, Xe += Pe * kt, at += Pe * $t, ot += ct * $t;
             }
             var hl = n(m(xe / be, Xe / be, at / be, ot / be), 2);
@@ -10527,10 +10528,10 @@ var yV = (e) => {
         l(E, M, L, function(kt, $t) {
           J++, le += ($t - le) / J, N || (kt < be && (be = kt), kt > xe && (xe = kt));
         });
-        var Xe = oe - ae * ae, at = ae * Xe - te * te, ot = (se * ae - ie * te) / at, nr = (ie * Xe - se * te) / at, st = -ot * ae, ct = function($t) {
-          return $t = $t - K, ot * $t * $t + nr * $t + st + ee;
+        var Xe = oe - ae * ae, at = ae * Xe - te * te, ot = (se * ae - ie * te) / at, rr = (ie * Xe - se * te) / at, st = -ot * ae, ct = function($t) {
+          return $t = $t - K, ot * $t * $t + rr * $t + st + ee;
         }, Pe = h(be, xe, ct);
-        return Pe.a = ot, Pe.b = nr - 2 * ot * K, Pe.c = st - nr * K + ot * K * K + ee, Pe.predict = ct, Pe.rSquared = c(E, M, L, le, ct), Pe;
+        return Pe.a = ot, Pe.b = rr - 2 * ot * K, Pe.c = st - rr * K + ot * K * K + ee, Pe.predict = ct, Pe.rSquared = c(E, M, L, le, ct), Pe;
       }
       return C.domain = function(E) {
         return arguments.length ? (N = E, C) : N;
@@ -10573,13 +10574,13 @@ var yV = (e) => {
           se.push(at);
         }
         se.push(ie);
-        var ot = I(se), nr = function(Pe) {
+        var ot = I(se), rr = function(Pe) {
           Pe -= ae;
           var kt = te + ot[0] + ot[1] * Pe + ot[2] * Pe * Pe;
           for (J = 3; J < H; ++J) kt += ot[J] * Math.pow(Pe, J);
           return kt;
-        }, st = h(F, le, nr);
-        return st.coefficients = R(H, ot, -ae, te), st.predict = nr, st.rSquared = c(k, M, L, Y, nr), st;
+        }, st = h(F, le, rr);
+        return st.coefficients = R(H, ot, -ae, te), st.predict = rr, st.rSquared = c(k, M, L, Y, rr), st;
       }
       return E.domain = function(k) {
         return arguments.length ? (C = k, E) : C;
@@ -13337,7 +13338,7 @@ var vT = [
       200
     ]
   }
-}, Xt = {
+}, Kt = {
   cyan: "#22D3EE",
   pink: "#F377EF",
   purple: "#6528F7",
@@ -13347,19 +13348,19 @@ var vT = [
   green: "#06FF00",
   blue: "#0079FF"
 }, Al = [
-  Xt.cyan,
-  Xt.pink,
-  Xt.purple,
-  Xt.red,
-  Xt.orange,
-  Xt.yellow,
-  Xt.green,
-  Xt.blue
+  Kt.cyan,
+  Kt.pink,
+  Kt.purple,
+  Kt.red,
+  Kt.orange,
+  Kt.yellow,
+  Kt.green,
+  Kt.blue
 ], cH = [
-  Xt.cyan,
-  Xt.green,
-  Xt.red,
-  Xt.cyan
+  Kt.cyan,
+  Kt.green,
+  Kt.red,
+  Kt.cyan
 ], Sl = {
   start: "#84D1FC",
   positive: "#84FC89",
@@ -13700,7 +13701,7 @@ function jy(e, t = "light", r) {
   return ((r !== void 0 ? Gy[t][r] : void 0) ?? Gy[t].default).map((n) => ps[`${e}${n}`]);
 }
 function TH(e) {
-  const t = Al.indexOf(Xt[e]);
+  const t = Al.indexOf(Kt[e]);
   return t <= 0 ? Al : [...Al.slice(t), ...Al.slice(0, t)];
 }
 function MH(e, t = {}) {
@@ -13835,7 +13836,7 @@ function Yl(e, t = {}) {
     clamp: t.clamp
   };
 }
-function or(e, t = {}) {
+function ar(e, t = {}) {
   return {
     type: "scale",
     scaledAesthetic: e,
@@ -14001,14 +14002,14 @@ function DH(e, t) {
       scaleType: t.scaleType
     },
     suggestion: `Declare '${t.scaledAesthetic}' as a discrete scale, or omit it and let the geom's band be inferred.`
-  }), or(t.scaledAesthetic, { ..."reverse" in t && t.reverse !== void 0 && { reverse: t.reverse } }));
+  }), ar(t.scaledAesthetic, { ..."reverse" in t && t.reverse !== void 0 && { reverse: t.reverse } }));
 }
 function OH(e, t) {
   return e === t?.discreteCrossAxis ? !0 : zo.reverse;
 }
 function NH({ data: e, layers: t, mapping: r, demands: n }, i) {
   const a = FH(t, r, i.scaledAesthetic);
-  if (i.scaledAesthetic === n.discreteAxis || i.scaledAesthetic === n.discreteCrossAxis) return or(i.scaledAesthetic, i.options);
+  if (i.scaledAesthetic === n.discreteAxis || i.scaledAesthetic === n.discreteCrossAxis) return ar(i.scaledAesthetic, i.options);
   const o = n.zeroAxes[i.scaledAesthetic];
   if (o !== void 0) {
     const u = i.options;
@@ -14022,7 +14023,7 @@ function NH({ data: e, layers: t, mapping: r, demands: n }, i) {
   const l = e.getType(s), c = yT[i.scaledAesthetic];
   switch (IH[l][c]) {
     case "discrete":
-      return or(i.scaledAesthetic, i.options);
+      return ar(i.scaledAesthetic, i.options);
     case "palette":
       return Lm(i.scaledAesthetic);
     case "datetime":
@@ -15585,7 +15586,7 @@ var U7 = class extends Qi {
   if (r === null || !e.data.hasVariable(V.yMin) || !e.data.hasVariable(V.yMax)) return;
   const n = (s) => t === "y" ? s.xMax : s.yMax, i = (s) => t === "y" ? s.xMin : s.yMin, a = /* @__PURE__ */ new Map();
   for (const s of e.data) {
-    const l = s[r], c = Ot(s), u = it(s), d = er(s), h = Dt(s), m = P1(s);
+    const l = s[r], c = Ot(s), u = it(s), d = Zt(s), h = Dt(s), m = P1(s);
     if (!G(l) || !G(c) || !G(u) || !G(d) || !G(h) || !G(m)) continue;
     const f = m >= 0;
     if (Math.abs(m) === 0) continue;
@@ -15971,7 +15972,7 @@ function _9(e) {
 var C9 = {
   x: Object.assign((e) => Yo("x", e), {
     continuous: (e) => bt("x", e),
-    discrete: (e) => or("x", e),
+    discrete: (e) => ar("x", e),
     datetime: (e) => Yl("x", e),
     log: (e) => bt("x", {
       ...e,
@@ -15984,7 +15985,7 @@ var C9 = {
   }),
   y: Object.assign((e) => Yo("y", e), {
     continuous: (e) => bt("y", e),
-    discrete: (e) => or("y", e),
+    discrete: (e) => ar("y", e),
     datetime: (e) => Yl("y", e),
     log: (e) => bt("y", {
       ...e,
@@ -15997,7 +15998,7 @@ var C9 = {
   }),
   ySecondary: Object.assign((e) => Yo("ySecondary", e), {
     continuous: (e) => bt("ySecondary", e),
-    discrete: (e) => or("ySecondary", e),
+    discrete: (e) => ar("ySecondary", e),
     datetime: (e) => Yl("ySecondary", e),
     log: (e) => bt("ySecondary", {
       ...e,
@@ -16010,26 +16011,26 @@ var C9 = {
   }),
   color: {
     continuous: (e) => bt("color", e),
-    discrete: (e) => or("color", e),
+    discrete: (e) => ar("color", e),
     palette: (e) => Lm("color", e)
   },
   size: {
     continuous: (e) => bt("size", e),
-    discrete: (e) => or("size", e),
+    discrete: (e) => ar("size", e),
     identity: (e) => Bo("size", e)
   },
   alpha: {
     continuous: (e) => bt("alpha", e),
-    discrete: (e) => or("alpha", e),
+    discrete: (e) => ar("alpha", e),
     identity: (e) => Bo("alpha", e)
   },
   strokeWidth: {
     continuous: (e) => bt("strokeWidth", e),
-    discrete: (e) => or("strokeWidth", e),
+    discrete: (e) => ar("strokeWidth", e),
     identity: (e) => Bo("strokeWidth", e)
   },
   lineType: {
-    discrete: (e) => or("lineType", e),
+    discrete: (e) => ar("lineType", e),
     identity: (e) => Bo("lineType", e)
   }
 };
@@ -17554,7 +17555,7 @@ var IG = (e, t) => {
     read: Rs(e, t),
     variable: r
   } : {
-    read: tr,
+    read: er,
     variable: we.group
   };
 }, ZT = ({ layer: e, coordSystem: t, axes: r, numberFormat: n, panelRect: i, measureDataLabel: a, readers: o, formattingLocale: s, percentageValueStrategy: l }) => {
@@ -17623,7 +17624,7 @@ var IG = (e, t) => {
     return s === void 0 ? null : s.total;
   };
 }, OG = (e, t) => {
-  const r = t ? er : Ot, n = t ? Dt : it, i = Ls(e);
+  const r = t ? Zt : Ot, n = t ? Dt : it, i = Ls(e);
   return (a) => {
     const o = r(a), s = n(a);
     if (!Oe(o) || !Oe(s)) return null;
@@ -19684,9 +19685,9 @@ var TM = { draw(e, t) {
 } }, Bd = Rr(3), aj = { draw(e, t) {
   const r = -Rr(t / (Bd * 3));
   e.moveTo(0, r * 2), e.lineTo(-Bd * r, -r), e.lineTo(Bd * r, -r), e.closePath();
-} }, ir = -0.5, ar = Rr(3) / 2, Zh = 1 / Rr(12), oj = (Zh / 2 + 1) * 3, sj = { draw(e, t) {
+} }, nr = -0.5, ir = Rr(3) / 2, Zh = 1 / Rr(12), oj = (Zh / 2 + 1) * 3, sj = { draw(e, t) {
   const r = Rr(t / oj), n = r / 2, i = r * Zh, a = n, o = r * Zh + r, s = -a, l = o;
-  e.moveTo(n, i), e.lineTo(a, o), e.lineTo(s, l), e.lineTo(ir * n - ar * i, ar * n + ir * i), e.lineTo(ir * a - ar * o, ar * a + ir * o), e.lineTo(ir * s - ar * l, ar * s + ir * l), e.lineTo(ir * n + ar * i, ir * i - ar * n), e.lineTo(ir * a + ar * o, ir * o - ar * a), e.lineTo(ir * s + ar * l, ir * l - ar * s), e.closePath();
+  e.moveTo(n, i), e.lineTo(a, o), e.lineTo(s, l), e.lineTo(nr * n - ir * i, ir * n + nr * i), e.lineTo(nr * a - ir * o, ir * a + nr * o), e.lineTo(nr * s - ir * l, ir * s + nr * l), e.lineTo(nr * n + ir * i, nr * i - ir * n), e.lineTo(nr * a + ir * o, nr * o - ir * a), e.lineTo(nr * s + ir * l, nr * l - ir * s), e.closePath();
 } };
 function kM(e, t) {
   let r = null, n = np(i);
@@ -19822,7 +19823,7 @@ var cj = (function e(t) {
 })(0.5), sp = (e) => e === "smooth" ? cj : ip, lp = (e, t) => {
   const r = sp(t.curve), n = SM().curve(r), i = ap().curve(r);
   if (e.mainAxis === "y") {
-    const a = (l) => Tr(fe(l) ?? 0), o = (l) => er(l) ?? 0, s = (l) => Dt(l) ?? ge(l) ?? 0;
+    const a = (l) => Tr(fe(l) ?? 0), o = (l) => Zt(l) ?? 0, s = (l) => Dt(l) ?? ge(l) ?? 0;
     n.y(a).x0(o).x1(s), i.y(a).x(s);
   } else {
     const a = (l) => ge(l) ?? 0, o = (l) => Tr(Ot(l) ?? 0), s = (l) => Tr(it(l) ?? fe(l) ?? 0);
@@ -19858,7 +19859,7 @@ var cj = (function e(t) {
   separatorWidth: e,
   insetOffset: e / 2
 }), zs = (e, t) => CM(e, {
-  xMin: er(t),
+  xMin: Zt(t),
   xMax: Dt(t),
   yMin: Ot(t),
   yMax: it(t),
@@ -20132,10 +20133,10 @@ var cj = (function e(t) {
     },
     scaleLength: (o) => a(o * r)
   };
-}, rr = (e, t, r) => {
+}, tr = (e, t, r) => {
   const n = Rs(e, t);
   return (i) => {
-    const a = tr(i) ?? "default", o = n(i);
+    const a = er(i) ?? "default", o = n(i);
     return `${r}-${a}${o !== null && o !== "" ? `-${o}` : ""}`;
   };
 }, lfe = (e, t, r) => {
@@ -22064,13 +22065,17 @@ function pz(e, t, r) {
   const a = e.byKey.get(i.key);
   return a ? { hit: QM(e.layerId, a) } : null;
 }
-var Kt = {
+var or = {
   primary: null,
   group: [],
   related: /* @__PURE__ */ new Map()
-}, gz = 1, vz = class {
+}, gz = class {
   constructor({ layers: e, coordSystem: t }) {
-    this.layerIndexes = [], this.layerRefs = [], this.viewport = null, this.aspectRatio = gz, this.isAspectStale = !1, this.warmStarts = /* @__PURE__ */ new Map(), this.cachedState = Kt, this.cachedKey = null, this.nonInteractiveLayerIds = /* @__PURE__ */ new Set(), this.hitTesters = /* @__PURE__ */ new Map(), this.cachedByKeyId = null, this.cachedByKeyState = Kt, this.layerIndexes = e.map((r) => H0(r, t, this.aspectRatio)), this.layerRefs = e.map((r) => K0(r, t)), this.nonInteractiveLayerIds = X0(e);
+    this.layerIndexes = [], this.layerRefs = [], this.viewport = null, this.aspectRatio = vz, this.isAspectStale = !1, this.warmStarts = /* @__PURE__ */ new Map(), this.cachedState = or, this.cachedKey = null, this.hoverLayers = {
+      interactive: [],
+      normal: [],
+      low: []
+    }, this.hitTesters = /* @__PURE__ */ new Map(), this.cachedByKeyId = null, this.cachedByKeyState = or, this.layerIndexes = e.map((r) => H0(r, t, this.aspectRatio)), this.layerRefs = e.map((r) => K0(r, t)), this.hoverLayers = X0(e, this.layerIndexes);
   }
   update({ layers: e, coordSystem: t }) {
     const r = /* @__PURE__ */ new Map();
@@ -22091,7 +22096,7 @@ var Kt = {
       this.warmStarts.delete(a.id), n.push(H0(a, t, this.aspectRatio)), i.push(s);
     }
     for (const a of this.warmStarts.keys()) e.some((o) => o.id === a) || this.warmStarts.delete(a);
-    this.layerIndexes = n, this.layerRefs = i, this.nonInteractiveLayerIds = X0(e), this.invalidateCache();
+    this.layerIndexes = n, this.layerRefs = i, this.hoverLayers = X0(e, n), this.invalidateCache();
   }
   setViewport(e) {
     if (e.width <= 0 || e.height <= 0) return;
@@ -22100,23 +22105,23 @@ var Kt = {
     t !== this.aspectRatio && (this.aspectRatio = t, this.isAspectStale = !0);
   }
   query(e, t, r) {
-    if (this.layerIndexes.length === 0) return Kt;
+    if (this.layerIndexes.length === 0) return or;
     this.reindexForAspect();
-    const n = this.nonInteractiveLayerIds.size === 0 ? this.layerIndexes : this.layerIndexes.filter((h) => !this.nonInteractiveLayerIds.has(h.layerId)), i = r ?? this.viewport, a = t !== void 0 && i !== null ? Oj(t, i) : void 0, o = lz({
-      layers: n,
+    const n = r ?? this.viewport, i = t !== void 0 && n !== null ? Oj(t, n) : void 0, a = (h) => lz({
+      layers: h,
       aspectRatio: this.aspectRatio,
       warmStarts: this.warmStarts,
       hitTesters: this.hitTesters,
       cursor: e,
-      tolerance: a
-    });
+      tolerance: i
+    }), o = a(this.hoverLayers.normal) ?? a(this.hoverLayers.low);
     if (!o)
-      return this.invalidateCache(), Kt;
+      return this.invalidateCache(), or;
     const s = o.match.hit;
     this.warmStarts.set(s.layerId, s.pointIndex);
-    const l = a === void 0 ? void 0 : cz(o, a), c = yz(s, l);
+    const l = i === void 0 ? void 0 : cz(o, i), c = yz(s, l);
     if (this.cachedKey === c) return this.cachedState;
-    const { group: u, related: d } = Gj(o, n);
+    const { group: u, related: d } = Gj(o, this.hoverLayers.interactive);
     return this.cachedKey = c, this.cachedState = l === void 0 ? {
       primary: s,
       group: u,
@@ -22135,11 +22140,10 @@ var Kt = {
     this.hitTesters.delete(e);
   }
   resolveHoverByKey(e, t) {
-    if (this.nonInteractiveLayerIds.has(e)) return Kt;
-    const r = this.layerIndexes.find((a) => a.layerId === e);
-    if (!r || r.kind !== "render-hit-test") return Kt;
+    const r = this.hoverLayers.interactive.find((a) => a.layerId === e);
+    if (!r || r.kind !== "render-hit-test") return or;
     const n = r.byKey.get(t);
-    if (!n) return Kt;
+    if (!n) return or;
     const i = `${e}:${t}`;
     return this.cachedByKeyId === i ? this.cachedByKeyState : (this.cachedByKeyId = i, this.cachedByKeyState = {
       primary: QM(e, n),
@@ -22148,7 +22152,7 @@ var Kt = {
     }, this.cachedByKeyState);
   }
   invalidateCache() {
-    this.cachedKey = null, this.cachedState = Kt, this.cachedByKeyId = null, this.cachedByKeyState = Kt;
+    this.cachedKey = null, this.cachedState = or, this.cachedByKeyId = null, this.cachedByKeyState = or;
   }
   reindexForAspect() {
     if (this.isAspectStale) {
@@ -22156,7 +22160,7 @@ var Kt = {
       for (const e of this.layerIndexes) e.kind === "points" && e.projection === "cartesian" && KM(e, this.aspectRatio);
     }
   }
-};
+}, vz = 1;
 function yz(e, t) {
   const r = `${e.layerId}:${e.pointIndex}`;
   return t === void 0 ? r : `${r}:${t.intersects}:${t.onPoint}`;
@@ -22169,10 +22173,17 @@ function K0(e, t) {
     coord: t
   };
 }
-function X0(e) {
-  const t = /* @__PURE__ */ new Set();
-  for (const r of e) r.interactive || t.add(r.id);
-  return t;
+function X0(e, t) {
+  const r = {
+    interactive: [],
+    normal: [],
+    low: []
+  };
+  for (const [n, i] of e.entries()) {
+    const a = t[n];
+    !a || !i.interactive || (r.interactive.push(a), r[i.hoverPriority].push(a));
+  }
+  return r;
 }
 function bz(e, t) {
   return e.data === t.data && e.geom === t.geom && e.position === t.position && e.coord === t.coord;
@@ -22218,7 +22229,7 @@ function Az(e, t, r) {
 function Sz(e, t) {
   if (e.bandAxis === null) return null;
   if (e.bandAxis === "x") {
-    const i = er(t.observation), a = Dt(t.observation);
+    const i = Zt(t.observation), a = Dt(t.observation);
     return i === null || a === null ? null : {
       startAngle: i,
       endAngle: a,
@@ -22235,7 +22246,7 @@ function Sz(e, t) {
   };
 }
 function Tz(e) {
-  const t = er(e.observation), r = Dt(e.observation);
+  const t = Zt(e.observation), r = Dt(e.observation);
   return t === null || r === null ? null : r - t;
 }
 function Mz(e) {
@@ -22282,7 +22293,7 @@ var Ou = 0.5, Pz = 0.3, _z = 0.4, Cz = 10, Iz = ({ layer: e, coordSystem: t, sca
   durationSeconds: Ou * r.durationScale,
   axis: t.mainAxis
 }), Fz = (e, t, r) => {
-  const n = rr(e.data, e.mapping, e.id), i = /* @__PURE__ */ new Map();
+  const n = tr(e.data, e.mapping, e.id), i = /* @__PURE__ */ new Map();
   for (const a of e.data) {
     const o = zs(t, a);
     if (!o) continue;
@@ -22294,7 +22305,7 @@ var Ou = 0.5, Pz = 0.3, _z = 0.4, Cz = 10, Iz = ({ layer: e, coordSystem: t, sca
   }
   return vp([...i.values()], r);
 }, Vz = (e, t) => {
-  const r = rr(e.data, e.mapping, e.id), n = [];
+  const r = tr(e.data, e.mapping, e.id), n = [];
   for (const i of e.data) {
     const a = Hz(i, t.staggerOrder);
     a !== null && n.push({
@@ -22308,7 +22319,7 @@ var Ou = 0.5, Pz = 0.3, _z = 0.4, Cz = 10, Iz = ({ layer: e, coordSystem: t, sca
   const r = Pm(e) ?? ge(e);
   return r === null ? null : t === "value-descending" ? -r : r;
 }, Gz = (e, t, r) => {
-  const n = rr(e.data, e.mapping, e.id), i = /* @__PURE__ */ new Map();
+  const n = tr(e.data, e.mapping, e.id), i = /* @__PURE__ */ new Map();
   for (const a of e.data) {
     const { startAngle: o, endAngle: s } = Em(a), { innerRadius: l, outerRadius: c } = gu(a);
     if (o === null || s === null || l === null || c === null) continue;
@@ -23896,7 +23907,7 @@ var dr = /* @__NO_SIDE_EFFECTS__ */ (e) => e, cK = (e, t) => (r) => t(e(r)), Qs
   clear() {
     this.subscriptions.length = 0;
   }
-}, Qt = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, ur = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
+}, qt = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, ur = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
 function SE(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
@@ -24280,7 +24291,7 @@ var je = {
 }, Sb = 1e-3;
 function $K({ duration: e = je.duration, bounce: t = je.bounce, velocity: r = je.velocity, mass: n = je.mass }) {
   let i, a;
-  Nu(e <= Qt(je.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
+  Nu(e <= qt(je.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
   o = an(je.minDamping, je.maxDamping, o), e = an(je.minDuration, je.maxDuration, ur(e)), o < 1 ? (i = (c) => {
     const u = c * o, d = u * e, h = u - r, m = sf(c, o), f = Math.exp(-d);
@@ -24290,7 +24301,7 @@ function $K({ duration: e = je.duration, bounce: t = je.bounce, velocity: r = je
     return (-i(c) + Sb > 0 ? -1 : 1) * ((d - h) * m) / f;
   }) : (i = (c) => -1e-3 + Math.exp(-c * e) * ((c - r) * e + 1), a = (c) => Math.exp(-c * e) * ((r - c) * (e * e)));
   const s = 5 / e, l = YK(i, a, s);
-  if (e = Qt(e), isNaN(l)) return {
+  if (e = qt(e), isNaN(l)) return {
     stiffness: je.stiffness,
     damping: je.damping,
     duration: e
@@ -24386,7 +24397,7 @@ function Ts(e = je.visualDuration, t = je.bounce) {
         s.done = _ >= d;
       else {
         let D = _ === 0 ? f : 0;
-        p < 1 && (D = _ === 0 ? Qt(f) : XE(w, _, A));
+        p < 1 && (D = _ === 0 ? qt(f) : XE(w, _, A));
         const b = Math.abs(D) <= n, S = Math.abs(o - A) <= i;
         s.done = b && S;
       }
@@ -24403,7 +24414,7 @@ function Ts(e = je.visualDuration, t = je.bounce) {
 }
 Ts.applyToOptions = (e) => {
   const t = KE(e, 100, Ts);
-  return e.ease = t.ease, e.duration = Qt(t.duration), e.type = "keyframes", e;
+  return e.ease = t.ease, e.duration = qt(t.duration), e.type = "keyframes", e;
 };
 function lf({ keyframes: e, velocity: t = 0, power: r = 0.8, timeConstant: n = 325, bounceDamping: i = 10, bounceStiffness: a = 500, modifyTarget: o, min: s, max: l, restDelta: c = 0.5, restSpeed: u }) {
   const d = e[0], h = {
@@ -24587,7 +24598,7 @@ var Lp = class {
     return ur(this.currentTime);
   }
   set time(e) {
-    e = Qt(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
+    e = qt(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
@@ -24922,7 +24933,7 @@ var ak = class extends Lp {
     return ur(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
-    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = Qt(e);
+    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = qt(e);
   }
   get speed() {
     return this.animation.playbackRate;
@@ -25228,7 +25239,7 @@ function HX({ when: e, delay: t, delayChildren: r, staggerChildren: n, staggerDi
 var Fp = (e, t, r, n = {}, i, a) => (o) => {
   const s = Bp(n, e) || {}, l = s.delay || n.delay || 0;
   let { elapsed: c = 0 } = n;
-  c = c - Qt(l);
+  c = c - qt(l);
   const u = {
     keyframes: Array.isArray(r) ? r : [null, r],
     ease: "easeOut",
@@ -25245,7 +25256,7 @@ var Fp = (e, t, r, n = {}, i, a) => (o) => {
     motionValue: t,
     element: a ? void 0 : i
   };
-  HX(s) || Object.assign(u, BX(e, u)), u.duration && (u.duration = Qt(u.duration)), u.repeatDelay && (u.repeatDelay = Qt(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
+  HX(s) || Object.assign(u, BX(e, u)), u.duration && (u.duration = qt(u.duration)), u.repeatDelay && (u.repeatDelay = qt(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
   let d = !1;
   if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (gf(u), u.delay === 0 && (d = !0)), (En.instantAnimations || En.skipAnimations || i?.shouldSkipAnimations) && (d = !0, gf(u), u.delay = 0), u.allowFlatten = !s.type && !s.ease, d && !a && t.get() !== void 0) {
     const h = VX(u.keyframes, s);
@@ -26031,7 +26042,7 @@ var Ek = class {
         keyframes: o,
         times: s,
         ease: l,
-        duration: Qt(c)
+        duration: qt(c)
       }), d = a(u);
       this.valueSubscriptions.set(e, () => {
         d(), u.cancel();
@@ -28031,13 +28042,13 @@ function wJ(e, t) {
   };
   let r = e.length - 1, n = null;
   const i = sP(e);
-  for (; r >= 0 && (n = e[r], !(i.timestamp - n.timestamp > Qt(t))); )
+  for (; r >= 0 && (n = e[r], !(i.timestamp - n.timestamp > qt(t))); )
     r--;
   if (!n) return {
     x: 0,
     y: 0
   };
-  n === e[0] && e.length > 2 && i.timestamp - n.timestamp > Qt(t) * 2 && (n = e[1]);
+  n === e[0] && e.length > 2 && i.timestamp - n.timestamp > qt(t) * 2 && (n = e[1]);
   const a = ur(i.timestamp - n.timestamp);
   if (a === 0) return {
     x: 0,
@@ -28688,7 +28699,7 @@ function aZ(e, { defaultTransition: t = {}, ...r } = {}, n, i) {
           ...t,
           ...C
         };
-        k !== void 0 && (oe.duration = Qt(k));
+        k !== void 0 && (oe.duration = qt(k));
         const ie = KE(oe, te, K);
         E = ie.ease, k = ie.duration;
       }
@@ -29493,7 +29504,7 @@ var Vc = (e, t, r) => {
   animate: { height: `${Wx}%` }
 }, jZ = Cr(function({ layer: t, coordSystem: r, shouldAnimateTransitions: n, intro: i }) {
   const a = i?.type === "wipe" ? i : null, { lineGenerator: o, areaGenerator: s } = W(() => lp(r, t.params), [t.params, r]), l = Ge(t), c = W(() => {
-    const u = rr(t.data, t.mapping, t.id), d = [];
+    const u = tr(t.data, t.mapping, t.id), d = [];
     return t.data.groupBy(we.group).forEach((h) => {
       const m = cp([...h], t.params.missingValues), f = s(m), p = o(m);
       if (!f || !p) return;
@@ -29595,7 +29606,7 @@ var Vc = (e, t, r) => {
     ringWidth: r
   };
 }, ZZ = ({ layer: e, coordSystem: t, primary: r, companions: n }) => {
-  const i = Ge(e), a = tr(r.observation), o = W(() => cp([...e.data.filter(we.group, "eq", a)], e.params.missingValues), [
+  const i = Ge(e), a = er(r.observation), o = W(() => cp([...e.data.filter(we.group, "eq", a)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     a
@@ -30019,7 +30030,7 @@ var ree = {
   ]), { paints: o, paintAt: s } = tl(e, i), { fillFor: l, defs: c } = Dr({
     paints: o,
     origin: ig(t, r)
-  }), u = rr(e.data, e.mapping, e.id), d = [];
+  }), u = tr(e.data, e.mapping, e.id), d = [];
   let h = -1;
   for (const m of e.data) {
     h += 1;
@@ -30122,7 +30133,7 @@ var ree = {
     origin: ig(t, r)
   });
   return /* @__PURE__ */ U(me, { children: [d, W(() => {
-    const h = rr(t.data, t.mapping, t.id);
+    const h = tr(t.data, t.mapping, t.id);
     return [...AP(t, r.mainAxis, o, (m, f, p) => ({
       key: h(m),
       ...f,
@@ -30467,7 +30478,7 @@ var rh = 3, Mee = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     const d = hP(i, c, a);
     d !== "" && o.push({
       kind: "stroke",
-      key: String(tr(u)),
+      key: String(er(u)),
       pathData: d,
       width: r.get("strokeWidth", u),
       shouldAnimateTransitions: n
@@ -30482,7 +30493,7 @@ var rh = 3, Mee = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
   return r === null || n === null ? null : Bc(Gi(r, n), t);
 }, _ee = Cr(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const i = n?.type === "wipe" ? n : null, a = W(() => up(t.params), [t.params]), o = W(() => fj(t.params), [t.params]), s = Ge(t), l = W(() => {
-    const c = rr(t.data, t.mapping, t.id), u = [];
+    const c = tr(t.data, t.mapping, t.id), u = [];
     return t.data.groupBy(we.group).forEach((d) => {
       const h = dp([...d], t.params.missingValues), m = a(h);
       if (!m) return;
@@ -30622,7 +30633,7 @@ var rh = 3, Mee = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
     vectorEffect: "non-scaling-stroke"
   });
 }, Lee = ({ layer: e, primary: t, companions: r }) => {
-  const n = Ge(e), i = tr(t.observation), a = W(() => dp([...e.data.filter(we.group, "eq", i)], e.params.missingValues), [
+  const n = Ge(e), i = er(t.observation), a = W(() => dp([...e.data.filter(we.group, "eq", i)], e.params.missingValues), [
     e.data,
     e.params.missingValues,
     i
@@ -30722,7 +30733,7 @@ var rh = 3, Mee = ({ layer: e, coordSystem: t, primary: r, panelRect: n }) => {
 }, Oee = Cr(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const i = Ge(t), a = Uu(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return W(() => {
-    const o = a.activeIntro ? rr(t.data, t.mapping, t.id) : null, s = [];
+    const o = a.activeIntro ? tr(t.data, t.mapping, t.id) : null, s = [];
     let l = 0;
     for (const c of t.data) s.push(/* @__PURE__ */ v(EP, {
       observation: c,
@@ -31031,7 +31042,7 @@ var O = {
   fontEditorCaption: Me(O.fontWeightMedium, O.fontSizeXxs, O.fontLineHeightXxs)
 }, Hee = xr.sm;
 var Gee = 0.6;
-var Wee = (e, t) => ({ familyDefault: nh(t) ?? nh(e.fontFamily) ?? nh(ju) ?? "" }), nh = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), qt = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Uee = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, spe = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, ih = (e) => `${e}px`, RP = {
+var Wee = (e, t) => ({ familyDefault: nh(t) ?? nh(e.fontFamily) ?? nh(ju) ?? "" }), nh = (e) => e === void 0 || e.includes("var(") ? null : e.replace(/\s+/g, " ").trim(), Xt = (e, t) => `color-mix(in srgb, transparent, ${e} ${t * 100}%)`, Uee = (e, t) => `hsl(from ${e} h s calc(l * ${1 - t}))`, spe = (e, t) => `hsl(from ${e} h s calc(l * ${1 + t}))`, ih = (e) => `${e}px`, RP = {
   tooltipRowGap: "4px",
   editorControlHeight: ih(32),
   legendSwatchGap: ih(8),
@@ -31096,14 +31107,14 @@ var Wee = (e, t) => ({ familyDefault: nh(t) ?? nh(e.fontFamily) ?? nh(ju) ?? ""
   grayGradient80: "linear-gradient(to top, #222429, #31353f)"
 }, zee = {
   textPrimary: O.gray0,
-  textSecondary: qt(O.textPrimary, 0.8),
-  textDisabled: qt(O.textPrimary, 0.5),
+  textSecondary: Xt(O.textPrimary, 0.8),
+  textDisabled: Xt(O.textPrimary, 0.5),
   iconPrimary: "currentColor",
-  iconSecondary: qt(O.textPrimary, 0.6),
+  iconSecondary: Xt(O.textPrimary, 0.6),
   iconStickerBackground: O.gray70,
   border100: O.gray0,
-  border50: qt(O.gray0, 0.5),
-  border10: qt(O.gray0, 0.1),
+  border50: Xt(O.gray0, 0.5),
+  border10: Xt(O.gray0, 0.1),
   brand: O.purple50,
   success: O.green50,
   warning: O.amber50,
@@ -31177,18 +31188,18 @@ var Wee = (e, t) => ({ familyDefault: nh(t) ?? nh(e.fontFamily) ?? nh(ju) ?? ""
   grayGradient80: "linear-gradient(to top, #F0F0F1, #F9F9FF)"
 }, Qee = {
   textPrimary: O.black,
-  textSecondary: qt(O.textPrimary, 0.6),
-  textDisabled: qt(O.textPrimary, 0.5),
+  textSecondary: Xt(O.textPrimary, 0.6),
+  textDisabled: Xt(O.textPrimary, 0.5),
   iconPrimary: "currentColor",
-  iconSecondary: qt(O.textPrimary, 0.6),
+  iconSecondary: Xt(O.textPrimary, 0.6),
   iconStickerBackground: O.gray100,
   brand: O.purple50,
   success: O.green50,
   warning: O.amber50,
   alert: O.red50,
   border100: O.gray0,
-  border50: qt(O.gray0, 0.5),
-  border10: qt(O.gray0, 0.1),
+  border50: Xt(O.gray0, 0.5),
+  border10: Xt(O.gray0, 0.1),
   sunkenBackground: O.gray90,
   defaultBackground: O.gray100,
   raisedBackground: O.gray85,
@@ -31985,7 +31996,7 @@ var Ute = U_((() => {
   return `M ${t.x} ${t.y} ${n} Z`;
 }, are = Cr(function({ layer: t, panelRect: r }) {
   const n = Ge(t), i = W(() => {
-    const s = rr(t.data, t.mapping, t.id), l = [];
+    const s = tr(t.data, t.mapping, t.id), l = [];
     return t.data.groupBy(we.group).forEach((c) => {
       const u = [...c], d = qP(u);
       if (!d) return;
@@ -32074,7 +32085,7 @@ var Ute = U_((() => {
     const c = l.hole === null ? "" : kf(l.hole, r);
     n.push({
       kind: "region",
-      key: String(tr(s)),
+      key: String(er(s)),
       pathData: kf(l.outer, r) + c,
       fillRule: "evenodd"
     });
@@ -32084,7 +32095,7 @@ var Ute = U_((() => {
     size: 8
   }), n;
 }, sre = ({ layer: e, primary: t, companions: r, panelRect: n }) => {
-  const i = Ge(e), a = tr(t.observation), o = i.get("fill", t.observation, "hovered"), { fillFor: s, defs: l } = Dr({
+  const i = Ge(e), a = er(t.observation), o = i.get("fill", t.observation, "hovered"), { fillFor: s, defs: l } = Dr({
     paints: [o],
     unitsPerPixel: qs(n)
   }), c = W(() => qP([...e.data.filter(we.group, "eq", a)]), [e.data, a]);
@@ -32229,7 +32240,7 @@ var Ute = U_((() => {
     paints: u,
     unitsPerPixel: qs(a)
   }), f = W(() => {
-    const p = rr(t.data, t.mapping, t.id);
+    const p = tr(t.data, t.mapping, t.id);
     return [...JP(t, r.bandAxis, c, (g, y, x) => ({
       key: p(g),
       ...y,
@@ -32459,7 +32470,7 @@ var Ute = U_((() => {
   ]), { paints: o, paintAt: s } = tl(e, i), { fillFor: l, defs: c } = Dr({
     paints: o,
     unitsPerPixel: qs(n)
-  }), u = rr(e.data, e.mapping, e.id), d = [];
+  }), u = tr(e.data, e.mapping, e.id), d = [];
   let h = -1;
   for (const m of e.data)
     h += 1, d.push(/* @__PURE__ */ v(t2, {
@@ -32555,7 +32566,7 @@ var Ute = U_((() => {
   getEditOutlineShapes: dre
 }, wre = Cr(function({ layer: t }) {
   const r = Ge(t), n = W(() => {
-    const i = rr(t.data, t.mapping, t.id), a = [];
+    const i = tr(t.data, t.mapping, t.id), a = [];
     return t.data.groupBy(we.group).forEach((o) => {
       const s = [...o], l = r2(s);
       if (!l) return;
@@ -32625,7 +32636,7 @@ var Ute = U_((() => {
     const c = kf(n2(s), n);
     c !== "" && i.push({
       kind: "stroke",
-      key: String(tr(l)),
+      key: String(er(l)),
       pathData: c,
       width: r.get("strokeWidth", l)
     });
@@ -32635,7 +32646,7 @@ var Ute = U_((() => {
     size: 8
   }), i;
 }, Sre = ({ layer: e, primary: t, companions: r }) => {
-  const n = Ge(e), i = tr(t.observation), a = W(() => r2([...e.data.filter(we.group, "eq", i)]), [e.data, i]);
+  const n = Ge(e), i = er(t.observation), a = W(() => r2([...e.data.filter(we.group, "eq", i)]), [e.data, i]);
   if (!a) return null;
   const o = n.get("stroke", t.observation, "hovered"), s = n.get("alpha", t.observation, "hovered"), l = n.get("strokeAlpha", t.observation, "hovered"), c = n.get("strokeWidth", t.observation, "hovered"), u = mr(n.get("dashArray", t.observation, "hovered"), c), d = n.get("lineCap", t.observation, "hovered"), h = n.get("lineJoin", t.observation, "hovered");
   return /* @__PURE__ */ U(me, { children: [
@@ -32697,7 +32708,7 @@ var Ute = U_((() => {
 }, Mre = Cr(function({ layer: t, shouldAnimateTransitions: r, intro: n }) {
   const i = Ge(t), a = Uu(n?.type === "grow" && n.growAxis === "size" ? n : null, r);
   return W(() => {
-    const o = a.activeIntro ? rr(t.data, t.mapping, t.id) : null, s = [];
+    const o = a.activeIntro ? tr(t.data, t.mapping, t.id) : null, s = [];
     let l = 0;
     for (const c of t.data) s.push(/* @__PURE__ */ v(EP, {
       observation: c,
@@ -33247,7 +33258,7 @@ function cpe(e) {
 var Qre = () => {
   const e = /* @__PURE__ */ new Map();
   return co((t) => ({
-    hover: Kt,
+    hover: or,
     tooltipAnchor: null,
     pointerRegions: [],
     isPointerSuspended: !1,
@@ -33267,7 +33278,7 @@ var Qre = () => {
     layers: e,
     coordSystem: t
   }), [e, t]), n = de(null);
-  n.current === null && (n.current = new vz(r));
+  n.current === null && (n.current = new gz(r));
   const i = n.current, a = de(!1);
   return ye(() => {
     if (!a.current) {
@@ -33412,9 +33423,9 @@ function cne() {
 function une(e) {
   const { engine: t, store: r } = na();
   return Ce((n, i) => {
-    const { hover: a, setHoverState: o, setTooltipAnchor: s } = r.getState(), l = n === null ? Kt : t.resolveHoverByKey(e, n);
+    const { hover: a, setHoverState: o, setTooltipAnchor: s } = r.getState(), l = n === null ? or : t.resolveHoverByKey(e, n);
     if (l.primary === null) {
-      a.primary?.layerId === e && (o(Kt), s(null));
+      a.primary?.layerId === e && (o(or), s(null));
       return;
     }
     o(l), s(i ? {
@@ -33538,7 +33549,7 @@ function h2(e) {
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-function Jt() {
+function Qt() {
   for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = h2(e)) && (n && (n += " "), n += t);
   return n;
 }
@@ -33567,7 +33578,7 @@ var kne = "dev-tools-panel_theadRow__58flceh", Pne = "dev-tools-panel_historyHea
     });
   };
   return /* @__PURE__ */ U("div", {
-    className: Jt(Ane, r),
+    className: Qt(Ane, r),
     style: {
       width: e,
       ...t
@@ -37412,7 +37423,7 @@ function Ju() {
 function wo(e) {
   return G2(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Zt(e) {
+function Jt(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -37421,16 +37432,16 @@ function Cn(e) {
   return (t = (G2(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function G2(e) {
-  return Ju() ? e instanceof Node || e instanceof Zt(e).Node : !1;
+  return Ju() ? e instanceof Node || e instanceof Jt(e).Node : !1;
 }
 function Pr(e) {
-  return Ju() ? e instanceof Element || e instanceof Zt(e).Element : !1;
+  return Ju() ? e instanceof Element || e instanceof Jt(e).Element : !1;
 }
 function In(e) {
-  return Ju() ? e instanceof HTMLElement || e instanceof Zt(e).HTMLElement : !1;
+  return Ju() ? e instanceof HTMLElement || e instanceof Jt(e).HTMLElement : !1;
 }
 function Pw(e) {
-  return !Ju() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Zt(e).ShadowRoot;
+  return !Ju() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Jt(e).ShadowRoot;
 }
 function sl(e) {
   const { overflow: t, overflowX: r, overflowY: n, display: i } = _r(e);
@@ -37471,7 +37482,7 @@ function to(e) {
   return /^(html|body|#document)$/.test(wo(e));
 }
 function _r(e) {
-  return Zt(e).getComputedStyle(e);
+  return Jt(e).getComputedStyle(e);
 }
 function ed(e) {
   return Pr(e) ? {
@@ -37494,7 +37505,7 @@ function W2(e) {
 function Vf(e, t, r) {
   var n;
   t === void 0 && (t = []), r === void 0 && (r = !0);
-  const i = W2(e), a = i === ((n = e.ownerDocument) == null ? void 0 : n.body), o = Zt(i);
+  const i = W2(e), a = i === ((n = e.ownerDocument) == null ? void 0 : n.body), o = Jt(i);
   if (a) {
     const s = Hf(o);
     return t.concat(o, o.visualViewport || [], sl(i) ? i : [], s && r ? Vf(s) : []);
@@ -37528,14 +37539,14 @@ function Fa(e) {
 }
 var Wae = /* @__PURE__ */ en(0);
 function $2(e) {
-  const t = Zt(e);
+  const t = Jt(e);
   return !yg() || !t.visualViewport ? Wae : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Uae(e, t, r) {
-  return t === void 0 && (t = !1), !r || t && r !== Zt(e) ? !1 : t;
+  return t === void 0 && (t = !1), !r || t && r !== Jt(e) ? !1 : t;
 }
 function Ps(e, t, r, n) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
@@ -37545,11 +37556,11 @@ function Ps(e, t, r, n) {
   const s = Uae(a, r, n) ? $2(a) : en(0);
   let l = (i.left + s.x) / o.x, c = (i.top + s.y) / o.y, u = i.width / o.x, d = i.height / o.y;
   if (a) {
-    const h = Zt(a), m = n && Pr(n) ? Zt(n) : n;
+    const h = Jt(a), m = n && Pr(n) ? Jt(n) : n;
     let f = h, p = Hf(f);
     for (; p && n && m !== f; ) {
       const g = Fa(p), y = p.getBoundingClientRect(), x = _r(p), w = y.left + (p.clientLeft + parseFloat(x.paddingLeft)) * g.x, T = y.top + (p.clientTop + parseFloat(x.paddingTop)) * g.y;
-      l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += w, c += T, f = Zt(p), p = Hf(f);
+      l *= g.x, c *= g.y, u *= g.x, d *= g.y, l += w, c += T, f = Jt(p), p = Hf(f);
     }
   }
   return zc({
@@ -37607,7 +37618,7 @@ function zae(e) {
 }
 var _w = 25;
 function Yae(e, t) {
-  const r = Zt(e), n = Cn(e), i = r.visualViewport;
+  const r = Jt(e), n = Cn(e), i = r.visualViewport;
   let a = n.clientWidth, o = n.clientHeight, s = 0, l = 0;
   if (i) {
     a = i.width, o = i.height;
@@ -37723,7 +37734,7 @@ function Iw(e, t) {
   return Cn(e) === r && (r = r.ownerDocument.body), r;
 }
 function K2(e, t) {
-  const r = Zt(e);
+  const r = Jt(e);
   if (Zu(e)) return r;
   if (!In(e)) {
     let i = Jn(e);
@@ -38050,7 +38061,7 @@ var Gf = (e, t) => {
 }, goe = ({ children: e, className: t, style: r }) => {
   const { themeClass: n, inlineVarsStyle: i } = xg();
   return /* @__PURE__ */ v("div", {
-    className: Jt(n, uoe, t),
+    className: Qt(n, uoe, t),
     style: {
       ...i,
       ...r
@@ -38898,7 +38909,7 @@ var $se = "brand-mark_glyphWell__mjr3u52", zse = "brand-mark_glyph__mjr3u53", Ys
 }, ele = (e, t, r = "full") => !e || t.width < 120 || t.height < 80 ? "hidden" : t.width < 200 || r === "mini" ? "mini" : "full", p_ = ({ visual: e, placement: t }) => {
   const r = Qse(Be(Se().graph().get("fill")));
   return /* @__PURE__ */ U("a", {
-    className: Jt(jse, e === "mini" && "brand-mark_miniRoot__mjr3u51", t === "footer" ? Xse : qse),
+    className: Qt(jse, e === "mini" && "brand-mark_miniRoot__mjr3u51", t === "footer" ? Xse : qse),
     href: Wse,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -38987,7 +38998,7 @@ var fle = 22, mle = ({ ref: e, headerRect: t, mode: r = Sn.readonly, title: n, i
   const { Title: u } = Mg(), d = ii[hg(r)].inlineTextEditing ? u : null, h = d !== null, m = i && (h || n !== null), f = o && (h || a !== null), p = c !== "hidden";
   return !m && !f && !p ? null : /* @__PURE__ */ U("div", {
     ref: e,
-    className: Jt(hle, p && "header.renderer_withBrandMark__1y52e9e1"),
+    className: Qt(hle, p && "header.renderer_withBrandMark__1y52e9e1"),
     style: {
       left: t.x,
       top: t.y,
@@ -39090,10 +39101,10 @@ var _le = ({ segment: e, itemStyle: t }) => {
   if (e.kind === "trendArrow") {
     const i = y_(t, e.direction);
     return /* @__PURE__ */ v("div", {
-      className: Jt(Ple, e.direction === "down" && "headline-segment_trendArrowDown__1gz17pz3"),
+      className: Qt(Ple, e.direction === "down" && "headline-segment_trendArrowDown__1gz17pz3"),
       style: {
         color: i,
-        backgroundColor: e.direction === "flat" ? qt(O.textPrimary, 0.1) : qt(i, 0.2)
+        backgroundColor: e.direction === "flat" ? Xt(O.textPrimary, 0.1) : Xt(i, 0.2)
       },
       children: e.direction === "flat" ? /* @__PURE__ */ v(Mle, {
         size: "xs",
@@ -39251,7 +39262,7 @@ var $le = 8, zle = 16, Yle = 2, Kle = ({ indexedLegends: e, containerRect: t })
         dashArray: u
       }, d.payload.key))
     }), i.map((d) => /* @__PURE__ */ v("span", {
-      className: Jt(jle, o && "direct-labels_hitTestableItem__1a6kdls3"),
+      className: Qt(jle, o && "direct-labels_hitTestableItem__1a6kdls3"),
       style: {
         ...s,
         left: l,
@@ -39430,10 +39441,10 @@ var oce = "pill-content_bubble__1rqnt0m0", dh = "\0", sce = (e, t) => {
   const g = t === "left" || t === "right", y = h === null ? [] : Array.from({ length: h }, (x, w) => h - w);
   return /* @__PURE__ */ U(me, { children: [/* @__PURE__ */ U("div", {
     ref: f.setReference,
-    className: Jt(Zle, h !== null && g && tce[h], h !== null && !g && ece[h]),
+    className: Qt(Zle, h !== null && g && tce[h], h !== null && !g && ece[h]),
     ...jw,
     children: [h !== null && y.map((x) => /* @__PURE__ */ v("span", {
-      className: Jt("legend-overflow_triggerGhost__h68bv35", g ? nce[h] : rce[h]),
+      className: Qt("legend-overflow_triggerGhost__h68bv35", g ? nce[h] : rce[h]),
       style: {
         ...m,
         ...fce(x, g)
@@ -39465,7 +39476,7 @@ var oce = "pill-content_bubble__1rqnt0m0", dh = "\0", sce = (e, t) => {
     children: /* @__PURE__ */ v("ul", {
       className: "legend-overflow_popoverList__h68bv3d",
       children: e.map((x) => /* @__PURE__ */ v("li", {
-        className: Jt("legend-overflow_popoverItem__h68bv3e", l && "legend-overflow_hitTestablePopoverItem__h68bv3f"),
+        className: Qt("legend-overflow_popoverItem__h68bv3e", l && "legend-overflow_hitTestablePopoverItem__h68bv3f"),
         ...l ? kg(x.address) : void 0,
         children: /* @__PURE__ */ v(P_, { pill: x })
       }, x.key))
@@ -39533,14 +39544,14 @@ var xce = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }
   if (h.length === 0) return null;
   const x = h.slice(0, g.visibleCount), w = h.slice(g.visibleCount), T = g.hasOverflow && w.length > 0, _ = M_(l.item, y(l.item.fill));
   return /* @__PURE__ */ U("div", {
-    className: Jt(vce[p], mce, {
+    className: Qt(vce[p], mce, {
       [gce]: m,
       [pce]: !m,
       [yce[e === "left" ? "left" : "right"]]: m
     }),
     style: { gap: s.gap },
     children: [x.map((A) => /* @__PURE__ */ v("div", {
-      className: Jt(bce, d && "pill-legends_hitTestableItem__1unrqh49"),
+      className: Qt(bce, d && "pill-legends_hitTestableItem__1unrqh49"),
       style: _,
       ...d ? kg(A.address) : void 0,
       children: /* @__PURE__ */ v(P_, { pill: A })
@@ -39827,7 +39838,7 @@ var xce = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }
     y.setHoverState(t.query(w, n)), y.setTooltipAnchor(null);
   }, c = () => {
     const f = r.getState();
-    f.hover.primary === null && f.tooltipAnchor === null || (f.setHoverState(Kt), f.setTooltipAnchor(null));
+    f.hover.primary === null && f.tooltipAnchor === null || (f.setHoverState(or), f.setTooltipAnchor(null));
   }, u = (f) => {
     const p = r.getState();
     if (p.pointerRegions.length === 0) return !1;
@@ -40226,7 +40237,7 @@ var xce = ({ edge: e, indexedLegends: t, containerWidth: r, containerHeight: n }
   };
 }, vue = (e) => {
   if (e.fill === "transparent") return {};
-  const t = Be(e.fill), r = e.fillAlpha < 1 ? qt(t, e.fillAlpha) : t;
+  const t = Be(e.fill), r = e.fillAlpha < 1 ? Xt(t, e.fillAlpha) : t;
   if (e.strokeWidth <= 0) return { backgroundColor: r };
   const n = e.stroke ?? Uee(t, fue);
   return {
@@ -41324,6 +41335,7 @@ var wde = 4, Ade = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates:
     styleReaders: l
   }) : u.length === 0 ? null : c.renderHoverCompanions({
     layer: e,
+    coordSystem: t,
     primary: n,
     related: u,
     colorScheme: s,
@@ -41644,14 +41656,14 @@ var wde = 4, Ade = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates:
   ]), x = t && p === "transparent";
   return /* @__PURE__ */ v("div", {
     "data-testid": "graph-wrapper",
-    className: Jt(coe, o),
+    className: Qt(coe, o),
     style: g,
     children: /* @__PURE__ */ v("div", {
       ref: i,
       "data-testid": "graph-inner",
       "data-graph-mode": r,
       tabIndex: t ? 0 : void 0,
-      className: Jt(doe, {
+      className: Qt(doe, {
         [hoe]: t,
         [foe]: x
       }),
@@ -41735,7 +41747,7 @@ var wde = 4, Ade = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates:
     textMeasurer: j,
     metrics: le,
     overrides: Mte()
-  }), nr = W(() => $z(ne), [ne]), st = dse({
+  }), rr = W(() => $z(ne), [ne]), st = dse({
     measurer: ot,
     axes: s,
     numberFormat: u,
@@ -41749,7 +41761,7 @@ var wde = 4, Ade = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates:
     layers: c,
     coordSystem: m,
     overflowStrategy: y,
-    panelBorder: nr,
+    panelBorder: rr,
     padding: ce(hY, K),
     margins: ce(fY, K)
   }), ct = W(() => !st || !at || !ot ? null : PW({
@@ -41806,7 +41818,7 @@ var wde = 4, Ade = ({ renderer: e, layer: t, matchedLayer: r, overlayCandidates:
                 /* @__PURE__ */ v(Nde, {
                   formattedAxes: kt,
                   plotRect: Pe.plot,
-                  panelBorder: nr,
+                  panelBorder: rr,
                   panelFrameRect: Pe.panelFrame,
                   panelRect: Pe.panel,
                   axisRects: Pe.axes,
@@ -41982,7 +41994,7 @@ export {
   cpe as createGraphyKit,
   I9 as createSpec,
   lfe as createStableBandKeyGenerator,
-  rr as createStableKeyGenerator,
+  tr as createStableKeyGenerator,
   xY as createStyleResolver,
   ht as createValueFormatter,
   moe as darkTheme,
@@ -41993,7 +42005,7 @@ export {
   Em as getAngleExtent,
   zs as getBarRectBounds,
   ES as getColor,
-  tr as getGroup,
+  er as getGroup,
   Os as getGroupVariables,
   kS as getLineType,
   gu as getRadiusExtent,
@@ -42003,7 +42015,7 @@ export {
   yV as getTileRectBounds,
   ge as getX,
   Dt as getXMax,
-  er as getXMin,
+  Zt as getXMin,
   fe as getY,
   it as getYMax,
   Ot as getYMin,