@graphysdk/node-renderer 1.8.1-beta.1787150640613 → 2.0.0-beta.1786389736654

package/dist/index.mjs

@@ -1,39 +1,39 @@
 import { existsSync as tt, readFileSync as ot } from "node:fs";
 import { createRequire as Le } from "node:module";
-import H from "node:path";
+import O from "node:path";
 import { fileURLToPath as nt } from "node:url";
 import { convertGraphConfig as rt } from "@graphysdk/viz-engine/graph-config";
 import { curveCatmullRom as st, curveLinear as it, area as Re, line as we, arc as at } from "d3-shape";
-import { createStyleResolver as P, GROUP_VARIABLES as Be, getX as v, getY as B, getXMin as lt, getXMax as dt, getYMin as ct, getYMax as ft, getBarRectBounds as ut, buildColumnKey as ht, resolveBarBorderTreatment as ve, resolveBarCornerRadiiPx as $, getBoundingRect as gt, getRuleDashPattern as mt, getRuleLabelTextColor as pt, formatRuleValue as At, buildFontString as R, getAngleExtent as bt, getRadiusExtent as yt, buildSliceGroupKey as Tt, getUnionExtent as St, resolvePolarBarCornerRadiusUnit as Et, createCompiler as Lt, toFontSpec as J, isSafeUrl as Rt, extractPlainText as te, computePanelBorderPaths as wt, resolvePanelBorderStyle as Bt, resolveGridLineStyle as vt, getAestheticFromScaleAestheticKey as U, computeLineBoxHeight as _t, getDifferenceArrowDimensions as Ct, formatLegends as Nt, resolveAxisLabelStyle as fe, resolveTickLabelStyle as ue, resolveTickLineStyle as he, DATA_LABEL_ROLES as It, DATA_LABEL_POSITIONS as Pt, resolveDataLabelStyle as kt, LayoutCompiler as Dt } from "@graphysdk/viz-engine";
-import { Buffer as Ot } from "node:buffer";
-let G, x;
-const Ft = () => G ? Promise.resolve(G) : (x ??= import("@napi-rs/canvas").then((e) => (G = e, e)).catch((e) => {
+import { createStyleResolver as D, GROUP_VARIABLES as _e, getX as _, getY as w, getXMin as lt, getXMax as dt, getYMin as ct, getYMax as ft, getBarRectBounds as ut, buildColumnKey as ht, resolveBarBorderTreatment as Ie, resolveBarCornerRadiiPx as $, getBoundingRect as gt, getRuleDashPattern as mt, getRuleLabelTextColor as At, formatRuleValue as bt, buildFontString as S, getAngleExtent as pt, getRadiusExtent as yt, buildSliceGroupKey as Tt, getUnionExtent as Et, resolvePolarBarCornerRadiusUnit as St, createCompiler as Lt, isSafeUrl as Rt, extractPlainText as te, computePanelBorderPaths as wt, getDataLabelDimensions as _t, getDifferenceArrowDimensions as It, formatLegends as Bt, LayoutCompiler as Nt } from "@graphysdk/viz-engine";
+import { Buffer as Ct } from "node:buffer";
+let M, x;
+const vt = () => M ? Promise.resolve(M) : (x ??= import("@napi-rs/canvas").then((e) => (M = e, e)).catch((e) => {
   throw x = void 0, e;
-}), x), z = () => {
-  if (!G)
+}), x), V = () => {
+  if (!M)
     throw new Error("Canvas runtime is not loaded. Call loadCanvasRuntime() before rendering.");
-  return G;
-}, E = "Inter", oe = /* @__PURE__ */ new Set();
-let ge = !1, j = !1;
-const _e = (e) => `${e.family}|${e.weight ?? 400}|${e.style ?? "normal"}`, Ce = (e) => {
-  const t = _e(e);
-  oe.has(t) || (z().GlobalFonts.register(e.data, e.family), oe.add(t));
-}, Ht = [
-  { file: "Inter-Regular.ttf", family: E, weight: 400 },
-  { file: "Inter-SemiBold.ttf", family: E, weight: 600 }
-], Mt = [
-  { file: "inter-latin-400-normal.woff", family: E, weight: 400 },
-  { file: "inter-latin-600-normal.woff", family: E, weight: 600 }
-], Gt = "@fontsource/inter", Ut = () => {
+  return M;
+}, T = "Inter", oe = /* @__PURE__ */ new Set();
+let ue = !1, Z = !1;
+const Be = (e) => `${e.family}|${e.weight ?? 400}|${e.style ?? "normal"}`, Ne = (e) => {
+  const t = Be(e);
+  oe.has(t) || (V().GlobalFonts.register(e.data, e.family), oe.add(t));
+}, Pt = [
+  { file: "Inter-Regular.ttf", family: T, weight: 400 },
+  { file: "Inter-SemiBold.ttf", family: T, weight: 600 }
+], kt = [
+  { file: "inter-latin-400-normal.woff", family: T, weight: 400 },
+  { file: "inter-latin-600-normal.woff", family: T, weight: 600 }
+], Dt = "@fontsource/inter", Ft = () => {
   try {
-    const e = Le(import.meta.url), t = H.dirname(e.resolve("@graphysdk/node-renderer/package.json"));
-    return H.join(t, "assets");
+    const e = Le(import.meta.url), t = O.dirname(e.resolve("@graphysdk/node-renderer/package.json"));
+    return O.join(t, "assets");
   } catch {
-    return H.resolve(H.dirname(nt(import.meta.url)), "../assets");
+    return O.resolve(O.dirname(nt(import.meta.url)), "../assets");
   }
-}, Ne = (e, t, o) => {
+}, Ce = (e, t, o) => {
   try {
-    return tt(e) ? (Ce({
+    return tt(e) ? (Ne({
       family: t,
       data: ot(e),
       weight: o
@@ -41,20 +41,20 @@ const _e = (e) => `${e.family}|${e.weight ?? 400}|${e.style ?? "normal"}`, Ce =
   } catch {
     return !1;
   }
-}, Wt = () => {
-  const e = Ut();
-  for (const { file: t, family: o, weight: n } of Ht)
-    Ne(H.join(e, t), o, n) && (j = !0);
-}, Vt = () => {
+}, Ot = () => {
+  const e = Ft();
+  for (const { file: t, family: o, weight: n } of Pt)
+    Ce(O.join(e, t), o, n) && (Z = !0);
+}, Ht = () => {
   const e = Le(import.meta.url);
-  for (const { file: t, family: o, weight: n } of Mt)
-    if (!oe.has(_e({ family: o, data: Buffer.alloc(0), weight: n })))
+  for (const { file: t, family: o, weight: n } of kt)
+    if (!oe.has(Be({ family: o, data: Buffer.alloc(0), weight: n })))
       try {
-        const s = e.resolve(`${Gt}/files/${t}`);
-        Ne(s, o, n) && (j = !0);
+        const s = e.resolve(`${Dt}/files/${t}`);
+        Ce(s, o, n) && (Z = !0);
       } catch {
       }
-}, Kt = () => (ge || (ge = !0, Wt(), Vt()), j), C = (e, t) => e.x + t * e.width, _ = (e, t) => e.y + (1 - t) * e.height, ne = (e) => e === "catmull-rom" ? st : it, Ie = (e) => {
+}, Mt = () => (ue || (ue = !0, Ot(), Ht()), Z), B = (e, t) => e.x + t * e.width, I = (e, t) => e.y + (1 - t) * e.height, ne = (e) => e === "catmull-rom" ? st : it, ve = (e) => {
   switch (e) {
     case "dashed":
       return [8, 4];
@@ -63,160 +63,160 @@ const _e = (e) => `${e.family}|${e.weight ?? 400}|${e.style ?? "normal"}`, Ce =
     case "solid":
       return [];
   }
-}, F = (e) => e, zt = (e, t) => t !== "connect" ? e : e.filter((o) => v(o) !== null && B(o) !== null), Xt = (e, t, o) => {
+}, F = (e) => e, Gt = (e, t) => t !== "connect" ? e : e.filter((o) => _(o) !== null && w(o) !== null), Ut = (e, t, o) => {
   const n = ne(t.interpolate), s = Re().curve(n), r = we().curve(n);
   if (e.mainAxis === "y") {
-    const i = (a) => _(o, B(a) ?? 0), l = (a) => C(o, lt(a) ?? 0), d = (a) => C(o, dt(a) ?? v(a) ?? 0);
-    s.y(i).x0(l).x1(d), r.y(i).x(d);
+    const i = (l) => I(o, w(l) ?? 0), a = (l) => B(o, lt(l) ?? 0), d = (l) => B(o, dt(l) ?? _(l) ?? 0);
+    s.y(i).x0(a).x1(d), r.y(i).x(d);
   } else {
-    const i = (a) => C(o, v(a) ?? 0), l = (a) => _(o, ct(a) ?? 0), d = (a) => _(o, ft(a) ?? B(a) ?? 0);
-    s.x(i).y0(l).y1(d), r.x(i).y(d);
+    const i = (l) => B(o, _(l) ?? 0), a = (l) => I(o, ct(l) ?? 0), d = (l) => I(o, ft(l) ?? w(l) ?? 0);
+    s.x(i).y0(a).y1(d), r.x(i).y(d);
   }
   if (t.missingValues === "gap") {
-    const i = (l) => v(l) !== null && B(l) !== null;
+    const i = (a) => _(a) !== null && w(a) !== null;
     s.defined(i), r.defined(i);
   }
   return { areaGenerator: s, lineGenerator: r };
-}, Yt = F({
+}, Wt = F({
   geom: "area",
   coord: "cartesian",
   draw: (e, { layer: t, coordSystem: o, panel: n, colorScheme: s }) => {
-    const r = P({ colorScheme: s }).geomReaders(t), { areaGenerator: i, lineGenerator: l } = Xt(o, t.params, n), d = e;
-    t.data.groupBy(Be.group).forEach((a) => {
-      const c = zt([...a], t.params.missingValues), u = c[0];
-      if (!u) return;
-      const f = r.get("color", u), h = r.get("alpha", u), g = r.get("strokeWidth", u), A = Ie(r.get("lineType", u));
-      e.save(), e.globalAlpha = h, e.fillStyle = f, e.beginPath(), i.context(d)(c), e.fill(), e.restore(), e.save(), e.globalAlpha = r.get("strokeAlpha", u), e.strokeStyle = f, e.lineWidth = g, e.setLineDash(A), e.lineJoin = "round", e.lineCap = "round", e.beginPath(), l.context(d)(c), e.stroke(), e.restore();
+    const r = D({ colorScheme: s }).geomReaders(t), { areaGenerator: i, lineGenerator: a } = Ut(o, t.params, n), d = e;
+    t.data.groupBy(_e.group).forEach((l) => {
+      const c = Gt([...l], t.params.missingValues), f = c[0];
+      if (!f) return;
+      const u = r.get("color", f), h = r.get("alpha", f), g = r.get("strokeWidth", f), A = ve(r.get("lineType", f));
+      e.save(), e.globalAlpha = h, e.fillStyle = u, e.beginPath(), i.context(d)(c), e.fill(), e.restore(), e.save(), e.globalAlpha = r.get("strokeAlpha", f), e.strokeStyle = u, e.lineWidth = g, e.setLineDash(A), e.lineJoin = "round", e.lineCap = "round", e.beginPath(), a.context(d)(c), e.stroke(), e.restore();
     });
   }
-}), me = (e, t, o, n, s, r) => {
-  const i = Math.max(0, Math.min(r.rx ?? r.ry ?? 0, n / 2)), l = Math.max(0, Math.min(r.ry ?? r.rx ?? 0, s / 2)), d = Math.PI / 2;
-  e.moveTo(t + i, o), e.lineTo(t + n - i, o), e.ellipse(t + n - i, o + l, i, l, 0, -d, 0), e.lineTo(t + n, o + s - l), e.ellipse(t + n - i, o + s - l, i, l, 0, 0, d), e.lineTo(t + i, o + s), e.ellipse(t + i, o + s - l, i, l, 0, d, Math.PI), e.lineTo(t, o + l), e.ellipse(t + i, o + l, i, l, 0, Math.PI, Math.PI * 1.5), e.closePath();
-}, qt = F({
+}), he = (e, t, o, n, s, r) => {
+  const i = Math.max(0, Math.min(r.rx ?? r.ry ?? 0, n / 2)), a = Math.max(0, Math.min(r.ry ?? r.rx ?? 0, s / 2)), d = Math.PI / 2;
+  e.moveTo(t + i, o), e.lineTo(t + n - i, o), e.ellipse(t + n - i, o + a, i, a, 0, -d, 0), e.lineTo(t + n, o + s - a), e.ellipse(t + n - i, o + s - a, i, a, 0, 0, d), e.lineTo(t + i, o + s), e.ellipse(t + i, o + s - a, i, a, 0, d, Math.PI), e.lineTo(t, o + a), e.ellipse(t + i, o + a, i, a, 0, Math.PI, Math.PI * 1.5), e.closePath();
+}, Vt = F({
   geom: "bar",
   coord: "cartesian",
   draw: (e, { layer: t, coordSystem: o, panel: n, colorScheme: s }) => {
-    const { Path2D: r } = z(), i = P({ colorScheme: s }).geomReaders(t), l = o.mainAxis, d = /* @__PURE__ */ new Map();
-    for (const a of t.data) {
-      const c = ut(l, a);
+    const { Path2D: r } = V(), i = D({ colorScheme: s }).geomReaders(t), a = o.mainAxis, d = /* @__PURE__ */ new Map();
+    for (const l of t.data) {
+      const c = ut(a, l);
       if (!c) continue;
-      const u = C(n, c.x), f = n.y + c.y * n.height, h = {
-        x: u,
-        y: f,
+      const f = B(n, c.x), u = n.y + c.y * n.height, h = {
+        x: f,
+        y: u,
         width: c.width * n.width,
         height: c.height * n.height,
-        fill: i.get("color", a),
-        opacity: i.get("alpha", a)
-      }, g = ht(l, c), A = d.get(g);
+        fill: i.get("color", l),
+        opacity: i.get("alpha", l)
+      }, g = ht(a, c), A = d.get(g);
       A ? A.bars.push(h) : d.set(g, {
         bars: [h],
         style: {
-          borderColor: i.get("borderColor", a),
-          borderWidth: i.get("borderWidth", a),
-          borderRadius: i.get("borderRadius", a),
-          borderAlpha: i.get("alpha", a)
+          borderColor: i.get("borderColor", l),
+          borderWidth: i.get("borderWidth", l),
+          borderRadius: i.get("borderRadius", l),
+          borderAlpha: i.get("alpha", l)
         }
       });
     }
-    for (const { bars: a, style: c } of d.values()) {
-      const { borderColor: u, borderRadius: f, borderWidth: h, borderAlpha: g } = c, A = ve(h), p = f === "full" ? void 0 : $({ borderRadius: f, mainAxis: l });
-      if (!(a.length > 1)) {
-        const [m] = a;
+    for (const { bars: l, style: c } of d.values()) {
+      const { borderColor: f, borderRadius: u, borderWidth: h, borderAlpha: g } = c, A = Ie(h), b = u === "full" ? void 0 : $({ borderRadius: u, mainAxis: a });
+      if (!(l.length > 1)) {
+        const [m] = l;
         if (!m) continue;
-        const w = p ?? $({ borderRadius: f, mainAxis: l, bounds: { width: m.width, height: m.height } }), L = new r();
-        me(L, m.x, m.y, m.width, m.height, w), e.save(), e.globalAlpha = m.opacity, e.fillStyle = m.fill, e.fill(L), u !== void 0 && (e.clip(L), e.strokeStyle = u, e.lineWidth = A.outlineWidth, e.stroke(L)), e.restore();
+        const v = b ?? $({ borderRadius: u, mainAxis: a, bounds: { width: m.width, height: m.height } }), L = new r();
+        he(L, m.x, m.y, m.width, m.height, v), e.save(), e.globalAlpha = m.opacity, e.fillStyle = m.fill, e.fill(L), f !== void 0 && (e.clip(L), e.strokeStyle = f, e.lineWidth = A.outlineWidth, e.stroke(L)), e.restore();
         continue;
       }
-      const y = gt(a), S = p ?? $({ borderRadius: f, mainAxis: l, bounds: { width: y.width, height: y.height } }), T = new r();
-      me(T, y.x, y.y, y.width, y.height, S), e.save(), e.clip(T);
-      for (const m of a)
-        e.globalAlpha = m.opacity, e.fillStyle = m.fill, e.fillRect(m.x, m.y, m.width, m.height), u !== void 0 && (e.strokeStyle = u, e.lineWidth = A.separatorWidth, e.strokeRect(m.x, m.y, m.width, m.height));
-      u !== void 0 && (e.globalAlpha = g, e.strokeStyle = u, e.lineWidth = A.outlineWidth, e.stroke(T)), e.restore();
+      const p = gt(l), R = b ?? $({ borderRadius: u, mainAxis: a, bounds: { width: p.width, height: p.height } }), y = new r();
+      he(y, p.x, p.y, p.width, p.height, R), e.save(), e.clip(y);
+      for (const m of l)
+        e.globalAlpha = m.opacity, e.fillStyle = m.fill, e.fillRect(m.x, m.y, m.width, m.height), f !== void 0 && (e.strokeStyle = f, e.lineWidth = A.separatorWidth, e.strokeRect(m.x, m.y, m.width, m.height));
+      f !== void 0 && (e.globalAlpha = g, e.strokeStyle = f, e.lineWidth = A.outlineWidth, e.stroke(y)), e.restore();
     }
   }
-}), pe = (e, t) => {
+}), ge = (e, t) => {
   const o = /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(e.trim());
   if (o?.[1] !== void 0) {
-    const s = o[1], r = s.length === 3 ? [...s].map((a) => a + a).join("") : s.slice(0, 6), i = Number.parseInt(r.slice(0, 2), 16), l = Number.parseInt(r.slice(2, 4), 16), d = Number.parseInt(r.slice(4, 6), 16);
-    return `rgba(${i}, ${l}, ${d}, ${t})`;
+    const s = o[1], r = s.length === 3 ? [...s].map((l) => l + l).join("") : s.slice(0, 6), i = Number.parseInt(r.slice(0, 2), 16), a = Number.parseInt(r.slice(2, 4), 16), d = Number.parseInt(r.slice(4, 6), 16);
+    return `rgba(${i}, ${a}, ${d}, ${t})`;
   }
   const n = /^rgba?\(([^)]+)\)$/i.exec(e.trim());
   if (n?.[1] !== void 0) {
-    const s = n[1].split(",").map((d) => d.trim()), [r, i, l] = s;
-    if (r !== void 0 && i !== void 0 && l !== void 0)
-      return `rgba(${r}, ${i}, ${l}, ${t})`;
+    const s = n[1].split(",").map((d) => d.trim()), [r, i, a] = s;
+    if (r !== void 0 && i !== void 0 && a !== void 0)
+      return `rgba(${r}, ${i}, ${a}, ${t})`;
   }
   return t === 0 ? "rgba(0, 0, 0, 0)" : e;
-}, jt = (e, t) => t !== "connect" ? e : e.filter((o) => v(o) !== null && B(o) !== null), Qt = (e, t) => {
-  const { seriesObservations: o, fillGenerator: n, panel: s, color: r, fillAlpha: i } = t, l = o.map((a) => B(a)).filter((a) => a !== null).map((a) => _(s, a));
-  if (l.length === 0) return;
-  const d = e.createLinearGradient(0, Math.min(...l), 0, s.y + s.height);
-  d.addColorStop(0, r), d.addColorStop(0.7, pe(r, 0)), d.addColorStop(1, pe(r, 0)), e.save(), e.globalAlpha = i, e.fillStyle = d, e.beginPath(), n.context(e)(o), e.fill(), e.restore();
-}, Zt = F({
+}, Kt = (e, t) => t !== "connect" ? e : e.filter((o) => _(o) !== null && w(o) !== null), Xt = (e, t) => {
+  const { seriesObservations: o, fillGenerator: n, panel: s, color: r, fillAlpha: i } = t, a = o.map((l) => w(l)).filter((l) => l !== null).map((l) => I(s, l));
+  if (a.length === 0) return;
+  const d = e.createLinearGradient(0, Math.min(...a), 0, s.y + s.height);
+  d.addColorStop(0, r), d.addColorStop(0.7, ge(r, 0)), d.addColorStop(1, ge(r, 0)), e.save(), e.globalAlpha = i, e.fillStyle = d, e.beginPath(), n.context(e)(o), e.fill(), e.restore();
+}, zt = F({
   geom: "line",
   coord: "cartesian",
   draw: (e, { layer: t, panel: o, colorScheme: n }) => {
-    const s = P({ colorScheme: n }).geomReaders(t), r = we().x((l) => C(o, v(l) ?? 0)).y((l) => _(o, B(l) ?? 0)).curve(ne(t.params.interpolate)), i = Re().x((l) => C(o, v(l) ?? 0)).y0(o.y + o.height).y1((l) => _(o, B(l) ?? 0)).curve(ne(t.params.interpolate));
+    const s = D({ colorScheme: n }).geomReaders(t), r = we().x((a) => B(o, _(a) ?? 0)).y((a) => I(o, w(a) ?? 0)).curve(ne(t.params.interpolate)), i = Re().x((a) => B(o, _(a) ?? 0)).y0(o.y + o.height).y1((a) => I(o, w(a) ?? 0)).curve(ne(t.params.interpolate));
     if (t.params.missingValues === "gap") {
-      const l = (d) => v(d) !== null && B(d) !== null;
-      r.defined(l), i.defined(l);
+      const a = (d) => _(d) !== null && w(d) !== null;
+      r.defined(a), i.defined(a);
     }
-    t.data.groupBy(Be.group).forEach((l) => {
-      const d = jt([...l], t.params.missingValues), a = d[0];
-      if (!a) return;
-      const c = s.get("strokeWidth", a), u = Ie(s.get("lineType", a)), f = s.get("color", a), h = s.get("fillAlpha", a);
-      h !== void 0 && Qt(e, { seriesObservations: d, fillGenerator: i, panel: o, color: f, fillAlpha: h }), e.save(), e.globalAlpha = s.get("alpha", a), e.strokeStyle = f, e.lineWidth = c, e.setLineDash(u), e.lineJoin = "round", e.lineCap = "round", e.beginPath(), r.context(e)(d), e.stroke(), e.restore();
+    t.data.groupBy(_e.group).forEach((a) => {
+      const d = Kt([...a], t.params.missingValues), l = d[0];
+      if (!l) return;
+      const c = s.get("strokeWidth", l), f = ve(s.get("lineType", l)), u = s.get("color", l), h = s.get("fillAlpha", l);
+      h !== void 0 && Xt(e, { seriesObservations: d, fillGenerator: i, panel: o, color: u, fillAlpha: h }), e.save(), e.globalAlpha = s.get("alpha", l), e.strokeStyle = u, e.lineWidth = c, e.setLineDash(f), e.lineJoin = "round", e.lineCap = "round", e.beginPath(), r.context(e)(d), e.stroke(), e.restore();
     });
   }
-}), Jt = F({
+}), Yt = F({
   geom: "point",
   coord: "cartesian",
   draw: (e, { layer: t, panel: o, colorScheme: n }) => {
-    const s = P({ colorScheme: n }).geomReaders(t);
+    const s = D({ colorScheme: n }).geomReaders(t);
     for (const r of t.data) {
-      const i = v(r), l = B(r);
-      if (i === null || l === null) continue;
-      const d = C(o, i), a = _(o, l), c = s.get("size", r) / 2, u = s.get("borderWidth", r);
-      e.save(), e.globalAlpha = s.get("alpha", r), e.fillStyle = s.get("color", r), e.strokeStyle = s.get("borderColor", r), e.lineWidth = u, e.beginPath(), e.arc(d, a, c, 0, Math.PI * 2), e.fill(), u > 0 && e.stroke(), e.restore();
+      const i = _(r), a = w(r);
+      if (i === null || a === null) continue;
+      const d = B(o, i), l = I(o, a), c = s.get("size", r) / 2, f = s.get("borderWidth", r);
+      e.save(), e.globalAlpha = s.get("alpha", r), e.fillStyle = s.get("color", r), e.strokeStyle = s.get("borderColor", r), e.lineWidth = f, e.beginPath(), e.arc(d, l, c, 0, Math.PI * 2), e.fill(), f > 0 && e.stroke(), e.restore();
     }
   }
-}), le = 11, $t = "sans-serif", xt = 500, D = 5, Pe = 5, re = 13, ke = 6, X = 12, Ae = 21.6, eo = (e, t) => {
+}), ae = 11, qt = "sans-serif", Zt = 500, P = 5, Pe = 5, re = 13, ke = 6, K = 12, me = 21.6, jt = (e, t) => {
   const o = e.mapping.y !== void 0, n = t.mainAxis === "y";
   return o !== n;
-}, to = (e, t, o) => {
+}, Qt = (e, t, o) => {
   const n = mt(t, o);
   e.setLineDash(n), n.length > 0 && (e.lineCap = "round");
-}, oo = (e, t) => Y(e) && Y(t) ? `${e}: ${t}` : Y(e) ? e : Y(t) ? t : null, Y = (e) => e != null && e.trim() !== "", no = (e) => {
+}, Jt = (e, t) => X(e) && X(t) ? `${e}: ${t}` : X(e) ? e : X(t) ? t : null, X = (e) => e != null && e.trim() !== "", $t = (e) => {
   e.beginPath(), e.moveTo(2.48935, 16.9323), e.lineTo(9.07098, 9.82964), e.bezierCurveTo(9.51595, 9.34944, 9.51504, 8.60728, 9.0689, 8.12818), e.lineTo(2.48866, 1.06172), e.bezierCurveTo(1.85811, 0.384586, 0.974477, 0, 0.049217, 0), e.lineTo(0, 0), e.lineTo(0, 18), e.lineTo(0.0443689, 18), e.bezierCurveTo(0.972463, 18, 1.85854, 17.6131, 2.48935, 16.9323), e.closePath();
 }, De = (e, t, o, n, s, r) => {
   const i = Math.min(r, n / 2, s / 2);
   e.beginPath(), e.moveTo(t + i, o), e.lineTo(t + n - i, o), e.arcTo(t + n, o, t + n, o + i, i), e.lineTo(t + n, o + s - i), e.arcTo(t + n, o + s, t + n - i, o + s, i), e.lineTo(t + i, o + s), e.arcTo(t, o + s, t, o + s - i, i), e.lineTo(t, o + i), e.arcTo(t, o, t + i, o, i), e.closePath(), e.fill();
-}, ro = (e, t, o, n, s, r, i, l) => {
-  const d = o + D * 2, a = le + Pe * 2, c = n === "start", u = c ? r.x : r.x + r.width, f = _(r, s), h = c ? -re : -(d - re), g = c ? h + d - D : h + D - X;
-  e.save(), e.translate(u, f), e.translate(0, -a / 2), e.fillStyle = i, De(e, h, 0, d, a, ke), e.save(), c || (e.translate(g + X / 2, a / 2), e.rotate(Math.PI), e.translate(-(g + X / 2), -a / 2)), e.translate(g, (a - Ae) / 2), e.scale(X / 10, Ae / 18), e.fillStyle = i, no(e), e.fill(), e.restore(), e.fillStyle = l, e.textAlign = "left", e.textBaseline = "middle", e.fillText(t, h + D, a / 2), e.restore();
-}, so = (e, t, o, n, s, r, i, l) => {
-  const d = o + D * 2, a = le + Pe * 2, c = n === "start", u = C(r, s), f = c ? r.y + r.height : r.y, h = c ? -re : -8;
-  e.save(), e.translate(u, f), e.translate(-d / 2, 0), e.fillStyle = i, De(e, 0, h, d, a, ke), e.fillStyle = l, e.textAlign = "left", e.textBaseline = "middle", e.fillText(t, D, h + a / 2), e.restore();
-}, io = F({
+}, xt = (e, t, o, n, s, r, i, a) => {
+  const d = o + P * 2, l = ae + Pe * 2, c = n === "start", f = c ? r.x : r.x + r.width, u = I(r, s), h = c ? -re : -(d - re), g = c ? h + d - P : h + P - K;
+  e.save(), e.translate(f, u), e.translate(0, -l / 2), e.fillStyle = i, De(e, h, 0, d, l, ke), e.save(), c || (e.translate(g + K / 2, l / 2), e.rotate(Math.PI), e.translate(-(g + K / 2), -l / 2)), e.translate(g, (l - me) / 2), e.scale(K / 10, me / 18), e.fillStyle = i, $t(e), e.fill(), e.restore(), e.fillStyle = a, e.textAlign = "left", e.textBaseline = "middle", e.fillText(t, h + P, l / 2), e.restore();
+}, eo = (e, t, o, n, s, r, i, a) => {
+  const d = o + P * 2, l = ae + Pe * 2, c = n === "start", f = B(r, s), u = c ? r.y + r.height : r.y, h = c ? -re : -8;
+  e.save(), e.translate(f, u), e.translate(-d / 2, 0), e.fillStyle = i, De(e, 0, h, d, l, ke), e.fillStyle = a, e.textAlign = "left", e.textBaseline = "middle", e.fillText(t, P, h + l / 2), e.restore();
+}, to = F({
   geom: "rule",
   coord: "cartesian",
-  draw: (e, { layer: t, coordSystem: o, panel: n, compiled: s, textMeasurer: r, formattingLocale: i, colorScheme: l }) => {
+  draw: (e, { layer: t, coordSystem: o, panel: n, compiled: s, textMeasurer: r, formattingLocale: i, colorScheme: a }) => {
     const d = t.data.getFirst();
     if (!d) return;
-    const a = eo(t, o), c = a ? B(d) : v(d);
+    const l = jt(t, o), c = l ? w(d) : _(d);
     if (c === null) return;
-    const u = P({ colorScheme: l }).geomReaders(t), f = u.get("color", d), h = pt(f), g = u.get("strokeWidth", d);
-    if (e.save(), e.strokeStyle = f, e.lineWidth = g, to(e, u.get("lineType", d), g), e.beginPath(), a) {
-      const T = _(n, c);
-      e.moveTo(n.x, T), e.lineTo(n.x + n.width, T);
+    const f = D({ colorScheme: a }).geomReaders(t), u = f.get("color", d), h = At(u), g = f.get("strokeWidth", d);
+    if (e.save(), e.strokeStyle = u, e.lineWidth = g, Qt(e, f.get("lineType", d), g), e.beginPath(), l) {
+      const y = I(n, c);
+      e.moveTo(n.x, y), e.lineTo(n.x + n.width, y);
     } else {
-      const T = C(n, c);
-      e.moveTo(T, n.y), e.lineTo(T, n.y + n.height);
+      const y = B(n, c);
+      e.moveTo(y, n.y), e.lineTo(y, n.y + n.height);
     }
     e.stroke(), e.restore();
-    const A = oo(
+    const A = Jt(
       t.params.label,
-      At({
+      bt({
         guides: s.guides,
         numberFormat: s.config.numberFormat,
         layer: t,
@@ -224,71 +224,71 @@ const _e = (e) => `${e.family}|${e.weight ?? 400}|${e.style ?? "normal"}`, Ce =
       })
     );
     if (A === null) return;
-    const p = s.config.appearance.textScale, b = {
-      family: $t,
-      size: le * p,
-      weight: xt
+    const b = s.config.appearance.textScale, E = {
+      family: qt,
+      size: ae * b,
+      weight: Zt
     };
-    e.font = R(b);
-    const y = r.measureText(A, b).width;
-    (a ? ro : so)(e, A, y, t.params.labelPosition, c, n, f, h);
+    e.font = S(E);
+    const p = r.measureText(A, E).width;
+    (l ? xt : eo)(e, A, p, t.params.labelPosition, c, n, u, h);
   }
-}), M = at();
-M.digits(8);
-const ao = F({
+}), H = at();
+H.digits(8);
+const oo = F({
   geom: "bar",
   coord: "polar",
   draw: (e, { layer: t, coordSystem: o, panel: n, colorScheme: s }) => {
-    const r = n.x + n.width / 2, i = n.y + n.height / 2, l = Math.min(n.width, n.height) / 2, { Path2D: d } = z(), a = P({ colorScheme: s }).geomReaders(t);
-    e.save(), e.translate(r, i), e.scale(l, l);
-    const c = e, u = /* @__PURE__ */ new Map();
-    for (const f of t.data) {
-      const { startAngle: h, endAngle: g } = bt(f), { innerRadius: A, outerRadius: p } = yt(f);
-      if (h === null || g === null || A === null || p === null) continue;
-      const b = {
+    const r = n.x + n.width / 2, i = n.y + n.height / 2, a = Math.min(n.width, n.height) / 2, { Path2D: d } = V(), l = D({ colorScheme: s }).geomReaders(t);
+    e.save(), e.translate(r, i), e.scale(a, a);
+    const c = e, f = /* @__PURE__ */ new Map();
+    for (const u of t.data) {
+      const { startAngle: h, endAngle: g } = pt(u), { innerRadius: A, outerRadius: b } = yt(u);
+      if (h === null || g === null || A === null || b === null) continue;
+      const E = {
         startAngle: h,
         endAngle: g,
         innerRadius: A,
-        outerRadius: p,
-        fill: a.get("color", f),
-        opacity: a.get("alpha", f)
-      }, y = Tt(o.bandAxis, b), S = u.get(y);
-      S ? S.items.push(b) : u.set(y, {
-        items: [b],
+        outerRadius: b,
+        fill: l.get("color", u),
+        opacity: l.get("alpha", u)
+      }, p = Tt(o.bandAxis, E), R = f.get(p);
+      R ? R.items.push(E) : f.set(p, {
+        items: [E],
         style: {
-          borderColor: a.get("borderColor", f),
-          borderWidth: a.get("borderWidth", f),
-          borderRadius: a.get("borderRadius", f),
-          borderAlpha: a.get("alpha", f)
+          borderColor: l.get("borderColor", u),
+          borderWidth: l.get("borderWidth", u),
+          borderRadius: l.get("borderRadius", u),
+          borderAlpha: l.get("alpha", u)
         }
       });
     }
-    for (const { items: f, style: h } of u.values()) {
-      const { borderColor: g, borderRadius: A, borderWidth: p, borderAlpha: b } = h, y = ve(p), S = g !== void 0 && l > 0, T = St(f), m = Et(A, T.outerRadius - T.innerRadius), w = l > 0 && (S || m > 0);
+    for (const { items: u, style: h } of f.values()) {
+      const { borderColor: g, borderRadius: A, borderWidth: b, borderAlpha: E } = h, p = Ie(b), R = g !== void 0 && a > 0, y = Et(u), m = St(A, y.outerRadius - y.innerRadius), v = a > 0 && (R || m > 0);
       e.save();
       let L;
-      w && (L = new d(), M.cornerRadius(m), M.context(L)(T), e.clip(L)), M.cornerRadius(0);
-      for (const k of f)
-        e.globalAlpha = k.opacity, e.fillStyle = k.fill, e.beginPath(), M.context(c)(k), e.fill(), S && (e.strokeStyle = g, e.lineWidth = y.separatorWidth / l, e.stroke());
-      S && L && (e.globalAlpha = b, e.strokeStyle = g, e.lineWidth = y.outlineWidth / l, e.stroke(L)), e.restore();
+      v && (L = new d(), H.cornerRadius(m), H.context(L)(y), e.clip(L)), H.cornerRadius(0);
+      for (const J of u)
+        e.globalAlpha = J.opacity, e.fillStyle = J.fill, e.beginPath(), H.context(c)(J), e.fill(), R && (e.strokeStyle = g, e.lineWidth = p.separatorWidth / a, e.stroke());
+      R && L && (e.globalAlpha = E, e.strokeStyle = g, e.lineWidth = p.outlineWidth / a, e.stroke(L)), e.restore();
     }
     e.restore();
   }
-}), lo = {
-  bar: { cartesian: qt, polar: ao },
-  line: { cartesian: Zt },
-  area: { cartesian: Yt },
-  point: { cartesian: Jt },
-  rule: { cartesian: io }
-}, Oe = (e, t) => (
+}), no = {
+  bar: { cartesian: Vt, polar: oo },
+  line: { cartesian: zt },
+  area: { cartesian: Wt },
+  point: { cartesian: Yt },
+  rule: { cartesian: to }
+}, Fe = (e, t) => (
   // `CompiledLayer.geom` is a plain string (a custom geom carries a name outside `GeomName`); the
   // node renderer ships only built-ins, so an unregistered name simply resolves to `null`.
-  lo[e.geom]?.[t.type] ?? null
-), co = (e, t, o) => {
+  no[e.geom]?.[t.type] ?? null
+), ro = (e, t, o) => {
   e.draw(t, o);
 };
-let be;
-const Fe = () => (be ??= Lt(), be), He = [
+let Ae;
+const Oe = () => (Ae ??= Lt(), Ae), He = [
   "line",
   "areaStacked",
   "bar",
@@ -302,151 +302,139 @@ const Fe = () => (be ??= Lt(), be), He = [
   "donut",
   "scatter",
   "bubble"
-], fo = [
+], so = [
   "funnel",
   "heatmap",
   "waterfall",
   "mekko",
   "table"
-], uo = new Set(He), Dn = {
+], io = new Set(He), Fn = {
   supportedGraphTypes: [...He],
-  unsupportedGraphTypes: [...fo],
+  unsupportedGraphTypes: [...so],
   supportedGeoms: {
     cartesian: ["bar", "line", "area", "point", "rule"],
     polar: ["bar"]
   }
-}, I = (e) => ({ ok: !1, reason: e }), Q = (e) => typeof e == "object" && e !== null && !Array.isArray(e), ho = (e) => {
-  if (!Q(e)) return !1;
+}, C = (e) => ({ ok: !1, reason: e }), j = (e) => typeof e == "object" && e !== null && !Array.isArray(e), ao = (e) => {
+  if (!j(e)) return !1;
   const { columns: t, rows: o } = e;
-  return !Array.isArray(t) || !Array.isArray(o) ? !1 : t.every((n) => Q(n) && typeof n.key == "string");
-}, go = (e) => {
+  return !Array.isArray(t) || !Array.isArray(o) ? !1 : t.every((n) => j(n) && typeof n.key == "string");
+}, lo = (e) => {
   if ("_unstable_mapping" in e && e._unstable_mapping !== void 0) return !0;
   const t = e.referenceLines;
-  return Q(t) ? t.trendline !== void 0 || t.averageLine !== void 0 : !1;
-}, mo = (e) => {
-  if (!Q(e))
-    return I("Chart config must be a plain object.");
-  if (!ho(e.data))
-    return I("Chart config is missing a valid `data` object (columns + rows).");
+  return j(t) ? t.trendline !== void 0 || t.averageLine !== void 0 : !1;
+}, co = (e) => {
+  if (!j(e))
+    return C("Chart config must be a plain object.");
+  if (!ao(e.data))
+    return C("Chart config is missing a valid `data` object (columns + rows).");
   const { data: t, ...o } = e;
   return { ok: !0, input: o, data: t };
-}, po = (e) => {
-  const t = mo(e);
+}, fo = (e) => {
+  const t = co(e);
   if (!t.ok) return t;
-  if (go(e))
-    return I(
+  if (lo(e))
+    return C(
       "Canvas renderer does not support `_unstable_mapping`, `referenceLines.trendline`, or `referenceLines.averageLine`."
     );
   const o = t.input.type ?? "column";
-  if (!uo.has(o))
-    return I(`Unsupported chart type for canvas rendering: ${o}.`);
+  if (!io.has(o))
+    return C(`Unsupported chart type for canvas rendering: ${o}.`);
   try {
-    const n = Fe(), s = rt(t.input, t.data), r = n.compile({ input: s, data: t.data });
+    const n = Oe(), s = rt(t.input, t.data), r = n.compile({ input: s, data: t.data });
     if (!r.ok)
-      return I(
+      return C(
         `Chart config failed to compile: ${r.errors.map((i) => i.message).join("; ")}`
       );
     for (const i of r.compiled.layers)
-      if (Oe(i, r.compiled.coordSystem) === null)
-        return I(`No canvas geom renderer for ${i.geom} (${r.compiled.coordSystem.type} coord).`);
+      if (Fe(i, r.compiled.coordSystem) === null)
+        return C(`No canvas geom renderer for ${i.geom} (${r.compiled.coordSystem.type} coord).`);
     return { ok: !0, compiled: r.compiled };
   } catch (n) {
     const s = n instanceof Error ? n.message : String(n);
-    return I(`Chart config failed to compile: ${s}`);
+    return C(`Chart config failed to compile: ${s}`);
   }
-}, Me = E, W = 12, de = 1.3, V = 10, K = 12, O = 6, Ge = 16, Ao = 24, Ue = 6, We = 3, se = 4, bo = 8, yo = "#9ca3af", Ve = 16, To = 1.3, Ke = 13, So = 1.4, ze = 12, Eo = 1.4, Z = 8, ce = 12, Lo = 1.3, Ro = 200, wo = 120, Bo = 80, Xe = 22, vo = 9, _o = 11, Co = 10, q = 9, ye = 12, No = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif', Io = 11.5, Po = 550, ko = { light: 0.55, mid: 0.75, dark: 0.08 }, Do = { light: 0.62, mid: 0.8, dark: 0.85 }, Oo = 0.22, Fo = 0.65, Ho = { family: Me, size: W }, Mo = [2, 3], Go = [1, 3], ie = (e) => {
-  switch (e) {
-    case "dashed":
-      return Mo;
-    case "dotted":
-      return Go;
-    case "solid":
-      return [];
-  }
-}, Uo = (e, t, o, n, s, r) => {
+}, z = 6, q = 10, uo = 20, le = T, de = 12, Me = T, G = 12, ce = 1.3, U = 10, W = 12, k = 6, Ge = 16, ho = 24, Ue = 6, We = 3, se = 4, go = 8, mo = "#9ca3af", Ve = 16, Ao = 1.3, Ke = 13, bo = 1.4, Xe = 12, po = 1.4, Q = 8, fe = 12, yo = 1.3, To = 200, Eo = 120, So = 80, ze = 22, Lo = 9, Ro = 11, wo = 10, Y = 9, be = 12, _o = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif', Io = 11.5, Bo = 550, No = { light: 0.55, mid: 0.75, dark: 0.08 }, Co = { light: 0.62, mid: 0.8, dark: 0.85 }, vo = 0.22, Po = 0.65, ko = T, Do = 12, Fo = { family: le, size: de }, Oo = { family: ko, size: Do }, Ho = { family: Me, size: G }, Mo = 8, pe = 1, Go = [2, 3], Uo = [1, 3], Wo = (e, t, o, n, s) => {
   if (!t.isVisible || t.ticks.length === 0) return;
-  const i = t.position === "bottom" || t.position === "top";
-  e.save(), e.font = R(J(s, E)), e.fillStyle = s.textColor, e.strokeStyle = r.color, e.lineWidth = r.strokeWidth, e.setLineDash(ie(r.lineType));
-  for (const l of t.ticks) {
-    const d = i ? l.position : 1 - l.position;
-    t.ticksVisible && Vo(e, t.position, d, o, n, r.length), zo(
+  const r = t.position === "bottom" || t.position === "top", i = t.ticksVisible ? 1 : 0;
+  e.save(), e.font = S(Fo), e.fillStyle = s.textSecondary, e.strokeStyle = s.gridLine, e.lineWidth = 1, e.setLineDash([]);
+  for (const a of t.ticks) {
+    const d = r ? a.position : 1 - a.position;
+    t.ticksVisible && Ko(e, t.position, d, o, n), zo(
       e,
       t.position,
       d,
       o,
       n,
-      l.formattedLabel,
+      a.formattedLabel,
       t.labelRotation,
-      s.offset
+      i
     );
   }
   e.restore();
-}, Wo = (e, t, o, n, s) => {
+}, Vo = (e, t, o, n) => {
   if (e === "bottom" || e === "top") {
-    const d = n.x + t * n.width, a = e === "top" ? o.y + o.height : o.y, c = e === "top" ? -s : s;
-    return { x1: d, y1: a, x2: d, y2: a + c };
-  }
-  const r = n.y + t * n.height, i = e === "right" ? o.x : o.x + o.width, l = e === "right" ? s : -s;
-  return { x1: i, y1: r, x2: i + l, y2: r };
-}, Vo = (e, t, o, n, s, r) => {
-  const { x1: i, y1: l, x2: d, y2: a } = Wo(t, o, n, s, r);
-  e.beginPath(), e.moveTo(i, l), e.lineTo(d, a), e.stroke();
+    const a = n.x + t * n.width, d = e === "top" ? o.y + o.height : o.y, l = e === "top" ? -z : z;
+    return { x1: a, y1: d, x2: a, y2: d + l };
+  }
+  const s = n.y + t * n.height, r = e === "right" ? o.x : o.x + o.width, i = e === "right" ? z : -z;
+  return { x1: r, y1: s, x2: r + i, y2: s };
 }, Ko = (e, t, o, n, s) => {
+  const { x1: r, y1: i, x2: a, y2: d } = Vo(t, o, n, s);
+  e.beginPath(), e.moveTo(r, i), e.lineTo(a, d), e.stroke();
+}, Xo = (e, t, o, n, s) => {
   if (e === "bottom" || e === "top") {
     const i = n.x + t * n.width;
     return e === "bottom" ? { x: i, y: o.y + s, textAlign: "center", textBaseline: "top" } : { x: i, y: o.y + o.height - s, textAlign: "center", textBaseline: "alphabetic" };
   }
   const r = n.y + t * n.height;
   return e === "left" ? { x: o.x + o.width - s, y: r, textAlign: "right", textBaseline: "middle" } : { x: o.x + s, y: r, textAlign: "left", textBaseline: "middle" };
-}, zo = (e, t, o, n, s, r, i, l) => {
+}, zo = (e, t, o, n, s, r, i, a) => {
+  const d = q * a;
   if (i !== 0 && (t === "top" || t === "bottom")) {
-    const a = s.x + o * s.width, c = t === "top";
-    e.save(), e.translate(a, c ? n.y + n.height - l : n.y + l), e.rotate(i * Math.PI / 180), e.textAlign = c ? "left" : "right", e.textBaseline = "middle", e.fillText(r, 0, 0), e.restore();
+    const c = s.x + o * s.width, f = t === "top";
+    e.save(), e.translate(c, f ? n.y + n.height - d : n.y + d), e.rotate(i * Math.PI / 180), e.textAlign = f ? "left" : "right", e.textBaseline = "middle", e.fillText(r, 0, 0), e.restore();
     return;
   }
-  const d = Ko(t, o, n, s, l);
-  e.textAlign = d.textAlign, e.textBaseline = d.textBaseline, e.fillText(r, d.x, d.y);
-}, Xo = (e, t, o, n) => {
+  const l = Xo(t, o, n, s, d);
+  e.textAlign = l.textAlign, e.textBaseline = l.textBaseline, e.fillText(r, l.x, l.y);
+}, Yo = (e, t, o, n) => {
   if (!t.isVisible || !t.label) return;
-  e.save(), e.font = R({
-    family: n.fontFamily ?? E,
-    size: n.fontSize,
-    weight: n.fontWeight
-  }), e.fillStyle = n.textColor, e.textBaseline = "middle";
-  const { x: s, y: r, alignment: i } = Yo(t.position, o);
+  e.save(), e.font = S(Oo), e.fillStyle = n.textPrimary, e.textBaseline = "middle";
+  const { x: s, y: r, alignment: i } = qo(t.position, o);
   e.textAlign = i, e.fillText(t.label, s, r), e.restore();
-}, Yo = (e, t) => {
+}, qo = (e, t) => {
   const o = t.y + t.height / 2;
   return e === "left" ? { x: t.x, y: o, alignment: "start" } : e === "right" ? { x: t.x + t.width, y: o, alignment: "end" } : { x: t.x + t.width / 2, y: o, alignment: "center" };
-}, qo = "data:image/png;base64,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", N = Xe;
+}, Zo = "data:image/png;base64,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", N = ze;
 let ee;
 const jo = () => {
   if (ee) return ee;
-  const { Image: e } = z(), t = new e(), o = qo.replace(/^data:image\/png;base64,/, "");
-  return t.src = Ot.from(o, "base64"), ee = t, t;
-}, Ye = (e, t, o = "full") => !e || t.width < wo || t.height < Bo ? "hidden" : t.width < Ro || o === "mini" ? "mini" : "full", Qo = (e) => {
-  const t = Zo(e);
+  const { Image: e } = V(), t = new e(), o = Zo.replace(/^data:image\/png;base64,/, "");
+  return t.src = Ct.from(o, "base64"), ee = t, t;
+}, Ye = (e, t, o = "full") => !e || t.width < Eo || t.height < So ? "hidden" : t.width < To || o === "mini" ? "mini" : "full", Qo = (e) => {
+  const t = Jo(e);
   if (t === null) return "light";
-  const o = Jo(t);
-  return o <= Oo ? "dark" : o <= Fo ? "mid" : "light";
-}, ae = (e, t, o) => e.placement !== o || Ye(e.enabled, t, e.variant) === "hidden" ? 0 : Xe, qe = (e, t, o, n, s, r) => {
+  const o = $o(t);
+  return o <= vo ? "dark" : o <= Po ? "mid" : "light";
+}, ie = (e, t, o) => e.placement !== o || Ye(e.enabled, t, e.variant) === "hidden" ? 0 : ze, qe = (e, t, o, n, s, r) => {
   if (t.placement !== r) return;
   const i = Ye(t.enabled, s, t.variant);
   if (i === "hidden") return;
-  const l = Qo(n.background), d = l === "dark", a = { family: No, size: Io, weight: 400 }, c = { ...a, weight: Po };
-  let u = 0;
-  i === "full" && (e.font = R(a), u = e.measureText("Made with ").width, e.font = R(c), u += e.measureText("Graphy").width);
-  const f = i === "mini" ? 0 : vo, h = i === "mini" ? 0 : _o, g = i === "mini" ? 0 : Co, A = i === "mini" ? N : f + q + g + u + h, p = o.x + o.width - A, b = o.y + Math.max(0, (o.height || N) / 2 - N / 2);
-  e.save(), e.globalAlpha = Do[l], e.textBaseline = "middle", e.textAlign = "left", d || (e.shadowColor = "rgba(0, 0, 0, 0.09)", e.shadowBlur = 4, e.shadowOffsetY = 1), e.beginPath(), e.roundRect(p, b, A, N, N / 2), e.fillStyle = `rgba(255, 255, 255, ${ko[l]})`, e.fill(), e.shadowColor = "transparent", e.shadowBlur = 0, e.shadowOffsetY = 0;
-  const y = d ? "#FFFFFF" : "#2A2A28", S = i === "mini" ? p + (A - q) / 2 : p + f, T = b + (N - ye) / 2;
-  if (e.save(), d && (e.filter = "invert(1)"), e.drawImage(jo(), S, T, q, ye), e.restore(), i === "full") {
-    const m = p + f + q + g, w = b + N / 2;
-    e.fillStyle = y, e.font = R(a), e.fillText("Made with ", m, w);
+  const a = Qo(n.background), d = a === "dark", l = { family: _o, size: Io, weight: 400 }, c = { ...l, weight: Bo };
+  let f = 0;
+  i === "full" && (e.font = S(l), f = e.measureText("Made with ").width, e.font = S(c), f += e.measureText("Graphy").width);
+  const u = i === "mini" ? 0 : Lo, h = i === "mini" ? 0 : Ro, g = i === "mini" ? 0 : wo, A = i === "mini" ? N : u + Y + g + f + h, b = o.x + o.width - A, E = o.y + Math.max(0, (o.height || N) / 2 - N / 2);
+  e.save(), e.globalAlpha = Co[a], e.textBaseline = "middle", e.textAlign = "left", d || (e.shadowColor = "rgba(0, 0, 0, 0.09)", e.shadowBlur = 4, e.shadowOffsetY = 1), e.beginPath(), e.roundRect(b, E, A, N, N / 2), e.fillStyle = `rgba(255, 255, 255, ${No[a]})`, e.fill(), e.shadowColor = "transparent", e.shadowBlur = 0, e.shadowOffsetY = 0;
+  const p = d ? "#FFFFFF" : "#2A2A28", R = i === "mini" ? b + (A - Y) / 2 : b + u, y = E + (N - be) / 2;
+  if (e.save(), d && (e.filter = "invert(1)"), e.drawImage(jo(), R, y, Y, be), e.restore(), i === "full") {
+    const m = b + u + Y + g, v = E + N / 2;
+    e.fillStyle = p, e.font = S(l), e.fillText("Made with ", m, v);
     const L = e.measureText("Made with ").width;
-    e.font = R(c), e.fillText("Graphy", m + L, w);
+    e.font = S(c), e.fillText("Graphy", m + L, v);
   }
   e.restore();
-}, Zo = (e) => {
+}, Jo = (e) => {
   const t = e.trim();
   if (!t.startsWith("#")) return null;
   const o = t.slice(1);
@@ -463,13 +451,13 @@ const jo = () => {
     green: Number.parseInt(o.slice(2, 4), 16),
     blue: Number.parseInt(o.slice(4, 6), 16)
   } : null;
-}, Jo = ({ red: e, green: t, blue: o }) => {
+}, $o = ({ red: e, green: t, blue: o }) => {
   const n = (s) => {
     const r = s / 255;
     return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
   };
   return 0.2126 * n(e) + 0.7152 * n(t) + 0.0722 * n(o);
-}, $o = { family: E, size: Ve, weight: 600 }, xo = { family: E, size: Ke }, en = { family: E, size: ze }, tn = { family: E, size: ce, weight: 500 }, on = { family: E, size: ce }, je = Ve * To, nn = Ke * So, Qe = ze * Eo, Ze = ce * Lo, Je = (e) => {
+}, xo = { family: T, size: Ve, weight: 600 }, en = { family: T, size: Ke }, tn = { family: T, size: Xe }, on = { family: T, size: fe, weight: 500 }, nn = { family: T, size: fe }, Ze = Ve * Ao, rn = Ke * bo, je = Xe * po, Qe = fe * yo, Je = (e) => {
   if (e === null) return null;
   if (e.label !== void 0 && e.label !== "") return e.label;
   if (e.url !== void 0 && e.url !== "" && Rt(e.url))
@@ -479,61 +467,70 @@ const jo = () => {
       return e.url;
     }
   return null;
-}, rn = (e, t) => {
+}, sn = (e, t) => {
   let o = 0;
   const n = e.isTitleVisible && e.title !== null, s = e.isSubtitleVisible && e.subtitle !== null;
-  n && (o += je), s && (o > 0 && (o += Z), o += nn);
-  const r = ae(e.brandMark, t, "header");
+  n && (o += Ze), s && (o > 0 && (o += Q), o += rn);
+  const r = ie(e.brandMark, t, "header");
   !n && !s && r > 0 && (o = r);
-  const i = e.isCaptionVisible && e.caption !== null, l = e.isSourceVisible && Je(e.source) !== null, d = ae(e.brandMark, t, "footer");
-  let a = 0;
-  return i && (a += Qe), (l || d > 0) && (a > 0 && (a += Z), a += Math.max(Ze, d)), { headerHeight: o, footerHeight: a };
-}, sn = (e, t, o, n, s) => {
+  const i = e.isCaptionVisible && e.caption !== null, a = e.isSourceVisible && Je(e.source) !== null, d = ie(e.brandMark, t, "footer");
+  let l = 0;
+  return i && (l += je), (a || d > 0) && (l > 0 && (l += Q), l += Math.max(Qe, d)), { headerHeight: o, footerHeight: l };
+}, an = (e, t, o, n, s) => {
   if (o.height === 0) return;
   e.save(), e.textBaseline = "top", e.textAlign = "left";
   let r = o.y;
-  t.isTitleVisible && t.title !== null && (e.font = R($o), e.fillStyle = n.textPrimary, e.fillText(te(t.title), o.x, r), r += je + Z), t.isSubtitleVisible && t.subtitle !== null && (e.font = R(xo), e.fillStyle = n.textSecondary, e.fillText(te(t.subtitle), o.x, r)), e.restore(), qe(e, t.brandMark, o, n, s, "header");
-}, an = (e, t, o, n, s) => {
+  t.isTitleVisible && t.title !== null && (e.font = S(xo), e.fillStyle = n.textPrimary, e.fillText(te(t.title), o.x, r), r += Ze + Q), t.isSubtitleVisible && t.subtitle !== null && (e.font = S(en), e.fillStyle = n.textSecondary, e.fillText(te(t.subtitle), o.x, r)), e.restore(), qe(e, t.brandMark, o, n, s, "header");
+}, ln = (e, t, o, n, s) => {
   if (o.height === 0) return;
-  const r = t.isCaptionVisible ? t.caption : null, i = t.isSourceVisible ? Je(t.source) : null, l = ae(t.brandMark, s, "footer");
-  if (r === null && i === null && l === 0) return;
+  const r = t.isCaptionVisible ? t.caption : null, i = t.isSourceVisible ? Je(t.source) : null, a = ie(t.brandMark, s, "footer");
+  if (r === null && i === null && a === 0) return;
   e.save(), e.textBaseline = "top", e.textAlign = "left";
   let d = o.y;
-  if (r !== null && (e.font = R(en), e.fillStyle = n.textSecondary, e.fillText(te(r), o.x, d), d += Qe + Z), i !== null) {
-    let a = o.x;
-    a = Te(e, "Source: ", tn, n.textSecondary, a, d), Te(e, i, on, n.textSecondary, a, d);
+  if (r !== null && (e.font = S(tn), e.fillStyle = n.textSecondary, e.fillText(te(r), o.x, d), d += je + Q), i !== null) {
+    let l = o.x;
+    l = ye(e, "Source: ", on, n.textSecondary, l, d), ye(e, i, nn, n.textSecondary, l, d);
   }
   e.restore(), qe(
     e,
     t.brandMark,
-    { x: o.x, y: d, width: o.width, height: Math.max(Ze, l) },
+    { x: o.x, y: d, width: o.width, height: Math.max(Qe, a) },
     n,
     s,
     "footer"
   );
-}, Te = (e, t, o, n, s, r) => (e.font = R(o), e.fillStyle = n, e.fillText(t, s, r), s + e.measureText(t).width), ln = (e, t, o, n) => {
-  e.save(), e.lineCap = "round";
-  for (const s of wt(Bt(o), n))
-    e.strokeStyle = s.color, e.lineWidth = s.strokeWidth, e.setLineDash(ie(s.lineType)), dn(e, s.segments), e.stroke();
-  for (const s of t) {
-    if (!s.gridVisible) continue;
-    const r = s.position === "top" || s.position === "bottom", i = vt(o, U(s.scaleAestheticKey));
-    e.strokeStyle = i.color, e.lineWidth = i.strokeWidth, e.setLineDash(ie(i.lineType));
-    for (const l of s.ticks) {
-      if (l.position <= 0 || l.position >= 1) continue;
-      const d = r ? l.position : 1 - l.position;
-      if (e.beginPath(), r) {
-        const a = n.x + d * n.width;
-        e.moveTo(a, n.y), e.lineTo(a, n.y + n.height);
+}, ye = (e, t, o, n, s, r) => (e.font = S(o), e.fillStyle = n, e.fillText(t, s, r), s + e.measureText(t).width), dn = (e, t, o, n, s) => {
+  e.save(), e.lineCap = "round", e.strokeStyle = s.gridLine;
+  for (const r of wt(o.border, n, Mo))
+    e.lineWidth = r.lineWidth ?? pe, e.setLineDash(Te(r.lineStyle)), cn(e, r.segments), e.stroke();
+  for (const r of t) {
+    if (!r.gridVisible) continue;
+    const i = r.position === "top" || r.position === "bottom";
+    e.lineWidth = r.gridLineWidth ?? pe, e.setLineDash(Te(r.gridLineStyle));
+    for (const a of r.ticks) {
+      if (a.position <= 0 || a.position >= 1) continue;
+      const d = i ? a.position : 1 - a.position;
+      if (e.beginPath(), i) {
+        const l = n.x + d * n.width;
+        e.moveTo(l, n.y), e.lineTo(l, n.y + n.height);
       } else {
-        const a = n.y + d * n.height;
-        e.moveTo(n.x, a), e.lineTo(n.x + n.width, a);
+        const l = n.y + d * n.height;
+        e.moveTo(n.x, l), e.lineTo(n.x + n.width, l);
       }
       e.stroke();
     }
   }
   e.restore();
-}, dn = (e, t) => {
+}, Te = (e) => {
+  switch (e) {
+    case "dashed":
+      return Go;
+    case "dotted":
+      return Uo;
+    case "solid":
+      return [];
+  }
+}, cn = (e, t) => {
   e.beginPath();
   for (const o of t)
     switch (o.type) {
@@ -550,10 +547,10 @@ const jo = () => {
         e.closePath();
         break;
     }
-}, cn = (e, t, o, n) => {
-  e.save(), e.font = R(Ho), e.textBaseline = "middle";
+}, fn = (e, t, o, n) => {
+  e.save(), e.font = S(Ho), e.textBaseline = "middle";
   for (const r of t)
-    r.display === "direct" && fn(e, r, o, n);
+    r.display === "direct" && un(e, r, o, n);
   const s = /* @__PURE__ */ new Map();
   for (const r of t) {
     if (r.display !== "pill" || r.items.length === 0) continue;
@@ -561,136 +558,135 @@ const jo = () => {
     i ? i.push(r) : s.set(r.position, [r]);
   }
   for (const [r, i] of s) {
-    const l = o[r];
-    l && (r === "top" || r === "bottom" ? un(e, i, l, n) : hn(e, i, l, n));
+    const a = o[r];
+    a && (r === "top" || r === "bottom" ? hn(e, i, a, n) : gn(e, i, a, n));
   }
   e.restore();
-}, fn = (e, t, o, n) => {
+}, un = (e, t, o, n) => {
   const s = o[t.position];
   if (s) {
     e.textAlign = "left";
     for (const r of t.items)
-      r.normalizedY !== null && (e.fillStyle = typeof r.visual.color == "string" ? r.visual.color : n.textPrimary, e.fillText(r.formattedLabel, s.x + bo, _(s, r.normalizedY)));
+      r.normalizedY !== null && (e.fillStyle = typeof r.visual.color == "string" ? r.visual.color : n.textPrimary, e.fillText(r.formattedLabel, s.x + go, I(s, r.normalizedY)));
   }
-}, un = (e, t, o, n) => {
+}, hn = (e, t, o, n) => {
   const s = $e(t), r = s.reduce(
-    (a, c, u) => a + mn(c) + e.measureText(c.label).width + (u === 0 ? 0 : Se(c)),
+    (l, c, f) => l + An(c) + e.measureText(c.label).width + (f === 0 ? 0 : Ee(c)),
     0
-  ), i = W * de;
-  let l = o.x + Math.max(0, (o.width - r) / 2);
-  const d = o.y + Ue + Math.max(i, K) / 2;
-  for (let a = 0; a < s.length; a++) {
-    const c = s[a];
-    c && (a > 0 && (l += Se(c)), l = xe(e, c, l, d, n));
-  }
-}, hn = (e, t, o, n) => {
-  const s = $e(t), r = Math.max(W * de, K), i = 4, l = s.length * r + Math.max(0, s.length - 1) * i;
-  let d = o.y + Math.max(0, (o.height - l) / 2) + r / 2;
-  for (const a of s)
-    xe(e, a, o.x, d, n), d += r + i;
+  ), i = G * ce;
+  let a = o.x + Math.max(0, (o.width - r) / 2);
+  const d = o.y + Ue + Math.max(i, W) / 2;
+  for (let l = 0; l < s.length; l++) {
+    const c = s[l];
+    c && (l > 0 && (a += Ee(c)), a = xe(e, c, a, d, n));
+  }
+}, gn = (e, t, o, n) => {
+  const s = $e(t), r = Math.max(G * ce, W), i = 4, a = s.length * r + Math.max(0, s.length - 1) * i;
+  let d = o.y + Math.max(0, (o.height - a) / 2) + r / 2;
+  for (const l of s)
+    xe(e, l, o.x, d, n), d += r + i;
 }, $e = (e) => {
   const t = [];
   for (const o of e) {
     const n = o.aesthetics.includes("size");
     o.items.forEach((s, r) => {
-      const i = s.visual.size, l = n && typeof i == "number" && Number.isFinite(i) && i > 0 ? i : void 0;
+      const i = s.visual.size, a = n && typeof i == "number" && Number.isFinite(i) && i > 0 ? i : void 0;
       t.push({
         label: s.formattedLabel,
-        colors: gn(s.visual.color),
-        bubbleSize: l,
+        colors: mn(s.visual.color),
+        bubbleSize: a,
         isFirstInGroup: r === 0
       });
     });
   }
   return t;
-}, gn = (e) => typeof e == "string" ? [e] : Array.isArray(e) ? e.filter((t) => typeof t == "string") : [], Se = (e) => e.isFirstInGroup ? Ao : Ge, mn = (e) => {
-  if (e.bubbleSize !== void 0) return e.bubbleSize + O;
+}, mn = (e) => typeof e == "string" ? [e] : Array.isArray(e) ? e.filter((t) => typeof t == "string") : [], Ee = (e) => e.isFirstInGroup ? ho : Ge, An = (e) => {
+  if (e.bubbleSize !== void 0) return e.bubbleSize + k;
   const t = e.colors.length;
   if (t === 0) return 0;
-  if (t === 1) return V + O;
+  if (t === 1) return U + k;
   const o = Math.min(t, We);
-  return V + (o - 1) * se + O;
+  return U + (o - 1) * se + k;
 }, xe = (e, t, o, n, s) => {
   let r = o;
   if (t.bubbleSize !== void 0) {
     const i = t.bubbleSize / 2;
-    e.fillStyle = t.colors[0] ?? yo, e.beginPath(), e.arc(r + i, n, i, 0, Math.PI * 2), e.fill(), r += t.bubbleSize + O;
+    e.fillStyle = t.colors[0] ?? mo, e.beginPath(), e.arc(r + i, n, i, 0, Math.PI * 2), e.fill(), r += t.bubbleSize + k;
   } else if (t.colors.length > 0) {
     const i = t.colors.slice(0, We);
-    for (let l = 0; l < i.length; l++) {
-      const d = i[l];
+    for (let a = 0; a < i.length; a++) {
+      const d = i[a];
       d && (e.fillStyle = d, e.fillRect(
-        r + l * se,
-        n - K / 2,
-        V,
-        K
+        r + a * se,
+        n - W / 2,
+        U,
+        W
       ));
     }
-    r += V + (i.length - 1) * se + O;
+    r += U + (i.length - 1) * se + k;
   }
   return e.fillStyle = s.textPrimary, e.textAlign = "left", e.fillText(t.label, r, n), r + e.measureText(t.label).width;
-}, Ee = (e, t) => Math.min(Math.max(...e), t), pn = (e, t, o) => (n) => {
-  if (!n.isVisible || n.ticks.length === 0) return 0;
-  const s = n.position === "top" || n.position === "bottom", r = U(n.scaleAestheticKey), { offset: i, ...l } = t[r], d = n.ticksVisible ? Math.max(i, o[r].length) : i, a = J(l, E), c = n.ticks.map((h) => e.measureText(h.formattedLabel, a)), u = n.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
-  if (s) {
-    if (n.labelRotation !== 0) {
-      const h = c.map((g) => g.width);
-      return Ee(h, u) + 2 * d;
+}, Se = (e, t) => Math.min(Math.max(...e), t), bn = (e) => (t) => {
+  if (!t.isVisible || t.ticks.length === 0) return 0;
+  const o = t.position === "top" || t.position === "bottom", n = t.ticks.map(
+    (i) => e.measureText(i.formattedLabel, {
+      family: le,
+      size: de
+    })
+  ), s = t.labelMaxWidthPx ?? Number.POSITIVE_INFINITY;
+  if (o) {
+    if (t.labelRotation !== 0) {
+      const i = n.map((a) => a.width);
+      return Se(i, s) + 2 * q;
     }
-    return Math.max(...c.map((h) => h.height)) + d;
+    return Math.max(...n.map((i) => i.height)) + q;
   }
-  const f = c.map((h) => h.width);
-  return Ee(f, u) + d;
-}, An = (e) => (t) => {
+  const r = n.map((i) => i.width);
+  return Se(r, s) + q;
+}, pn = (e) => (t) => {
   if (t.items.length === 0) return 0;
-  const o = { family: Me, size: W };
+  const o = { family: Me, size: G };
   if (t.position === "top" || t.position === "bottom") {
-    const r = W * de;
-    return Math.max(r, K) + Ue * 2;
+    const r = G * ce;
+    return Math.max(r, W) + Ue * 2;
   }
   const s = t.items.map((r) => {
     const i = e.measureText(r.formattedLabel, o).width;
-    return V + O + i;
+    return U + k + i;
   });
   return Math.max(...s) + Ge;
-}, bn = (e) => (t, o) => {
-  const { labelLineHeight: n, labelFontWeight: s } = Ct(o, 1);
+}, yn = (e) => (t, o) => {
+  const { labelLineHeight: n, labelFontWeight: s } = It(o, 1);
   return e.measureText(t, {
-    family: E,
+    family: T,
     size: n,
     weight: s
   });
-}, yn = (e, t) => (o, n, s) => {
-  const r = t[o][n], i = e.measureText(s, J(r, E));
-  return {
-    ...i,
-    width: i.width + r.paddingInline * 2,
-    height: i.height + r.paddingBlock * 2
-  };
-}, Tn = ({
-  textMeasurer: e,
-  axisLabelStyles: t,
-  dataLabelStyles: o,
-  tickLabelStyles: n,
-  tickLineStyles: s
-}) => ({
-  measureAxis: pn(e, n, s),
-  measureAxisLabel: (r) => _t(t[U(r.scaleAestheticKey)]),
-  measureLegend: An(e),
-  measureTickLabel: (r, i) => e.measureText(r, J(n[i], E)),
-  measureDifferenceArrowLabel: bn(e),
-  measureDataLabel: yn(e, o),
+}, Tn = (e) => (t, o) => {
+  const { fontSize: n, fontWeight: s } = _t(t, 1);
+  return e.measureText(o, {
+    family: T,
+    size: n,
+    weight: s
+  });
+}, En = (e) => ({
+  measureAxis: bn(e),
+  measureAxisLabel: () => uo,
+  measureLegend: pn(e),
+  measureTickLabel: (t) => e.measureText(t, { family: le, size: de }),
+  measureDifferenceArrowLabel: yn(e),
+  measureDataLabel: Tn(e),
   measureHeadline: () => ({ width: 0, height: 0 }),
   measureHeadlineItemWidths: () => []
 });
 class Sn {
   constructor() {
     this.currentFont = "";
-    const t = z().createCanvas(1, 1);
+    const t = V().createCanvas(1, 1);
     this.ctx = t.getContext("2d");
   }
   measureText(t, o) {
-    const n = R(o);
+    const n = S(o);
     this.currentFont !== n && (this.ctx.font = n, this.currentFont = n);
     const s = this.ctx.measureText(t);
     return {
@@ -701,157 +697,116 @@ class Sn {
     };
   }
 }
-const En = {
+const Ln = {
   background: "#ffffff",
   textPrimary: "#111827",
   textSecondary: "#6b7280",
   gridLine: "#e5e7eb",
+  panelBorder: "#d1d5db",
   legendPillBackground: "rgba(0, 0, 0, 0.04)",
   legendPillBorder: "rgba(0, 0, 0, 0.08)"
-}, Ln = {
+}, Rn = {
   background: "#0b0f17",
   textPrimary: "#e5e7eb",
   textSecondary: "#9ca3af",
   gridLine: "#1f2937",
+  panelBorder: "#374151",
   legendPillBackground: "rgba(255, 255, 255, 0.06)",
   legendPillBorder: "rgba(255, 255, 255, 0.12)"
 }, On = async ({ input: e, data: t }, o) => {
-  const s = Fe().compile({ input: e, data: t });
+  const s = Oe().compile({ input: e, data: t });
   if (!s.ok)
     throw new Error(
       `Failed to compile graph spec: ${s.errors.map((r) => r.message).join("; ")}`
     );
   return et(s.compiled, o);
 }, et = async (e, t) => {
-  const { Canvas: o } = await Ft();
-  if (Kt(), t.fonts)
-    for (const w of t.fonts) Ce(w);
-  const n = Nt({
+  const { Canvas: o } = await vt();
+  if (Mt(), t.fonts)
+    for (const b of t.fonts) Ne(b);
+  const n = Bt({
     legends: e.guides.legends.drawn,
     numberFormat: e.config.numberFormat,
     parsingLocale: e.config.parsingLocale,
     formattingLocale: t.formattingLocale
-  }), s = { width: t.width, height: t.height }, { headerHeight: r, footerHeight: i } = rn(e.config.content, s), l = {
+  }), s = { width: t.width, height: t.height }, { headerHeight: r, footerHeight: i } = sn(e.config.content, s), a = {
     headerSize: { width: t.width, height: r },
     footerSize: { width: t.width, height: i }
-  }, d = t.colorScheme ?? "light", a = P({ colorScheme: d }).chromeReaders(e.chrome), c = e.config.appearance.textScale, u = {
-    x: fe(a, "x", c),
-    y: fe(a, "y", c)
-  }, f = {
-    x: ue(a, "x", c),
-    y: ue(a, "y", c)
-  }, h = {
-    x: he(a, "x"),
-    y: he(a, "y")
-  }, g = {};
-  for (const w of It) {
-    const L = {};
-    for (const k of Pt)
-      L[k] = kt(a, w, k, c);
-    g[w] = L;
-  }
-  const A = new Sn(), p = Tn({
-    textMeasurer: A,
-    axisLabelStyles: u,
-    dataLabelStyles: g,
-    tickLabelStyles: f,
-    tickLineStyles: h
-  }), { layout: b, formattedAxes: y } = new Dt(p).compile({
+  }, d = new Sn(), { layout: l, formattedAxes: c } = new Nt(En(d)).compile({
     axes: e.guides.axes,
     numberFormat: e.config.numberFormat,
     parsingLocale: e.config.parsingLocale,
     formattedLegends: n,
     containerSize: { width: t.width, height: t.height },
-    externalMeasurements: l,
+    externalMeasurements: a,
     formattingLocale: t.formattingLocale,
     layout: e.config.layout
-  }), S = t.pixelRatio ?? 2, T = new o(t.width * S, t.height * S), m = T.getContext("2d");
-  return m.scale(S, S), Rn({
-    ctx: m,
-    theme: d === "dark" ? Ln : En,
-    colorScheme: d,
-    chromeReaders: a,
-    axisLabelStyles: u,
-    tickLabelStyles: f,
-    tickLineStyles: h,
-    width: t.width,
-    height: t.height,
-    compiled: e,
-    formattedAxes: y,
-    formattedLegends: n,
-    layout: b,
-    textMeasurer: A,
-    ...t.formattingLocale === void 0 ? {} : { formattingLocale: t.formattingLocale }
-  }), T.encode("png");
-}, Rn = ({
-  ctx: e,
-  theme: t,
-  colorScheme: o,
-  chromeReaders: n,
-  axisLabelStyles: s,
-  tickLabelStyles: r,
-  tickLineStyles: i,
-  width: l,
-  height: d,
-  compiled: a,
-  formattedAxes: c,
-  formattedLegends: u,
-  layout: f,
-  textMeasurer: h,
-  formattingLocale: g
-}) => {
-  e.fillStyle = t.background, e.fillRect(0, 0, l, d), ln(e, c, n, f.panel), e.save(), e.beginPath(), e.rect(f.panel.x, f.panel.y, f.panel.width, f.panel.height), e.clip();
-  const A = {
-    coordSystem: a.coordSystem,
-    panel: f.panel,
-    compiled: a,
+  }), f = t.pixelRatio ?? 2, u = new o(t.width * f, t.height * f), h = u.getContext("2d");
+  h.scale(f, f);
+  const g = t.colorScheme ?? "light";
+  return wn(
+    h,
+    g === "dark" ? Rn : Ln,
+    g,
+    t.width,
+    t.height,
+    e,
+    c,
+    n,
+    l,
+    d,
+    t.formattingLocale
+  ), u.encode("png");
+}, wn = (e, t, o, n, s, r, i, a, d, l, c) => {
+  e.fillStyle = t.background, e.fillRect(0, 0, n, s), dn(e, i, r.guides.panel, d.panel, t), e.save(), e.beginPath(), e.rect(d.panel.x, d.panel.y, d.panel.width, d.panel.height), e.clip();
+  const f = {
+    coordSystem: r.coordSystem,
+    panel: d.panel,
+    compiled: r,
     theme: t,
     colorScheme: o,
-    textMeasurer: h,
-    formattingLocale: g
+    textMeasurer: l,
+    formattingLocale: c
   };
-  for (const p of a.layers) {
-    const b = Oe(p, a.coordSystem);
-    b && co(b, e, { ...A, layer: p });
+  for (const u of r.layers) {
+    const h = Fe(u, r.coordSystem);
+    h && ro(h, e, { ...f, layer: u });
   }
   e.restore();
-  for (const p of c) {
-    const b = f.axes[p.position];
-    if (b) {
-      const y = U(p.scaleAestheticKey);
-      Uo(e, p, b, f.panel, r[y], i[y]);
-    }
+  for (const u of i) {
+    const h = d.axes[u.position];
+    h && Wo(e, u, h, d.panel, t);
   }
-  for (const p of a.guides.axes) {
-    const b = f.axisLabels[p.position];
-    b && Xo(e, p, b, s[U(p.scaleAestheticKey)]);
+  for (const u of r.guides.axes) {
+    const h = d.axisLabels[u.position];
+    h && Yo(e, u, h, t);
   }
-  cn(e, u, f.legends, t), sn(e, a.config.content, f.header, t, { width: l, height: d }), an(e, a.config.content, f.footer, t, { width: l, height: d });
+  fn(e, a, d.legends, t), an(e, r.config.content, d.header, t, { width: n, height: s }), ln(e, r.config.content, d.footer, t, { width: n, height: s });
 };
-class wn extends Error {
+class _n extends Error {
   constructor(t) {
     super(t), this.name = "ChartConfigRenderError";
   }
 }
-const Fn = async (e, t) => {
-  const o = po(e);
+const Hn = async (e, t) => {
+  const o = fo(e);
   if (!o.ok)
-    throw new wn(o.reason);
+    throw new _n(o.reason);
   return et(o.compiled, t);
 };
 export {
-  Dn as CANVAS_CAPABILITY_MATRIX,
+  Fn as CANVAS_CAPABILITY_MATRIX,
   He as CANVAS_SUPPORTED_GRAPH_TYPES,
-  fo as CANVAS_UNSUPPORTED_GRAPH_TYPES,
-  wn as ChartConfigRenderError,
+  so as CANVAS_UNSUPPORTED_GRAPH_TYPES,
+  _n as ChartConfigRenderError,
   Sn as NodeCanvasTextMeasurer,
-  po as canRenderConfigWithCanvas,
-  Ln as darkTheme,
-  Kt as ensureDefaultFonts,
-  En as lightTheme,
-  Ft as loadCanvasRuntime,
-  mo as parseChartConfig,
-  Ce as registerFont,
-  Fn as renderChartConfigToPng,
+  fo as canRenderConfigWithCanvas,
+  Rn as darkTheme,
+  Mt as ensureDefaultFonts,
+  Ln as lightTheme,
+  vt as loadCanvasRuntime,
+  co as parseChartConfig,
+  Ne as registerFont,
+  Hn as renderChartConfigToPng,
   On as renderGraphToPng
 };