@graphysdk/theme-halloween 0.0.0-stage → 0.1.0

package/dist/index.mjs

@@ -0,0 +1,2156 @@
+import { useId as De, useLayoutEffect as Pe, useMemo as Z, useRef as Ee, useState as We } from "react";
+import { GROUP_VARIABLES as Ne, POSITION_VARIABLES as Fe, buildPolarBarArcPath as Gt, createAreaPathGenerators as Ge, createLinePathGenerator as Be, createStableKeyGenerator as ot, createValueFormatter as be, defineGeomRenderer as tt, getAngleExtent as Ue, getBarRectBounds as Ve, getRadiusExtent as ye, getStackRole as ze, getX as yt, getXMax as Ye, getXMin as je, getY as St, getYMax as Se, getYMin as Ke, polarToUnit as _e, prepareAreaObservations as Xe, prepareLineObservations as Ze, readMainAxis as Bt, style as A, toPaintColor as Qe, toStrokeDasharray as qe, toViewBoxX as Je, toViewBoxY as tr, useGeomStyleReader as Ot, useGraphLocale as er, useSceneSelector as rr } from "@graphysdk/react";
+import { jsx as i, jsxs as E } from "react/jsx-runtime";
+var ar = /^#([0-9a-f]{6})$/iu, nr = /^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/iu, vt = (t) => {
+  const e = ar.exec(t);
+  if (e?.[1] !== void 0) {
+    const a = Number.parseInt(e[1], 16);
+    return [
+      a >> 16 & 255,
+      a >> 8 & 255,
+      a & 255
+    ];
+  }
+  const r = nr.exec(t);
+  return r?.[1] !== void 0 && r[2] !== void 0 && r[3] !== void 0 ? [
+    Number(r[1]),
+    Number(r[2]),
+    Number(r[3])
+  ] : null;
+}, M = (t, e, r) => {
+  const a = vt(t), n = vt(e);
+  if (a === null || n === null) return t;
+  const [s, l, c] = a.map((o, d) => Math.round(o + ((n[d] ?? 0) - o) * r));
+  return `rgb(${s}, ${l}, ${c})`;
+}, F = (t) => `${t}-${De().replace(/[^a-zA-Z0-9]/gu, "")}`, mt = (t) => {
+  const e = F(t);
+  return (r) => `${e}-${r.replace(/[^a-zA-Z0-9]/gu, "")}`;
+}, _t = (t) => {
+  let e = 2166136261;
+  for (let r = 0; r < t.length; r += 1)
+    e ^= t.charCodeAt(r), e = Math.imul(e, 16777619);
+  return e >>> 0;
+}, st = (t) => {
+  let e = t || 1;
+  return () => {
+    e = e + 1831565813 | 0;
+    let r = Math.imul(e ^ e >>> 15, 1 | e);
+    return r = r + Math.imul(r ^ r >>> 7, 61 | r) ^ r, ((r ^ r >>> 14) >>> 0) / 4294967296;
+  };
+}, xt = (t) => {
+  const e = vt(t);
+  if (e === null) return 0.5;
+  const [r = 0, a = 0, n = 0] = e.map((s) => {
+    const l = s / 255;
+    return l <= 0.03928 ? l / 12.92 : ((l + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * a + 0.0722 * n;
+}, or = (t, e) => {
+  const r = vt(t);
+  if (r === null) return t;
+  const [a, n, s] = r.map((k) => k / 255), l = Math.max(a, n, s), c = Math.min(a, n, s), o = (l + c) / 2;
+  if (l === c) return t;
+  const d = l - c, u = d / (1 - Math.abs(2 * o - 1)), p = l === a ? ((n - s) / d + 6) % 6 : l === n ? (s - a) / d + 2 : (a - n) / d + 4, f = (1 - Math.abs(2 * o - 1)) * Math.min(1, u * e), h = f * (1 - Math.abs(p % 2 - 1)), g = o - f / 2, [v, m, $] = [
+    [
+      f,
+      h,
+      0
+    ],
+    [
+      h,
+      f,
+      0
+    ],
+    [
+      0,
+      f,
+      h
+    ],
+    [
+      0,
+      h,
+      f
+    ],
+    [
+      h,
+      0,
+      f
+    ],
+    [
+      f,
+      0,
+      h
+    ]
+  ][Math.floor(p) % 6] ?? [
+    0,
+    0,
+    0
+  ], _ = (k) => Math.round((k + g) * 255);
+  return `rgb(${_(v)}, ${_(m)}, ${_($)})`;
+}, it = (t) => {
+  const e = Ot(t);
+  return (r, a) => ({
+    color: Qe(e.get("fill", r, a)),
+    opacity: e.get("alpha", r, a),
+    fillOpacity: e.get("fillAlpha", r, a),
+    edge: e.get("stroke", r, a),
+    edgeWidth: e.get("strokeWidth", r, a)
+  });
+}, $e = (t) => {
+  const e = Ot(t);
+  return (r, a) => {
+    const n = e.get("strokeWidth", r, a);
+    return {
+      color: e.get("stroke", r, a),
+      opacity: e.get("alpha", r, a) * e.get("strokeAlpha", r, a),
+      width: n,
+      dashArray: qe(e.get("dashArray", r, a), n)
+    };
+  };
+}, sr = /[a-df-zA-DF-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/gu, ir = /^[a-zA-Z]$/u, lr = (t, e) => t === "H" ? "x" : t === "V" ? "y" : e % 2 === 0 ? "x" : "y", It = (t, e) => {
+  let r = "", a = 0;
+  return (t.match(sr) ?? []).map((n) => {
+    if (ir.test(n))
+      return r = n.toUpperCase(), a = 0, n;
+    const s = lr(r, a);
+    return a += 1, String(Number(n) * (s === "x" ? e.width : e.height));
+  }).join(" ");
+}, wt = (t, e) => {
+  const r = yt(t), a = St(t) ?? Se(t);
+  return r === null || a === null ? null : {
+    x: Je(r) * e.width,
+    y: tr(a) * e.height
+  };
+}, $t = (t, e) => {
+  const r = yt(t), a = St(t) ?? ye(t).outerRadius;
+  if (r === null || a === null) return null;
+  const n = _e(r, a), s = Math.min(e.width, e.height) / 2;
+  return {
+    x: e.width / 2 + n.x * s,
+    y: e.height / 2 - n.y * s
+  };
+}, cr = (t) => `${t.map((e, r) => `${r === 0 ? "M" : "L"}${e.x},${e.y}`).join(" ")} Z`, At = (t, e) => {
+  const r = ot(t.data, t.mapping, t.id), a = [];
+  return t.data.groupBy(Ne.group).forEach((n) => {
+    const s = [...n], [l] = s, c = e(s);
+    l === void 0 || c === null || a.push({
+      key: r(l),
+      observation: l,
+      path: c
+    });
+  }), a;
+}, dr = (t, e) => t.flatMap((r) => {
+  const a = yt(r), n = $t(r, e);
+  return a === null || n === null ? [] : [{
+    angle: a,
+    point: n
+  }];
+}).sort((r, a) => r.angle - a.angle).map(({ point: r }) => r), Re = (t, e) => {
+  const r = dr(t, e);
+  return r.length === 0 ? null : cr(r);
+}, hr = (t, e, r) => {
+  const a = ot(t.data, t.mapping, t.id);
+  return Array.from(t.data, (n) => ({
+    observation: n,
+    point: r(n, e)
+  })).flatMap(({ observation: n, point: s }) => s === null ? [] : [{
+    key: a(n),
+    observation: n,
+    point: s
+  }]);
+}, ur = 0.35, fr = 2, pr = 7, gr = 0.2, vr = 6, ke = ({ layer: t, coordSystem: e, panel: r }) => {
+  const a = it(t), n = mt("mist"), s = Z(() => {
+    if (e === void 0) return At(t, (u) => Re(u, r)).map((u) => ({
+      ...u,
+      fill: u.path,
+      edge: u.path
+    }));
+    const { areaGenerator: c, lineGenerator: o } = Ge(e, t.params), d = /* @__PURE__ */ new Map();
+    return At(t, (u) => {
+      const p = Xe(u, t.params.missingValues), f = c(p), h = o(p);
+      if (!f) return null;
+      const g = It(f, r);
+      return h && d.set(g, It(h, r)), g;
+    }).map((u) => ({
+      ...u,
+      fill: u.path,
+      edge: d.get(u.path) ?? ""
+    }));
+  }, [
+    t,
+    e,
+    r
+  ]);
+  if (r.width <= 0 || r.height <= 0) return null;
+  const l = s.map(({ observation: c }) => a(c));
+  return /* @__PURE__ */ E("g", {
+    "data-geom": "area",
+    children: [/* @__PURE__ */ i("defs", { children: [...new Map(l.map((c) => [c.color, c])).values()].map((c) => /* @__PURE__ */ E("linearGradient", {
+      id: n(c.color),
+      x1: "0",
+      y1: "0",
+      x2: "0",
+      y2: "1",
+      children: [/* @__PURE__ */ i("stop", {
+        offset: 0,
+        stopColor: c.color,
+        stopOpacity: c.fillOpacity
+      }), /* @__PURE__ */ i("stop", {
+        offset: 1,
+        stopColor: c.color,
+        stopOpacity: c.fillOpacity * ur
+      })]
+    }, c.color)) }), s.map(({ key: c, fill: o, edge: d }, u) => {
+      const p = l[u];
+      return p === void 0 ? null : /* @__PURE__ */ E("g", {
+        opacity: p.opacity,
+        children: [
+          /* @__PURE__ */ i("path", {
+            d: o,
+            fill: `url(#${n(p.color)})`,
+            "data-mist": ""
+          }),
+          /* @__PURE__ */ i("path", {
+            d,
+            fill: "none",
+            stroke: p.color,
+            strokeOpacity: gr,
+            strokeWidth: pr,
+            strokeLinejoin: "round",
+            strokeLinecap: "round"
+          }),
+          /* @__PURE__ */ i("path", {
+            d,
+            fill: "none",
+            stroke: p.color,
+            strokeWidth: fr,
+            strokeLinejoin: "round"
+          })
+        ]
+      }, c);
+    })]
+  });
+}, Te = ({ layer: t, observation: e, panel: r, project: a }) => {
+  const n = it(t)(e, "hovered"), s = a(e, r);
+  return s === null ? null : /* @__PURE__ */ i("g", {
+    "data-geom": "area",
+    opacity: n.opacity,
+    children: /* @__PURE__ */ i("circle", {
+      cx: s.x,
+      cy: s.y,
+      r: vr,
+      fill: n.color,
+      stroke: n.edge,
+      strokeWidth: 1.5
+    })
+  });
+}, mr = tt("area", {
+  coord: "cartesian",
+  guideMode: "crosshair",
+  swatchShape: "area",
+  render: ({ layer: t, coordSystem: e, panelRect: r }) => e.type !== "cartesian" ? null : /* @__PURE__ */ i(ke, {
+    layer: t,
+    coordSystem: e,
+    panel: r
+  }),
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ i(Te, {
+    layer: t,
+    observation: e.observation,
+    panel: r,
+    project: wt
+  }),
+  renderHoverCompanions: () => null
+}), Ar = tt("area", {
+  coord: "polar",
+  guideMode: "crosshair",
+  swatchShape: "area",
+  render: ({ layer: t, panelRect: e }) => /* @__PURE__ */ i(ke, {
+    layer: t,
+    panel: e
+  }),
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ i(Te, {
+    layer: t,
+    observation: e.observation,
+    panel: r,
+    project: $t
+  }),
+  renderHoverCompanions: () => null
+}), Er = {
+  solo: {
+    base: !0,
+    value: !0
+  },
+  floor: {
+    base: !0,
+    value: !1
+  },
+  ceiling: {
+    base: !1,
+    value: !0
+  },
+  middle: {
+    base: !1,
+    value: !1
+  }
+}, yr = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, Sr = {
+  top: {
+    x: 0,
+    y: -1
+  },
+  bottom: {
+    x: 0,
+    y: 1
+  },
+  right: {
+    x: 1,
+    y: 0
+  },
+  left: {
+    x: -1,
+    y: 0
+  }
+}, _r = (t, e) => e === "x" ? (Se(t) ?? St(t) ?? 0) >= (Ke(t) ?? 0) ? "top" : "bottom" : (Ye(t) ?? 0) >= (je(t) ?? 0) ? "right" : "left", $r = (t, e, r) => {
+  const a = Math.max(0, t.width - r), n = Math.max(0, t.height - r);
+  return e === "top" ? {
+    ...t,
+    y: t.y + t.height - n,
+    height: n
+  } : e === "bottom" ? {
+    ...t,
+    height: n
+  } : e === "left" ? {
+    ...t,
+    x: t.x + t.width - a,
+    width: a
+  } : {
+    ...t,
+    width: a
+  };
+}, Rr = (t, e, r, a) => {
+  const n = Ve(e, t);
+  if (!n || n.width <= 0 || n.height <= 0) return null;
+  const s = Er[ze(t)], l = _r(t, e), c = {
+    x: n.x * r.width,
+    y: n.y * r.height,
+    width: n.width * r.width,
+    height: n.height * r.height
+  }, o = [s.value ? [] : [l], s.base ? [] : [yr[l]]].flat().reduce(($, _) => $r($, _, a / 2), c), d = l === "top" || l === "bottom", u = d ? o.width : o.height, p = d ? o.height : o.width;
+  if (u <= 0 || p <= 0) return null;
+  const f = Sr[l], h = {
+    x: o.x + o.width / 2,
+    y: o.y + o.height / 2
+  }, g = {
+    x: h.x - f.x * o.width / 2,
+    y: h.y - f.y * o.height / 2
+  }, v = {
+    x: Math.abs(f.y),
+    y: Math.abs(f.x)
+  }, m = ($, _) => ({
+    x: g.x + f.x * _ + v.x * ($ - u / 2),
+    y: g.y + f.y * _ + v.y * ($ - u / 2)
+  });
+  return {
+    rect: o,
+    valueEdge: l,
+    endsStack: s.value,
+    startsStack: s.base,
+    isColumn: d,
+    breadth: u,
+    length: p,
+    foot: g,
+    growth: f,
+    at: m
+  };
+}, b = (t, e, r, a) => [
+  [[t, r]],
+  [[t, a]],
+  [[e, a]],
+  [[e, r]]
+], L = (t, e, r = !0) => {
+  const a = e.map((n, s) => {
+    const l = n.map(([c, o]) => {
+      const { x: d, y: u } = t.at(c, o);
+      return `${Math.round(d * 100) / 100},${Math.round(u * 100) / 100}`;
+    });
+    return s === 0 ? `M${l.join(" ")}` : n.length === 3 ? `C${l.join(" ")}` : `L${l.join(" ")}`;
+  }).join(" ");
+  return r ? `${a} Z` : a;
+}, I = {
+  rise: "halloween-rise",
+  light: "halloween-light",
+  kindle: "halloween-kindle",
+  flicker: "halloween-flicker"
+}, kr = 1.5, Tr = `
+@keyframes ${I.rise} {
+  from { transform: translate(var(--halloween-from-x, 0px), var(--halloween-from-y, 0px)); opacity: 0.15; }
+}
+@keyframes ${I.light} {
+  from { transform: scale(0.15); opacity: 0; }
+  60% { opacity: 1; }
+}
+@keyframes ${I.kindle} {
+  from { opacity: 0; }
+}
+@keyframes ${I.flicker} {
+  0% { transform: scale(1, 1) skewX(0deg); }
+  30% { transform: scale(0.94, 1.06) skewX(-3deg); }
+  55% { transform: scale(1.04, 0.95) skewX(2deg); }
+  80% { transform: scale(0.97, 1.03) skewX(-1deg); }
+  100% { transform: scale(1, 1) skewX(0deg); }
+}
+.${I.rise} {
+  animation: ${I.rise} var(--halloween-duration, 0s) cubic-bezier(0.22, 0.75, 0.25, 1)
+    var(--halloween-delay, 0s) both;
+}
+.${I.light} {
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: ${I.light} var(--halloween-duration, 0s) cubic-bezier(0.3, 1.4, 0.5, 1)
+    var(--halloween-delay, 0s) both;
+}
+.${I.flicker} {
+  transform-box: fill-box;
+  transform-origin: 50% 100%;
+  animation: ${I.flicker} 1.7s ease-in-out infinite;
+}
+.${I.kindle} {
+  animation: ${I.kindle} var(--halloween-duration, 0s) ease-in var(--halloween-delay, 0s) both;
+}
+@media (prefers-reduced-motion: reduce) {
+  .${I.rise}, .${I.light}, .${I.kindle}, .${I.flicker} {
+    animation: none;
+  }
+}
+`, Dt = () => /* @__PURE__ */ i("style", { children: Tr }), Me = (t, e) => {
+  if (t == null) return null;
+  const r = t.type === "grow" ? t.delayByKey[e] ?? 0 : 0;
+  return {
+    duration: t.durationSeconds * kr,
+    delay: r
+  };
+}, Pt = (t, e = {
+  x: 0,
+  y: 0
+}) => ({
+  "--halloween-duration": `${t.duration}s`,
+  "--halloween-delay": `${t.delay}s`,
+  "--halloween-from-x": `${e.x}px`,
+  "--halloween-from-y": `${e.y}px`
+}), Mr = (t) => {
+  const [e] = We(() => t != null);
+  return e;
+}, Lr = 0.66, Hr = 30, bt = 1.4, Cr = 0.42, Ir = 4, Or = 0.12, xr = "#4A4352", wr = "#8A8095", Dr = "#1B1218", Pr = 0.9, Wr = 7, Nr = 15, Fr = "#FF9F2E", Gr = "#FFC94F", Br = "#FFF6D6", Tt = "#FFD98A", br = "#0B0710", Ur = "#FFFFFF", Ut = "#FFF1D2", Le = (t) => {
+  const { breadth: e, length: r, startsStack: a } = t, n = Math.min(Hr, e * Lr), s = (e - n) / 2, l = a ? Math.min(Ir, r * Or) : 0, c = Math.max(2, Math.min(4, n * 0.3)), o = Math.max(Wr, Math.min(Nr, n * Pr));
+  return {
+    left: s,
+    right: s + n,
+    dish: l,
+    top: r,
+    wick: c,
+    flameFoot: r + c * 0.45,
+    flameTip: r + c * 0.45 + o
+  };
+}, Vr = (t, e) => {
+  const r = st(_t(`${e}-drips`)), a = t.right - t.left, n = t.top - t.dish;
+  if (a < 5 || n < 10) return [];
+  const s = 2 + Math.floor(r() * 2);
+  return Array.from({ length: s }, (l, c) => {
+    const o = c < 2, d = Math.max(1.6, a * Cr * (0.45 + r() * 0.55)), u = o ? c === 0 ? t.left + d / 2 - bt * r() : t.right - d / 2 + bt * r() : t.left + d / 2 + r() * (a - d), p = r() < 0.3, f = Math.min(n * 0.55, (p ? a * 1.4 : 2) + r() * Math.max(4, a * (p ? 1.2 : 0.6))), h = d / 2, g = t.top - Math.max(f, h * 1.6 + 1);
+    return [
+      [[u - h, t.top]],
+      [[u - h, g + h]],
+      [
+        [u - h, g - h * 0.35],
+        [u + h, g - h * 0.35],
+        [u + h, g + h]
+      ],
+      [[u + h, t.top]]
+    ];
+  });
+}, zr = ({ box: t, candleKey: e, color: r, fillOpacity: a, waxId: n }) => {
+  const s = Le(t), { left: l, right: c, dish: o, top: d } = s, u = Vr(s, e), p = M(M(r, Ut, 0.22), Ur, 0.08), f = M(r, br, 0.3);
+  return /* @__PURE__ */ E("g", {
+    "data-candle-wax": "",
+    children: [
+      /* @__PURE__ */ i("path", {
+        d: L(t, b(l, c, o, d)),
+        fill: `url(#${n})`,
+        fillOpacity: a,
+        "data-outline": "candle",
+        "data-stone-color": r
+      }),
+      /* @__PURE__ */ i("path", {
+        d: L(t, [[[l + 0.5, d - 0.9]], [[c - 0.5, d - 0.9]]], !1),
+        stroke: M(r, Ut, 0.5),
+        strokeWidth: 1.8,
+        strokeOpacity: 0.85
+      }),
+      u.map((h, g) => /* @__PURE__ */ E("g", {
+        "data-drip": "",
+        children: [/* @__PURE__ */ i("path", {
+          d: L(t, h),
+          fill: f,
+          fillOpacity: 0.45,
+          transform: "translate(0.7,0.5)"
+        }), /* @__PURE__ */ i("path", {
+          d: L(t, h),
+          fill: p,
+          fillOpacity: a
+        })]
+      }, g)),
+      o > 0 && /* @__PURE__ */ E("g", {
+        "data-dish": "",
+        children: [/* @__PURE__ */ i("path", {
+          d: L(t, b(0, t.breadth, 0, o)),
+          fill: xr
+        }), /* @__PURE__ */ i("path", {
+          d: L(t, [[[0.5, o - 0.5]], [[t.breadth - 0.5, o - 0.5]]], !1),
+          stroke: wr,
+          strokeWidth: 1
+        })]
+      })
+    ]
+  });
+}, Yr = ({ id: t }) => /* @__PURE__ */ E("radialGradient", {
+  id: t,
+  children: [
+    /* @__PURE__ */ i("stop", {
+      offset: 0,
+      stopColor: Tt,
+      stopOpacity: 0.32
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 0.45,
+      stopColor: Tt,
+      stopOpacity: 0.1
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 1,
+      stopColor: Tt,
+      stopOpacity: 0
+    })
+  ]
+}), jr = ({ box: t, haloId: e, isFlickering: r }) => {
+  const { left: a, right: n, top: s, wick: l, flameFoot: c, flameTip: o } = Le(t), d = (a + n) / 2, u = o - c, p = u * 0.24, f = (m, $ = 0) => {
+    const _ = c + $, k = _ + u * m;
+    return L(t, [
+      [[d, _]],
+      [
+        [d - p * m * 1.35, _ + u * m * 0.05],
+        [d - p * m * 1.05, _ + u * m * 0.55],
+        [d, k]
+      ],
+      [
+        [d + p * m * 1.05, _ + u * m * 0.55],
+        [d + p * m * 1.35, _ + u * m * 0.05],
+        [d, _]
+      ]
+    ]);
+  }, h = t.at(d, c + u * 0.4), g = t.at(d, s), v = t.at(d, s + l);
+  return /* @__PURE__ */ E("g", {
+    "data-flame": "",
+    children: [
+      /* @__PURE__ */ i("circle", {
+        cx: h.x,
+        cy: h.y,
+        r: u * 0.9,
+        fill: `url(#${e})`
+      }),
+      /* @__PURE__ */ i("line", {
+        x1: g.x,
+        y1: g.y,
+        x2: v.x,
+        y2: v.y,
+        stroke: Dr,
+        strokeWidth: 1.1
+      }),
+      /* @__PURE__ */ E("g", {
+        className: r ? I.flicker : void 0,
+        children: [
+          /* @__PURE__ */ i("path", {
+            d: f(1),
+            fill: Fr
+          }),
+          /* @__PURE__ */ i("path", {
+            d: f(0.72, u * 0.04),
+            fill: Gr
+          }),
+          /* @__PURE__ */ i("path", {
+            d: f(0.4, u * 0.06),
+            fill: Br
+          })
+        ]
+      })
+    ]
+  });
+}, Kr = 0.34, Xr = 1.6, Zr = 3.4, Qr = 0.8, qr = 9, Jr = 1.8, ta = 1.6, ea = [4, 13], ft = 1.8, ra = "#5B4E66", aa = "#8C7F99", Vt = "#0B0710", Wt = (t) => {
+  const { breadth: e, length: r } = t, a = Math.min(e, Math.max(Xr, Math.min(Zr, e * Kr))), n = Math.min(e, Math.max(a * 2, Math.min(qr, e * Qr))) / 2, s = Math.min(n * 2 * Jr, r * 0.6), l = (e - a) / 2;
+  return {
+    left: l,
+    right: l + a,
+    neck: r - s,
+    headHalf: n,
+    tip: r
+  };
+}, zt = (t, e) => {
+  const r = t.breadth / 2, { neck: a, tip: n, headHalf: s, left: l, right: c } = e, o = n - a, d = a + o * 0.32;
+  return [
+    [[l, a]],
+    [[r - s, d - o * 0.06]],
+    [[r - s * 0.55, d + o * 0.06]],
+    [[r, n]],
+    [[r + s * 0.55, d + o * 0.06]],
+    [[r + s, d - o * 0.06]],
+    [[c, a]]
+  ];
+}, na = ({ box: t, color: e, fillOpacity: r, paintId: a }) => {
+  const n = Wt(t), { left: s, right: l, neck: c } = n, o = Math.min(ta, (c - 0) * 0.3);
+  return /* @__PURE__ */ E("g", {
+    "data-railing-post": "",
+    children: [
+      /* @__PURE__ */ i("path", {
+        d: L(t, b(s, l, 0, c)),
+        fill: `url(#${a})`,
+        fillOpacity: r,
+        "data-outline": "railing",
+        "data-stone-color": e
+      }),
+      /* @__PURE__ */ i("path", {
+        d: L(t, zt(t, n)),
+        fill: e,
+        fillOpacity: r,
+        "data-spear": ""
+      }),
+      /* @__PURE__ */ i("path", {
+        d: L(t, [[[t.breadth / 2, c]], ...zt(t, n).slice(3)]),
+        fill: M(e, Vt, 0.35),
+        fillOpacity: r * 0.7
+      }),
+      o > 0.5 && /* @__PURE__ */ i("path", {
+        d: L(t, b(s - 0.6, l + 0.6, c - o, c)),
+        fill: M(e, Vt, 0.25)
+      })
+    ]
+  });
+}, Yt = (t, e) => t > e + ft * 1.5, oa = ({ box: t, neighbours: e }) => {
+  const { neck: r } = Wt(t), a = ea.flatMap((n) => {
+    if (!Yt(r, n)) return [];
+    const s = (o) => o !== null && Yt(o.neck, n) ? o.gap / 2 : null, l = s(e.before), c = s(e.after);
+    return l === null && c === null ? [] : [{
+      height: n,
+      from: -(l ?? 0),
+      to: t.breadth + (c ?? 0)
+    }];
+  });
+  return a.length === 0 ? null : /* @__PURE__ */ i("g", {
+    "data-rail": "",
+    children: a.map(({ height: n, from: s, to: l }) => /* @__PURE__ */ E("g", { children: [/* @__PURE__ */ i("path", {
+      d: L(t, [[[s, n]], [[l, n]]], !1),
+      stroke: ra,
+      strokeWidth: ft
+    }), /* @__PURE__ */ i("path", {
+      d: L(t, [[[s, n + ft / 2]], [[l, n + ft / 2]]], !1),
+      stroke: aa,
+      strokeWidth: 0.6,
+      strokeOpacity: 0.7
+    })] }, n))
+  });
+}, sa = 2, ia = 8, la = 0.16, ca = 0.18, jt = 0.78, da = 0.14, ha = 74, ua = 0.85, fa = 30, pa = 1.5, ga = 0.42, dt = 0.5523, va = 12, ma = 0.07, Aa = 1.5, Ea = 4, rt = 1.6, z = "#0B0710", at = "#FFFFFF", ya = 0.32, Sa = 0.18, He = 0.45, Kt = 0.7, _a = 0.12, $a = 0.16, Ra = 55, ka = 220, Xt = 0.22, Ta = 0.65, Ma = "#7F7B76", La = 0.22, Ha = 0.42, Ca = 0.3, Ia = "#F1E8D6", Oa = 0.62, xa = 0.45, Zt = 1.3, wa = 20, Da = 44, Qt = [
+  0.52,
+  0.66,
+  0.4
+], qt = 70, Pa = "'Cinzel', 'Times New Roman', serif", Jt = 8, te = 17, ee = 0.7, Wa = 0.72, ht = 4, Na = "#1E3A22", Fa = 4, Ga = 6, Ba = 10, ba = 0.16, re = "#E8E0D2", Ua = (t) => {
+  const { breadth: e, length: r, endsStack: a, startsStack: n, isColumn: s, valueEdge: l } = t;
+  if (!a || !n || !s || l !== "top" || r < va) return null;
+  const c = Math.min(ia, r * la, e * ca), o = (e - Math.min(e * jt, Math.max(Math.min(e * jt, fa), Math.min(ha, r * ua)))) / 2, d = e - o, u = (d - o) * (1 - da * 2) / 2, p = Math.min(u, (r - c) * ga), f = Math.min(u, p * pa);
+  return {
+    plinth: c,
+    left: o,
+    right: d,
+    step: (d - o) / 2 - f,
+    shoulder: r - p
+  };
+}, ae = (t, e) => {
+  const { plinth: r, left: a, right: n, step: s, shoulder: l } = e, { length: c } = t, o = a + s, d = n - s, u = (d - o) / 2, p = o + u, f = c - l;
+  return [
+    [[a, r]],
+    [[a, l]],
+    [[o, l]],
+    [
+      [o, l + f * dt],
+      [p - u * dt, c],
+      [p, c]
+    ],
+    [
+      [p + u * dt, c],
+      [d, l + f * dt],
+      [d, l]
+    ],
+    [[n, l]],
+    [[n, r]]
+  ];
+}, Va = (t, e, r) => {
+  const a = st(_t(`${e}-grain`)), n = Math.min(ka, Math.floor(t.breadth * t.length / Ra)), s = Array.from({ length: n }, () => {
+    const { x: c, y: o } = t.at(a() * t.breadth, a() * t.length), d = 0.35 + a() * 0.55;
+    return {
+      isDark: a() < 0.6,
+      path: `M${c - d},${o} a${d},${d} 0 1 0 ${d * 2},0 a${d},${d} 0 1 0 ${-d * 2},0`
+    };
+  }), l = xt(r) > Ta ? Array.from({ length: 2 }, () => {
+    const c = t.length * (0.15 + a() * 0.6), o = c + (a() - 0.5) * t.breadth * 1.6, d = t.at(t.breadth * (0.4 + a() * 0.2), (c + o) / 2 + (a() - 0.5) * 6), u = t.at(0, c), p = t.at(t.breadth, o);
+    return `M${u.x},${u.y} Q${d.x},${d.y} ${p.x},${p.y}`;
+  }).join(" ") : "";
+  return {
+    dark: s.filter(({ isDark: c }) => c).map(({ path: c }) => c).join(" "),
+    light: s.filter(({ isDark: c }) => !c).map(({ path: c }) => c).join(" "),
+    veins: l
+  };
+}, Ce = (t, e) => {
+  const r = t.length - e.shoulder, a = Math.min((e.right - e.left - e.step * 2) * 0.28, 12);
+  return {
+    size: a,
+    centre: e.shoulder + r * 0.3,
+    isCut: r >= a * 1.2
+  };
+}, za = (t, e, r) => {
+  const { left: a, right: n, shoulder: s, plinth: l } = e, c = n - a;
+  if (c < wa || t.length - l < Da) return null;
+  const o = (a + n) / 2, d = ($, _) => {
+    const k = t.at(...$), C = t.at(..._);
+    return `M${k.x},${k.y} L${C.x},${C.y}`;
+  }, { size: u, centre: p, isCut: f } = Ce(t, e), h = Math.min(7, Math.max(4, c * 0.12)), g = r === null ? Qt : Qt.slice(0, 1), v = r === null ? s - h * 1.4 : r.baseline - h * 1.6, m = g.flatMap(($, _) => {
+    const k = v - h * _;
+    return k > l + h * 2 ? [d([o - Math.min(c * $, qt * $) / 2, k], [o + Math.min(c * $, qt * $) / 2, k])] : [];
+  });
+  return [...f ? [d([o, p - u * 0.5], [o, p + u * 0.5]), d([o - u * 0.32, p + u * 0.18], [o + u * 0.32, p + u * 0.18])] : [], ...m].join(" ");
+}, Ya = (t, e, r) => {
+  if (r === "") return null;
+  const a = Math.max(1, r.length);
+  if (e !== null) {
+    const c = e.right - e.left - ht * 2, o = Math.min(te, c / (a * ee)), d = Ce(t, e), u = d.isCut ? d.centre - d.size / 2 - ht : e.shoulder, p = Math.min(e.shoulder - o * 0.35, u - o * Wa);
+    return o < Jt || p - o < e.plinth + ht ? null : {
+      text: r,
+      fontSize: o,
+      baseline: p,
+      across: (e.left + e.right) / 2
+    };
+  }
+  const n = t.isColumn ? t.breadth : t.length, s = t.isColumn ? t.length : t.breadth, l = Math.min(te, s * 0.6, (n - ht * 2) / (a * ee));
+  return l < Jt ? null : t.isColumn ? {
+    text: r,
+    fontSize: l,
+    baseline: t.length / 2 - l * 0.36,
+    across: t.breadth / 2
+  } : {
+    text: r,
+    fontSize: l,
+    baseline: t.length / 2,
+    across: t.breadth / 2 + l * 0.36
+  };
+}, ja = (t, e) => {
+  const r = st(_t(`${e}-grass`)), a = Math.max(2, Math.floor(t.breadth / Ga));
+  return Array.from({ length: a }, (n, s) => {
+    const l = (s + 0.3 + r() * 0.4) * t.breadth / a, c = Fa * (0.5 + r() * 0.6), o = (r() - 0.5) * 3, d = t.at(l - 1, 0), u = t.at(l + o, c), p = t.at(l + 1, 0);
+    return `M${d.x},${d.y} L${u.x},${u.y} L${p.x},${p.y} Z`;
+  }).join(" ");
+}, Ka = (t) => xt(t) < Ca ? {
+  groove: M(t, Ia, Oa),
+  lip: M(t, z, xa),
+  isPale: !0
+} : {
+  groove: M(t, z, Ha),
+  lip: M(t, at, He),
+  isPale: !1
+}, Xa = ({ box: t, stoneKey: e, color: r, fillOpacity: a, faceId: n, fogId: s, clipId: l, label: c }) => {
+  const o = Ua(t), { breadth: d, length: u, startsStack: p, isColumn: f } = t, h = o === null ? L(t, b(0, d, 0, u)) : L(t, ae(t, o)), g = o !== null && o.plinth > 0 ? L(t, b(0, d, 0, o.plinth)) : null, v = Math.min(Ea, Math.max(Aa, d * ma)), m = M(r, z, ya), $ = M(r, at, He), { groove: _, lip: k } = Ka(r), C = Va(t, e, r), O = Ya(t, o, c), D = o === null ? null : za(t, o, O), W = O === null ? null : t.at(O.across, O.baseline), Q = p && f, P = o === null ? L(t, b(d - v, d, 0, u)) : L(t, b(o.right - v, o.right, o.plinth, o.shoulder)), Y = o === null ? f ? L(t, [[[0, u - rt / 2]], [[d, u - rt / 2]]], !1) : L(t, [[[rt / 2, 0]], [[rt / 2, u]]], !1) : L(t, ae(t, o).slice(1, -1), !1);
+  return /* @__PURE__ */ E("g", { children: [
+    /* @__PURE__ */ E("clipPath", {
+      id: l,
+      children: [/* @__PURE__ */ i("path", { d: h }), g !== null && /* @__PURE__ */ i("path", { d: g })]
+    }),
+    g !== null && /* @__PURE__ */ i("path", {
+      d: g,
+      fill: M(r, z, Sa),
+      fillOpacity: a,
+      "data-plinth": ""
+    }),
+    /* @__PURE__ */ i("path", {
+      d: h,
+      fill: `url(#${n})`,
+      fillOpacity: a,
+      "data-outline": o === null ? "slab" : "headstone",
+      "data-stone-color": r
+    }),
+    /* @__PURE__ */ E("g", {
+      clipPath: `url(#${l})`,
+      children: [
+        C.veins !== "" && /* @__PURE__ */ i("path", {
+          d: C.veins,
+          fill: "none",
+          stroke: Ma,
+          strokeOpacity: La,
+          strokeWidth: 0.7
+        }),
+        /* @__PURE__ */ i("path", {
+          d: C.dark,
+          fill: z,
+          fillOpacity: Xt
+        }),
+        /* @__PURE__ */ i("path", {
+          d: C.light,
+          fill: at,
+          fillOpacity: Xt
+        }),
+        /* @__PURE__ */ i("path", {
+          d: P,
+          fill: m,
+          fillOpacity: 0.85
+        }),
+        /* @__PURE__ */ i("path", {
+          d: Y,
+          fill: "none",
+          stroke: $,
+          strokeOpacity: Kt,
+          strokeWidth: rt * 2
+        }),
+        g !== null && o !== null && /* @__PURE__ */ i("path", {
+          d: L(t, [[[0, o.plinth - 0.6]], [[d, o.plinth - 0.6]]], !1),
+          stroke: $,
+          strokeOpacity: Kt,
+          strokeWidth: 1.2
+        }),
+        D !== null && /* @__PURE__ */ E("g", {
+          fill: "none",
+          strokeLinecap: "round",
+          children: [/* @__PURE__ */ i("path", {
+            d: D,
+            stroke: k,
+            strokeOpacity: 0.45,
+            strokeWidth: Zt,
+            transform: "translate(0,1)"
+          }), /* @__PURE__ */ i("path", {
+            d: D,
+            stroke: _,
+            strokeWidth: Zt
+          })]
+        }),
+        O !== null && W !== null && /* @__PURE__ */ E("g", {
+          fontFamily: Pa,
+          fontWeight: 700,
+          fontSize: O.fontSize,
+          textAnchor: "middle",
+          letterSpacing: O.fontSize * 0.04,
+          "data-carving": O.text,
+          children: [/* @__PURE__ */ i("text", {
+            x: W.x,
+            y: W.y + 1,
+            fill: k,
+            fillOpacity: 0.5,
+            children: O.text
+          }), /* @__PURE__ */ i("text", {
+            x: W.x,
+            y: W.y,
+            fill: _,
+            children: O.text
+          })]
+        }),
+        Q && /* @__PURE__ */ E("g", { children: [/* @__PURE__ */ i("path", {
+          d: L(t, b(0, d, 0, Math.min(Ba, u))),
+          fill: `url(#${s})`
+        }), /* @__PURE__ */ i("path", {
+          d: ja(t, e),
+          fill: Na
+        })] })
+      ]
+    })
+  ] });
+}, Za = (t) => {
+  const e = t.mapping.y, r = typeof e == "string" ? e : e !== void 0 && "variable" in e ? e.variable : null;
+  return r !== null && t.data.hasVariable(r) ? r : null;
+}, Qa = (t, e, r) => {
+  if (t === null || e === null) return "";
+  const a = r[Fe.yRaw] ?? r[e];
+  return a == null ? "" : t(a, r);
+};
+var qa = (t) => t >= 44 ? "headstone" : t >= 14 ? "candle" : "railing", Ja = (t) => t.reduce((e, r) => r !== null && r.isColumn ? Math.max(e, r.breadth) : e, 0), pt = (t) => t.isColumn && t.startsStack && t.endsStack && t.valueEdge === "top", tn = (t) => {
+  const e = t.map((a, n) => ({
+    box: a,
+    index: n
+  })).filter((a) => a.box !== null && pt(a.box)).sort((a, n) => a.box.rect.x - n.box.rect.x), r = (a, n) => a === void 0 ? null : {
+    gap: Math.max(0, n),
+    neck: Wt(a).neck
+  };
+  return new Map(e.map(({ box: a, index: n }, s) => {
+    const l = e[s - 1]?.box, c = e[s + 1]?.box;
+    return [n, {
+      before: r(l, l === void 0 ? 0 : a.rect.x - (l.rect.x + l.rect.width)),
+      after: r(c, c === void 0 ? 0 : c.rect.x - (a.rect.x + a.rect.width))
+    }];
+  }));
+}, ne = ({ layer: t, observations: e, mainAxis: r, panel: a, intro: n, state: s }) => {
+  const l = it(t), c = mt("face"), o = mt("round"), d = F("stone"), u = F("fog"), p = F("halo"), f = Mr(n), h = Z(() => ot(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), g = rr((y) => y.config.numberFormat), v = er(), m = Za(t), $ = Z(() => m === null ? null : be({
+    valueFormat: t.data.getValueFormat(m),
+    locale: v,
+    numberFormat: g
+  }), [
+    t.data,
+    m,
+    v,
+    g
+  ]);
+  if (a.width <= 0 || a.height <= 0) return null;
+  const _ = [...e].map((y, N) => {
+    const S = h(y);
+    return {
+      key: S,
+      index: N,
+      paint: l(y, s),
+      box: Rr(y, r, a, sa),
+      label: Qa($, m, y),
+      timing: s === void 0 ? Me(n, S) : null
+    };
+  }), k = _.map(({ box: y }) => y), C = qa(Ja(k)), O = (y) => pt(y) ? C : "slab", D = C === "candle" && k.some((y) => y !== null && pt(y)), W = C === "railing" && s === void 0 ? tn(k) : /* @__PURE__ */ new Map(), Q = _.some(({ timing: y }) => y !== null), P = D && f && s === void 0, Y = [...new Set(_.map(({ paint: y }) => y.color))], lt = (y, N) => N === null ? {} : {
+    className: I.rise,
+    style: Pt(N, {
+      x: -y.growth.x * y.length,
+      y: -y.growth.y * y.length
+    })
+  };
+  return /* @__PURE__ */ E("g", {
+    "data-geom": "bar",
+    "data-grave-object": C,
+    children: [
+      (Q || P) && /* @__PURE__ */ i(Dt, {}),
+      /* @__PURE__ */ E("defs", { children: [
+        Y.map((y) => /* @__PURE__ */ E("linearGradient", {
+          id: c(y),
+          x1: "0",
+          y1: "0",
+          x2: "0.35",
+          y2: "1",
+          children: [
+            /* @__PURE__ */ i("stop", {
+              offset: 0,
+              stopColor: M(y, at, _a)
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 0.5,
+              stopColor: y
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 1,
+              stopColor: M(y, z, $a)
+            })
+          ]
+        }, y)),
+        C !== "headstone" && Y.map((y) => /* @__PURE__ */ E("linearGradient", {
+          id: o(y),
+          x1: "0",
+          y1: "0",
+          x2: "1",
+          y2: "0",
+          children: [
+            /* @__PURE__ */ i("stop", {
+              offset: 0,
+              stopColor: M(y, z, 0.22)
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 0.28,
+              stopColor: M(y, at, 0.2)
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 0.5,
+              stopColor: y
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 1,
+              stopColor: M(y, z, 0.38)
+            })
+          ]
+        }, y)),
+        D && /* @__PURE__ */ i(Yr, { id: p }),
+        /* @__PURE__ */ E("linearGradient", {
+          id: u,
+          x1: "0",
+          y1: "1",
+          x2: "0",
+          y2: "0",
+          children: [/* @__PURE__ */ i("stop", {
+            offset: 0,
+            stopColor: re,
+            stopOpacity: ba
+          }), /* @__PURE__ */ i("stop", {
+            offset: 1,
+            stopColor: re,
+            stopOpacity: 0
+          })]
+        })
+      ] }),
+      C === "railing" && /* @__PURE__ */ i("g", {
+        "data-fence": "",
+        children: _.map(({ key: y, index: N, box: S, timing: T }) => S === null || !pt(S) ? null : /* @__PURE__ */ i("g", {
+          ...lt(S, T),
+          children: /* @__PURE__ */ i(oa, {
+            box: S,
+            neighbours: W.get(N) ?? {
+              before: null,
+              after: null
+            }
+          })
+        }, y))
+      }),
+      _.map(({ key: y, index: N, paint: S, box: T, timing: H, label: G }) => {
+        if (T === null) return null;
+        const w = `${d}-${N}`, x = lt(T, H), B = O(T);
+        return /* @__PURE__ */ E("g", {
+          opacity: S.opacity,
+          "data-value-edge": T.valueEdge,
+          children: [
+            /* @__PURE__ */ i("clipPath", {
+              id: w,
+              children: /* @__PURE__ */ i("rect", { ...T.rect })
+            }),
+            /* @__PURE__ */ i("g", {
+              clipPath: `url(#${w})`,
+              children: /* @__PURE__ */ E("g", {
+                ...x,
+                "data-stone": "",
+                children: [
+                  B === "candle" && /* @__PURE__ */ i(zr, {
+                    box: T,
+                    candleKey: y,
+                    color: S.color,
+                    fillOpacity: S.fillOpacity,
+                    waxId: o(S.color)
+                  }),
+                  B === "railing" && /* @__PURE__ */ i(na, {
+                    box: T,
+                    color: S.color,
+                    fillOpacity: S.fillOpacity,
+                    paintId: o(S.color)
+                  }),
+                  (B === "headstone" || B === "slab") && /* @__PURE__ */ i(Xa, {
+                    box: T,
+                    stoneKey: y,
+                    color: S.color,
+                    fillOpacity: S.fillOpacity,
+                    faceId: c(S.color),
+                    fogId: u,
+                    clipId: `${w}-face`,
+                    label: G
+                  })
+                ]
+              })
+            }),
+            B === "candle" && /* @__PURE__ */ i("g", {
+              ...x,
+              children: /* @__PURE__ */ i(jr, {
+                box: T,
+                haloId: p,
+                isFlickering: P
+              })
+            }),
+            s === "hovered" && /* @__PURE__ */ i("rect", {
+              ...T.rect,
+              fill: "none",
+              stroke: S.edge,
+              strokeWidth: S.edgeWidth
+            })
+          ]
+        }, y);
+      })
+    ]
+  });
+}, en = tt("bar", {
+  coord: "cartesian",
+  guideMode: "band",
+  swatchShape: "square",
+  render: ({ layer: t, coordSystem: e, panelRect: r, intro: a }) => /* @__PURE__ */ i(ne, {
+    layer: t,
+    observations: t.data,
+    mainAxis: Bt(e),
+    panel: r,
+    intro: a
+  }),
+  renderHover: ({ layer: t, coordSystem: e, primary: r, panelRect: a }) => /* @__PURE__ */ i(ne, {
+    layer: t,
+    observations: [r.observation],
+    mainAxis: Bt(e),
+    panel: a,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), Nt = "#FFE9A3", gt = "#2A1533", Ie = "#1A0C22", rn = "#6B7A35", an = 0.45, nn = 15, on = 10, sn = 0.62, ln = 0.24, oe = 0.75, cn = (t) => xt(t) > an ? gt : Nt, dn = (t) => M(t, Ie, 0.5), hn = ({ id: t, color: e }) => /* @__PURE__ */ E("radialGradient", {
+  id: t,
+  cx: "0.5",
+  cy: "0.58",
+  r: "0.62",
+  children: [
+    /* @__PURE__ */ i("stop", {
+      offset: 0,
+      stopColor: M(e, Nt, 0.35)
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 0.55,
+      stopColor: e
+    }),
+    /* @__PURE__ */ i("stop", {
+      offset: 1,
+      stopColor: M(e, Ie, 0.35)
+    })
+  ]
+}), un = (t, e) => {
+  const r = Math.min(t * 0.16, e * 0.28), a = -e * 0.1, n = (d) => `M${d - r / 2},${a + r * 0.4} L${d + r / 2},${a + r * 0.4} L${d},${a - r * 0.55} Z`, s = t * 0.26, l = e * 0.12, c = Math.max(1, t * 0.05), o = `M${-s},${l} Q${-s * 0.5},${l + e * 0.06} ${-c},${l + e * 0.05} L0,${l + e * 0.12} L${c},${l + e * 0.05} Q${s * 0.5},${l + e * 0.06} ${s},${l} Q0,${l + e * 0.36} ${-s},${l} Z`;
+  return `${n(-t * 0.18)} ${n(t * 0.18)} ${o}`;
+}, fn = ({ cx: t, cy: e, width: r, height: a, color: n, fill: s, hasStem: l = !1 }) => {
+  const c = r / 2, o = a / 2, d = dn(n), u = Math.max(0.7, Math.min(1.4, r / 28)), p = r >= nn && a >= on, f = Math.max(2, r * 0.12), h = Math.max(2, a * 0.24);
+  return /* @__PURE__ */ E("g", {
+    transform: `translate(${t},${e})`,
+    children: [
+      l && /* @__PURE__ */ i("path", {
+        d: `M${-f / 2},${-o + 1} L${-f * 0.35},${-o - h} L${f * 0.55},${-o - h * 0.85} L${f / 2},${-o + 1} Z`,
+        fill: rn
+      }),
+      /* @__PURE__ */ i("ellipse", {
+        rx: c,
+        ry: o,
+        fill: s
+      }),
+      /* @__PURE__ */ i("ellipse", {
+        rx: c * sn,
+        ry: o * 0.97,
+        fill: "none",
+        stroke: d,
+        strokeWidth: u,
+        strokeOpacity: oe
+      }),
+      /* @__PURE__ */ i("ellipse", {
+        rx: c * ln,
+        ry: o * 0.99,
+        fill: "none",
+        stroke: d,
+        strokeWidth: u,
+        strokeOpacity: oe
+      }),
+      p && /* @__PURE__ */ i("path", {
+        d: un(r, a),
+        fill: cn(n)
+      })
+    ]
+  });
+}, pn = -12, q = 7.5, gn = "#F4EEE2", vn = 0.92, mn = 15, An = 0.45, j = -6, Et = -15.5, En = `M-7.5,${j} L-7.5,${Et} A${q},${q} 0 0 1 ${q},${Et} L${q},${j} Q${q * 0.66},${j - 3} ${q / 3},${j} Q0,-3 ${-7.5 / 3},${j} Q${-7.5 * 0.66},${j - 3} -7.5,${j} Z`, yn = ({ x: t, y: e, color: r, ghostRef: a }) => {
+  const n = F("halo");
+  return /* @__PURE__ */ E("g", {
+    ref: a,
+    transform: `translate(${t},${e})`,
+    "data-ghost": "",
+    pointerEvents: "none",
+    children: [/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ E("radialGradient", {
+      id: n,
+      children: [/* @__PURE__ */ i("stop", {
+        offset: 0,
+        stopColor: r,
+        stopOpacity: An
+      }), /* @__PURE__ */ i("stop", {
+        offset: 1,
+        stopColor: r,
+        stopOpacity: 0
+      })]
+    }) }), /* @__PURE__ */ E("g", {
+      transform: `translate(-15,0) rotate(${pn})`,
+      children: [
+        /* @__PURE__ */ i("circle", {
+          cy: -12.5,
+          r: mn,
+          fill: `url(#${n})`
+        }),
+        /* @__PURE__ */ i("path", {
+          d: En,
+          fill: gn,
+          fillOpacity: vn,
+          stroke: r,
+          strokeWidth: 1.2
+        }),
+        /* @__PURE__ */ i("ellipse", {
+          cx: -2.8,
+          cy: Et,
+          rx: 1.3,
+          ry: 1.9,
+          fill: gt
+        }),
+        /* @__PURE__ */ i("ellipse", {
+          cx: 2.8,
+          cy: Et,
+          rx: 1.3,
+          ry: 1.9,
+          fill: gt
+        }),
+        /* @__PURE__ */ i("ellipse", {
+          cx: 0,
+          cy: -10.9,
+          rx: 1.2,
+          ry: 1.5,
+          fill: gt
+        })
+      ]
+    })]
+  });
+}, Sn = 2.4, _n = 0.55, Mt = 3, $n = 3.6, Rn = 1.7, se = 6, kn = 14, Tn = 2.2, Mn = (t, e, r) => t.flatMap((a) => r(a, e) ?? []).reduce((a, n) => a === null || n.x >= a.x ? n : a, null), Ln = (t, e, r) => {
+  const a = Ee(!1);
+  Pe(() => {
+    const n = t.current;
+    if (a.current || !r || n === null || e === null || e === void 0) return;
+    a.current = !0;
+    const s = [...n.querySelectorAll("[data-trail]")];
+    if (s.some((h) => typeof h.getTotalLength != "function")) return;
+    const l = [...n.querySelectorAll("[data-ghost-for]")].flatMap((h) => {
+      const g = h.querySelector("[data-ghost]");
+      return g === null ? [] : [{
+        key: h.dataset.ghostFor,
+        ghost: g
+      }];
+    }), c = [...n.querySelectorAll("[data-bead]")], o = e.durationSeconds * Tn * 1e3, d = (h) => {
+      let g = -1 / 0;
+      s.forEach((v) => {
+        const m = v.getTotalLength();
+        v.style.strokeDasharray = `${m} ${m}`, v.style.strokeDashoffset = `${m * (1 - h)}`;
+        const $ = v.getPointAtLength(m * h);
+        g = Math.max(g, $.x);
+        const _ = l.find(({ key: k }) => k === v.dataset.trail);
+        _ !== void 0 && (_.ghost.style.transform = `translate(${$.x}px, ${$.y}px)`);
+      }), c.forEach((v) => {
+        v.style.opacity = Number(v.dataset.x) <= g + 0.5 ? "" : "0";
+      });
+    }, u = () => {
+      for (const h of [
+        ...s,
+        ...l.map(({ ghost: g }) => g),
+        ...c
+      ]) h.removeAttribute("style");
+    };
+    d(0);
+    const p = performance.now();
+    let f = requestAnimationFrame(function h(g) {
+      const v = Math.min(1, (g - p) / o);
+      if (v >= 1) {
+        u();
+        return;
+      }
+      d(v), f = requestAnimationFrame(h);
+    });
+    return () => {
+      cancelAnimationFrame(f), u();
+    };
+  }, [
+    t,
+    e,
+    r
+  ]);
+}, Hn = ({ layer: t, panel: e, coord: r, project: a, intro: n }) => {
+  const s = $e(t), l = Ee(null), c = F("soften"), o = Z(() => {
+    if (r === "polar") return At(t, (v) => Re(v, e)).map((v) => ({
+      ...v,
+      end: null
+    }));
+    const h = Be(t.params), g = /* @__PURE__ */ new Map();
+    return At(t, (v) => {
+      const m = h(Ze(v, t.params.missingValues));
+      if (!m) return null;
+      const $ = It(m, e);
+      return g.set($, Mn(v, e, a)), $;
+    }).map((v) => ({
+      ...v,
+      end: g.get(v.path) ?? null
+    }));
+  }, [
+    t,
+    e,
+    r,
+    a
+  ]), d = Z(() => hr(t, e, a), [
+    t,
+    e,
+    a
+  ]), u = d.length / Math.max(1, o.length), p = e.width / Math.max(1, u) >= kn, f = r === "cartesian" && o.every(({ observation: h }) => s(h).dashArray === void 0);
+  return Ln(l, n, f), e.width <= 0 || e.height <= 0 ? null : /* @__PURE__ */ E("g", {
+    "data-geom": "line",
+    ref: l,
+    children: [
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("filter", {
+        id: c,
+        filterUnits: "userSpaceOnUse",
+        x: -12,
+        y: -12,
+        width: e.width + Mt * 8,
+        height: e.height + Mt * 8,
+        children: /* @__PURE__ */ i("feGaussianBlur", { stdDeviation: Mt })
+      }) }),
+      o.map(({ key: h, path: g, observation: v }) => {
+        const m = s(v);
+        return /* @__PURE__ */ E("g", {
+          opacity: m.opacity,
+          children: [/* @__PURE__ */ i("path", {
+            d: g,
+            fill: "none",
+            stroke: m.color,
+            strokeOpacity: _n,
+            strokeWidth: m.width * Sn,
+            filter: `url(#${c})`,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "data-trail": h
+          }), /* @__PURE__ */ i("path", {
+            d: g,
+            fill: "none",
+            stroke: m.color,
+            strokeWidth: m.width,
+            strokeDasharray: m.dashArray,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "data-trail": h
+          })]
+        }, h);
+      }),
+      p && d.map(({ key: h, observation: g, point: v }) => {
+        const m = s(g);
+        return /* @__PURE__ */ E("g", {
+          opacity: m.opacity,
+          "data-bead": "",
+          "data-x": v.x,
+          children: [/* @__PURE__ */ i("circle", {
+            cx: v.x,
+            cy: v.y,
+            r: $n,
+            fill: m.color
+          }), /* @__PURE__ */ i("circle", {
+            cx: v.x,
+            cy: v.y,
+            r: Rn,
+            fill: M(m.color, "#FFE9A3", 0.7)
+          })]
+        }, h);
+      }),
+      o.map(({ key: h, observation: g, end: v }) => v === null ? null : /* @__PURE__ */ i("g", {
+        "data-ghost-for": h,
+        children: /* @__PURE__ */ i(yn, {
+          x: v.x,
+          y: v.y,
+          color: s(g).color
+        })
+      }, h))
+    ]
+  });
+}, Cn = ({ layer: t, observation: e, panel: r, project: a }) => {
+  const n = $e(t)(e, "hovered"), s = a(e, r);
+  return s === null ? null : /* @__PURE__ */ E("g", {
+    "data-geom": "line",
+    opacity: n.opacity,
+    children: [/* @__PURE__ */ i("circle", {
+      cx: s.x,
+      cy: s.y,
+      r: se,
+      fill: n.color
+    }), /* @__PURE__ */ i("circle", {
+      cx: s.x,
+      cy: s.y,
+      r: se / 2,
+      fill: M(n.color, Nt, 0.7)
+    })]
+  });
+}, Oe = (t, e) => tt("line", {
+  coord: t,
+  guideMode: "crosshair",
+  swatchShape: "line",
+  render: ({ layer: r, panelRect: a, intro: n }) => /* @__PURE__ */ i(Hn, {
+    layer: r,
+    panel: a,
+    coord: t,
+    project: e,
+    intro: n
+  }),
+  renderHover: ({ layer: r, primary: a, panelRect: n }) => /* @__PURE__ */ i(Cn, {
+    layer: r,
+    observation: a.observation,
+    panel: n,
+    project: e
+  }),
+  renderHoverCompanions: () => null,
+  getOverlayAnchor: ({ observation: r }) => {
+    const a = yt(r), n = St(r);
+    return a === null || n === null ? null : {
+      x: a,
+      y: n
+    };
+  }
+}), In = Oe("cartesian", wt), On = Oe("polar", $t), ie = 2.3, le = 1.8, xn = 4, ce = ({ layer: t, observations: e, panel: r, project: a, intro: n, state: s }) => {
+  const l = Ot(t), c = it(t), o = mt("lantern"), d = Z(() => ot(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]), u = s === "hovered" ? xn : 0, p = Array.from(e, (f) => {
+    const h = d(f);
+    return {
+      key: h,
+      centre: a(f, r),
+      paint: c(f, s),
+      size: l.get("size", f, s) + u,
+      timing: s === void 0 ? Me(n, h) : null
+    };
+  });
+  return /* @__PURE__ */ E("g", {
+    "data-geom": "point",
+    children: [
+      p.some(({ timing: f }) => f !== null) && /* @__PURE__ */ i(Dt, {}),
+      /* @__PURE__ */ i("defs", { children: [...new Set(p.map(({ paint: f }) => f.color))].map((f) => /* @__PURE__ */ i(hn, {
+        id: o(f),
+        color: f
+      }, f)) }),
+      p.map(({ key: f, centre: h, paint: g, size: v, timing: m }) => {
+        if (h === null) return null;
+        const $ = m === null ? {} : {
+          className: I.light,
+          style: Pt(m)
+        };
+        return /* @__PURE__ */ E("g", {
+          opacity: g.opacity,
+          "data-reading": `${h.x},${h.y}`,
+          children: [/* @__PURE__ */ i("g", {
+            ...$,
+            children: /* @__PURE__ */ i(fn, {
+              cx: h.x,
+              cy: h.y,
+              width: v * ie,
+              height: v * le,
+              color: g.color,
+              fill: `url(#${o(g.color)})`,
+              hasStem: !0
+            })
+          }), s === "hovered" && /* @__PURE__ */ i("ellipse", {
+            cx: h.x,
+            cy: h.y,
+            rx: v * ie / 2 + 1,
+            ry: v * le / 2 + 1,
+            fill: "none",
+            stroke: g.edge,
+            strokeWidth: g.edgeWidth
+          })]
+        }, f);
+      })
+    ]
+  });
+}, xe = (t, e) => tt("point", {
+  coord: t,
+  swatchShape: "circle",
+  render: ({ layer: r, panelRect: a, intro: n }) => /* @__PURE__ */ i(ce, {
+    layer: r,
+    observations: r.data,
+    panel: a,
+    project: e,
+    intro: n
+  }),
+  renderHover: ({ layer: r, primary: a, panelRect: n }) => /* @__PURE__ */ i(ce, {
+    layer: r,
+    observations: [a.observation],
+    panel: n,
+    project: e,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), wn = xe("cartesian", wt), Dn = xe("polar", $t), Pn = 3, Lt = "#A39A8C", de = "#E4DDD0", nt = "#5E564C", V = "#1A0C22", K = "#FFF8E6", Wn = "#130A1A", Nn = 0.022, he = 2.4, Fn = 6, Gn = 0.05, Bn = 0.2, bn = Math.PI / 7, Un = 6, Vn = [0.42, 0.74], zn = 0.62, Yn = 26, jn = 1.5, Kn = 0.85, Xn = 0.18, Zn = 1.6, Qn = 0.5, qn = 0.85, Jn = 0.08, to = 0.45, eo = 0.08, ro = 0.4, ao = 40, no = 16, Ht = 22, oo = 0.16, so = 0.075, io = 0.64, ue = 0.55, we = (t, e, r) => {
+  const a = _e(e, 1);
+  return {
+    x: t.x + a.x * r,
+    y: t.y - a.y * r
+  };
+}, fe = (t) => {
+  const { startAngle: e, endAngle: r } = Ue(t), { innerRadius: a, outerRadius: n } = ye(t);
+  return e === null || r === null || a === null || n === null || n <= 0 || r <= e ? null : {
+    startAngle: e,
+    endAngle: r,
+    innerRadius: a,
+    outerRadius: n
+  };
+}, lo = (t, e = []) => {
+  const r = Math.min(Fn, Math.max(he, t * Nn)), a = e.map(({ startAngle: s, endAngle: l, innerRadius: c, outerRadius: o }) => Math.min((l - s) * o * t * Gn, (o - c) * t * Bn)).sort((s, l) => s - l), n = a[Math.floor(a.length / 2)];
+  return n === void 0 ? r : Math.min(r, Math.max(he, n));
+}, co = 18, ho = 0.5, uo = 0.62, fo = (t, e, r) => {
+  const { startAngle: a, endAngle: n, innerRadius: s, outerRadius: l } = t, c = s * e, o = l * e, d = o - (o - c) * ho, u = (a + n) / 2, p = o - d, f = (n - a) * 0.3, h = (m, $) => {
+    const _ = we(r, m, $);
+    return `${_.x.toFixed(2)},${_.y.toFixed(2)}`;
+  }, g = 6, v = Array.from({ length: 7 }, (m, $) => h(n - (n - a) * $ / g, c));
+  return `M${h(a, d)} C${h(a, d + p * 0.55)} ${h(a + f, o - p * 0.12)} ${h(u, o)} C${h(n - f, o - p * 0.12)} ${h(n, d + p * 0.55)} ${h(n, d)} L${v.join(" L")} Z`;
+}, po = (t, e, r = !0) => {
+  const { startAngle: a, endAngle: n, innerRadius: s, outerRadius: l } = t, c = (l - s) * e >= Yn, o = c ? s > 0 ? [
+    0,
+    zn,
+    1
+  ] : [
+    0,
+    ...Vn,
+    1
+  ] : [0, 1], d = !c || !r ? -1 : s > 0 ? 0 : 1, u = Math.min(Un, Math.max(1, Math.round((n - a) / bn)));
+  return o.slice(1).flatMap((p, f) => {
+    const h = s + (l - s) * (o[f] ?? 0), g = s + (l - s) * p, v = f === 0 && s === 0 && o.length > 2 ? 1 : Math.max(1, u - 1 + Math.min(f, 2)), m = Math.max(1, Math.floor((n - a) * ((h + g) / 2) * e / no)), $ = f === d, _ = Math.max(1, Math.round((n - a) * ((h + g) / 2) / ((g - h) * uo))), k = Math.min(m, $ ? _ : v), C = (n - a) / k;
+    return Array.from({ length: k }, (O, D) => ({
+      startAngle: a + C * D,
+      endAngle: a + C * (D + 1),
+      innerRadius: h,
+      outerRadius: g,
+      isLancet: $ && C * ((h + g) / 2) * e >= co
+    }));
+  });
+}, pe = ({ layer: t, observations: e, panel: r, intro: a, state: n }) => {
+  const s = it(t), l = F("glass"), c = F("pane"), o = F("stone"), d = F("halo"), u = Z(() => ot(t.data, t.mapping, t.id), [
+    t.data,
+    t.mapping,
+    t.id
+  ]);
+  if (r.width <= 0 || r.height <= 0) return null;
+  const p = Math.min(r.width, r.height) / 2, f = {
+    x: r.width / 2,
+    y: r.height / 2
+  }, h = [...t.data].flatMap((S) => fe(S) ?? []), g = lo(p, h), v = h[0], m = v !== void 0 && h.every(({ innerRadius: S, outerRadius: T }) => S === v.innerRadius && T === v.outerRadius), $ = {
+    centerX: f.x,
+    centerY: f.y,
+    radius: p,
+    digits: Pn
+  }, _ = [...e], k = _.flatMap((S, T) => {
+    const H = fe(S), G = H === null ? void 0 : Gt(H, $);
+    if (H === null || G === void 0) return [];
+    const w = u(S), x = s(S, n), B = st(_t(w)), ct = po(H, p, m).flatMap((kt) => {
+      const Ft = kt.isLancet ? fo(kt, p, f) : Gt(kt, $);
+      return Ft === void 0 ? [] : [{
+        path: Ft,
+        light: (B() * 2 - 1) * Xn
+      }];
+    }), et = (H.startAngle + H.endAngle) / 2, Rt = (H.innerRadius + (H.outerRadius - H.innerRadius) * 0.45) * p;
+    return [{
+      key: w,
+      index: T,
+      sector: H,
+      path: G,
+      pieces: ct,
+      heart: H.endAngle - H.startAngle >= Math.PI * 1.5 ? f : we(f, et, Rt),
+      swatch: x.color,
+      color: or(x.color, Zn),
+      opacity: x.opacity,
+      fillOpacity: x.fillOpacity
+    }];
+  });
+  if (k.length === 0) return null;
+  const C = k.every(({ sector: S }) => S.innerRadius === 0), O = new Set(k.map(({ sector: S }) => S.innerRadius)), D = O.size === 1 ? [...O][0] ?? 0 : 0, W = n === void 0 && _.length > 1, Q = new Set(k.map(({ sector: S }) => S.outerRadius)), P = W && Q.size === 1 ? ([...Q][0] ?? 0) * p : 0, Y = n === "hovered" ? qn : Qn, lt = n === "hovered" ? to : Jn, y = n === "hovered" ? eo : ro, N = (S) => a == null ? {} : {
+    className: I.kindle,
+    style: Pt({
+      duration: a.durationSeconds * (1 - ue),
+      delay: a.durationSeconds * ue * (S / Math.max(1, k.length))
+    })
+  };
+  return /* @__PURE__ */ E("g", {
+    "data-geom": "bar",
+    children: [
+      a != null && /* @__PURE__ */ i(Dt, {}),
+      /* @__PURE__ */ E("defs", { children: [
+        k.map(({ index: S, color: T, heart: H, sector: G }) => {
+          const w = G.innerRadius * p, x = G.outerRadius * p;
+          return x - w < ao && w > 0 ? /* @__PURE__ */ E("radialGradient", {
+            id: `${l}-${S}`,
+            gradientUnits: "userSpaceOnUse",
+            cx: f.x,
+            cy: f.y,
+            r: x,
+            children: [
+              /* @__PURE__ */ i("stop", {
+                offset: w / x,
+                stopColor: M(T, V, y / 2)
+              }),
+              /* @__PURE__ */ i("stop", {
+                offset: (w + x) / 2 / x,
+                stopColor: M(T, K, Y / 2)
+              }),
+              /* @__PURE__ */ i("stop", {
+                offset: 1,
+                stopColor: M(T, V, y / 2)
+              })
+            ]
+          }, S) : /* @__PURE__ */ E("radialGradient", {
+            id: `${l}-${S}`,
+            gradientUnits: "userSpaceOnUse",
+            cx: H.x,
+            cy: H.y,
+            r: Math.max(12, (x - w) * 0.85),
+            children: [
+              /* @__PURE__ */ i("stop", {
+                offset: 0,
+                stopColor: M(T, K, Y)
+              }),
+              /* @__PURE__ */ i("stop", {
+                offset: 0.5,
+                stopColor: M(T, K, lt)
+              }),
+              /* @__PURE__ */ i("stop", {
+                offset: 1,
+                stopColor: M(T, V, y)
+              })
+            ]
+          }, S);
+        }),
+        P > 0 && /* @__PURE__ */ E("radialGradient", {
+          id: d,
+          gradientUnits: "userSpaceOnUse",
+          cx: f.x,
+          cy: f.y,
+          r: P + Ht,
+          children: [/* @__PURE__ */ i("stop", {
+            offset: (P - g) / (P + Ht),
+            stopColor: K,
+            stopOpacity: oo
+          }), /* @__PURE__ */ i("stop", {
+            offset: 1,
+            stopColor: K,
+            stopOpacity: 0
+          })]
+        }),
+        /* @__PURE__ */ E("radialGradient", {
+          id: o,
+          cx: "0.38",
+          cy: "0.32",
+          r: "0.75",
+          children: [
+            /* @__PURE__ */ i("stop", {
+              offset: 0,
+              stopColor: M(Lt, de, 0.4)
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 0.6,
+              stopColor: M(Lt, nt, 0.3)
+            }),
+            /* @__PURE__ */ i("stop", {
+              offset: 1,
+              stopColor: nt
+            })
+          ]
+        })
+      ] }),
+      P > 0 && /* @__PURE__ */ i("circle", {
+        cx: f.x,
+        cy: f.y,
+        r: P + Ht,
+        fill: `url(#${d})`,
+        "data-halo": ""
+      }),
+      k.map(({ key: S, index: T, path: H, pieces: G, swatch: w, color: x, opacity: B, fillOpacity: ct }) => /* @__PURE__ */ E("g", {
+        opacity: B,
+        "data-pane": w,
+        children: [
+          /* @__PURE__ */ i("clipPath", {
+            id: `${c}-${T}`,
+            children: /* @__PURE__ */ i("path", { d: H })
+          }),
+          /* @__PURE__ */ i("path", {
+            d: H,
+            fill: M(x, V, 0.45),
+            fillOpacity: ct
+          }),
+          /* @__PURE__ */ E("g", {
+            ...N(T),
+            children: [/* @__PURE__ */ i("path", {
+              d: H,
+              fill: `url(#${l}-${T})`,
+              fillOpacity: ct,
+              "data-glass": ""
+            }), /* @__PURE__ */ i("g", {
+              clipPath: `url(#${c}-${T})`,
+              "data-leading": "",
+              children: G.map((et, Rt) => /* @__PURE__ */ i("path", {
+                d: et.path,
+                fill: et.light >= 0 ? K : V,
+                fillOpacity: Math.abs(et.light),
+                stroke: V,
+                strokeOpacity: Kn,
+                strokeWidth: jn,
+                strokeLinejoin: "round"
+              }, Rt))
+            })]
+          })
+        ]
+      }, S)),
+      /* @__PURE__ */ i("g", {
+        fill: "none",
+        strokeLinejoin: "round",
+        "data-tracery": "",
+        children: k.map(({ key: S, path: T }) => /* @__PURE__ */ E("g", { children: [
+          /* @__PURE__ */ i("path", {
+            d: T,
+            stroke: V,
+            strokeWidth: g + 1.6,
+            strokeOpacity: 0.8
+          }),
+          /* @__PURE__ */ i("path", {
+            d: T,
+            stroke: Lt,
+            strokeWidth: g
+          }),
+          /* @__PURE__ */ i("path", {
+            d: T,
+            stroke: de,
+            strokeWidth: Math.max(0.6, g * 0.25),
+            strokeOpacity: 0.5
+          })
+        ] }, S))
+      }),
+      C && /* @__PURE__ */ i(go, {
+        centre: f,
+        radius: Math.max(g * 1.8, p * so),
+        fill: `url(#${o})`
+      }),
+      W && D > 0 && /* @__PURE__ */ i(Ao, {
+        centre: f,
+        radius: D * p,
+        mullion: g,
+        fill: `url(#${o})`
+      })
+    ]
+  });
+}, go = ({ centre: t, radius: e, fill: r }) => /* @__PURE__ */ E("g", {
+  "data-boss": "",
+  children: [
+    /* @__PURE__ */ i("circle", {
+      cx: t.x,
+      cy: t.y,
+      r: e + 0.8,
+      fill: V,
+      fillOpacity: 0.8
+    }),
+    /* @__PURE__ */ i("circle", {
+      cx: t.x,
+      cy: t.y,
+      r: e,
+      fill: r
+    }),
+    /* @__PURE__ */ i("circle", {
+      cx: t.x,
+      cy: t.y,
+      r: e * 0.45,
+      fill: "none",
+      stroke: nt,
+      strokeWidth: 1
+    })
+  ]
+}), vo = (t, e) => {
+  const r = e * 0.45, a = e - r, n = [
+    0,
+    1,
+    2,
+    3
+  ].map((c) => {
+    const o = c * Math.PI / 2 + Math.PI / 4, d = a * Math.SQRT1_2 + Math.sqrt(r * r - (a * Math.SQRT1_2) ** 2);
+    return {
+      x: t.x + Math.cos(o) * d,
+      y: t.y + Math.sin(o) * d
+    };
+  }), s = (c) => c.toFixed(2), l = n[3] ?? t;
+  return `M${s(l.x)},${s(l.y)} ` + n.map((c) => `A${s(r)},${s(r)} 0 1 1 ${s(c.x)},${s(c.y)}`).join(" ") + " Z";
+}, mo = [
+  [
+    -0.5,
+    -0.12,
+    1.3
+  ],
+  [
+    0.18,
+    -0.55,
+    0.9
+  ],
+  [
+    0.42,
+    0.3,
+    1.1
+  ],
+  [
+    -0.1,
+    0.5,
+    0.8
+  ]
+], Ao = ({ centre: t, radius: e, mullion: r, fill: a }) => {
+  const n = e * io, s = vo(t, n);
+  return /* @__PURE__ */ E("g", {
+    "data-roundel": "",
+    children: [
+      /* @__PURE__ */ i("circle", {
+        cx: t.x,
+        cy: t.y,
+        r: e,
+        fill: a
+      }),
+      /* @__PURE__ */ i("circle", {
+        cx: t.x,
+        cy: t.y,
+        r: e - r * 1.6,
+        fill: "none",
+        stroke: nt,
+        strokeWidth: 1,
+        strokeOpacity: 0.8
+      }),
+      /* @__PURE__ */ i("path", {
+        d: s,
+        fill: Wn,
+        stroke: nt,
+        strokeWidth: 1.6,
+        "data-quatrefoil": ""
+      }),
+      mo.map(([l, c, o], d) => /* @__PURE__ */ i("circle", {
+        cx: t.x + l * n,
+        cy: t.y + c * n,
+        r: o,
+        fill: K,
+        fillOpacity: 0.85
+      }, d))
+    ]
+  });
+}, Eo = tt("bar", {
+  coord: "polar",
+  guideMode: "band",
+  swatchShape: "slice",
+  render: ({ layer: t, panelRect: e, intro: r }) => /* @__PURE__ */ i(pe, {
+    layer: t,
+    observations: t.data,
+    panel: e,
+    intro: r
+  }),
+  renderHover: ({ layer: t, primary: e, panelRect: r }) => /* @__PURE__ */ i(pe, {
+    layer: t,
+    observations: [e.observation],
+    panel: r,
+    state: "hovered"
+  }),
+  renderHoverCompanions: () => null
+}), yo = [
+  en,
+  Eo,
+  In,
+  On,
+  mr,
+  Ar,
+  wn,
+  Dn
+], So = 34, _o = 0.95, $o = 0.42, Ro = 0.42, ko = 50, To = 21, Mo = 120, Lo = 0.5, Ct = 46, ge = 5, Ho = 4, Co = 0.16, ve = "M0,-1.6 C1.2,-3 2.6,-1.4 3.4,-0.2 C5.2,-3.6 8.4,-4.2 11,-2.6 C9.6,-1.8 9.2,0 9.4,1.4 C7.8,0.2 6.4,0.6 5.6,2 C4.6,0.8 3.2,0.6 2,1.6 C1.4,2.8 0.6,3.4 0,4 C-0.6,3.4 -1.4,2.8 -2,1.6 C-3.2,0.6 -4.6,0.8 -5.6,2 C-6.4,0.6 -7.8,0.2 -9.4,1.4 C-9.2,0 -9.6,-1.8 -11,-2.6 C-8.4,-4.2 -5.2,-3.6 -3.4,-0.2 C-2.6,-1.4 -1.2,-3 0,-1.6 Z", Io = (t) => {
+  const e = st(31);
+  return Array.from({ length: So }, () => {
+    const r = 4 + e() * 92, a = e() ** 2 * Ro * 100, n = 0.35 + e() ** 3 * (_o - 0.35), s = (0.15 + e() * ($o - 0.15)) * (1 - a / 100);
+    return `<circle cx="${r.toFixed(2)}%" cy="${a.toFixed(2)}%" r="${n.toFixed(2)}" fill="${t}" fill-opacity="${s.toFixed(2)}"/>`;
+  }).join("");
+}, Oo = ({ moon: t, bat: e }) => `<svg x="100%" y="0" width="1" height="1" overflow="visible"><g transform="translate(-64,${ko})"><circle r="${Mo}" fill="url(#glow)"/><circle r="${To}" fill="${t}" fill-opacity="${Lo}"/><circle cx="-6" cy="-5" r="4" fill="${e}" fill-opacity="0.08"/><circle cx="7" cy="6" r="2.6" fill="${e}" fill-opacity="0.08"/><path d="${ve}" fill="${e}" transform="translate(-40,10) scale(0.9) rotate(-8)"/><path d="${ve}" fill="${e}" transform="translate(-14,-30) scale(0.62) rotate(10)"/></g></svg>`, xo = (t) => {
+  const e = Array.from({ length: ge }, (n, s) => {
+    const l = Math.PI / 2 * (s / (ge - 1));
+    return {
+      x: -Math.cos(l),
+      y: -Math.sin(l)
+    };
+  }), r = e.map(({ x: n, y: s }) => `M0,0 L${(n * Ct).toFixed(1)},${(s * Ct).toFixed(1)}`), a = Array.from({ length: Ho }, (n, s) => {
+    const l = Ct * (s + 1) / 4.4;
+    return e.map(({ x: c, y: o }, d) => {
+      const u = `${(c * l).toFixed(1)},${(o * l).toFixed(1)}`;
+      if (d === 0) return `M${u}`;
+      const p = e[d - 1] ?? {
+        x: c,
+        y: o
+      }, f = l * 0.78;
+      return `Q${`${((p.x + c) / 2 * f).toFixed(1)},${((p.y + o) / 2 * f).toFixed(1)}`} ${u}`;
+    }).join(" ");
+  });
+  return `<svg x="100%" y="100%" width="1" height="1" overflow="visible"><g transform="translate(-6,-6)"><path d="${[...r, ...a].join(" ")}" fill="none" stroke="${t}" stroke-opacity="${Co}" stroke-width="0.8"/></g></svg>`;
+}, wo = (t) => {
+  const e = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="${t.top}"/><stop offset="1" stop-color="${t.bottom}"/></linearGradient><radialGradient id="glow"><stop offset="0" stop-color="${t.moon}" stop-opacity="0.2"/><stop offset="0.35" stop-color="${t.moon}" stop-opacity="0.07"/><stop offset="1" stop-color="${t.moon}" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="url(#sky)"/>` + Io(t.star) + Oo(t) + xo(t.web) + "</svg>";
+  return `data:image/svg+xml,${encodeURIComponent(e)}`;
+}, R = {
+  sky: "#24132F",
+  ground: "#130A1A",
+  raised: "#2C1A38",
+  text: "#F1E8D6",
+  secondary: "#BCA9CC",
+  moon: "#F6EBC8",
+  shadow: "#0A0510",
+  grid: "rgba(241, 232, 214, 0.1)",
+  baseline: "rgba(241, 232, 214, 0.55)",
+  silk: "rgba(241, 232, 214, 0.85)",
+  tag: "#EFE4CC",
+  tagInk: "#2A1533"
+}, me = "'Creepster', 'Nunito', ui-sans-serif, system-ui, sans-serif", Do = "'Nunito', ui-sans-serif, system-ui, sans-serif", Ae = { candle: "#FFD24A" }, X = {
+  marble: "#E6E1D8",
+  slate: "#56637A",
+  sandstone: "#C9A677",
+  moss: "#6E8058",
+  rose: "#D6B3B0",
+  granite: "#949089"
+}, Po = [
+  X.marble,
+  X.slate,
+  X.sandstone,
+  X.moss,
+  X.rose,
+  X.granite
+], Wo = [
+  "#3A1E52",
+  "#A23C78",
+  "#FF7A1A",
+  "#FFE08A"
+], U = { textColor: R.text }, J = { textColor: R.secondary }, ut = {
+  textColor: R.tagInk,
+  fontWeight: 700,
+  fontSize: 13,
+  lineHeight: 1.3,
+  fill: R.tag,
+  stroke: "transparent",
+  strokeWidth: 0,
+  cornerRadius: 2,
+  shadow: {
+    offsetX: 2,
+    offsetY: 3,
+    blur: 0,
+    color: "rgba(5, 2, 8, 0.7)"
+  }
+}, No = 18, Fo = {
+  tokens: {
+    graphBackground: R.ground,
+    graphBorder: R.baseline,
+    geom: X.marble,
+    geomBorder: R.secondary,
+    textPrimary: R.text,
+    textSecondary: R.secondary,
+    ruleLine: R.silk,
+    gridLine: R.grid,
+    hoverAffordance: R.text,
+    hoverGuideFill: "rgba(241, 232, 214, 0.06)",
+    hoverGuideLine: R.baseline,
+    tooltipBackground: R.raised,
+    tooltipBorder: "rgba(241, 232, 214, 0.25)",
+    tooltipPrimaryRow: "rgba(255, 122, 26, 0.16)",
+    annotationShape: R.text,
+    annotationArrow: R.silk,
+    differenceLabelBackground: R.tag
+  },
+  defaults: [
+    A.graph({
+      fill: {
+        image: wo({
+          top: R.sky,
+          bottom: R.ground,
+          moon: R.moon,
+          bat: R.shadow,
+          star: R.moon,
+          web: R.text
+        }),
+        fit: "stretch",
+        fallback: R.ground
+      },
+      strokeWidth: 0,
+      cornerRadius: 16,
+      fontFamily: Do,
+      padding: 28
+    }),
+    A.geom({ shadow: "none" }, { state: "hovered" }),
+    A.geom.bar({
+      stroke: R.text,
+      strokeWidth: 0,
+      cornerRadius: "none"
+    }),
+    A.geom.bar({ strokeWidth: 1.5 }, { state: "hovered" }),
+    A.geom.line({
+      strokeWidth: 2.5,
+      dashArray: [],
+      lineCap: "round",
+      lineJoin: "round"
+    }),
+    A.geom.area({
+      fillAlpha: 0.55,
+      strokeWidth: 2,
+      dashArray: []
+    }),
+    A.geom.point({
+      size: 9,
+      stroke: R.text
+    }),
+    A.geom.tile({
+      cornerRadius: 4,
+      stroke: R.ground,
+      strokeWidth: 2
+    }),
+    A.geom.tile({
+      stroke: R.text,
+      strokeWidth: 1.5
+    }, { state: "hovered" }),
+    A.geom.rule({
+      stroke: R.silk,
+      strokeWidth: 1,
+      dashArray: []
+    }),
+    A.geom.rule.label({
+      textColor: R.tagInk,
+      fontWeight: 800,
+      fontSize: 13
+    }),
+    A.gridLine({ dashArray: [] }),
+    A.gridLine.x({ strokeWidth: 0 }),
+    A.gridLine.y({ strokeWidth: 1 }),
+    A.panelBorder({ strokeWidth: 0 }),
+    A.panelBorder.bottom({
+      stroke: R.baseline,
+      strokeWidth: 1.5,
+      dashArray: []
+    }),
+    A.tickLine({ strokeWidth: 0 }),
+    A.tickLabel({
+      ...J,
+      fontWeight: 600,
+      fontSize: 13,
+      lineHeight: 1
+    }),
+    A.axisLabel({
+      ...J,
+      fontWeight: 700,
+      fontSize: 13,
+      lineHeight: 1
+    }),
+    A.heading({ ...U }),
+    A.heading.h1({
+      ...U,
+      fontFamily: me,
+      fontWeight: 400,
+      fontSize: 30,
+      lineHeight: 1.05,
+      letterSpacing: 0.6
+    }),
+    A.heading.h2({
+      ...J,
+      fontWeight: 600,
+      fontSize: 15,
+      lineHeight: 1.25
+    }),
+    A.header({ margin: { bottom: No } }),
+    A.caption({
+      ...J,
+      fontWeight: 400,
+      fontSize: 13
+    }),
+    A.source({
+      ...J,
+      fontWeight: 400,
+      fontSize: 12
+    }),
+    A.dataLabel({
+      ...U,
+      fontWeight: 700,
+      fontSize: 13,
+      fill: "transparent"
+    }),
+    A.legendItem({
+      ...U,
+      fontWeight: 700,
+      fontSize: 13,
+      fill: "transparent",
+      stroke: "transparent"
+    }),
+    A.directLabel({
+      fontWeight: 700,
+      fontSize: 13
+    }),
+    A.headlineItem.number({
+      ...U,
+      fontFamily: me,
+      fontWeight: 400,
+      fontSize: 34
+    }),
+    A.tooltip({
+      strokeWidth: 1,
+      cornerRadius: 10,
+      paddingInline: 12,
+      paddingBlock: 9,
+      shadow: "none"
+    }),
+    A.tooltip.heading({
+      ...U,
+      fontWeight: 800,
+      fontSize: 14,
+      lineHeight: 1.3
+    }),
+    A.tooltip.label({
+      ...J,
+      fontWeight: 600,
+      fontSize: 13,
+      lineHeight: 1.35
+    }),
+    A.tooltip.value({
+      ...U,
+      fontWeight: 700,
+      fontSize: 13,
+      lineHeight: 1.35
+    }),
+    A.legend.popover({
+      cornerRadius: 10,
+      shadow: "none"
+    }),
+    A.annotation.text({
+      ...ut,
+      paddingInline: 10,
+      paddingBlock: 6
+    }),
+    A.annotation.pinnedNumber({
+      fill: Ae.candle,
+      stroke: R.ground,
+      shadow: "none"
+    }),
+    A.annotation.pinnedNumber.label({ ...ut }),
+    A.annotation.comment({
+      fill: Ae.candle,
+      stroke: R.ground,
+      shadow: "none"
+    }),
+    A.annotation.comment.label({ ...ut }),
+    A.annotation.differenceArrow({
+      stroke: R.silk,
+      strokeWidth: 1.25
+    }),
+    A.annotation.differenceArrow.label({ ...ut }),
+    A.annotation.arrow({
+      stroke: R.silk,
+      strokeWidth: 1.25,
+      dashArray: []
+    }),
+    A.annotation.arrow.outline({
+      stroke: R.ground,
+      strokeWidth: 1.5
+    }),
+    A.annotation.shape({
+      fill: R.text,
+      fillAlpha: 0.09,
+      stroke: "transparent",
+      strokeWidth: 0
+    }),
+    A.panelBorder.bottom({ strokeWidth: 0 }, { coord: "polar" }),
+    A.tickLabel({
+      ...U,
+      fontWeight: 800,
+      textOutlineColor: R.ground,
+      textOutlineWidth: 3
+    }, { coord: "polar" })
+  ]
+}, Uo = {
+  name: "halloween",
+  styles: Fo,
+  palette: Po,
+  colormap: Wo,
+  colorScheme: "dark",
+  plugins: yo
+};
+export {
+  Uo as halloween
+};