@graphysdk/react-renderer 1.9.0-beta.1793882432228 → 1.9.0-beta.1793904611666

package/dist/editable.mjs

@@ -1,4 +1,4 @@
-import { $ as Yo, At as ge, C as ks, Ct as M, D as Jo, Dt as Ts, E as As, Et as Ps, F as Ls, G as X, Gn as Un, H as Is, Hn as Ms, I, It as rt, J as Es, Jt as Os, K as Rs, Ln as Qo, Lt as ee, Mt as Oe, N as Ns, Nn as Ds, O as Sn, Ot as _s, P as Fs, Pn as zs, Q as Kn, Rt as Bs, S as Hs, Sn as Gs, St as ea, T as Vs, Tn as $s, Tt as Ws, U as Us, Un as H, V as Ks, Vn as R, W as Q, X as q, Y as js, Z as jn, Zt as ta, _ as ze, b as na, c as ra, cn as de, ct as qs, d as Xs, dt as Zs, et as qn, f as Ys, ft as me, g as oa, gt as Ft, h as ot, ht as Js, i as at, in as Qs, it as Xn, jt as ec, k as zt, kn as tc, l as nc, ln as Zn, lt as rc, m as oc, mt as ac, n as se, nn as ic, nt as lc, o as sc, on as aa, p as ia, pt as Se, q as Mr, qt as Er, r as W, rn as la, rt as sa, sn as ca, st as cc, t as dc, tn as uc, tt as Bt, u as hc, un as He, ut as Or, v as pc, wt as da, x as gc, xn as mc, xt as vc, y as fc, yt as bc, zn as K, zt as yc } from "./history-chords-CimEnXtI.js";
+import { $ as Yo, At as ge, C as ks, Ct as M, D as Jo, Dt as Ts, E as As, Et as Ps, F as Ls, G as X, Gn as Un, H as Is, Hn as Ms, I, It as rt, J as Es, Jt as Os, K as Rs, Ln as Qo, Lt as ee, Mt as Oe, N as Ns, Nn as Ds, O as Sn, Ot as _s, P as Fs, Pn as zs, Q as Kn, Rt as Bs, S as Hs, Sn as Gs, St as ea, T as Vs, Tn as $s, Tt as Ws, U as Us, Un as H, V as Ks, Vn as R, W as Q, X as q, Y as js, Z as jn, Zt as ta, _ as ze, b as na, c as ra, cn as de, ct as qs, d as Xs, dt as Zs, et as qn, f as Ys, ft as me, g as oa, gt as Ft, h as ot, ht as Js, i as at, in as Qs, it as Xn, jt as ec, k as zt, kn as tc, l as nc, ln as Zn, lt as rc, m as oc, mt as ac, n as se, nn as ic, nt as lc, o as sc, on as aa, p as ia, pt as Se, q as Mr, qt as Er, r as W, rn as la, rt as sa, sn as ca, st as cc, t as dc, tn as uc, tt as Bt, u as hc, un as He, ut as Or, v as pc, wt as da, x as gc, xn as mc, xt as vc, y as fc, yt as bc, zn as K, zt as yc } from "./history-chords-BvBzoDDE.js";
 import { ARROW_DEFAULTS as Sc, ARROW_STICKER_DECLARATIONS as Cc, ARROW_STROKE_WIDTHS_PX as an, AddAnnotationCommand as Ie, AddHighlightCommand as wc, COMBO_TYPES as Rr, CONSTANT_VARIABLES as xc, DASH_PRESETS as kc, DEFAULT_BAR_CORNER_RADII as Tc, DEFAULT_GEOM_COLOR as Ac, DEFAULT_POINT_SIZE_PX as ua, DEFAULT_STROKE_WIDTH_PX as Pc, DIFFERENCE_ARROW_DEFAULTS as ha, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Nr, InternalError as Lc, MAX_BAR_WIDTH_FRACTION as Ic, MIN_BAR_WIDTH_FRACTION as Mc, MoveAnnotationCommand as Ec, RESTING_HOVER_STATE as Yn, RemoveAnnotationCommand as We, RemoveHighlightCommand as Oc, SHAPE_DEFAULTS as Rc, SequenceCommand as Ye, SetAxisLabelCommand as pa, SetAxisPositionCommand as ga, SetAxisTickModeCommand as ma, SetAxisTicksVisibilityCommand as Nc, SetAxisVisibilityCommand as Cn, SetBarCornerRadiusCommand as Dc, SetBarWidthCommand as va, SetContentCaptionCommand as fa, SetContentSourceCommand as _c, SetContentSubtitleCommand as ba, SetContentTitleCommand as ya, SetDataLabelsFormatCommand as Sa, SetDifferenceArrowStyleCommand as Fc, SetGraphTypeCommand as Jn, SetGridLineStyleCommand as Ca, SetGridVisibilityCommand as wn, SetHeadlineCompareWithCommand as zc, SetHeadlinePositionCommand as Bc, SetHeadlineShowCommand as Dr, SetHeadlineSizeCommand as Hc, SetHighlightDimStyleCommand as Gc, SetLayerYScaleTypeCommand as Vc, SetLegendAlignCommand as $c, SetLegendDisplayCommand as Wc, SetLegendPlacementCommand as Uc, SetLegendPositionCommand as xn, SetLineCurveCommand as wa, SetLineMissingValuesCommand as xa, SetLineStyleCommand as ke, SetMappingCommand as Kc, SetNumberFormatAbbreviationCommand as jc, SetNumberFormatDecimalsCommand as _r, SetObservationsColorCommand as qc, SetPointSizeCommand as Ht, SetPointSymbolCommand as Qn, SetPolarInnerRadiusCommand as Xc, SetPolarStartAngleCommand as Zc, SetRuleLabelCommand as Yc, SetRuleValueCommand as Jc, SetScaleDomainCommand as et, SetScaleRangeCommand as ka, SetScaleReverseCommand as Qc, SetScaleTransformCommand as Ta, SetStatLineCommand as ed, SetStyleRuleCommand as De, TEXT_ANNOTATION_DEFAULTS as td, TEXT_ANNOTATION_FADE_ALPHA as nd, ToggleCategoryLabelsCommand as Aa, ToggleContentVisibilityCommand as Ne, ToggleDataLabelsCommand as Pa, ToggleGoalLineCommand as rd, ToggleLinePointsCommand as er, ToggleStackTotalsCommand as La, UpdateAnnotationCommand as ve, alignUnitFractions as od, areAnchorsEqual as Ia, areEditTargetsEqual as tr, areEndpointsComparable as ad, buildColormapRange as id, buildDivergingRange as Fr, buildEditMenuTriggerRegion as ld, buildLayerStyleAddress as Ve, buildObservationPredicate as sd, buildObservationsTarget as Ue, buildObservationsTargetAtValue as Ma, buildPointSymbolInBox as cd, canAnchorDirectLabels as dd, canBecomeCombo as ud, canBecomeHeatmap as hd, clampAnnotationTranslation as pd, combineKindStyleDeclarations as zr, computeArrow as Ea, createObservationAnchorBuilder as gd, createObservationAnchorParser as md, createStyleResolver as vd, createStyleRuleMatcher as fd, createValueFormatter as Oa, createXValueReader as bd, filterLayersByGeoms as kn, findAnnotation as yd, findAverageLineLayer as Sd, findAxisGuide as Ra, findCompanionLayers as Na, findGoalLineLayer as Cd, findHighlightsAtObservation as wd, findHostLayer as Gt, findKindStyleDeclarations as kt, findLayerByGeom as Da, findLayerById as V, findObservationAttachment as xd, findStyleRule as Me, findTrendLineLayer as kd, formatDifferenceLabel as Td, getBoundingRect as Tn, getGroupVariables as _a, getXBand as Ad, getYBand as Pd, hasMainAxisBand as Ld, hasMultipleGroups as Vt, inferDefaultDifferenceArrowEndpoints as Id, inferDifferenceArrowEndpoints as Md, isComboGraphType as le, isCompanionLayer as Fa, isGeomStyleRule as Ed, isGeometricSymbol as Je, isImageSymbol as An, isLayerSpecOf as Ke, isObservationAttachmentKind as Od, isPointWithinEditMenuTrigger as nr, isSafeUrl as Rd, isZeroAnchoredAxis as za, measureObservationsBoxes as Ba, projectAnchorToPanel as Tt, readBroadestObservationsScope as Nd, readColorChoices as Ha, readColorPart as Dd, readColormapColor as _d, readComboLineLayerId as Fd, readCompanionRowsAtScopeKey as zd, readConstantValue as Bd, readDivergingColor as Br, readEditTargetKey as $t, readGeomColor as Hd, readGraphType as Wt, readHighlightDimStyle as Gd, readMainAxis as Vd, readMappableAesthetics as $d, readMappedVariable as Wd, readObservationIndex as rr, readObservationsColor as Ud, readObservationsColorPart as Kd, readObservationsColorRoute as Ut, readReachableLevels as jd, readRowScopeKey as qd, readRowsAtScopeKey as Xd, readScopeXVariable as Zd, readStyleCoord as ue, readStyleRulesBeneath as Yd, readVariableName as je, resolveArrowAnnotationStyle as or, resolveBarBandFraction as Ga, resolveComparisonBasis as Jd, resolveDifferenceArrowAnnotationStyle as Qd, resolveEditOutlineStyle as eu, resolveLayerAxisValueFormat as tu, resolveObservationPoint as Va, resolveObservationsTarget as _e, stepDifferenceArrowEndpoint as nu, toDashPreset as Fe, toPaintColor as At, toPanelCursor as Kt, toStrokeDasharray as $a } from "@graphysdk/viz-engine";
 import { Fragment as Wa, createContext as Re, memo as Ua, useCallback as te, useContext as ce, useEffect as B, useId as Te, useLayoutEffect as Ee, useMemo as E, useRef as ne, useState as U, useSyncExternalStore as ru } from "react";
 import { Fragment as $, jsx as r, jsxs as v } from "react/jsx-runtime";
@@ -516,8 +516,8 @@ var bh = ({ value: e, onChange: t, onCommit: n, min: o, max: a, step: i, placeho
   return /* @__PURE__ */ r(Hr.Root, {
     className: mh,
     value: e,
-    onValueChange: (w) => t(w),
-    onValueCommitted: (w, T) => {
+    onValueChange: (C) => t(C),
+    onValueCommitted: (C, T) => {
       f(T.reason === hi);
     },
     min: o,
@@ -560,14 +560,14 @@ var Ch = 6, wh = ({ options: e, value: t, onChange: n, onCommit: o, columns: a,
     id: d,
     ariaLabel: s,
     ariaLabelledBy: c
-  }), h = i === "tile", p = i === "swatch", m = i === "icon", g = i === "track", f = i === "chip", { commitAfterChange: b, gestureHandlers: w } = Yt(o);
+  }), h = i === "tile", p = i === "swatch", m = i === "icon", g = i === "track", f = i === "chip", { commitAfterChange: b, gestureHandlers: C } = Yt(o);
   return /* @__PURE__ */ r(ja, {
     className: ye(yh, xh(a ?? e.length), m && "_1b7s5f9", g && "_1b7s5fb", f && "_1b7s5fd"),
     value: t,
     onValueChange: (T) => {
       n(T), b();
     },
-    ...w,
+    ...C,
     disabled: l,
     ...u,
     children: e.map((T) => {
@@ -691,8 +691,8 @@ var Hh = ({ value: e, onChange: t, onCommit: n, min: o, max: a, step: i, suffix:
       className: Dh,
       value: e,
       onValueChange: (b) => t(b),
-      onValueCommitted: (b, w) => {
-        g(w.reason === hi);
+      onValueCommitted: (b, C) => {
+        g(C.reason === hi);
       },
       min: o,
       max: a,
@@ -872,7 +872,7 @@ vi.hasRows = (e, { scene: t }) => t.coordSystem.type !== "polar";
 var ep = ({ graph: e, axis: t }) => {
   const n = W(e), o = M(), { NumberField: a, TextField: i, ToggleGroup: l } = _(), s = n?.guides.axes.find((L) => L.scaledAesthetic === t);
   if (B(() => () => e.commands.commit(), [e.commands]), n === null || s?.geometry !== "linear") return null;
-  const c = !s.visible, d = n.scales[t]?.spec.scaleType, u = d === "continuous" || d === "datetime", h = n.guides.legends.drawn.some((L) => L.position === "left" || L.position === "right"), p = t !== "x" && d === "continuous" && (s.position === "left" || s.position === "right") && !h, m = t === "x" ? void 0 : n.scales[t]?.spec, g = m?.scaleType === "continuous" ? m : void 0, f = g !== void 0 && (s.position === "left" || s.position === "right") && !za(n, t), b = g?.transform === "log" ? "log" : "linear", w = f && g.transform !== "log", T = g?.domainMin ?? null, x = g !== void 0 && (s.position === "left" || s.position === "right") && g.transform !== "log", k = g?.domainMax ?? null, C = n.config.axes[t]?.label ?? s.label ?? "", A = (L) => {
+  const c = !s.visible, d = n.scales[t]?.spec.scaleType, u = d === "continuous" || d === "datetime", h = n.guides.legends.drawn.some((L) => L.position === "left" || L.position === "right"), p = t !== "x" && d === "continuous" && (s.position === "left" || s.position === "right") && !h, m = t === "x" ? void 0 : n.scales[t]?.spec, g = m?.scaleType === "continuous" ? m : void 0, f = g !== void 0 && (s.position === "left" || s.position === "right") && !za(n, t), b = g?.transform === "log" ? "log" : "linear", C = f && g.transform !== "log", T = g?.domainMin ?? null, x = g !== void 0 && (s.position === "left" || s.position === "right") && g.transform !== "log", k = g?.domainMax ?? null, w = n.config.axes[t]?.label ?? s.label ?? "", A = (L) => {
     const O = t === "ySecondary" ? {
       axis: t,
       label: L
@@ -886,7 +886,7 @@ var ep = ({ graph: e, axis: t }) => {
     /* @__PURE__ */ r(P, {
       label: o("editor.axesPanel.controls.title"),
       children: /* @__PURE__ */ r(i, {
-        value: C,
+        value: w,
         placeholder: o("editor.axesPanel.controls.titlePlaceholder"),
         onChange: A,
         onCommit: e.commands.commit,
@@ -963,7 +963,7 @@ var ep = ({ graph: e, axis: t }) => {
         }
       })
     }),
-    w && /* @__PURE__ */ r(P, {
+    C && /* @__PURE__ */ r(P, {
       label: o("editor.axesPanel.controls.startFrom"),
       children: /* @__PURE__ */ r(a, {
         value: T,
@@ -2131,12 +2131,12 @@ var zp = "_1a90obs1", Bp = [
   }, [l]);
   const d = Wt(e);
   if (d === null) return null;
-  const u = jp(d), h = Mt(d), p = Lt(d), m = u ?? p, g = o(m === null ? "editor.overlayMenu.customChartType" : `editor.graphTypes.${m.name}`), f = (u === void 0 ? p : Xr(u, h))?.icon, b = u !== void 0 && u.arrangements.length > 1, w = b && (t || u.name === "combo"), T = () => s(!l), x = ({ summary: A }) => {
+  const u = jp(d), h = Mt(d), p = Lt(d), m = u ?? p, g = o(m === null ? "editor.overlayMenu.customChartType" : `editor.graphTypes.${m.name}`), f = (u === void 0 ? p : Xr(u, h))?.icon, b = u !== void 0 && u.arrangements.length > 1, C = b && (t || u.name === "combo"), T = () => s(!l), x = ({ summary: A }) => {
     n.dispatch(new Jn(ki(A, d)), { transient: !0 });
   }, k = (A) => {
     const L = qr.find((O) => O.name === A);
     L !== void 0 && x(Xr(L, b ? h : null));
-  }, C = qr.map(({ name: A, arrangements: [L] }) => ({
+  }, w = qr.map(({ name: A, arrangements: [L] }) => ({
     value: A,
     label: o(`editor.graphTypes.${A}`),
     icon: /* @__PURE__ */ r(L.icon, { size: "md" }),
@@ -2163,7 +2163,7 @@ var zp = "_1a90obs1", Bp = [
         ref: c,
         className: "_1a90obs0",
         children: /* @__PURE__ */ r(i, {
-          options: C,
+          options: w,
           value: u?.name ?? "",
           onChange: k,
           onCommit: n.commit,
@@ -2173,7 +2173,7 @@ var zp = "_1a90obs1", Bp = [
         })
       })
     }),
-    w && /* @__PURE__ */ r(Up, {
+    C && /* @__PURE__ */ r(Up, {
       type: u,
       arrangement: h,
       onPick: x,
@@ -2399,11 +2399,11 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
     })
   });
 }, dr = ({ symbol: e, coordType: t, onChange: n }) => {
-  const o = M(), { RadioGrid: a } = _(), [i, l] = U(null), s = ce(Zt), c = zs(), d = ta(), u = s ? s.getPointSymbols(t) : d("point", t)?.symbols, h = s ? new Map(s.getGlyphs().map(({ name: C, definition: A }) => [C, A])) : c;
+  const o = M(), { RadioGrid: a } = _(), [i, l] = U(null), s = ce(Zt), c = zs(), d = ta(), u = s ? s.getPointSymbols(t) : d("point", t)?.symbols, h = s ? new Map(s.getGlyphs().map(({ name: w, definition: A }) => [w, A])) : c;
   if (u === void 0 || u.length === 0) return null;
-  const p = (C) => typeof C == "string" && u.includes(C), m = (C) => p(C) || An(C) || !Je(C) && h.has(C), g = (C) => !Je(C) || r1.some((A) => A === C), f = [...h.keys()].filter((C) => !Je(C) && !p(C)), b = [...u.filter(g), ...f], w = e === null ? "" : ht(e), T = e === null || b.some((C) => ht(C) === w) || !m(e) ? b : [...b, e], x = (C) => Je(C) ? o(`editor.graphPanel.pointSymbol.symbols.${C}`) : An(C) ? o("editor.graphPanel.pointSymbol.custom") : C, k = (C) => {
+  const p = (w) => typeof w == "string" && u.includes(w), m = (w) => p(w) || An(w) || !Je(w) && h.has(w), g = (w) => !Je(w) || r1.some((A) => A === w), f = [...h.keys()].filter((w) => !Je(w) && !p(w)), b = [...u.filter(g), ...f], C = e === null ? "" : ht(e), T = e === null || b.some((w) => ht(w) === C) || !m(e) ? b : [...b, e], x = (w) => Je(w) ? o(`editor.graphPanel.pointSymbol.symbols.${w}`) : An(w) ? o("editor.graphPanel.pointSymbol.custom") : w, k = (w) => {
     l(null);
-    const A = T.find((L) => ht(L) === C);
+    const A = T.find((L) => ht(L) === w);
     A !== void 0 && n(A);
   };
   return /* @__PURE__ */ r(P, {
@@ -2415,12 +2415,12 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
         className: Qp,
         children: [/* @__PURE__ */ r(a, {
           itemLayout: "chip",
-          value: w,
-          options: T.map((C) => ({
-            value: ht(C),
-            label: x(C),
+          value: C,
+          options: T.map((w) => ({
+            value: ht(w),
+            label: x(w),
             icon: /* @__PURE__ */ r(a1, {
-              symbol: C,
+              symbol: w,
               glyphs: h
             })
           })),
@@ -2432,8 +2432,8 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
             "aria-hidden": "true"
           }), /* @__PURE__ */ r(o1, {
             label: o("editor.graphPanel.pointSymbol.custom"),
-            onChange: (C) => {
-              l(null), n(C);
+            onChange: (w) => {
+              l(null), n(w);
             },
             onReject: l
           })]
@@ -2566,7 +2566,7 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
       layerId: D.layerId,
       curve: y
     })) }));
-  }, w = (S) => {
+  }, C = (S) => {
     const y = Mn.find((G) => G === S);
     if (y === void 0) return;
     const D = h.filter((G) => G.missingValueOptions.includes(y)).map((G) => new xa({
@@ -2574,7 +2574,7 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
       missingValues: y
     }));
     D.length !== 0 && o.dispatch(new Ye({ commands: D }));
-  }, T = d.filter((S) => S.showFill !== null), x = d.filter((S) => S.showPoints), k = g1(e, t, d), C = T.some((S) => m1(e, S)), A = (S) => {
+  }, T = d.filter((S) => S.showFill !== null), x = d.filter((S) => S.showPoints), k = g1(e, t, d), w = T.some((S) => m1(e, S)), A = (S) => {
     S.length > 0 && o.dispatch(new Ye({ commands: S }));
   }, L = (S) => {
     A(d.map((y) => new ke({
@@ -2687,7 +2687,7 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
           label: Ci(a, S),
           icon: /* @__PURE__ */ r(sp, { missingValues: S })
         })),
-        onChange: w
+        onChange: C
       })
     }),
     d.length > 0 && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(Mi, {
@@ -2700,7 +2700,7 @@ var cy = 512 * 1024, n1 = (e) => new Promise((t) => {
     T.length > 0 && /* @__PURE__ */ r(P, {
       label: a("editor.graphPanel.graphOptions.lineFill"),
       children: /* @__PURE__ */ r(i, {
-        checked: C,
+        checked: w,
         onChange: ie
       })
     }),
@@ -2844,16 +2844,16 @@ var Di = (e) => e.scaledAesthetic === "x" || e.scaledAesthetic === "y", _i = (e,
     value: b,
     label: a(`editor.graphPanel.gridSection.lineStyles.${b}`),
     icon: /* @__PURE__ */ r(Li, { lineStyle: b })
-  })), p = un.map(({ name: b, widthPx: w }) => ({
+  })), p = un.map(({ name: b, widthPx: C }) => ({
     value: b,
     label: a(`editor.graphPanel.gridSection.lineWidths.${b}`),
-    icon: /* @__PURE__ */ r(Ii, { lineWidth: w })
+    icon: /* @__PURE__ */ r(Ii, { lineWidth: C })
   })), m = un.find(({ widthPx: b }) => b === c.strokeWidth)?.name ?? "", g = (b) => {
-    const w = Et.find((T) => T === b);
-    w !== void 0 && i.dispatch(Fi(w, e.axis));
+    const C = Et.find((T) => T === b);
+    C !== void 0 && i.dispatch(Fi(C, e.axis));
   }, f = (b) => {
-    const w = un.find(({ name: T }) => T === b);
-    w !== void 0 && i.dispatch(zi(w.widthPx, e.axis));
+    const C = un.find(({ name: T }) => T === b);
+    C !== void 0 && i.dispatch(zi(C.widthPx, e.axis));
   };
   return /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(P, {
     label: a("editor.graphPanel.gridSection.gridStyle"),
@@ -2994,7 +2994,7 @@ Rn.hasRows = (e, { scene: t }) => e.scope === "group" && $i(t, e.layerId) !== nu
 var A1 = ({ graph: e, target: t }) => {
   const n = W(e), o = K(), a = M(), { Switch: i } = _(), l = n === null ? null : $i(n, t.layerId), s = n === null || l === null ? null : cr(n, o, l.id);
   if (n === null || l === null || s === null) return null;
-  const c = M1(n, t), d = c === void 0 ? {} : { where: c }, u = c === void 0 || l.geom !== "line" ? void 0 : I1(n, s.layerId, c), h = u === void 0 ? s.showFill : u > 0, p = c === void 0 ? null : P1(n, l.geom, s.layerId, c), m = c === void 0 ? s.strokeWidth : p ?? L1(n, o, t) ?? s.strokeWidth, g = s.pointLayerId === null ? null : Hi(n, o, s.pointLayerId, c), f = s.pointLayerId === null ? null : Gi(n, o, s.pointLayerId, c), b = g !== null && g > 0, w = (O) => {
+  const c = M1(n, t), d = c === void 0 ? {} : { where: c }, u = c === void 0 || l.geom !== "line" ? void 0 : I1(n, s.layerId, c), h = u === void 0 ? s.showFill : u > 0, p = c === void 0 ? null : P1(n, l.geom, s.layerId, c), m = c === void 0 ? s.strokeWidth : p ?? L1(n, o, t) ?? s.strokeWidth, g = s.pointLayerId === null ? null : Hi(n, o, s.pointLayerId, c), f = s.pointLayerId === null ? null : Gi(n, o, s.pointLayerId, c), b = g !== null && g > 0, C = (O) => {
     e.commands.dispatch(new er({
       layerId: s.layerId,
       showPoints: O,
@@ -3019,7 +3019,7 @@ var A1 = ({ graph: e, target: t }) => {
       size: O,
       ...d
     }));
-  }, C = (O) => {
+  }, w = (O) => {
     s.pointLayerId !== null && e.commands.dispatch(new Qn({
       layerId: s.pointLayerId,
       symbol: O,
@@ -3053,7 +3053,7 @@ var A1 = ({ graph: e, target: t }) => {
       label: a("editor.graphPanel.graphOptions.showPoints"),
       children: /* @__PURE__ */ r(i, {
         checked: b,
-        onChange: w
+        onChange: C
       })
     }),
     b && /* @__PURE__ */ r(ur, {
@@ -3063,7 +3063,7 @@ var A1 = ({ graph: e, target: t }) => {
     b && /* @__PURE__ */ r(dr, {
       symbol: f,
       coordType: n.coordSystem.type,
-      onChange: C
+      onChange: w
     })
   ] });
 }, P1 = (e, t, n, o) => {
@@ -3673,16 +3673,16 @@ var z1 = (e) => {
   };
   return t.hasRows = (n, { scene: o }) => Ja(n, o) !== null, t;
 }, xt = hr((e, t) => F1(t, e)), ao = hr(qi), ig = hr(Xi), lg = ({ anchor: e, readHighlightOptions: t }) => {
-  const { layer: n, observation: o, at: a } = e, i = M(), { dispatch: l } = se(), { selectionStore: s } = H(), { Button: c } = _(), [d, u] = U(null), h = R((C) => C.spec.annotations), p = R((C) => C.config.parsingLocale), m = xd(h, a, E(() => md(n, p), [n, p])), g = m !== null && q1(m) ? m : null, f = K1(n, o), b = f.at(-1), w = R((C) => C.coordSystem), T = E(() => Md({
+  const { layer: n, observation: o, at: a } = e, i = M(), { dispatch: l } = se(), { selectionStore: s } = H(), { Button: c } = _(), [d, u] = U(null), h = R((w) => w.spec.annotations), p = R((w) => w.config.parsingLocale), m = xd(h, a, E(() => md(n, p), [n, p])), g = m !== null && q1(m) ? m : null, f = K1(n, o), b = f.at(-1), C = R((w) => w.coordSystem), T = E(() => Md({
     layer: n,
     at: a,
-    coordSystem: w
+    coordSystem: C
   }), [
     n,
     a,
-    w
-  ]), x = (C) => {
-    l(C), s.getState().clearSelection();
+    C
+  ]), x = (w) => {
+    l(w), s.getState().clearSelection();
   }, k = () => u(null);
   return d === "comment" ? /* @__PURE__ */ r(pn, {
     title: i("graph.annotations.textMenu.title"),
@@ -3705,7 +3705,7 @@ var z1 = (e) => {
       layer: n,
       observation: o,
       highlights: f,
-      options: t(n, w),
+      options: t(n, C),
       expanded: !0,
       onOpen: k,
       onRun: x
@@ -3750,7 +3750,7 @@ var z1 = (e) => {
         layer: n,
         observation: o,
         highlights: f,
-        options: t(n, w),
+        options: t(n, C),
         expanded: !1,
         onOpen: () => u("highlight"),
         onRun: x
@@ -7075,7 +7075,7 @@ var Hg = "d0bl03", Gg = "d0bl04", Vg = 0.01, Nn = ca.map((e) => de[e]), $g = Obj
   }, [e, c]), B(() => {
     if (!e) return;
     const m = () => o(!0), g = ({ event: f }) => {
-      const { relatedTarget: b, currentTarget: w } = f, T = b instanceof Node && u.current?.contains(b), x = b instanceof Node && w instanceof Node && w.contains(b);
+      const { relatedTarget: b, currentTarget: C } = f, T = b instanceof Node && u.current?.contains(b), x = b instanceof Node && C instanceof Node && C.contains(b);
       !T && !x && o(!1);
     };
     return e.on("focus", m), e.on("blur", g), () => {
@@ -7544,10 +7544,10 @@ var d2 = (e, { coordSystem: t, panelRect: n }) => {
     const h = s.current, p = /* @__PURE__ */ new Map(), g = i2(d, {
       panelRect: n,
       look: o,
-      readGridLineWidth: (w) => ra(i, w).strokeWidth,
-      measurePathBox: (w) => {
-        const T = h.get(w) ?? o2(t.ownerDocument, w);
-        return p.set(w, T), T;
+      readGridLineWidth: (C) => ra(i, C).strokeWidth,
+      measurePathBox: (C) => {
+        const T = h.get(C) ?? o2(t.ownerDocument, C);
+        return p.set(C, T), T;
       }
     });
     if (s.current = p, g === null) {
@@ -8340,7 +8340,7 @@ var bo = (e, t) => {
   Ee(() => () => {
     c?.contains(document.activeElement) && e.focus({ preventScroll: !0 });
   }, [c, e]);
-  const { x: m, y: g, width: f, height: b } = t, w = E(() => ({
+  const { x: m, y: g, width: f, height: b } = t, C = E(() => ({
     box: {
       x: m,
       y: g,
@@ -8354,8 +8354,8 @@ var bo = (e, t) => {
     f,
     b,
     n
-  ]), T = E(() => o0(e, w.box), [e, w]), x = (k, C) => {
-    k || (C.cancel(), C.reason === "escape-key" && a());
+  ]), T = E(() => o0(e, C.box), [e, C]), x = (k, w) => {
+    k || (w.cancel(), w.reason === "escape-key" && a());
   };
   return /* @__PURE__ */ r(J.Root, {
     open: s,
@@ -8370,11 +8370,11 @@ var bo = (e, t) => {
         side: "right",
         align: "start",
         sideOffset: ({ side: k }) => k === "top" || k === "bottom" ? o.y : o.x,
-        alignOffset: ({ side: k, anchor: C }) => a0({
+        alignOffset: ({ side: k, anchor: w }) => a0({
           side: k,
-          boundary: w.box,
-          spans: w.spans,
-          anchor: C,
+          boundary: C.box,
+          spans: C.spans,
+          anchor: w,
           rightToLeft: u0(p.current)
         }),
         collisionAvoidance: c0,
@@ -8504,17 +8504,17 @@ var bo = (e, t) => {
   ]);
   if (c === null) return null;
   const { layer: d, levels: u, names: h } = c, { observationIndex: p, selectedFor: m } = c.pressed, g = u.map((b) => {
-    const w = S0[b];
+    const C = S0[b];
     return {
       value: b,
       label: h[b],
-      icon: /* @__PURE__ */ r(w, {})
+      icon: /* @__PURE__ */ r(C, {})
     };
   }), f = (b) => {
-    const w = u.find((k) => k === b), { parsingLocale: T } = a.config, x = w === void 0 ? null : Ue({
+    const C = u.find((k) => k === b), { parsingLocale: T } = a.config, x = C === void 0 ? null : Ue({
       layer: d,
       observationIndex: p,
-      scope: w,
+      scope: C,
       parsingLocale: T
     });
     x !== null && (t.getState().setPressedObservation({
@@ -9081,7 +9081,7 @@ var hv = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: o, frameHeight: a,
         }
       }
     }), y);
-  }, w = (S) => {
+  }, C = (S) => {
     const y = Me(c, { select: f }, d)?.declarations ?? {};
     s.dispatch(new De({
       list: "overrides",
@@ -9103,7 +9103,7 @@ var hv = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: o, frameHeight: a,
     })), u.close();
   }, k = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, C = (S) => b({ stroke: S }, { transient: !0 }), A = (S) => T({ strokeWidth: S }), L = (S) => x({ startArrowheadStyle: S }), O = (S) => T({ dashArray: kc.arrow[S] }), ie = (S) => x({ endArrowheadStyle: S }), F = () => w(m ? {
+  }, w = (S) => b({ stroke: S }, { transient: !0 }), A = (S) => T({ strokeWidth: S }), L = (S) => x({ startArrowheadStyle: S }), O = (S) => T({ dashArray: kc.arrow[S] }), ie = (S) => x({ endArrowheadStyle: S }), F = () => C(m ? {
     strokeWidth: 0,
     shadow: "none"
   } : Cc);
@@ -9118,7 +9118,7 @@ var hv = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: o, frameHeight: a,
       /* @__PURE__ */ r(z.ColorPicker, {
         color: h.stroke,
         label: l("graph.annotations.arrowToolbar.color"),
-        onChange: C,
+        onChange: w,
         ...u.bind("color"),
         children: /* @__PURE__ */ r(z.Swatch, { color: h.stroke })
       }),
@@ -9553,7 +9553,7 @@ var Ev = [
   }), [e.id]), f = E(() => ({
     ...g,
     part: "label"
-  }), [g]), b = p.find((y) => y.kind === e.label), w = p.some((y) => y.pickable && y.kind !== e.label), T = Io.find((y) => Nr[y.id].arrow.strokeWidth === m.strokeWidth), x = (y, D) => {
+  }), [g]), b = p.find((y) => y.kind === e.label), C = p.some((y) => y.pickable && y.kind !== e.label), T = Io.find((y) => Nr[y.id].arrow.strokeWidth === m.strokeWidth), x = (y, D) => {
     c.dispatch(new ve({
       kind: "differenceArrow",
       id: e.id,
@@ -9562,7 +9562,7 @@ var Ev = [
   }, k = (y) => ({
     ...Me(d, { select: g }, u)?.declarations,
     ...y
-  }), C = (y) => ({
+  }), w = (y) => ({
     ...Me(d, { select: f }, u)?.declarations,
     ...y
   }), A = (y) => {
@@ -9583,7 +9583,7 @@ var Ev = [
     c.dispatch(new Fc({
       annotationId: e.id,
       arrow: k(D.arrow),
-      label: C(D.label)
+      label: w(D.label)
     })), h.close();
   };
   return /* @__PURE__ */ v(z.Root, {
@@ -9597,7 +9597,7 @@ var Ev = [
       /* @__PURE__ */ r(z.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
         trigger: /* @__PURE__ */ r(_v, { option: b }),
-        disabled: !w,
+        disabled: !C,
         ...h.bind("labelKind"),
         children: p.map((y) => /* @__PURE__ */ v(z.MenuItem, {
           selected: y.kind === e.label,
@@ -10023,11 +10023,11 @@ var tf = {
     o
   ]), h = Eo(t, a, u), p = Eo(t, d === a ? null : d, u), m = (f) => {
     if (l?.annotationId === f.id) {
-      const b = t.shapes.find((w) => w.id === f.id);
+      const b = t.shapes.find((C) => C.id === f.id);
       return b === void 0 ? f.geometry : na(Cr(l.region), o.annotation.shape(b.id).get("strokeWidth"), u.panel);
     }
     if (s?.annotationId === f.id) {
-      const b = t.arrows.find((w) => w.id === f.id);
+      const b = t.arrows.find((C) => C.id === f.id);
       return b === void 0 ? f.geometry : fc(Sr(b, s), u.panel) ?? f.geometry;
     }
     return c?.annotationId === f.id ? Fl(t, f.id, c, u) ?? f.geometry : f.geometry;
@@ -10239,20 +10239,20 @@ var tf = {
     kind: "shape",
     annotation: e.id
   }), [e.id]), g = (x, k) => {
-    const C = Me(c, { select: m }, d)?.declarations ?? {};
+    const w = Me(c, { select: m }, d)?.declarations ?? {};
     s.dispatch(new De({
       list: "overrides",
       rule: {
         select: m,
         declarations: {
-          ...C,
+          ...w,
           ...x
         }
       }
     }), k);
   }, f = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, b = (x) => g({ fill: x }, { transient: !0 }), w = (x) => g({ fillAlpha: x }, { transient: !0 }), T = (x) => () => {
+  }, b = (x) => g({ fill: x }, { transient: !0 }), C = (x) => g({ fillAlpha: x }, { transient: !0 }), T = (x) => () => {
     g({ strokeWidth: x }), u.close();
   };
   return /* @__PURE__ */ v(z.Root, {
@@ -10268,7 +10268,7 @@ var tf = {
         label: l("graph.annotations.shapeToolbar.color"),
         onChange: b,
         opacity: h.fillAlpha,
-        onOpacityChange: w,
+        onOpacityChange: C,
         ...u.bind("color"),
         children: /* @__PURE__ */ r(z.Swatch, {
           color: At(h.fill),
@@ -10619,16 +10619,16 @@ var Wl = [
     Icon: gl
   }
 ], $f = ({ annotation: e, textBox: t, panelRect: n, frameWidth: o, frameHeight: a, frameElement: i }) => {
-  const l = M(), { commands: s } = H(), c = R((y) => y.spec.styles.overrides), d = R((y) => ue(y.spec)), u = X(), h = Qt(), p = K().annotation.text(e.id).resolve(), m = If(e.content), g = Bf(m.font), f = Hf(m.fontSize), b = m.color ?? p.textColor, w = E(() => ({
+  const l = M(), { commands: s } = H(), c = R((y) => y.spec.styles.overrides), d = R((y) => ue(y.spec)), u = X(), h = Qt(), p = K().annotation.text(e.id).resolve(), m = If(e.content), g = Bf(m.font), f = Hf(m.fontSize), b = m.color ?? p.textColor, C = E(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
   }), [e.id]), T = (y, D) => {
-    const G = Me(c, { select: w }, d)?.declarations ?? {};
+    const G = Me(c, { select: C }, d)?.declarations ?? {};
     s.dispatch(new De({
       list: "overrides",
       rule: {
-        select: w,
+        select: C,
         declarations: {
           ...G,
           ...y
@@ -10641,7 +10641,7 @@ var Wl = [
       id: e.id,
       patch: y
     }), D);
-  }, k = () => u.getState().caret?.editor?.getJSON() ?? e.content, C = (y, D) => {
+  }, k = () => u.getState().caret?.editor?.getJSON() ?? e.content, w = (y, D) => {
     const G = k(), oe = u.getState().caret?.editor ?? null;
     if (oe !== null && !Ef(G)) {
       oe.chain().focus().setMark(Dt, y).run();
@@ -10650,10 +10650,10 @@ var Wl = [
     x({ content: Mf(G, y) }, D);
   }, A = () => {
     s.dispatch(new We({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, L = (y) => T(Wf(y), { transient: !0 }), O = (y) => C({ color: y }, { transient: !0 }), ie = (y) => () => {
-    C({ font: y }), h.close();
+  }, L = (y) => T(Wf(y), { transient: !0 }), O = (y) => w({ color: y }, { transient: !0 }), ie = (y) => () => {
+    w({ font: y }), h.close();
   }, F = (y) => () => {
-    C({ fontSize: y }), h.close();
+    w({ fontSize: y }), h.close();
   }, S = (y) => x({ content: Of(k(), y) });
   return /* @__PURE__ */ v(z.Root, {
     anchorBox: t,
@@ -11211,14 +11211,14 @@ var c5 = "_1tyillx2", d5 = {
     layers: u.layers,
     scales: u.scales,
     parsingLocale: u.config.parsingLocale
-  }), b = f !== null && t.hasOverlayMenu(f.target) ? f : null, w = Mr({
+  }), b = f !== null && t.hasOverlayMenu(f.target) ? f : null, C = Mr({
     overMenuTrigger: h,
     stamped: _o(p, b !== null, e, t),
     observations: b
   });
   return {
-    targetAtPoint: w,
-    hover: w?.kind === "observations" ? g : null
+    targetAtPoint: C,
+    hover: C?.kind === "observations" ? g : null
   };
 }, P5 = (e) => {
   const t = e.getBoundingClientRect();
@@ -11298,14 +11298,14 @@ var c5 = "_1tyillx2", d5 = {
     panelRect: n
   }), m = ee(t), g = ee(a), f = ne(null);
   B(() => () => f.current?.finish(!1), []), B(() => l.subscribe(({ selection: b }) => {
-    const w = c.getState().pressedObservation, [T, ...x] = b, k = T !== void 0 && x.length === 0 && w !== null && tr(T, w.selectedFor);
-    w !== null && !k && c.getState().setPressedObservation(null);
+    const C = c.getState().pressedObservation, [T, ...x] = b, k = T !== void 0 && x.length === 0 && C !== null && tr(T, C.selectedFor);
+    C !== null && !k && c.getState().setPressedObservation(null);
   }), [c, l]), B(() => {
     const b = (A) => Xl({
       target: A.target,
       clientX: A.clientX,
       clientY: A.clientY
-    }, o()).targetAtPoint, w = (A) => {
+    }, o()).targetAtPoint, C = (A) => {
       if (!(A.target instanceof Element)) return !1;
       const L = A.target.closest(Jo);
       return L !== null && e.contains(L) && zt([A.target], e) === null;
@@ -11352,15 +11352,15 @@ var c5 = "_1tyillx2", d5 = {
           throw new Lc({ message: `No press outcome for: ${JSON.stringify(L)}` });
       }
     }, k = (A) => {
-      if (A.button !== 0 || Pn(A.target) || li(A, m.current, c.getState().menuTrigger) || w(A) || Sn(A.target, e)) return;
+      if (A.button !== 0 || Pn(A.target) || li(A, m.current, c.getState().menuTrigger) || C(A) || Sn(A.target, e)) return;
       const L = E5(b(A), {
         canSelectGraph: h.current && !kr(A.target) && o().hasOverlayMenu({ kind: "graph" }),
         withinFrame: A.target instanceof Node && e.contains(A.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
       });
       L.kind !== "keep-caret" && (c.getState().setCaret(null), x(A, L));
-    }, C = (A) => {
-      if (Pn(A.target) || w(A) || Sn(A.target, e)) return;
+    }, w = (A) => {
+      if (Pn(A.target) || C(A) || Sn(A.target, e)) return;
       const L = b(A), { layers: O, guides: ie, config: F } = s.getState().scene, { hasOverlayMenu: S } = o(), y = l.getState(), D = c.getState();
       switch (L?.kind) {
         case "observations": {
@@ -11398,8 +11398,8 @@ var c5 = "_1tyillx2", d5 = {
           return;
       }
     };
-    return document.addEventListener("pointerdown", k), document.addEventListener("dblclick", C), () => {
-      document.removeEventListener("pointerdown", k), document.removeEventListener("dblclick", C);
+    return document.addEventListener("pointerdown", k), document.addEventListener("dblclick", w), () => {
+      document.removeEventListener("pointerdown", k), document.removeEventListener("dblclick", w);
     };
   }, [
     e,
@@ -11545,10 +11545,10 @@ var c5 = "_1tyillx2", d5 = {
   B(() => {
     const u = (b) => li(b, c.current, o.getState().menuTrigger), h = (b) => {
       if (u(b) || a.getState().selection.length > 0) return;
-      const w = d.current, T = c.current, x = {
+      const C = d.current, T = c.current, x = {
         x: b.clientX - T.x,
         y: b.clientY - T.y
-      }, k = z5(x, w) ? l.query(Kt(x, w)) : Yn;
+      }, k = z5(x, C) ? l.query(Kt(x, C)) : Yn;
       i.getState().setHoverState(k);
     };
     let p = !1;
@@ -11560,12 +11560,12 @@ var c5 = "_1tyillx2", d5 = {
       b !== void 0 && i.getState().setHoverState(l.query(b));
     }, f = (b) => {
       if (Pn(b.target)) return;
-      const w = u(b), T = s.current;
-      if (w && !p && T.kind === "trigger") {
+      const C = u(b), T = s.current;
+      if (C && !p && T.kind === "trigger") {
         a.getState().setSelection([T.anchor.target]);
         return;
       }
-      if (w && p) {
+      if (C && p) {
         a.getState().clearSelection(), g();
         return;
       }
@@ -11589,8 +11589,8 @@ var c5 = "_1tyillx2", d5 = {
     let c = null, d = null, u = !1;
     const h = (k) => {
       if (!s) return;
-      const C = i.getState();
-      C.suspendsHover || k === null && C.hover.primary === null || C.setHoverState(k ?? Yn);
+      const w = i.getState();
+      w.suspendsHover || k === null && w.hover.primary === null || w.setHoverState(k ?? Yn);
     }, p = () => {
       if (c = null, d === null) return;
       const k = o.getState();
@@ -11609,8 +11609,8 @@ var c5 = "_1tyillx2", d5 = {
         k.setEditTargetUnderPointer(null);
         return;
       }
-      const { targetAtPoint: C, hover: A } = Xl(d, n());
-      k.setEditTargetUnderPointer(C), h(A);
+      const { targetAtPoint: w, hover: A } = Xl(d, n());
+      k.setEditTargetUnderPointer(w), h(A);
     }, m = () => {
       c === null && (c = requestAnimationFrame(p));
     }, g = () => {
@@ -11623,15 +11623,15 @@ var c5 = "_1tyillx2", d5 = {
         clientX: k.clientX,
         clientY: k.clientY
       }, u = !1, m();
-    }, w = () => {
+    }, C = () => {
       d = null, c !== null && (cancelAnimationFrame(c), c = null), f();
-    }, T = o.subscribe((k, C) => {
-      Ct(C.standingInteraction) && !Ct(k.standingInteraction) && g();
-    }), x = a.subscribe((k, C) => {
-      k.scene !== C.scene && (Ct(o.getState().standingInteraction) || g());
+    }, T = o.subscribe((k, w) => {
+      Ct(w.standingInteraction) && !Ct(k.standingInteraction) && g();
+    }), x = a.subscribe((k, w) => {
+      k.scene !== w.scene && (Ct(o.getState().standingInteraction) || g());
     });
-    return e.addEventListener("pointermove", b), e.addEventListener("pointerleave", w), () => {
-      c !== null && cancelAnimationFrame(c), T(), x(), e.removeEventListener("pointermove", b), e.removeEventListener("pointerleave", w), f();
+    return e.addEventListener("pointermove", b), e.addEventListener("pointerleave", C), () => {
+      c !== null && cancelAnimationFrame(c), T(), x(), e.removeEventListener("pointermove", b), e.removeEventListener("pointerleave", C), f();
     };
   }, [
     e,
@@ -11989,7 +11989,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", p = i.config.axes[e], m = i.scales[e], g = m?.spec, f = g?.scaleType === "continuous" ? g : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const b = g !== void 0 && "reverse" in g ? g : void 0, w = g?.scaleType === "continuous" || g?.scaleType === "datetime", T = f !== void 0 && za(i, e), x = f?.transform === "log", k = f?.domainMax ?? null, C = fb(f), A = (N, fe) => N.map((ut) => ({
+  const b = g !== void 0 && "reverse" in g ? g : void 0, C = g?.scaleType === "continuous" || g?.scaleType === "datetime", T = f !== void 0 && za(i, e), x = f?.transform === "log", k = f?.domainMax ?? null, w = fb(f), A = (N, fe) => N.map((ut) => ({
     value: ut,
     label: fe(ut)
   })), L = i.guides.axes.find((N) => N.scaledAesthetic === e), O = L?.position, ie = p.label ?? L?.label ?? "", F = gb[O === "bottom" || O === "top" || O === void 0 && e === "x" ? "horizontal" : "vertical"], S = e === "y" ? Fd(i.spec) : null, y = S === null ? void 0 : V(i.spec.layers, S), D = i.guides.legends.drawn.some((N) => F.some((fe) => fe === N.position)), G = F.map((N) => ({
@@ -12097,7 +12097,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
           onChange: gs
         })
       })] }),
-      w && /* @__PURE__ */ r(P, {
+      C && /* @__PURE__ */ r(P, {
         label: l("editor.axesPanel.controls.labels"),
         children: /* @__PURE__ */ r(u, {
           value: p.ticks.mode,
@@ -12133,11 +12133,11 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
         !T && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(P, {
           label: l("editor.axesPanel.controls.startFrom"),
           children: /* @__PURE__ */ r(u, {
-            value: C,
+            value: w,
             options: ss,
             onChange: Ss
           })
-        }), C !== "auto" && /* @__PURE__ */ r(P, {
+        }), w !== "auto" && /* @__PURE__ */ r(P, {
           label: l("editor.axesPanel.controls.value"),
           children: /* @__PURE__ */ r(s, {
             value: f.domainMin ?? null,
@@ -12462,15 +12462,15 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
       width: f
     }), { transient: !0 });
   }, h = d?.get("cornerRadius") ?? Tc, p = (f, b) => {
-    const w = $o.find((k) => k === b);
-    if (!w) return;
+    const C = $o.find((k) => k === b);
+    if (!C) return;
     const [T, x] = os[f];
     o.commands.dispatch(new Dc({
       layerId: c.id,
       corners: {
         ...h,
-        [T]: w,
-        [x]: w
+        [T]: C,
+        [x]: C
       }
     }));
   }, m = $o.map((f) => ({
@@ -12806,7 +12806,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
       showStackTotals: T
     });
     a.commands.dispatch(x);
-  }, w = (T) => {
+  }, C = (T) => {
     const x = new Aa({
       layerId: c.id,
       showCategoryLabels: T
@@ -12843,7 +12843,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
         label: l("editor.graphPanel.graphOptions.categoryLabels"),
         children: /* @__PURE__ */ r(s, {
           checked: p,
-          onChange: w
+          onChange: C
         })
       })
     ] })
@@ -12875,36 +12875,38 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
 }, Sy = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const o = j(), a = W(o), i = M(), { Slider: l, Switch: s, ToggleGroup: c } = _(), d = dt(a), u = a !== null && d !== null ? _i(a, d) : null;
   if (u === null) return null;
-  const h = u.axes.some((b) => b.showGrid), p = Et.map((b) => ({
-    value: b,
-    label: i(`editor.graphPanel.gridSection.lineStyles.${b}`)
-  })), m = (b) => (w) => {
+  const h = u.axes.filter((C) => C.supportsGrid);
+  if (h.length === 0) return null;
+  const p = u.axes.some((C) => C.showGrid), m = Et.map((C) => ({
+    value: C,
+    label: i(`editor.graphPanel.gridSection.lineStyles.${C}`)
+  })), g = (C) => (T) => {
     o.commands.dispatch(new wn({
-      axis: b,
-      visible: w
+      axis: C,
+      visible: T
     }));
-  }, g = (b) => {
-    const w = Et.find((T) => T === b);
-    w !== void 0 && o.commands.dispatch(Fi(w));
-  }, f = (b) => {
-    o.commands.dispatch(zi(b), { transient: !0 });
+  }, f = (C) => {
+    const T = Et.find((x) => x === C);
+    T !== void 0 && o.commands.dispatch(Fi(T));
+  }, b = (C) => {
+    o.commands.dispatch(zi(C), { transient: !0 });
   };
   return /* @__PURE__ */ r(Z, {
     title: e ?? i("editor.graphPanel.gridSection.title"),
     layout: t,
     preview: n,
-    children: /* @__PURE__ */ v(re, { children: [u.axes.map((b) => /* @__PURE__ */ r(P, {
-      label: i(Xb(b)),
+    children: /* @__PURE__ */ v(re, { children: [h.map((C) => /* @__PURE__ */ r(P, {
+      label: i(Xb(C)),
       children: /* @__PURE__ */ r(s, {
-        checked: b.showGrid,
-        onChange: m(b.scaledAesthetic)
+        checked: C.showGrid,
+        onChange: g(C.scaledAesthetic)
       })
-    }, b.scaledAesthetic)), u.stylable && h && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(P, {
+    }, C.scaledAesthetic)), u.stylable && p && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(P, {
       label: i("editor.graphPanel.gridSection.gridStyle"),
       children: /* @__PURE__ */ r(c, {
         value: u.lineStyle,
-        options: p,
-        onChange: g
+        options: m,
+        onChange: f
       })
     }), /* @__PURE__ */ r(P, {
       label: i("editor.graphPanel.gridSection.gridThickness"),
@@ -12914,7 +12916,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
         max: 8,
         step: 0.5,
         formatValue: tn,
-        onChange: f,
+        onChange: b,
         onCommit: o.commands.commit
       })
     })] })] })
@@ -12933,7 +12935,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
   if (!a) return null;
   const c = a.config.headline, d = c.show !== "none", u = a.coordSystem, h = u.type === "polar", p = u.type === "polar" && u.innerRadius > 0, m = a.layers.some((F) => F.summary.grandTotal !== void 0);
   if (h && !m) return null;
-  const g = h ? Yb : as, f = a.guides.headline, b = f?.kind === "perGroup" && f.items.some((F) => F.comparison !== null), w = g.map((F) => ({
+  const g = h ? Yb : as, f = a.guides.headline, b = f?.kind === "perGroup" && f.items.some((F) => F.comparison !== null), C = g.map((F) => ({
     value: F,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${F}`)
   })), T = Uo.map((F) => ({
@@ -12948,7 +12950,7 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
   }, {
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
-  }], C = (F) => {
+  }], w = (F) => {
     o.commands.dispatch(new Dr({ show: F ? Zb : "none" }));
   }, A = (F) => {
     const S = g.find((y) => y === F);
@@ -12970,15 +12972,15 @@ var db = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
         checked: d,
-        onChange: C
+        onChange: w
       })
     }), d && /* @__PURE__ */ v($, { children: [
-      w.length > 1 && /* @__PURE__ */ r(P, {
+      C.length > 1 && /* @__PURE__ */ r(P, {
         label: i("editor.graphPanel.headlineNumberSection.metricLabel"),
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: c.show,
-          options: w,
+          options: C,
           onChange: A
         })
       }),
@@ -13046,7 +13048,7 @@ var yn = [
     layers: i.layers
   }), m = i.guides.headline?.kind === "perGroup", g = i.guides.colorGroups.length > 0;
   if (d === "auto" && h === void 0 && !p && (m || !g)) return null;
-  const f = h?.position ?? "none", b = d === "auto" ? f : d, w = yn.filter((D) => D === b || u.includes(D)).map((D) => ({
+  const f = h?.position ?? "none", b = d === "auto" ? f : d, C = yn.filter((D) => D === b || u.includes(D)).map((D) => ({
     value: D,
     label: l(`editor.graphPanel.legendSection.${D}`)
   })), T = (D) => {
@@ -13058,13 +13060,13 @@ var yn = [
   }, k = (D) => {
     const G = qo.find((oe) => oe === D);
     G && a.commands.dispatch(new Wc({ display: G }));
-  }, C = h?.position === "left" || h?.position === "right" ? "column" : "row", A = C === "row" ? "ltr" : c, L = (D) => l(D === "start" || D === "end" ? `editor.graphPanel.legendSection.${Qb[C][D]}` : `editor.graphPanel.legendSection.align.${D}`), O = jo.map((D) => ({
+  }, w = h?.position === "left" || h?.position === "right" ? "column" : "row", A = w === "row" ? "ltr" : c, L = (D) => l(D === "start" || D === "end" ? `editor.graphPanel.legendSection.${Qb[w][D]}` : `editor.graphPanel.legendSection.align.${D}`), O = jo.map((D) => ({
     value: D,
     label: L(D)
   })), ie = qo.map((D) => ({
     value: D,
     label: l(`editor.graphPanel.legendSection.display.${D}`)
-  })), F = t ?? l("editor.graphPanel.legendSection.title"), S = w.find((D) => D.value === b)?.label, y = h !== void 0;
+  })), F = t ?? l("editor.graphPanel.legendSection.title"), S = C.find((D) => D.value === b)?.label, y = h !== void 0;
   return /* @__PURE__ */ r(Z, {
     title: F,
     layout: n,
@@ -13075,7 +13077,7 @@ var yn = [
         layout: "stack",
         children: /* @__PURE__ */ r(s, {
           value: b,
-          options: w,
+          options: C,
           onChange: T
         })
       }),
@@ -13140,9 +13142,9 @@ var yn = [
 }, xy = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const o = j(), a = W(o), i = M(), { Select: l, Slider: s, Switch: c, ToggleGroup: d } = _(), u = dt(a), h = Da(a?.spec.layers ?? [], "line", "area"), p = a && u && h ? cr(a, u, h.id) : null;
   if (!a || !p) return null;
-  const m = p.missingValueOptions.map((C) => ({
-    value: C,
-    label: Ci(i, C)
+  const m = p.missingValueOptions.map((w) => ({
+    value: w,
+    label: Ci(i, w)
   })), g = [{
     value: "auto",
     label: i("editor.graphPanel.numberFormat.options.auto"),
@@ -13150,34 +13152,34 @@ var yn = [
   }, {
     value: "custom",
     label: i("editor.graphPanel.numberFormat.options.custom")
-  }], f = (C) => {
+  }], f = (w) => {
     o.commands.dispatch(new er({
       layerId: p.layerId,
-      showPoints: C
+      showPoints: w
     }));
-  }, b = (C) => {
+  }, b = (w) => {
     o.commands.dispatch(new ke({
       layerId: p.layerId,
-      showFill: C,
+      showFill: w,
       drawnFillAlpha: p.drawnFillAlpha
     }));
-  }, w = (C) => {
+  }, C = (w) => {
     o.commands.dispatch(new wa({
       layerId: p.layerId,
-      curve: C ? "smooth" : "linear"
+      curve: w ? "smooth" : "linear"
     }));
-  }, T = (C) => {
+  }, T = (w) => {
     o.commands.dispatch(new ke({
       layerId: p.layerId,
-      strokeWidth: C === "custom" ? p.strokeWidth : null
+      strokeWidth: w === "custom" ? p.strokeWidth : null
     }));
-  }, x = (C) => {
+  }, x = (w) => {
     o.commands.dispatch(new ke({
       layerId: p.layerId,
-      strokeWidth: C
+      strokeWidth: w
     }), { transient: !0 });
-  }, k = (C) => {
-    const A = Mn.find((L) => L === C);
+  }, k = (w) => {
+    const A = Mn.find((L) => L === w);
     A && o.commands.dispatch(new xa({
       layerId: p.layerId,
       missingValues: A
@@ -13211,7 +13213,7 @@ var yn = [
         label: i("editor.graphPanel.graphOptions.smoothLines"),
         children: /* @__PURE__ */ r(c, {
           checked: p.smooth,
-          onChange: w
+          onChange: C
         })
       }),
       /* @__PURE__ */ r(P, {
@@ -13324,12 +13326,12 @@ var yn = [
   })), g = (x) => {
     o.commands.dispatch(new jc({ abbreviation: x }));
   }, f = (x) => {
-    const k = d3.find((C) => C === x);
+    const k = d3.find((w) => w === x);
     g(k ?? i3);
   }, b = (x) => {
-    const k = Wn.find((C) => C.value === x);
+    const k = Wn.find((w) => w.value === x);
     k && g(k.value);
-  }, w = (x) => {
+  }, C = (x) => {
     o.commands.dispatch(new _r({ decimals: x === "custom" ? l3 : "auto" }));
   }, T = (x) => {
     x !== null && o.commands.dispatch(new _r({ decimals: x }), { transient: !0 });
@@ -13364,7 +13366,7 @@ var yn = [
         children: /* @__PURE__ */ r(s, {
           value: h ? "custom" : "auto",
           options: p(["auto", "custom"]),
-          onChange: w
+          onChange: C
         })
       }),
       h && /* @__PURE__ */ r(P, {
@@ -13491,20 +13493,20 @@ var yn = [
   const u = kd(a.spec.layers), h = Sd(a.spec.layers), p = u?.stat.type === "smooth" ? u.stat.method : b3, m = y3(h), g = Zo.map((k) => ({
     value: k,
     label: i(`editor.annotationsPanel.trendType.options.${k}`)
-  })), f = (k, C = {}) => {
+  })), f = (k, w = {}) => {
     const A = u ?? h, L = new ed({
       line: k,
-      ...C,
+      ...w,
       ...A !== void 0 && { layerId: A.id },
       label: i("editor.annotationsPanel.trendsAndAveragesSection.average")
     });
     o.commands.dispatch(L);
-  }, b = (k) => f(k ? "trend" : "none", { method: p }), w = (k) => f(k ? "average" : "none", { group: m ?? d(c[0]?.value ?? "") }), T = (k) => {
-    const C = Zo.find((A) => A === k);
-    C !== void 0 && f("trend", { method: C });
+  }, b = (k) => f(k ? "trend" : "none", { method: p }), C = (k) => f(k ? "average" : "none", { group: m ?? d(c[0]?.value ?? "") }), T = (k) => {
+    const w = Zo.find((A) => A === k);
+    w !== void 0 && f("trend", { method: w });
   }, x = (k) => {
-    const C = k === null ? void 0 : d(k);
-    C !== void 0 && f("average", { group: C });
+    const w = k === null ? void 0 : d(k);
+    w !== void 0 && f("average", { group: w });
   };
   return /* @__PURE__ */ r(Z, {
     title: e ?? i("editor.annotationsPanel.trendsAndAveragesSection.title"),
@@ -13533,7 +13535,7 @@ var yn = [
         icon: /* @__PURE__ */ r(f3, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
           checked: h !== void 0,
-          onChange: w
+          onChange: C
         })
       }),
       h !== void 0 && c.length > 0 && /* @__PURE__ */ r(P, {