@graphysdk/react-renderer 1.9.0-beta.1792510459918 → 1.9.0-beta.1792517610964

package/dist/editable.mjs

@@ -1,4 +1,4 @@
-import { $ as Dn, $t as Xl, A as Mt, An as H, B as Zl, C as Yl, Ct as Ma, D as Jl, Dt as Ql, E as es, En as W, Et as Ne, F as ts, Ft as ne, G as ee, Gt as ns, I as rs, It as as, J as Sr, Jt as os, K as U, L, Lt as is, Mn as _n, O as Oa, On as R, Ot as ls, P as ss, Pt as et, Q as Fn, Qt as cs, S as ds, St as E, T as Ee, U as us, W as hs, Wt as Cr, X as ps, Y as ms, Z as j, _ as De, _n as gs, an as ce, at as zn, b as Ra, bn as vs, bt as fs, c as Na, ct as bs, d as ys, dt as Ss, en as Da, et as _a, f as Cs, ft as ge, g as Fa, gn as xs, gt as Ot, h as Rt, ht as ws, i as Bn, in as za, it as Ba, k as un, kn as ks, kt as Ts, l as As, lt as Ps, m as Ls, mt as Is, n as le, nt as Nt, o as Es, on as Hn, p as Ha, pt as ue, q as Ms, r as K, rn as Ga, rt as Os, sn as Be, st as Rs, t as Ns, tn as Ds, tt as Gn, u as _s, ut as xr, v as Fs, wn as Va, wt as zs, x as Bs, xt as Hs, y as Gs, yt as Vs } from "./history-chords-Kybi2Tvr.js";
+import { $ as Dn, $t as Xl, A as Mt, An as H, B as Zl, C as Yl, Ct as Ma, D as Jl, Dt as Ql, E as es, En as W, Et as Ne, F as ts, Ft as ne, G as ee, Gt as ns, I as rs, It as as, J as Sr, Jt as os, K as U, L, Lt as is, Mn as _n, O as Oa, On as R, Ot as ls, P as ss, Pt as et, Q as Fn, Qt as cs, S as ds, St as E, T as Ee, U as us, W as hs, Wt as Cr, X as ps, Y as ms, Z as j, _ as De, _n as gs, an as ce, at as zn, b as Ra, bn as vs, bt as fs, c as Na, ct as bs, d as ys, dt as Ss, en as Da, et as _a, f as Cs, ft as ge, g as Fa, gn as xs, gt as Ot, h as Rt, ht as ws, i as Bn, in as za, it as Ba, k as un, kn as ks, kt as Ts, l as As, lt as Ps, m as Ls, mt as Is, n as le, nt as Nt, o as Es, on as Hn, p as Ha, pt as ue, q as Ms, r as K, rn as Ga, rt as Os, sn as Be, st as Rs, t as Ns, tn as Ds, tt as Gn, u as _s, ut as xr, v as Fs, wn as Va, wt as zs, x as Bs, xt as Hs, y as Gs, yt as Vs } from "./history-chords-J8zi_Vu7.js";
 import { ARROW_DEFAULTS as $s, ARROW_STICKER_DECLARATIONS as Ws, ARROW_STROKE_WIDTHS_PX as Jt, AddAnnotationCommand as Te, AddHighlightCommand as Us, BORDER_RADIUS_TOKENS as wr, COMBO_TYPES as kr, CONSTANT_VARIABLES as Ks, DASH_PRESETS as qs, DEFAULT_BAR_CORNER_RADIUS as js, DEFAULT_GEOM_COLOR as Xs, DEFAULT_POINT_SIZE_PX as $a, DEFAULT_STROKE_WIDTH_PX as Zs, DIFFERENCE_ARROW_DEFAULTS as Wa, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Tr, InternalError as Ys, MAX_BAR_WIDTH_FRACTION as Js, MIN_BAR_WIDTH_FRACTION as Qs, MoveAnnotationCommand as ec, RESTING_HOVER_STATE as Vn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as tc, SHAPE_DEFAULTS as nc, SequenceCommand as qe, SetAxisLabelCommand as Ua, SetAxisPositionCommand as Ka, SetAxisTickModeCommand as qa, SetAxisTicksVisibilityCommand as rc, SetAxisVisibilityCommand as hn, SetBarCornerRadiusCommand as ac, SetBarWidthCommand as ja, SetChartTypeCommand as $n, SetContentCaptionCommand as Xa, SetContentSourceCommand as oc, SetContentSubtitleCommand as Za, SetContentTitleCommand as Ya, SetDataLabelsFormatCommand as Ja, SetDifferenceArrowStyleCommand as ic, SetGridLineStyleCommand as Qa, SetGridVisibilityCommand as pn, SetHeadlineCompareWithCommand as lc, SetHeadlinePositionCommand as sc, SetHeadlineShowCommand as Ar, SetHeadlineSizeCommand as cc, SetHighlightDimStyleCommand as dc, SetLayerYScaleTypeCommand as uc, SetLegendAlignCommand as hc, SetLegendDisplayCommand as pc, SetLegendPlacementCommand as mc, SetLegendPositionCommand as mn, SetLineCurveCommand as eo, SetLineMissingValuesCommand as to, SetLineStyleCommand as Ce, SetMappingCommand as gc, SetNumberFormatAbbreviationCommand as vc, SetNumberFormatDecimalsCommand as Pr, SetObservationsColorCommand as fc, SetPointSizeCommand as Wn, SetPolarInnerRadiusCommand as bc, SetPolarStartAngleCommand as yc, SetRuleLabelCommand as Sc, SetRuleValueCommand as Cc, SetScaleDomainCommand as Ze, SetScaleRangeCommand as xc, SetScaleReverseCommand as wc, SetScaleTransformCommand as no, SetStatLineCommand as kc, SetStyleRuleCommand as Oe, TEXT_ANNOTATION_DEFAULTS as Tc, TEXT_ANNOTATION_FADE_ALPHA as Ac, ToggleCategoryLabelsCommand as ro, ToggleContentVisibilityCommand as Dt, ToggleDataLabelsCommand as ao, ToggleGoalLineCommand as Pc, ToggleLinePointsCommand as Un, ToggleStackTotalsCommand as oo, UpdateAnnotationCommand as ve, alignUnitFractions as Lc, areAnchorsEqual as io, areEditTargetsEqual as Kn, areEndpointsComparable as Ic, buildEditMenuTriggerRegion as Ec, buildLayerStyleAddress as Ge, buildObservationPredicate as Mc, buildObservationsTarget as tt, buildObservationsTargetAtValue as lo, canAnchorDirectLabels as Oc, canBecomeCombo as Rc, canBecomeHeatmap as Nc, clampAnnotationTranslation as Dc, combineKindStyleDeclarations as Lr, computeArrow as so, createObservationAnchorBuilder as _c, createObservationAnchorParser as Fc, createStyleResolver as zc, createStyleRuleMatcher as Bc, createValueFormatter as co, createXValueReader as Hc, filterLayersByGeoms as gn, findAnnotation as Gc, findAverageLineLayer as Vc, findAxisGuide as uo, findCompanionLayers as ho, findGoalLineLayer as $c, findHighlightsAtObservation as Wc, findHostLayer as _t, findKindStyleDeclarations as bt, findLayerByGeom as po, findLayerById as Z, findObservationAttachment as Uc, findStyleRule as Pe, findTrendLineLayer as Kc, formatDifferenceLabel as qc, getBoundingRect as vn, getGroupVariables as mo, getXBand as jc, getYBand as Xc, hasMainAxisBand as Zc, hasMultipleGroups as go, inferDefaultDifferenceArrowEndpoints as Yc, inferDifferenceArrowEndpoints as Jc, isComboChartType as se, isCompanionLayer as vo, isGeomStyleRule as Qc, isLayerSpecOf as Ft, isObservationAttachmentKind as ed, isPointWithinEditMenuTrigger as qn, isSafeUrl as td, isZeroAnchoredAxis as fo, measureObservationsBoxes as bo, projectAnchorToPanel as yt, readBroadestObservationsScope as nd, readChartType as zt, readColorChoices as rd, readComboLineLayerId as ad, readCompanionRowsAtScopeKey as od, readConstantValue as id, readEditTargetKey as Bt, readGeomColor as ld, readHighlightDimStyle as sd, readMainAxis as cd, readMappableAesthetics as dd, readMappedVariable as ud, readObservationIndex as yo, readObservationsColor as hd, readObservationsColorRoute as jn, readReachableLevels as pd, readRowScopeKey as md, readRowsAtScopeKey as gd, readScopeXVariable as vd, readStyleCoord as de, readStyleRulesBeneath as fd, readVariableName as Ht, resolveArrowAnnotationStyle as Xn, resolveBarBandFraction as So, resolveComparisonBasis as bd, resolveDifferenceArrowAnnotationStyle as yd, resolveEditOutlineStyle as Sd, resolveLayerAxisValueFormat as Cd, resolveObservationPoint as Co, resolveObservationsTarget as Je, stepDifferenceArrowEndpoint as xd, toDashPreset as Re, toPaintColor as St, toPanelCursor as Gt, toStrokeDasharray as xo } from "@graphysdk/viz-engine";
 import { Fragment as wo, createContext as Me, memo as ko, useCallback as re, useContext as he, useEffect as z, useId as Le, useLayoutEffect as Ie, useMemo as M, useRef as ae, useState as X, useSyncExternalStore as wd } from "react";
 import { Fragment as $, jsx as r, jsxs as v } from "react/jsx-runtime";
@@ -4621,12 +4621,13 @@ var kn = [
 ], lr = (e, t, n) => {
   const a = Z(e.spec.layers, n);
   if (!Ft(a, "line", "area")) return null;
-  const o = e.coordSystem.type === "polar", i = Ge(a.geom, a.id), l = de(e.spec), s = e.spec.styles.overrides, c = Lr(s, i, l), d = Lr(fd(s, i, l), i, l), u = typeof c?.strokeWidth == "number" ? c.strokeWidth : null, h = A1(a, e.spec.layers), p = o ? [] : L1(a), g = p.length > 1;
+  const o = e.coordSystem.type === "polar", i = Ge(a.geom, a.id), l = de(e.spec), s = e.spec.styles.overrides, c = Lr(s, i, l), d = Lr(fd(s, i, l), i, l), u = typeof c?.strokeWidth == "number" ? c.strokeWidth : null, h = A1(a, e.spec.layers), p = o ? [] : L1(a), g = p.length > 1, m = a.geom === "line" && !o, f = m ? E1(e, t, a) : 0;
   return {
     layerId: a.id,
     showPoints: h !== void 0 && P1(e, t, h.id),
     pointLayerId: h?.id ?? null,
-    showFill: a.geom === "line" && !o ? (c?.fillAlpha ?? 0) > 0 : null,
+    showFill: m ? f > 0 : null,
+    drawnFillAlpha: f,
     smooth: o ? null : a.params.curve === "smooth",
     widthMode: u === null ? "auto" : "custom",
     hasUnderlyingStrokeWidth: d?.strokeWidth !== void 0,
@@ -4646,7 +4647,10 @@ var kn = [
   const a = Z(e.layers, n.id);
   if (a?.geom === "line") return t.geom.line(a).get("strokeWidth");
   if (a?.geom === "area") return t.geom.area(a).get("strokeWidth");
-}, E1 = (e) => /* @__PURE__ */ v(L, {
+}, E1 = (e, t, n) => {
+  const a = Z(e.layers, n.id);
+  return a?.geom === "line" ? t.geom.line(a).get("fillAlpha") ?? 0 : 0;
+}, M1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -4658,7 +4662,7 @@ var kn = [
     fillOpacity: "0.3",
     d: "M0 11 5.5 5.5 10.5 9 16 4V0H0z"
   })]
-}), M1 = (e) => /* @__PURE__ */ v(L, {
+}), O1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ v("g", {
@@ -4836,7 +4840,7 @@ var kn = [
       ]
     })]
   })
-}), O1 = (e) => /* @__PURE__ */ v(L, {
+}), R1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -4848,7 +4852,7 @@ var kn = [
     fillOpacity: "0.3",
     d: "M5.744 5.565 0 11.826V8l5.744-6.957 4.718 2.087L16 0v6.957l-5.538 4z"
   })]
-}), R1 = (e) => /* @__PURE__ */ r(L, {
+}), N1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -4890,7 +4894,7 @@ var kn = [
       })
     ]
   })
-}), N1 = (e) => /* @__PURE__ */ r(L, {
+}), D1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -4905,7 +4909,7 @@ var kn = [
       d: "M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })]
   })
-}), D1 = (e) => /* @__PURE__ */ r(L, {
+}), _1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -4920,7 +4924,7 @@ var kn = [
       d: "M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })]
   })
-}), _1 = (e) => /* @__PURE__ */ v(L, {
+}), F1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -4959,7 +4963,7 @@ var kn = [
       rx: ".533"
     })
   ]
-}), F1 = (e) => /* @__PURE__ */ v(L, {
+}), z1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -4971,7 +4975,7 @@ var kn = [
     fillOpacity: "0.3",
     d: "M0 12.445h4.267V.52A.52.52 0 0 0 3.748 0H.518A.52.52 0 0 0 0 .519zM5.867 7.111h4.266V.52A.52.52 0 0 0 9.615 0h-3.23a.52.52 0 0 0-.518.519zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
   })]
-}), z1 = (e) => /* @__PURE__ */ v(L, {
+}), B1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("path", {
@@ -4983,7 +4987,7 @@ var kn = [
     fillOpacity: "0.3",
     d: "M0 7.037c0-.286.232-.518.519-.518h3.23c.286 0 .518.232.518.518v5.408H0zM5.867 7.111h4.266V4.074a.52.52 0 0 0-.518-.518h-3.23a.52.52 0 0 0-.518.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
   })]
-}), B1 = (e) => /* @__PURE__ */ v(L, {
+}), H1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ v("g", {
@@ -5057,7 +5061,7 @@ var kn = [
       })
     ]
   })]
-}), H1 = (e) => /* @__PURE__ */ r(L, {
+}), G1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -5092,7 +5096,7 @@ var kn = [
       })
     ]
   })
-}), G1 = (e) => /* @__PURE__ */ r(L, {
+}), V1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -5169,7 +5173,7 @@ var kn = [
       })
     ]
   })
-}), V1 = (e) => /* @__PURE__ */ v(L, {
+}), $1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -5191,7 +5195,7 @@ var kn = [
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), $1 = (e) => /* @__PURE__ */ r(L, {
+}), W1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -5208,7 +5212,7 @@ var kn = [
       strokeWidth: "1.2"
     })]
   })
-}), W1 = (e) => /* @__PURE__ */ v(L, {
+}), U1 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [/* @__PURE__ */ r("polygon", {
@@ -5223,7 +5227,7 @@ var kn = [
     fill: "currentColor",
     fillOpacity: "0.6"
   })]
-}), U1 = (e) => /* @__PURE__ */ r(L, {
+}), K1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -5278,7 +5282,7 @@ var kn = [
       })
     ]
   })
-}), K1 = (e) => /* @__PURE__ */ r(L, {
+}), q1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ r("path", {
@@ -5286,7 +5290,7 @@ var kn = [
     fillOpacity: "0.75",
     d: "M8.4 7.31 8.4 1.01A7 7 0 0 1 13.85 4.16ZM8.8 8 13.64 5.2A6.3 6.3 0 0 1 13.64 10.8ZM8.4 8.69 12.64 11.14A5.6 5.6 0 0 1 8.4 13.59ZM7.6 8.69 7.6 12.78A4.8 4.8 0 0 1 4.06 10.74ZM7.2 8 4.27 9.69A4.1 4.1 0 0 1 4.27 6.31ZM7.6 7.31 5.19 5.92A3.5 3.5 0 0 1 7.6 4.52Z"
   })
-}), q1 = (e) => /* @__PURE__ */ r(L, {
+}), j1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -5299,7 +5303,7 @@ var kn = [
       d: "M8.4 7.31 8.4 3.82A4.2 4.2 0 0 1 11.42 5.56ZM8.8 8 11.46 6.47A3.78 3.78 0 0 1 11.46 9.53ZM8.4 8.69 10.69 10.01A3.36 3.36 0 0 1 8.4 11.34ZM7.6 8.69 7.6 10.85A2.88 2.88 0 0 1 5.73 9.77ZM7.2 8 5.7 8.87A2.46 2.46 0 0 1 5.7 7.13ZM7.6 7.31 6.41 6.62A2.1 2.1 0 0 1 7.6 5.94Z"
     })]
   })
-}), j1 = (e) => /* @__PURE__ */ r(L, {
+}), X1 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: /* @__PURE__ */ v("g", {
@@ -5343,10 +5347,10 @@ var kn = [
       })
     ]
   })
-}), X1 = 0.55, Z1 = 0.15, Qe = [
+}), Z1 = 0.55, Y1 = 0.15, Qe = [
   {
     name: "column",
-    icon: _1,
+    icon: F1,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -5355,7 +5359,7 @@ var kn = [
   },
   {
     name: "columnStacked",
-    icon: z1,
+    icon: B1,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -5364,7 +5368,7 @@ var kn = [
   },
   {
     name: "columnStackedFill",
-    icon: F1,
+    icon: z1,
     summary: {
       coordType: "cartesian",
       geom: "bar",
@@ -5373,7 +5377,7 @@ var kn = [
   },
   {
     name: "bar",
-    icon: R1,
+    icon: N1,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -5382,7 +5386,7 @@ var kn = [
   },
   {
     name: "barStacked",
-    icon: D1,
+    icon: _1,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -5391,7 +5395,7 @@ var kn = [
   },
   {
     name: "barStackedFill",
-    icon: N1,
+    icon: D1,
     summary: {
       coordType: "flip",
       geom: "bar",
@@ -5409,7 +5413,7 @@ var kn = [
   },
   {
     name: "areaStacked",
-    icon: O1,
+    icon: R1,
     summary: {
       coordType: "cartesian",
       geom: "area",
@@ -5418,7 +5422,7 @@ var kn = [
   },
   {
     name: "combo",
-    icon: B1,
+    icon: H1,
     summary: {
       coordType: "cartesian",
       comboType: "grouped-bars"
@@ -5426,7 +5430,7 @@ var kn = [
   },
   {
     name: "scatter",
-    icon: j1,
+    icon: X1,
     summary: {
       coordType: "cartesian",
       geom: "point",
@@ -5435,7 +5439,7 @@ var kn = [
   },
   {
     name: "pie",
-    icon: V1,
+    icon: $1,
     summary: {
       coordType: "polar",
       geom: "bar",
@@ -5446,29 +5450,29 @@ var kn = [
   },
   {
     name: "donut",
-    icon: H1,
+    icon: G1,
     summary: {
       coordType: "polar",
       geom: "bar",
       position: "fill",
       theta: "y",
-      innerRadius: X1
+      innerRadius: Z1
     }
   },
   {
     name: "radialBar",
-    icon: U1,
+    icon: K1,
     summary: {
       coordType: "polar",
       geom: "bar",
       position: "stack",
       theta: "y",
-      innerRadius: Z1
+      innerRadius: Y1
     }
   },
   {
     name: "rose",
-    icon: K1,
+    icon: q1,
     summary: {
       coordType: "polar",
       geom: "bar",
@@ -5479,7 +5483,7 @@ var kn = [
   },
   {
     name: "roseStacked",
-    icon: q1,
+    icon: j1,
     summary: {
       coordType: "polar",
       geom: "bar",
@@ -5490,7 +5494,7 @@ var kn = [
   },
   {
     name: "radar",
-    icon: $1,
+    icon: W1,
     summary: {
       coordType: "polar",
       geom: "line",
@@ -5501,7 +5505,7 @@ var kn = [
   },
   {
     name: "radarFilled",
-    icon: W1,
+    icon: U1,
     summary: {
       coordType: "polar",
       geom: "area",
@@ -5512,39 +5516,39 @@ var kn = [
   },
   {
     name: "heatmap",
-    icon: G1,
+    icon: V1,
     summary: {
       coordType: "cartesian",
       geom: "tile",
       position: "identity"
     }
   }
-], Y1 = 0.05, gi = (e, t) => se(e) ? Rc(t) : e.geom === "tile" ? Nc(t) : !0, wt = (e) => e === null ? null : Qe.find((t) => J1(t.summary, e)) ?? null, vi = (e, t) => t === null || se(e) ? e : e.position === "dodge" && fi(t) ? {
+], J1 = 0.05, gi = (e, t) => se(e) ? Rc(t) : e.geom === "tile" ? Nc(t) : !0, wt = (e) => e === null ? null : Qe.find((t) => Q1(t.summary, e)) ?? null, vi = (e, t) => t === null || se(e) ? e : e.position === "dodge" && fi(t) ? {
   ...e,
   position: "identity"
 } : e.coordType !== "polar" || !kt(e.innerRadius) || t.coordType !== "polar" || !kt(t.innerRadius) ? e : {
   ...e,
   innerRadius: t.innerRadius
-}, fi = (e) => !se(e) && e.geom === "bar" && e.position === "identity", J1 = (e, t) => {
+}, fi = (e) => !se(e) && e.geom === "bar" && e.position === "identity", Q1 = (e, t) => {
   if (se(e) || se(t)) return se(e) && se(t);
   const n = e.position === t.position || e.position === "dodge" && fi(t);
   return e.coordType !== t.coordType || e.geom !== t.geom || !n ? !1 : e.coordType !== "polar" || t.coordType !== "polar" ? !0 : e.theta === t.theta && kt(e.innerRadius) === kt(t.innerRadius);
-}, kt = (e) => e >= Y1;
-var Q1 = "_1hrfeju1", em = [
+}, kt = (e) => e >= J1;
+var em = "_1hrfeju1", tm = [
   {
     summary: {
       coordType: "cartesian",
       geom: "area",
       position: "fill"
     },
-    icon: E1
+    icon: M1
   },
   {
     summary: {
       coordType: "cartesian",
       comboType: "stacked-bars"
     },
-    icon: M1
+    icon: O1
   },
   {
     summary: {
@@ -5553,7 +5557,7 @@ var Q1 = "_1hrfeju1", em = [
     },
     icon: mi
   }
-], tm = [
+], nm = [
   ["column", "column"],
   ["bar", "bar"],
   ["line", "line"],
@@ -5563,27 +5567,27 @@ var Q1 = "_1hrfeju1", em = [
   ["pie", "pie"],
   ["donut", "donut"],
   ["heatmap", "heatmap"]
-], nm = 4, rm = {
+], rm = 4, am = {
   dodge: "grouped",
   identity: "grouped",
   stack: "stacked",
   fill: "filled"
-}, am = {
+}, om = {
   "grouped-bars": "grouped",
   "stacked-bars": "stacked",
   lines: "lines"
-}, om = () => {
+}, im = () => {
   const e = R((w) => w.spec), t = R(({ layers: w }) => w.some((A) => go(A.data, A.mapping))), n = le(), a = E(), { Button: o, RadioGrid: i } = F(), [l, s] = X(!1), c = ae(null);
   z(() => {
     if (!l) return;
     const w = ({ target: A, detail: B }) => {
-      B > 0 && lm(A) && c.current?.contains(A) && s(!1);
+      B > 0 && sm(A) && c.current?.contains(A) && s(!1);
     };
     return document.addEventListener("click", w), () => document.removeEventListener("click", w);
   }, [l]);
   const d = zt(e);
   if (d === null) return null;
-  const u = sm(d), h = Tt(d), p = wt(d), g = u ?? p, m = a(g === null ? "editor.overlayMenu.customChartType" : `editor.graphTypes.${g.name}`), f = (u === void 0 ? p : Kr(u, h))?.icon, b = u !== void 0 && u.arrangements.length > 1, C = b && (t || u.name === "combo"), P = () => s(!l), k = ({ summary: w }) => {
+  const u = cm(d), h = Tt(d), p = wt(d), g = u ?? p, m = a(g === null ? "editor.overlayMenu.customChartType" : `editor.graphTypes.${g.name}`), f = (u === void 0 ? p : Kr(u, h))?.icon, b = u !== void 0 && u.arrangements.length > 1, C = b && (t || u.name === "combo"), P = () => s(!l), k = ({ summary: w }) => {
     n.dispatch(new $n(vi(w, d)), { transient: !0 });
   }, x = (w) => {
     const A = Ur.find((B) => B.name === w);
@@ -5619,26 +5623,26 @@ var Q1 = "_1hrfeju1", em = [
           value: u?.name ?? "",
           onChange: x,
           onCommit: n.commit,
-          columns: nm,
+          columns: rm,
           itemLayout: "swatch",
           ariaLabel: a("editor.overlayMenu.chartType")
         })
       })
     }),
-    C && /* @__PURE__ */ r(im, {
+    C && /* @__PURE__ */ r(lm, {
       type: u,
       arrangement: h,
       onPick: k,
       onCommit: n.commit
     })
   ] });
-}, bi = (e, t) => se(e) || se(t) ? se(e) && se(t) : e.coordType === "polar" ? wt(e) === wt(t) : e.coordType === t.coordType && e.geom === t.geom, yi = tm.flatMap(([e, t]) => {
+}, bi = (e, t) => se(e) || se(t) ? se(e) && se(t) : e.coordType === "polar" ? wt(e) === wt(t) : e.coordType === t.coordType && e.geom === t.geom, yi = nm.flatMap(([e, t]) => {
   const n = Qe.find((a) => a.name === t);
   return n === void 0 ? [] : [{
     name: e,
-    arrangements: [n, ...[...Qe, ...em].filter((a) => a !== n && bi(n.summary, a.summary))]
+    arrangements: [n, ...[...Qe, ...tm].filter((a) => a !== n && bi(n.summary, a.summary))]
   }];
-}), Ur = yi.filter(({ name: e }) => e !== "combo"), im = ({ type: e, arrangement: t, onPick: n, onCommit: a }) => {
+}), Ur = yi.filter(({ name: e }) => e !== "combo"), lm = ({ type: e, arrangement: t, onPick: n, onCommit: a }) => {
   const o = E(), { ToggleGroup: i } = F(), l = e.arrangements.map(({ summary: c, icon: d }) => {
     const u = Tt(c);
     return {
@@ -5653,7 +5657,7 @@ var Q1 = "_1hrfeju1", em = [
   return /* @__PURE__ */ r(T, {
     label: o("editor.overlayMenu.arrange"),
     children: /* @__PURE__ */ r("div", {
-      className: Q1,
+      className: em,
       children: /* @__PURE__ */ r(i, {
         options: l,
         value: t,
@@ -5662,7 +5666,7 @@ var Q1 = "_1hrfeju1", em = [
       })
     })
   });
-}, lm = (e) => e instanceof Element && e.closest('[role="radio"]:not([aria-disabled="true"])') !== null, Tt = (e) => se(e) ? am[e.comboType] : rm[e.position], Kr = (e, t) => e.arrangements.find(({ summary: n }) => Tt(n) === t) ?? e.arrangements[0], sm = (e) => yi.find(({ arrangements: [t] }) => bi(t.summary, e)), Si = ({ lineStyle: e, ...t }) => /* @__PURE__ */ v(L, {
+}, sm = (e) => e instanceof Element && e.closest('[role="radio"]:not([aria-disabled="true"])') !== null, Tt = (e) => se(e) ? om[e.comboType] : am[e.position], Kr = (e, t) => e.arrangements.find(({ summary: n }) => Tt(n) === t) ?? e.arrangements[0], cm = (e) => yi.find(({ arrangements: [t] }) => bi(t.summary, e)), Si = ({ lineStyle: e, ...t }) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 18 18",
   ...t,
   children: [
@@ -5705,17 +5709,17 @@ var Q1 = "_1hrfeju1", em = [
     stroke: "currentColor",
     strokeWidth: e
   })
-}), cm = {
+}), dm = {
   small: 2,
   medium: 3.8,
   large: 5.6
-}, dm = ({ pointSize: e, ...t }) => /* @__PURE__ */ r(L, {
+}, um = ({ pointSize: e, ...t }) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 18 18",
   ...t,
   children: /* @__PURE__ */ r("circle", {
     cx: 9,
     cy: 9,
-    r: cm[e],
+    r: dm[e],
     fill: "currentColor"
   })
 }), qr = [
@@ -5794,13 +5798,13 @@ var Q1 = "_1hrfeju1", em = [
       options: rn.map(({ name: i }) => ({
         value: i,
         label: n(`editor.graphPanel.pointSize.sizes.${i}`),
-        icon: /* @__PURE__ */ r(dm, { pointSize: i })
+        icon: /* @__PURE__ */ r(um, { pointSize: i })
       })),
       onChange: o
     })
   });
-}, Ti = Me({}), um = Ti.Provider, hm = () => he(Ti), pm = "_1m2a0t20", Tn = "theme", mm = 3, dt = 14, jr = 9, gm = () => {
-  const e = R((u) => u.scales.color), t = hm(), n = le(), a = E(), { RadioGrid: o } = F();
+}, Ti = Me({}), hm = Ti.Provider, pm = () => he(Ti), mm = "_1m2a0t20", Tn = "theme", gm = 3, dt = 14, jr = 9, vm = () => {
+  const e = R((u) => u.scales.color), t = pm(), n = le(), a = E(), { RadioGrid: o } = F();
   if (Object.keys(t).length === 0 || e?.kind !== "visual" || e.spec.scaleType !== "discrete" || e.defaultPalette === void 0) return null;
   const { defaultPalette: i, spec: l } = e, s = Object.entries(t), c = [{
     value: Tn,
@@ -5824,26 +5828,26 @@ var Q1 = "_1hrfeju1", em = [
     layout: "stack",
     children: /* @__PURE__ */ r(o, {
       options: c,
-      value: vm(l.range, s),
+      value: fm(l.range, s),
       onChange: d,
       onCommit: n.commit,
       columns: 4,
       itemLayout: "track"
     })
   });
-}, An = (e) => `preset:${e}`, vm = (e, t) => {
+}, An = (e) => `preset:${e}`, fm = (e, t) => {
   if (e === null) return Tn;
   const n = t.find(([, a]) => Td(a, e));
   return n === void 0 ? "" : An(n[0]);
 }, Xr = ({ colors: e }) => {
-  const t = e.slice(0, mm), n = dt / 2, a = dt + (t.length - 1) * jr;
+  const t = e.slice(0, gm), n = dt / 2, a = dt + (t.length - 1) * jr;
   return /* @__PURE__ */ r("svg", {
     width: a,
     height: dt,
     viewBox: `0 0 ${a} ${dt}`,
     "aria-hidden": "true",
     children: t.map((o, i) => /* @__PURE__ */ r("circle", {
-      className: pm,
+      className: mm,
       cx: n + i * jr,
       cy: n,
       r: n - 0.5,
@@ -5851,7 +5855,7 @@ var Q1 = "_1hrfeju1", em = [
     }, i)).reverse()
   });
 }, Zr = ["smooth", "linear"], Ai = () => {
-  const e = R((S) => S), t = W(), n = _n(), a = le(), o = E(), { Switch: i, ToggleGroup: l } = F(), s = Pi(e.layers, e.coordSystem.type, n), c = (S) => s.filter(({ support: y }) => S(y)).map(({ layer: y }) => y), d = fm(e, t), u = d.filter((S) => S.smooth !== null), h = d.filter((S) => S.missingValues !== null && S.missingValueOptions.length > 1), p = kn.filter((S) => h.some((y) => y.missingValueOptions.includes(S))), g = Cm(u), m = xm(h), f = (S) => {
+  const e = R((S) => S), t = W(), n = _n(), a = le(), o = E(), { Switch: i, ToggleGroup: l } = F(), s = Pi(e.layers, e.coordSystem.type, n), c = (S) => s.filter(({ support: y }) => S(y)).map(({ layer: y }) => y), d = bm(e, t), u = d.filter((S) => S.smooth !== null), h = d.filter((S) => S.missingValues !== null && S.missingValueOptions.length > 1), p = kn.filter((S) => h.some((y) => y.missingValueOptions.includes(S))), g = xm(u), m = wm(h), f = (S) => {
     a.dispatch(new qe({ commands: d.map((y) => new Un({
       layerId: y.layerId,
       showPoints: S
@@ -5870,7 +5874,7 @@ var Q1 = "_1hrfeju1", em = [
       missingValues: y
     }));
     N.length !== 0 && a.dispatch(new qe({ commands: N }));
-  }, P = d.filter((S) => S.showFill !== null), k = d.filter((S) => S.showPoints), x = bm(e, t, d), I = P.some((S) => ym(e, S)), w = (S) => {
+  }, P = d.filter((S) => S.showFill !== null), k = d.filter((S) => S.showPoints), x = ym(e, t, d), I = P.some((S) => Sm(e, S)), w = (S) => {
     S.length > 0 && a.dispatch(new qe({ commands: S }));
   }, A = (S) => {
     w(d.map((y) => new Ce({
@@ -5885,7 +5889,8 @@ var Q1 = "_1hrfeju1", em = [
   }, te = (S) => {
     w(P.map((y) => new Ce({
       layerId: y.layerId,
-      showFill: S
+      showFill: S,
+      drawnFillAlpha: y.drawnFillAlpha
     })));
   }, D = (S) => {
     w(k.flatMap(({ pointLayerId: y }) => y === null ? [] : [new Wn({
@@ -5894,7 +5899,7 @@ var Q1 = "_1hrfeju1", em = [
     })]));
   };
   return /* @__PURE__ */ v($, { children: [
-    /* @__PURE__ */ r(om, {}),
+    /* @__PURE__ */ r(im, {}),
     /* @__PURE__ */ r(ut, {
       label: o("editor.graphPanel.graphOptions.dataLabels"),
       layers: c((S) => S.supportsDataLabels),
@@ -5977,17 +5982,17 @@ var Q1 = "_1hrfeju1", em = [
       })
     }),
     k.length > 0 && /* @__PURE__ */ r(ki, {
-      sizePx: an(Sm(e, t, k)),
+      sizePx: an(Cm(e, t, k)),
       onChange: D
     }),
-    /* @__PURE__ */ r(gm, {})
+    /* @__PURE__ */ r(vm, {})
   ] });
 };
 Ai.hasRows = (e, { scene: t, dataLabelPlacement: n }) => zt(t.spec) !== null || Pi(t.layers, t.coordSystem.type, n).some(({ support: a }) => a.supportsDataLabels) || t.spec.layers.some((a) => a.interactive && Ft(a, "line", "area"));
 var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
   layer: a,
   support: hi(a, t, n)
-})), fm = (e, t) => {
+})), bm = (e, t) => {
   const n = [];
   for (const a of e.spec.layers) {
     if (!a.interactive) continue;
@@ -5995,7 +6000,7 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
     o !== null && n.push(o);
   }
   return n;
-}, bm = (e, t, n) => n.flatMap((a) => {
+}, ym = (e, t, n) => n.flatMap((a) => {
   const o = Z(e.layers, a.layerId);
   if (o?.geom === "line") {
     const l = t.geom.line(o);
@@ -6010,14 +6015,14 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
     strokeWidth: i.get("strokeWidth", l),
     lineStyle: Re(i.get("dashArray", l))
   }));
-}), ym = (e, t) => {
+}), Sm = (e, t) => {
   if (t.showFill === !0) return !0;
   const n = Ge("line", t.layerId), a = de(e.spec);
   return e.spec.styles.overrides.some((o) => !Qc(o) || o.when?.where === void 0 ? !1 : Bc({
     ...n,
     when: o.when
   }, a)(o) && "fillAlpha" in o.declarations && (o.declarations.fillAlpha ?? 0) > 0);
-}, Sm = (e, t, n) => n.flatMap((a) => {
+}, Cm = (e, t, n) => n.flatMap((a) => {
   const o = a.pointLayerId === null ? void 0 : Z(e.layers, a.pointLayerId);
   if (o?.geom !== "point") return [];
   const i = t.geom.point(o);
@@ -6025,7 +6030,7 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
 }), an = (e) => {
   const [t] = e;
   return t !== void 0 && e.every((n) => n === t) ? t : null;
-}, Cm = (e) => e.every((t) => t.smooth === !0) ? "smooth" : e.every((t) => t.smooth !== !0) ? "linear" : "", xm = (e) => {
+}, xm = (e) => e.every((t) => t.smooth === !0) ? "smooth" : e.every((t) => t.smooth !== !0) ? "linear" : "", wm = (e) => {
   const [t, ...n] = e, a = t?.missingValues ?? null;
   return a === null ? "" : n.every((o) => o.missingValues === a) ? a : "";
 }, ut = ({ label: e, layers: t, isOn: n, buildCommand: a }) => {
@@ -6041,7 +6046,7 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
       onChange: l
     })
   });
-}, wm = (e, t) => {
+}, km = (e, t) => {
   const n = Z(t.layers, e);
   if (n === void 0) return null;
   const a = Z(t.spec.layers, e), o = a === void 0 ? null : _t(a, t.spec.layers), i = o !== null && o.id !== n.id ? o : n;
@@ -6056,7 +6061,7 @@ var Pi = (e, t, n) => e.filter((a) => a.interactive).map((a) => ({
     if (a !== void 0) return a;
   }
   return null;
-}, km = ({ geom: e, coord: t, position: n }, a) => Xe(a, (o) => {
+}, Tm = ({ geom: e, coord: t, position: n }, a) => Xe(a, (o) => {
   const i = Yr(o.layers, e)?.[t]?.[n];
   return i !== void 0 ? i : Yr(o.geoms, e);
 }), Yr = (e, t) => e !== void 0 && Object.hasOwn(e, t) ? e[t] : void 0, At = [
@@ -6074,7 +6079,7 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
     lineStyle: Re(a.dashArray),
     strokeWidth: a.strokeWidth
   };
-}, Tm = (e, t) => {
+}, Am = (e, t) => {
   if (e === "both") return t.axes.every((a) => !a.showGrid);
   const n = t.axes.find((a) => a.scaleAestheticKey === e);
   return n === void 0 || !n.showGrid;
@@ -6100,7 +6105,7 @@ var Li = (e) => e.scaleAestheticKey === "x" || e.scaleAestheticKey === "y", Ii =
 ], Oi = ({ target: e }) => {
   const t = R((b) => b), n = W(), a = Ii(t, n), o = E(), i = le(), { ToggleGroup: l } = F();
   if (a === null || !a.stylable) return null;
-  const s = e.axis === "both" ? "y" : e.axis, c = n.gridLine[s]().resolve(), d = Re(c.dashArray), u = Tm(e.axis, a), h = At.map((b) => ({
+  const s = e.axis === "both" ? "y" : e.axis, c = n.gridLine[s]().resolve(), d = Re(c.dashArray), u = Am(e.axis, a), h = At.map((b) => ({
     value: b,
     label: o(`editor.graphPanel.gridSection.lineStyles.${b}`),
     icon: /* @__PURE__ */ r(Si, { lineStyle: b })
@@ -6187,11 +6192,11 @@ var Jr = [
     gridRow: 2,
     gridColumn: 1
   }
-], Am = {
+], Pm = {
   start: "Start",
   center: "Center",
   end: "End"
-}, Pm = () => {
+}, Lm = () => {
   const e = R((c) => c.guides.legends.drawn[0]), t = le(), n = E(), { RadioGrid: a } = F(), o = e === void 0, i = o ? "" : ln(e), l = Jr.map((c) => {
     const d = ln(c);
     return {
@@ -6200,7 +6205,7 @@ var Jr = [
       icon: /* @__PURE__ */ r(rs, {
         title: "",
         size: "xs",
-        style: { transform: `rotate(${Lm(c)}deg)` }
+        style: { transform: `rotate(${Im(c)}deg)` }
       }),
       gridRow: c.gridRow,
       gridColumn: c.gridColumn
@@ -6230,18 +6235,18 @@ var Jr = [
       })
     })
   });
-}, ln = ({ position: e, align: t }) => e === "left" || e === "right" ? e : `${e}${Am[t]}`, Lm = ({ gridRow: e, gridColumn: t }) => Math.atan2(t - 2, 2 - e) * 180 / Math.PI, Pn = ({ target: e }) => {
+}, ln = ({ position: e, align: t }) => e === "left" || e === "right" ? e : `${e}${Pm[t]}`, Im = ({ gridRow: e, gridColumn: t }) => Math.atan2(t - 2, 2 - e) * 180 / Math.PI, Pn = ({ target: e }) => {
   const t = Bn();
-  return t === null ? null : /* @__PURE__ */ r(Im, {
+  return t === null ? null : /* @__PURE__ */ r(Em, {
     graph: t,
     target: e
   });
 };
 Pn.hasRows = (e, { scene: t }) => e.scope === "series" && Ri(t, e.layerId) !== null;
-var Im = ({ graph: e, target: t }) => {
+var Em = ({ graph: e, target: t }) => {
   const n = K(e), a = W(), o = E(), { Switch: i } = F(), l = n === null ? null : Ri(n, t.layerId), s = n === null || l === null ? null : lr(n, a, l.id);
   if (n === null || l === null || s === null) return null;
-  const c = Nm(n, t), d = c === void 0 ? {} : { where: c }, u = c === void 0 || l.geom !== "line" ? void 0 : Rm(n, s.layerId, c), h = u === void 0 ? s.showFill : u > 0, p = c === void 0 ? null : Em(n, l.geom, s.layerId, c), g = c === void 0 ? s.strokeWidth : p ?? Mm(n, a, t) ?? s.strokeWidth, m = s.pointLayerId === null ? null : Om(n, a, s.pointLayerId, c), f = m !== null && m > 0, b = (w) => {
+  const c = Dm(n, t), d = c === void 0 ? {} : { where: c }, u = c === void 0 || l.geom !== "line" ? void 0 : Nm(n, s.layerId, c), h = u === void 0 ? s.showFill : u > 0, p = c === void 0 ? null : Mm(n, l.geom, s.layerId, c), g = c === void 0 ? s.strokeWidth : p ?? Om(n, a, t) ?? s.strokeWidth, m = s.pointLayerId === null ? null : Rm(n, a, s.pointLayerId, c), f = m !== null && m > 0, b = (w) => {
     e.commands.dispatch(new Un({
       layerId: s.layerId,
       showPoints: w,
@@ -6251,6 +6256,7 @@ var Im = ({ graph: e, target: t }) => {
     e.commands.dispatch(new Ce({
       layerId: s.layerId,
       showFill: w,
+      drawnFillAlpha: s.drawnFillAlpha,
       ...d
     }));
   }, P = (w) => {
@@ -6279,7 +6285,7 @@ var Im = ({ graph: e, target: t }) => {
       onChange: P
     }),
     I && /* @__PURE__ */ r(wi, {
-      lineStyle: Dm(n, a, t),
+      lineStyle: _m(n, a, t),
       onChange: x
     }),
     s.showFill !== null && /* @__PURE__ */ r(T, {
@@ -6301,7 +6307,7 @@ var Im = ({ graph: e, target: t }) => {
       onChange: k
     })
   ] });
-}, Em = (e, t, n, a) => {
+}, Mm = (e, t, n, a) => {
   const o = (t === "line" ? bt(e.spec.styles.overrides, {
     ...Ge("line", n),
     when: { where: a }
@@ -6310,7 +6316,7 @@ var Im = ({ graph: e, target: t }) => {
     when: { where: a }
   }, de(e.spec)))?.strokeWidth;
   return typeof o == "number" ? o : null;
-}, Mm = (e, t, n) => {
+}, Om = (e, t, n) => {
   const a = Z(e.layers, n.layerId), o = a === void 0 ? void 0 : _t(a, e.layers);
   if (o?.geom !== "line" && o?.geom !== "area") return null;
   const [i] = Je({
@@ -6319,7 +6325,7 @@ var Im = ({ graph: e, target: t }) => {
     parsingLocale: e.config.parsingLocale
   }), l = i === void 0 ? void 0 : o.data.getAt(i) ?? void 0, s = o.geom === "line" ? t.geom.line(o).get("strokeWidth", l) : t.geom.area(o).get("strokeWidth", l);
   return typeof s == "number" ? s : null;
-}, Om = (e, t, n, a) => {
+}, Rm = (e, t, n, a) => {
   const o = a === void 0 ? void 0 : bt(e.spec.styles.overrides, {
     ...Ge("point", n),
     when: { where: a }
@@ -6327,13 +6333,13 @@ var Im = ({ graph: e, target: t }) => {
   if (typeof o == "number") return o;
   const i = Z(e.layers, n);
   return i?.geom === "point" ? t.geom.point(i).get("size") : $a;
-}, Rm = (e, t, n) => {
+}, Nm = (e, t, n) => {
   const a = bt(e.spec.styles.overrides, {
     ...Ge("line", t),
     when: { where: n }
   }, de(e.spec))?.fillAlpha;
   return typeof a == "number" ? a : void 0;
-}, Nm = (e, t) => jn(e.spec, t)?.find((n) => n.geomKind === "line" || n.geomKind === "area")?.where, Dm = (e, t, n) => {
+}, Dm = (e, t) => jn(e.spec, t)?.find((n) => n.geomKind === "line" || n.geomKind === "area")?.where, _m = (e, t, n) => {
   const a = Z(e.layers, n.layerId), o = a === void 0 ? void 0 : _t(a, e.layers);
   if (o?.geom !== "line" && o?.geom !== "area") return "solid";
   const [i] = Je({
@@ -6356,17 +6362,17 @@ var Im = ({ graph: e, target: t }) => {
     rule: null,
     tile: null
   },
-  legend: Pm,
+  legend: Lm,
   axis: ci,
   grid: Oi,
   graph: Ai
-}, sr = Me([Ni]), _m = ({ editMenus: e, children: t }) => {
+}, sr = Me([Ni]), Fm = ({ editMenus: e, children: t }) => {
   const n = M(() => [e ?? {}, Ni], [e]);
   return /* @__PURE__ */ r(sr.Provider, {
     value: n,
     children: t
   });
-}, Fm = (e) => {
+}, zm = (e) => {
   const t = he(sr), n = R((o) => o), a = _n();
   return M(() => e === null ? null : Di(e, t, {
     scene: n,
@@ -6377,7 +6383,7 @@ var Im = ({ graph: e, target: t }) => {
     n,
     a
   ]);
-}, zm = () => {
+}, Bm = () => {
   const e = he(sr), { store: t } = H(), n = _n();
   return re((a) => Di(a, e, {
     scene: t.getState().scene,
@@ -6390,7 +6396,7 @@ var Im = ({ graph: e, target: t }) => {
 }, Di = (e, t, n) => {
   switch (e.kind) {
     case "observations": {
-      const a = wm(e.layerId, n.scene), o = a === null ? null : km(a, t);
+      const a = km(e.layerId, n.scene), o = a === null ? null : Tm(a, t);
       return o === null || o.hasRows?.(e, n) === !1 ? null : /* @__PURE__ */ r(o, { target: e });
     }
     case "legend": {
@@ -6462,7 +6468,7 @@ var Im = ({ graph: e, target: t }) => {
       return e;
   }
 }, Wt = () => {
-  const e = zm(), { store: t } = H();
+  const e = Bm(), { store: t } = H();
   return re((n) => e(n) || _i(n, t.getState().scene) !== null, [e, t]);
 };
 var Qr = (e, t) => {
@@ -6472,7 +6478,7 @@ var Qr = (e, t) => {
     return n !== void 0 && (t.parts[0]?.rows.includes(n) ?? !1);
   }
   return e.kind === "guide" && t.kind === "guide" ? Kn(e.target, t.target) : e.kind === "graph" && t.kind === "graph";
-}, Bm = (e, t) => {
+}, Hm = (e, t) => {
   const n = Math.max(e.width, 8), a = Math.max(e.height, 8), o = Math.max(0, e.x + e.width / 2 - n / 2), i = Math.max(0, e.y + e.height / 2 - a / 2), l = Math.min(t.width, e.x + e.width / 2 + n / 2), s = Math.min(t.height, e.y + e.height / 2 + a / 2);
   return {
     x: o,
@@ -6480,16 +6486,16 @@ var Qr = (e, t) => {
     width: Math.max(0, l - o),
     height: Math.max(0, s - i)
   };
-}, Hm = [], Gm = (e) => {
+}, Gm = [], Vm = (e) => {
   const { layers: t, parsingLocale: n } = R(xe((p) => ({
     layers: p.layers,
     parsingLocale: p.config.parsingLocale
-  }))), a = ee((p) => p.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : Z(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : md(i, o.target.scope, o.observationIndex), c = M(() => i === void 0 || l === null || s === null ? null : Vm(t, i, l, s), [
+  }))), a = ee((p) => p.editTargetUnderPointer), o = a?.kind === "observations" ? a.observations : null, i = o === null ? void 0 : Z(t, o.layerId), l = o?.target.scope ?? null, s = o === null || i === void 0 ? null : md(i, o.target.scope, o.observationIndex), c = M(() => i === void 0 || l === null || s === null ? null : $m(t, i, l, s), [
     t,
     i,
     l,
     s
-  ]), d = M(() => c !== null && e !== null && Qr(c, e), [c, e]), u = Wt(), h = o !== null && i !== void 0 && $m(o, i, n, u) ? o.observationIndex : null;
+  ]), d = M(() => c !== null && e !== null && Qr(c, e), [c, e]), u = Wt(), h = o !== null && i !== void 0 && Wm(o, i, n, u) ? o.observationIndex : null;
   return M(() => {
     switch (a?.kind) {
       case "observations": {
@@ -6501,7 +6507,7 @@ var Qr = (e, t) => {
         };
         return d ? g === null ? null : {
           ...c,
-          parts: Hm,
+          parts: Gm,
           vertex: g
         } : {
           ...c,
@@ -6528,7 +6534,7 @@ var Qr = (e, t) => {
     h,
     e
   ]);
-}, Vm = (e, t, n, a) => {
+}, $m = (e, t, n, a) => {
   const o = [{
     layer: t,
     rows: gd(t, n, a)
@@ -6552,7 +6558,7 @@ var Qr = (e, t) => {
     parts: o,
     vertex: null
   };
-}, $m = ({ observationIndex: e, target: t, onObservation: n }, a, o, i) => {
+}, Wm = ({ observationIndex: e, target: t, onObservation: n }, a, o, i) => {
   if (!n || t.scope !== "series") return !1;
   const l = tt({
     layer: a,
@@ -6561,8 +6567,8 @@ var Qr = (e, t) => {
     parsingLocale: o
   });
   return l !== null && i(l);
-}, Wm = ({ frameElement: e, target: t, coordType: n, legendDisplays: a }) => {
-  const o = e.getBoundingClientRect(), i = [...e.querySelectorAll(Um(t))], l = (s) => {
+}, Um = ({ frameElement: e, target: t, coordType: n, legendDisplays: a }) => {
+  const o = e.getBoundingClientRect(), i = [...e.querySelectorAll(Km(t))], l = (s) => {
     const c = s.getBoundingClientRect();
     return {
       x: c.left - o.left,
@@ -6577,29 +6583,29 @@ var Qr = (e, t) => {
       return n === "polar" || s.length === 0 ? sn(s) : sn([vn(s)]);
     }
     case "legend":
-      return sn([...Km(i.filter((s) => !qm(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [vn(c.map(l))]));
+      return sn([...qm(i.filter((s) => !jm(s)))].flatMap(([s, c]) => a[s] === "direct" ? c.map(l) : [vn(c.map(l))]));
     case "grid":
       return i.flatMap((s) => {
         const c = Mt([s], e);
         if (c?.kind !== "grid" || c.target.axis === "both") return [];
         const { axis: d } = c.target;
-        return t.axis === "both" || d === t.axis ? [jm(s, l(s), d)] : [];
+        return t.axis === "both" || d === t.axis ? [Xm(s, l(s), d)] : [];
       });
   }
-}, Um = (e) => {
+}, Km = (e) => {
   const t = `[${Jl}="${e.kind}"]`;
   return e.kind !== "axis" ? t : `${t}[${es}="${e.axis}"]`;
-}, Km = (e) => {
+}, qm = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const n of e) {
     const a = ss(n);
     a !== null && t.set(a.legendIndex, [...t.get(a.legendIndex) ?? [], n]);
   }
   return t;
-}, qm = (e) => e.closest(Oa) !== null, sn = (e) => e.map((t) => ({
+}, jm = (e) => e.closest(Oa) !== null, sn = (e) => e.map((t) => ({
   kind: "box",
   rect: t
-})), jm = (e, { x: t, y: n, width: a, height: o }, i) => e.querySelector("circle") !== null ? {
+})), Xm = (e, { x: t, y: n, width: a, height: o }, i) => e.querySelector("circle") !== null ? {
   kind: "ring",
   axis: i,
   center: {
@@ -6629,7 +6635,7 @@ var Qr = (e, t) => {
     x: t + a,
     y: n + o / 2
   }
-} : Xm(e.querySelector("line")) ? {
+} : Zm(e.querySelector("line")) ? {
   kind: "line",
   axis: i,
   from: {
@@ -6651,14 +6657,14 @@ var Qr = (e, t) => {
     x: t + a,
     y: n
   }
-}, Xm = (e) => {
+}, Zm = (e) => {
   const t = (n) => Number(e?.getAttribute(n) ?? 0);
   return (t("x2") - t("x1")) * (t("y2") - t("y1")) >= 0;
-}, Zm = [], Ym = (e, { frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) => {
-  const i = R((f) => f.coordSystem), l = os(), s = Va(), c = Qm(e.kind === "guide" ? e.target : null, {
+}, Ym = [], Jm = (e, { frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) => {
+  const i = R((f) => f.coordSystem), l = os(), s = Va(), c = eg(e.kind === "guide" ? e.target : null, {
     frameElement: t,
     frameSize: n
-  }), d = Jm(t, n), u = M(() => ({
+  }), d = Qm(t, n), u = M(() => ({
     coordSystem: i,
     panelRect: a,
     resolveRenderer: l,
@@ -6668,7 +6674,7 @@ var Qr = (e, t) => {
     a,
     l,
     s
-  ]), h = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, g = M(() => h?.map((f) => ea(f, u, o)) ?? Zm, [
+  ]), h = e.kind === "observations" ? e.parts : null, p = e.kind === "observations" ? e.vertex : null, g = M(() => h?.map((f) => ea(f, u, o)) ?? Ym, [
     h,
     u,
     o
@@ -6700,7 +6706,7 @@ var Qr = (e, t) => {
     c,
     d
   ]);
-}, Jm = (e, t) => {
+}, Qm = (e, t) => {
   const [n, a] = X(() => Br(e, t));
   return Ie(() => {
     a((o) => {
@@ -6728,7 +6734,7 @@ var Qr = (e, t) => {
       layer: s,
       coordSystem: n,
       panelSize: a
-    }).map((d) => Bm(d, a))
+    }).map((d) => Hm(d, a))
   } : {
     kind: "declared",
     layer: e,
@@ -6742,19 +6748,19 @@ var Qr = (e, t) => {
       animateTransitions: l
     })
   };
-}, Qm = (e, { frameElement: t, frameSize: n }) => {
+}, eg = (e, { frameElement: t, frameSize: n }) => {
   const a = R((u) => u.coordSystem.type), o = R(xe((u) => u.guides.legends.drawn.map((h) => h.display))), i = R((u) => e === null ? null : u), [l, s] = X([]), c = ne(e), d = ae(!1);
   return Ie(() => {
     const u = c.current;
     if (u === null) return;
     const h = () => {
-      const p = Wm({
+      const p = Um({
         frameElement: t,
         target: u,
         coordType: a,
         legendDisplays: o
       }), g = li(t);
-      s(p.map((m) => eg(m, 1 / g)));
+      s(p.map((m) => tg(m, 1 / g)));
     };
     if (d.current) {
       const p = requestAnimationFrame(h);
@@ -6770,7 +6776,7 @@ var Qr = (e, t) => {
     n.width,
     n.height
   ]), l;
-}, eg = (e, t) => {
+}, tg = (e, t) => {
   switch (e.kind) {
     case "box": {
       const { x: n, y: a, width: o, height: i } = e.rect;
@@ -6806,20 +6812,20 @@ var Qr = (e, t) => {
         radius: e.radius * t
       };
   }
-}, tg = () => {
+}, ng = () => {
   const e = Rt()[0] ?? null, { layers: t, parsingLocale: n } = R(xe((a) => ({
     layers: a.layers,
     parsingLocale: a.config.parsingLocale
   })));
-  return M(() => e === null ? null : ng(e, t, n), [
+  return M(() => e === null ? null : rg(e, t, n), [
     e,
     t,
     n
   ]);
-}, ng = (e, t, n) => {
+}, rg = (e, t, n) => {
   switch (e.kind) {
     case "observations": {
-      const a = rg(e, t, n);
+      const a = ag(e, t, n);
       return a === null ? null : {
         outlined: a,
         target: e
@@ -6847,7 +6853,7 @@ var Qr = (e, t) => {
     default:
       return null;
   }
-}, rg = (e, t, n) => {
+}, ag = (e, t, n) => {
   const a = Z(t, e.layerId);
   if (a === void 0) return null;
   const o = Je({
@@ -6880,8 +6886,8 @@ var Qr = (e, t) => {
     parts: i,
     vertex: null
   };
-}, ag = ["x", "y"], og = ko(function({ frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) {
-  const i = cs(Sd, W()), l = tg(), s = Gm(l?.outlined ?? null);
+}, og = ["x", "y"], ig = ko(function({ frameElement: t, frameSize: n, panelRect: a, animateTransitions: o }) {
+  const i = cs(Sd, W()), l = ng(), s = Vm(l?.outlined ?? null);
   if (l === null && s === null) return null;
   const c = {
     frameElement: t,
@@ -6909,7 +6915,7 @@ var Qr = (e, t) => {
     }, l.outlined.key)]
   });
 }), ta = ({ part: e, target: t, editTarget: n, look: a, frameSize: o, panelRect: i, frameElement: l, animateTransitions: s }) => {
-  const c = Le(), d = `${c}-shapes`, u = `${c}-hole`, h = Ym(t, {
+  const c = Le(), d = `${c}-shapes`, u = `${c}-hole`, h = Jm(t, {
     frameElement: l,
     frameSize: o,
     panelRect: i,
@@ -6929,7 +6935,7 @@ var Qr = (e, t) => {
       /* @__PURE__ */ v("defs", { children: [/* @__PURE__ */ r("g", {
         id: d,
         className: o1,
-        children: /* @__PURE__ */ r(ug, {
+        children: /* @__PURE__ */ r(hg, {
           outline: h,
           look: a,
           panelRect: i
@@ -6949,7 +6955,7 @@ var Qr = (e, t) => {
           fill: "white"
         }), /* @__PURE__ */ r("use", {
           href: `#${d}`,
-          style: ig(a.offset)
+          style: lg(a.offset)
         })]
       })] }),
       /* @__PURE__ */ v("g", {
@@ -6957,31 +6963,31 @@ var Qr = (e, t) => {
         "data-testid": `edit-outline-${e}-ring`,
         children: [/* @__PURE__ */ r("use", {
           href: `#${d}`,
-          style: lg(a)
+          style: sg(a)
         }), /* @__PURE__ */ r("use", {
           href: `#${d}`,
-          style: sg(a)
+          style: cg(a)
         })]
       }),
-      t.kind === "observations" && /* @__PURE__ */ r(fg, {
+      t.kind === "observations" && /* @__PURE__ */ r(bg, {
         target: t,
         look: a,
         panelRect: i
       })
     ]
   });
-}, ig = (e) => ({
+}, lg = (e) => ({
   fill: "black",
   stroke: "black",
   strokeLinecap: "round",
   ...Se({ [ir]: `${2 * e}px` })
-}), lg = (e) => ({
+}), sg = (e) => ({
   fill: "none",
   stroke: e.haloColor ?? ce.graphBackground,
   strokeLinecap: "round",
   opacity: e.haloAlpha,
   ...Se({ [ir]: `${2 * rt(e)}px` })
-}), sg = (e) => {
+}), cg = (e) => {
   const t = xo(e.dashArray, e.strokeWidth);
   return {
     fill: "none",
@@ -6991,22 +6997,22 @@ var Qr = (e, t) => {
     opacity: e.strokeAlpha,
     ...Se({ [ir]: `${2 * rt(e)}px` })
   };
-}, cg = ({ dashArray: e, strokeWidth: t }) => {
+}, dg = ({ dashArray: e, strokeWidth: t }) => {
   if (xo(e, t) === void 0) return;
   const n = (e.length % 2 === 0 ? 1 : 2) * e.reduce((a, o) => a + o * t, 0);
   return n > 0 ? n : void 0;
 }, Fi = (e, t, n = 1) => {
   if (!(t === void 0 || e <= 0))
     return n * Math.max(1, Math.round(2 * Math.PI * e / t)) * t;
-}, dg = (e, t, n) => {
+}, ug = (e, t, n) => {
   const a = n.offset + rt(n);
   return Hn(Be({
     x: 0,
     y: 0,
     ...e
   }, -a), Math.max(0, t - a));
-}, ug = ({ outline: e, look: t, panelRect: n }) => {
-  const a = W().graph().get("cornerRadius"), { cornerRadius: o } = t, i = cg(t);
+}, hg = ({ outline: e, look: t, panelRect: n }) => {
+  const a = W().graph().get("cornerRadius"), { cornerRadius: o } = t, i = dg(t);
   switch (e.kind) {
     case "observations":
       return /* @__PURE__ */ v("g", {
@@ -7022,25 +7028,25 @@ var Qr = (e, t) => {
         }, `vertex-${e.vertex.rows.join()}`)]
       });
     case "guide":
-      return /* @__PURE__ */ r(mg, {
+      return /* @__PURE__ */ r(gg, {
         target: e.target,
         shapes: e.shapes,
         borderRadius: o,
         dashPeriod: i
       });
     case "graph":
-      return /* @__PURE__ */ r("path", { d: dg(e.frameSize, a, t) });
+      return /* @__PURE__ */ r("path", { d: ug(e.frameSize, a, t) });
   }
 }, na = ko(function({ part: t, borderRadius: n, dashPeriod: a }) {
-  return t.kind === "boxes" ? /* @__PURE__ */ r(pg, {
+  return t.kind === "boxes" ? /* @__PURE__ */ r(mg, {
     boxes: t.boxes,
     borderRadius: n
-  }) : /* @__PURE__ */ r(hg, {
+  }) : /* @__PURE__ */ r(pg, {
     shapes: t.shapes,
     layer: t.layer,
     dashPeriod: a
   });
-}), hg = ({ shapes: e, layer: t, dashPeriod: n }) => e.map((a, o) => {
+}), pg = ({ shapes: e, layer: t, dashPeriod: n }) => e.map((a, o) => {
   const i = a.kind === "dots" || a.key === void 0 ? String(o) : `${a.kind}:${a.key}`;
   switch (a.kind) {
     case "region":
@@ -7066,34 +7072,34 @@ var Qr = (e, t) => {
         "data-geom": t.geom
       }, i);
   }
-}), pg = ({ boxes: e, borderRadius: t }) => {
+}), mg = ({ boxes: e, borderRadius: t }) => {
   const n = e.map((a) => Hn(a, t)).join("");
   return n === "" ? null : /* @__PURE__ */ r("path", {
     d: n,
     "data-testid": "edit-outline-boxes"
   });
-}, mg = ({ target: e, shapes: t, borderRadius: n, dashPeriod: a }) => {
+}, gg = ({ target: e, shapes: t, borderRadius: n, dashPeriod: a }) => {
   const o = W();
-  if (e.kind === "grid") return ag.map((l) => {
-    const s = si(Na(o, l).strokeWidth), c = t.map((u) => gg(u, l)).join(""), d = t.filter((u) => u.kind === "ring" && u.axis === l);
+  if (e.kind === "grid") return og.map((l) => {
+    const s = si(Na(o, l).strokeWidth), c = t.map((u) => vg(u, l)).join(""), d = t.filter((u) => u.kind === "ring" && u.axis === l);
     return /* @__PURE__ */ v(wo, { children: [c !== "" && /* @__PURE__ */ r("path", {
       d: c,
       ...s
     }), d.map((u, h) => /* @__PURE__ */ r("path", {
-      d: vg(u),
+      d: fg(u),
       pathLength: Fi(u.radius, a),
       ...s
     }, h))] }, l);
   });
   const i = t.map((l) => l.kind === "box" ? Hn(l.rect, n) : "").join("");
   return i === "" ? null : /* @__PURE__ */ r("path", { d: i });
-}, gg = (e, t) => e.kind === "line" && e.axis === t ? `M${e.from.x},${e.from.y}L${e.to.x},${e.to.y}` : "", vg = ({ center: e, radius: t }) => {
+}, vg = (e, t) => e.kind === "line" && e.axis === t ? `M${e.from.x},${e.from.y}L${e.to.x},${e.to.y}` : "", fg = ({ center: e, radius: t }) => {
   const n = `${e.x},${e.y - t}`;
   return `M${n}A${t},${t} 0 0 1 ${`${e.x},${e.y + t}`}A${t},${t} 0 0 1 ${n}`;
-}, fg = ({ target: e, look: t, panelRect: n }) => {
+}, bg = ({ target: e, look: t, panelRect: n }) => {
   const a = R((l) => l.coordSystem), o = e.parts[0];
   if (e.scope !== "x-value" || o === void 0 || o.layer.highlight?.strategy !== "overlay-anchor") return null;
-  const i = bg(o);
+  const i = yg(o);
   return i === null ? null : /* @__PURE__ */ r("svg", {
     x: n.x,
     y: n.y,
@@ -7110,7 +7116,7 @@ var Qr = (e, t) => {
       "data-testid": "edit-outline-band-guide"
     })
   });
-}, bg = ({ layer: e, rows: t }) => {
+}, yg = ({ layer: e, rows: t }) => {
   for (const n of t) {
     const a = e.data.getAt(n), o = a === null ? null : jc(a), i = a === null ? null : Xc(a);
     if (o !== null && i !== null) return {
@@ -7119,14 +7125,14 @@ var Qr = (e, t) => {
     };
   }
   return null;
-}, yg = "kwvn4c0", Sg = "kwvn4c1", zi = (e, t) => ({
+}, Sg = "kwvn4c0", Cg = "kwvn4c1", zi = (e, t) => ({
   contextElement: e,
   getBoundingClientRect: () => {
     const n = e.getBoundingClientRect(), a = ii(e, n.width);
     return new DOMRect(n.left + t.x * a, n.top + t.y * a, t.width * a, t.height * a);
   }
-}), Cg = ({ side: e, boundary: t, spans: n, anchor: a, rightToLeft: o }) => {
-  if (!xg(e)) return 0;
+}), xg = ({ side: e, boundary: t, spans: n, anchor: a, rightToLeft: o }) => {
+  if (!wg(e)) return 0;
   const i = n[e];
   if (e === "left" || e === "right") return ra(i.from - t.y, a.height, t.height);
   const l = o ? t.x + t.width - i.to : i.from - t.x;
@@ -7136,14 +7142,14 @@ var Qr = (e, t) => {
   return z(() => {
     t(!0);
   }, []), e;
-}, xg = (e) => as.some((t) => t === e), ra = (e, t, n) => n === 0 ? 0 : e * t / n, wg = {
+}, wg = (e) => as.some((t) => t === e), ra = (e, t, n) => n === 0 ? 0 : e * t / n, kg = {
   x: 8,
   y: 8
-}, kg = {
+}, Tg = {
   side: "flip",
   align: "shift",
   fallbackAxisSide: "end"
-}, Tg = ({ frameElement: e, boundary: t, spans: n, clearance: a = wg, onEscape: o, children: i }) => {
+}, Ag = ({ frameElement: e, boundary: t, spans: n, clearance: a = kg, onEscape: o, children: i }) => {
   const l = We(), s = Bi(), [c, d] = X(null), u = ae(null), h = re((x) => {
     u.current = x, d(x);
   }, []), p = ae(null);
@@ -7179,20 +7185,20 @@ var Qr = (e, t) => {
         side: "right",
         align: "start",
         sideOffset: ({ side: x }) => x === "top" || x === "bottom" ? a.y : a.x,
-        alignOffset: ({ side: x, anchor: I }) => Cg({
+        alignOffset: ({ side: x, anchor: I }) => xg({
           side: x,
           boundary: C.box,
           spans: C.spans,
           anchor: I,
-          rightToLeft: Ag(p.current)
+          rightToLeft: Pg(p.current)
         }),
-        collisionAvoidance: kg,
+        collisionAvoidance: Tg,
         sticky: !0,
-        className: yg,
+        className: Sg,
         ...er,
         children: /* @__PURE__ */ r(Q.Popup, {
           ref: h,
-          className: Sg,
+          className: Cg,
           initialFocus: u,
           finalFocus: !1,
           "data-testid": "anchored-popover",
@@ -7201,7 +7207,7 @@ var Qr = (e, t) => {
       }) })
     })
   });
-}, Ag = (e) => e !== null && getComputedStyle(e).direction === "rtl", Hi = (e) => /* @__PURE__ */ v(L, {
+}, Pg = (e) => e !== null && getComputedStyle(e).direction === "rtl", Hi = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -7342,18 +7348,18 @@ var Qr = (e, t) => {
     options: a.map(({ option: o }) => o),
     findValue: (o) => a.find((i) => i.option.value === o)?.value
   };
-}, [e]), Pg = ({ scene: e, layer: t, observation: n, groupOptions: a, locale: o, t: i }) => {
+}, [e]), Lg = ({ scene: e, layer: t, observation: n, groupOptions: a, locale: o, t: i }) => {
   const l = Ln(e, t, n, a);
   return {
-    "data-point": i(Mg(e, t)),
+    "data-point": i(Og(e, t)),
     "x-value": i("editor.overlayMenu.allOf", { name: $i(e, t, n, o) }),
     series: l === null ? i("editor.overlayMenu.all") : i("editor.overlayMenu.allOf", { name: l })
   };
-}, Lg = ({ scene: e, layer: t, observation: n, groupOptions: a, locale: o, t: i }, l) => {
+}, Ig = ({ scene: e, layer: t, observation: n, groupOptions: a, locale: o, t: i }, l) => {
   const s = mo(t.data, t.mapping), c = $i(e, t, n, o);
   switch (l) {
     case "data-point": {
-      const d = s.length === 0 ? null : Ln(e, t, n, a), u = Ig(d, c, i);
+      const d = s.length === 0 ? null : Ln(e, t, n, a), u = Eg(d, c, i);
       return {
         whole: u,
         value: u
@@ -7363,12 +7369,12 @@ var Qr = (e, t) => {
       return aa(uo(e.guides, "x")?.label ?? null, c, i);
     case "series": {
       const d = Ln(e, t, n, a) ?? i("editor.overlayMenu.all");
-      return aa(Eg(e, s), d, i);
+      return aa(Mg(e, s), d, i);
     }
     default:
       return l;
   }
-}, Ig = (e, t, n) => e === null ? t : t === "" ? e : n("editor.overlayMenu.groupAtBand", {
+}, Eg = (e, t, n) => e === null ? t : t === "" ? e : n("editor.overlayMenu.groupAtBand", {
   group: e,
   band: t
 }), aa = (e, t, n) => ({
@@ -7377,10 +7383,10 @@ var Qr = (e, t) => {
     value: t
   }),
   value: t
-}), Eg = (e, t) => {
+}), Mg = (e, t) => {
   const [n, ...a] = t;
   return n === void 0 || a.length > 0 ? null : e.guides.variableLabels[n] ?? null;
-}, Mg = (e, t) => {
+}, Og = (e, t) => {
   switch (t.geom) {
     case "bar":
       return e.coordSystem.type === "polar" && e.coordSystem.bandAxis === null ? "editor.overlayMenu.thisSlice" : "editor.overlayMenu.thisBar";
@@ -7398,19 +7404,19 @@ var Qr = (e, t) => {
   })(Hc(t.data, t.mapping)(n), n);
 }, Ln = (e, t, n, a) => {
   const o = mo(t.data, t.mapping);
-  return o.length === 0 ? Og(e, t) : o.map((i) => Rg(n[i] ?? null, a)).join(", ");
-}, Og = (e, t) => {
+  return o.length === 0 ? Rg(e, t) : o.map((i) => Ng(n[i] ?? null, a)).join(", ");
+}, Rg = (e, t) => {
   const n = Ht(t.mapping.y), a = n === null ? void 0 : e.guides.variableLabels[n];
   return a === void 0 || a === "" ? null : a;
-}, Rg = (e, t) => {
+}, Ng = (e, t) => {
   const n = String(e instanceof Date ? e.getTime() : e);
   return t.options.find((a) => a.value === n)?.label ?? n;
-}, Ng = {
+}, Dg = {
   "data-point": Hi,
   "x-value": Gi,
   series: Vi
-}, Dg = () => {
-  const { selectionStore: e } = H(), t = U(), n = E(), a = zn(), o = R((b) => b), i = cr(o), l = ee((b) => b.pressedObservation), s = Wt(), c = M(() => _g({
+}, _g = () => {
+  const { selectionStore: e } = H(), t = U(), n = E(), a = zn(), o = R((b) => b), i = cr(o), l = ee((b) => b.pressedObservation), s = Wt(), c = M(() => Fg({
     scene: o,
     pressed: l,
     groupOptions: i,
@@ -7427,7 +7433,7 @@ var Qr = (e, t) => {
   ]);
   if (c === null) return null;
   const { layer: d, levels: u, names: h } = c, { observationIndex: p, selectedFor: g } = c.pressed, m = u.map((b) => {
-    const C = Ng[b];
+    const C = Dg[b];
     return {
       value: b,
       label: h[b],
@@ -7451,7 +7457,7 @@ var Qr = (e, t) => {
     onChange: f,
     ariaLabel: n("editor.overlayMenu.selection")
   });
-}, _g = ({ scene: e, pressed: t, groupOptions: n, locale: a, t: o, hasOverlayMenu: i }) => {
+}, Fg = ({ scene: e, pressed: t, groupOptions: n, locale: a, t: o, hasOverlayMenu: i }) => {
   const l = t === null ? null : ms(t, e.layers, e.config.parsingLocale);
   if (t === null || l === null) return null;
   const { layer: s, observation: c } = l, { observationIndex: d, selectedFor: u } = t, { parsingLocale: h } = e.config, p = pd({
@@ -7472,7 +7478,7 @@ var Qr = (e, t) => {
     pressed: t,
     layer: s,
     levels: p,
-    names: Pg({
+    names: Lg({
       scene: e,
       layer: s,
       observation: c,
@@ -7481,7 +7487,7 @@ var Qr = (e, t) => {
       t: o
     })
   };
-}, Fg = (e) => /* @__PURE__ */ r(L, {
+}, zg = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -7494,7 +7500,7 @@ var Qr = (e, t) => {
       r: "3"
     })]
   })
-}), zg = (e) => /* @__PURE__ */ r(L, {
+}), Bg = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -7508,7 +7514,7 @@ var Qr = (e, t) => {
       /* @__PURE__ */ r("path", { d: "m2 2 20 20" })
     ]
   })
-}), Bg = "_1de58rm0", Hg = ({ target: e }) => {
+}), Hg = "_1de58rm0", Gg = ({ target: e }) => {
   const t = E(), n = le(), a = R((g) => g), [o, i] = X(null), l = _i(e, a);
   if (l === null) return null;
   const { hidden: s, hide: c, show: d } = l, u = () => {
@@ -7522,25 +7528,25 @@ var Qr = (e, t) => {
     label: h,
     children: /* @__PURE__ */ r("button", {
       type: "button",
-      className: Bg,
+      className: Hg,
       onClick: u,
-      children: /* @__PURE__ */ r(s ? zg : Fg, { title: "" })
+      children: /* @__PURE__ */ r(s ? Bg : zg, { title: "" })
     })
   });
-}, Gg = "_1xgvyvc0", Vg = "_1xgvyvc1", $g = "_1xgvyvc2", Wg = "_1xgvyvc3", Ug = (e, t) => {
+}, Vg = "_1xgvyvc0", $g = "_1xgvyvc1", Wg = "_1xgvyvc2", Ug = "_1xgvyvc3", Kg = (e, t) => {
   switch (e.kind) {
     case "observations":
-      return Kg(e.scope, t);
+      return qg(e.scope, t);
     case "legend":
     case "axis":
     case "grid":
-      return qg(e.kind, t);
+      return jg(e.kind, t);
     case "graph":
       return t("editor.overlayMenu.chart");
     default:
       return e;
   }
-}, Kg = (e, t) => {
+}, qg = (e, t) => {
   switch (e) {
     case "data-point":
       return t("editor.overlayMenu.observation");
@@ -7551,7 +7557,7 @@ var Qr = (e, t) => {
     default:
       return e;
   }
-}, qg = (e, t) => {
+}, jg = (e, t) => {
   switch (e) {
     case "axis":
       return t("editor.overlayMenu.axis");
@@ -7562,8 +7568,8 @@ var Qr = (e, t) => {
     default:
       return e;
   }
-}, jg = ({ target: e }) => {
-  const t = E(), n = zn(), a = R((l) => l), o = cr(a), i = M(() => Zg({
+}, Xg = ({ target: e }) => {
+  const t = E(), n = zn(), a = R((l) => l), o = cr(a), i = M(() => Yg({
     target: e,
     scene: a,
     groupOptions: o,
@@ -7576,8 +7582,8 @@ var Qr = (e, t) => {
     n,
     t
   ]);
-  return /* @__PURE__ */ r(Xg, { title: i });
-}, Xg = ({ title: e }) => {
+  return /* @__PURE__ */ r(Zg, { title: i });
+}, Zg = ({ title: e }) => {
   const t = ae(null), n = ae(null), [a, o] = X(!1), i = re(() => {
     const c = t.current, d = n.current;
     c === null || d === null || o(d.offsetWidth > c.clientWidth);
@@ -7588,17 +7594,17 @@ var Qr = (e, t) => {
   }, [l]);
   return /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(Q.Title, {
     ref: s,
-    className: $g,
+    className: Wg,
     "data-testid": "overlay-menu-title",
     children: a ? e.value : e.whole
   }), /* @__PURE__ */ r("span", {
     ref: n,
-    className: Wg,
+    className: Ug,
     "aria-hidden": !0,
     children: e.whole
   })] });
-}, Zg = ({ target: e, scene: t, groupOptions: n, locale: a, t: o }) => {
-  const i = Ug(e, o), l = {
+}, Yg = ({ target: e, scene: t, groupOptions: n, locale: a, t: o }) => {
+  const i = Kg(e, o), l = {
     whole: i,
     value: i
   };
@@ -7610,7 +7616,7 @@ var Qr = (e, t) => {
     target: e,
     parsingLocale: t.config.parsingLocale
   }), d = c === void 0 ? null : s.data.getAt(c);
-  return d === null ? l : Lg({
+  return d === null ? l : Ig({
     scene: t,
     layer: s,
     observation: d,
@@ -7618,29 +7624,29 @@ var Qr = (e, t) => {
     locale: a,
     t: o
   }, e.scope);
-}, Yg = ({ frameElement: e }) => {
-  const { selectionStore: t } = H(), n = Jg(ee((s) => s.selectedOutline)), a = Fm(n?.target ?? null), o = Wt();
+}, Jg = ({ frameElement: e }) => {
+  const { selectionStore: t } = H(), n = Qg(ee((s) => s.selectedOutline)), a = zm(n?.target ?? null), o = Wt();
   if (n === null || !o(n.target)) return null;
   const i = () => {
     t.getState().clearSelection();
   }, l = Bt(n.target);
-  return /* @__PURE__ */ v(Tg, {
+  return /* @__PURE__ */ v(Ag, {
     frameElement: e,
     boundary: n.frame,
     spans: n.frameSpans,
     onEscape: i,
     children: [/* @__PURE__ */ v(bn, {
-      className: Gg,
+      className: Vg,
       children: [/* @__PURE__ */ v("div", {
-        className: Vg,
-        children: [/* @__PURE__ */ r(jg, { target: n.target }), /* @__PURE__ */ r(Hg, { target: n.target }, l)]
-      }), n.target.kind === "observations" && /* @__PURE__ */ r(Dg, {})]
+        className: $g,
+        children: [/* @__PURE__ */ r(Xg, { target: n.target }), /* @__PURE__ */ r(Gg, { target: n.target }, l)]
+      }), n.target.kind === "observations" && /* @__PURE__ */ r(_g, {})]
     }), /* @__PURE__ */ r(wo, { children: a }, l)]
   });
-}, Jg = (e) => {
+}, Qg = (e) => {
   const t = Rt(), [n, a] = X(e), o = n !== null && Kn(t[0] ?? null, n.target), i = e ?? (o ? n : null);
   return i !== n && a(i), i;
-}, Qg = ({ frameRect: e }) => {
+}, e2 = ({ frameRect: e }) => {
   const { targetBoundaryStore: t } = H(), n = ee((l) => l.selectedOutline), { left: a, top: o } = e, i = M(() => {
     if (n === null) return null;
     const { frame: l, frameSpans: s, frameScale: c } = n;
@@ -7697,7 +7703,7 @@ var Qr = (e, t) => {
     })
   ]
 });
-var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb44", t2 = "efjmb45", n2 = /* @__PURE__ */ new Set([
+var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", t2 = "efjmb44", n2 = "efjmb45", r2 = /* @__PURE__ */ new Set([
   "item-press",
   "escape-key",
   "outside-press",
@@ -7706,12 +7712,12 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
   "trigger-press"
 ]), dr = ({ label: e, icon: t, onOpened: n, children: a }) => {
   const o = We(), [i, l] = X(!1), s = (c, d) => {
-    c ? (l(!0), n?.()) : n2.has(d.reason) && l(!1);
+    c ? (l(!0), n?.()) : r2.has(d.reason) && l(!1);
   };
   return /* @__PURE__ */ v(Ae.SubmenuRoot, {
     open: i,
     onOpenChange: s,
-    children: [/* @__PURE__ */ r(r2, {
+    children: [/* @__PURE__ */ r(a2, {
       label: e,
       icon: t
     }), /* @__PURE__ */ r(Ae.Portal, {
@@ -7729,7 +7735,7 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
       }) })
     })]
   });
-}, r2 = ({ label: e, icon: t }) => /* @__PURE__ */ v(Ae.SubmenuTrigger, {
+}, a2 = ({ label: e, icon: t }) => /* @__PURE__ */ v(Ae.SubmenuTrigger, {
   className: _e,
   openOnHover: !1,
   children: [
@@ -7739,17 +7745,17 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
       children: e
     }),
     /* @__PURE__ */ r("span", {
-      className: t2,
+      className: n2,
       children: /* @__PURE__ */ r(nt, { size: "sm" })
     })
   ]
-}), a2 = "_1qe7q450", o2 = "_1qe7q451", i2 = "_1qe7q452", l2 = ({ label: e, placeholder: t, addLabel: n, at: a, onRequestClose: o }) => {
+}), o2 = "_1qe7q450", i2 = "_1qe7q451", l2 = "_1qe7q452", s2 = ({ label: e, placeholder: t, addLabel: n, at: a, onRequestClose: o }) => {
   const i = ae(null), [l, s] = X(""), { dispatch: c } = le(), d = l.trim(), u = () => {
     d.length !== 0 && (c(new Te({
       kind: "comment",
       annotation: {
         at: a,
-        content: s2(d)
+        content: c2(d)
       }
     })), o());
   };
@@ -7760,10 +7766,10 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
       requestAnimationFrame(() => i.current?.focus());
     },
     children: /* @__PURE__ */ v("div", {
-      className: a2,
+      className: o2,
       children: [/* @__PURE__ */ r("input", {
         ref: i,
-        className: o2,
+        className: i2,
         value: l,
         placeholder: t,
         onChange: (m) => {
@@ -7774,14 +7780,14 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
         }
       }), /* @__PURE__ */ r("button", {
         type: "button",
-        className: i2,
+        className: l2,
         disabled: d.length === 0,
         onClick: u,
         children: n
       })]
     })
   });
-}, s2 = (e) => ({
+}, c2 = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -7790,7 +7796,7 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
       text: e
     }]
   }]
-}), c2 = (e) => /* @__PURE__ */ r(L, {
+}), d2 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 15 14",
   ...e,
   children: /* @__PURE__ */ r("path", {
@@ -7798,7 +7804,7 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
     fill: "currentColor",
     fillOpacity: "0.8"
   })
-}), d2 = "relative-difference", u2 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
+}), u2 = "relative-difference", h2 = ({ label: e, layer: t, at: n, onRequestClose: a }) => {
   const { dispatch: o } = le(), i = R((c) => c.coordSystem), l = M(() => Jc({
     layer: t,
     at: n,
@@ -7815,21 +7821,21 @@ var Ui = "efjmb40", Ki = "efjmb41", _e = "efjmb42", Fe = "efjmb43", e2 = "efjmb4
       annotation: {
         ...Wa,
         ...l,
-        label: d2
+        label: u2
       }
     })), a();
   };
   return /* @__PURE__ */ v(V.Item, {
     className: _e,
     onClick: s,
-    children: [/* @__PURE__ */ r(c2, {}), /* @__PURE__ */ r("span", {
+    children: [/* @__PURE__ */ r(d2, {}), /* @__PURE__ */ r("span", {
       className: Fe,
       children: e
     })]
   });
 };
-function h2(e, t) {
-  if (e.type === "polar" && !p2(t)) return [{
+function p2(e, t) {
+  if (e.type === "polar" && !m2(t)) return [{
     scope: "series",
     labelKey: "pieSlice"
   }];
@@ -7877,10 +7883,10 @@ function h2(e, t) {
       return [];
   }
 }
-var p2 = (e) => {
+var m2 = (e) => {
   const t = Ht(e.mapping.x);
   return t !== null && t !== Ks.x;
-}, m2 = (e) => /* @__PURE__ */ v(L, {
+}, g2 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -7900,7 +7906,7 @@ var p2 = (e) => {
       d: "M11.733 10.074H16v5.408a.52.52 0 0 1-.518.518h-3.23a.52.52 0 0 1-.519-.518zM11.733 9.481H16V.52A.52.52 0 0 0 15.482 0h-3.23a.52.52 0 0 0-.519.519z"
     })
   ]
-}), g2 = (e) => /* @__PURE__ */ v(L, {
+}), v2 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -7934,7 +7940,7 @@ var p2 = (e) => {
       d: "M5.29 6.62a1.3 1.3 0 0 1-.424-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.262-.45 2.1 2.1 0 0 1-.096-.699q0-.389.082-.693.083-.304.238-.514a1.05 1.05 0 0 1 .374-.322q.22-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.321-.105.54.54 0 0 0-.485.273q-.168.273-.17.75h.021a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .813.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.571.134m-.003-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.07-.294.54.54 0 0 0-.484-.285.55.55 0 0 0-.403.173.596.596 0 0 0 .108.914.53.53 0 0 0 .288.08M6.88 6.579v-.396l1.05-1.03q.15-.15.25-.27a1 1 0 0 0 .151-.229.6.6 0 0 0 .05-.236.432.432 0 0 0-.244-.405.6.6 0 0 0-.258-.056q-.15 0-.261.062a.43.43 0 0 0-.175.173.56.56 0 0 0-.06.267H6.86q0-.288.132-.5a.9.9 0 0 1 .362-.33q.231-.117.532-.117.303 0 .534.114.23.114.358.312a.8.8 0 0 1 .128.452.9.9 0 0 1-.065.334q-.065.164-.229.363-.162.2-.456.483l-.522.53v.021h1.318v.458zM10.57 6.62a1.3 1.3 0 0 1-.423-.075 1 1 0 0 1-.373-.244 1.2 1.2 0 0 1-.263-.45 2.1 2.1 0 0 1-.096-.699q0-.389.083-.693t.238-.514a1.05 1.05 0 0 1 .374-.322q.219-.11.492-.11.285 0 .505.112a.973.973 0 0 1 .526.744h-.54a.5.5 0 0 0-.17-.277.5.5 0 0 0-.322-.105.54.54 0 0 0-.484.273q-.168.273-.17.75h.02a.8.8 0 0 1 .188-.223.92.92 0 0 1 .569-.195.91.91 0 0 1 .814.477q.125.222.123.509 0 .297-.136.536a1 1 0 0 1-.383.372 1.15 1.15 0 0 1-.572.134m-.002-.443a.54.54 0 0 0 .288-.078.57.57 0 0 0 .2-.211.6.6 0 0 0 .073-.299.6.6 0 0 0-.071-.294.54.54 0 0 0-.483-.285.54.54 0 0 0-.403.173.597.597 0 0 0 .107.914.53.53 0 0 0 .289.08"
     })
   ]
-}), v2 = (e) => /* @__PURE__ */ v(L, {
+}), f2 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -7975,7 +7981,7 @@ var p2 = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), f2 = (e) => /* @__PURE__ */ v(L, {
+}), b2 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -7997,7 +8003,7 @@ var p2 = (e) => {
       d: "M15.999 8a8 8 0 0 1-7.588 7.989l-.412.01V8z"
     })
   ]
-}), b2 = (e) => /* @__PURE__ */ v(L, {
+}), y2 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -8058,7 +8064,7 @@ var p2 = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), y2 = (e) => /* @__PURE__ */ v(L, {
+}), S2 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
   ...e,
   children: [
@@ -8119,18 +8125,18 @@ var p2 = (e) => {
       transform: "matrix(-1 0 0 1 15.933 .533)"
     })
   ]
-}), S2 = {
+}), C2 = {
   bar: Hi,
   barGroup: Gi,
-  barStack: m2,
+  barStack: g2,
   barSeries: Vi,
-  linePoint: g2,
-  lineSeries: v2,
-  scatterPoint: b2,
-  scatterSeries: y2,
-  pieSlice: f2
+  linePoint: v2,
+  lineSeries: f2,
+  scatterPoint: y2,
+  scatterSeries: S2,
+  pieSlice: b2
 }, qi = ({ labelKey: e }) => {
-  const t = S2[e];
+  const t = C2[e];
   return /* @__PURE__ */ r(t, {});
 }, ji = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 16 16",
@@ -8145,7 +8151,7 @@ var p2 = (e) => {
     fill: "currentColor",
     fillOpacity: "0.8"
   })]
-}), C2 = ({ label: e, options: t, onSelect: n }) => {
+}), x2 = ({ label: e, options: t, onSelect: n }) => {
   const a = E();
   return /* @__PURE__ */ r(dr, {
     label: e,
@@ -8159,8 +8165,8 @@ var p2 = (e) => {
       })]
     }, o.scope))
   });
-}, x2 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
-  const i = E(), { dispatch: l } = le(), s = R((g) => g.coordSystem), c = M(() => Mc(t, n), [t, n]), d = M(() => h2(s, t), [s, t]), u = M(() => {
+}, w2 = ({ label: e, layer: t, observation: n, highlights: a, onRequestClose: o }) => {
+  const i = E(), { dispatch: l } = le(), s = R((g) => g.coordSystem), c = M(() => Mc(t, n), [t, n]), d = M(() => p2(s, t), [s, t]), u = M(() => {
     const g = new Set(a.map((m) => m.scope));
     return d.filter((m) => !g.has(m.scope));
   }, [d, a]), [h] = u;
@@ -8183,16 +8189,16 @@ var p2 = (e) => {
       })]
     });
   }
-  return /* @__PURE__ */ r(C2, {
+  return /* @__PURE__ */ r(x2, {
     label: e,
     options: u,
     onSelect: p
   });
-}, w2 = "_1aafi1g0", k2 = "_1aafi1g1", Xi = ({ children: e }) => /* @__PURE__ */ v("span", {
-  className: w2,
+}, k2 = "_1aafi1g0", T2 = "_1aafi1g1", Xi = ({ children: e }) => /* @__PURE__ */ v("span", {
+  className: k2,
   "aria-hidden": "true",
-  children: [e, /* @__PURE__ */ r("span", { className: k2 })]
-}), T2 = ({ label: e, highlights: t, onRequestClose: n }) => {
+  children: [e, /* @__PURE__ */ r("span", { className: T2 })]
+}), A2 = ({ label: e, highlights: t, onRequestClose: n }) => {
   const { dispatch: a } = le(), o = t.at(-1);
   if (o === void 0) return null;
   const i = () => {
@@ -8206,7 +8212,7 @@ var p2 = (e) => {
       children: e
     })]
   });
-}, A2 = (e, t) => {
+}, P2 = (e, t) => {
   const n = R((o) => o.spec.highlights), a = R((o) => o.config.parsingLocale);
   return M(() => Wc({
     layer: e,
@@ -8242,7 +8248,7 @@ var p2 = (e) => {
       fillOpacity: "0.8"
     })
   ]
-}), P2 = ({ label: e, at: t, onRequestClose: n }) => {
+}), L2 = ({ label: e, at: t, onRequestClose: n }) => {
   const { dispatch: a } = le(), o = () => {
     a(new Te({
       kind: "pinnedNumber",
@@ -8304,7 +8310,7 @@ var p2 = (e) => {
     labelKey: "graph.annotations.baseMenu.removeSticker"
   },
   image: null
-}, L2 = (e) => ed(e.kind) && Ji[e.kind] !== null, I2 = ({ attachment: e, onRequestClose: t }) => {
+}, I2 = (e) => ed(e.kind) && Ji[e.kind] !== null, E2 = ({ attachment: e, onRequestClose: t }) => {
   const n = E(), { dispatch: a } = le(), { icon: o, labelKey: i } = Ji[e.kind], l = () => {
     a(new $e({ id: e.annotation.id })), t();
   };
@@ -8316,7 +8322,7 @@ var p2 = (e) => {
       children: n(i)
     })]
   });
-}, E2 = "ceeojg0", M2 = "ceeojg1", O2 = "ceeojg2", R2 = ({ label: e, at: t, onRequestClose: n }) => {
+}, M2 = "ceeojg0", O2 = "ceeojg1", R2 = "ceeojg2", N2 = ({ label: e, at: t, onRequestClose: n }) => {
   const { dispatch: a } = le(), o = (i) => {
     a(new Te({
       kind: "sticker",
@@ -8333,26 +8339,26 @@ var p2 = (e) => {
     label: e,
     icon: /* @__PURE__ */ r(Yi, {}),
     children: /* @__PURE__ */ r("div", {
-      className: E2,
+      className: M2,
       children: Object.entries(As).map(([i, l]) => /* @__PURE__ */ r(Ae.Item, {
-        className: M2,
+        className: O2,
         "aria-label": i,
         onClick: () => o(i),
         children: /* @__PURE__ */ r("img", {
-          className: O2,
+          className: R2,
           src: l.src,
           alt: i
         })
       }, i))
     })
   });
-}, N2 = ({ interaction: e, frameElement: t, panelRect: n }) => {
+}, D2 = ({ interaction: e, frameElement: t, panelRect: n }) => {
   const a = U(), o = ee((c) => c.menuTrigger);
   if (e.kind !== "menu" || o === null) return null;
   const i = () => {
     a.getState().releaseInteraction("menu");
   }, { center: l, radius: s } = o;
-  return /* @__PURE__ */ r(D2, {
+  return /* @__PURE__ */ r(_2, {
     frameElement: t,
     trigger: {
       x: n.x + l.x - s,
@@ -8365,7 +8371,7 @@ var p2 = (e) => {
     observation: e.anchor.observation,
     onClose: i
   });
-}, D2 = ({ frameElement: e, trigger: t, layer: n, at: a, observation: o, onClose: i }) => {
+}, _2 = ({ frameElement: e, trigger: t, layer: n, at: a, observation: o, onClose: i }) => {
   const l = E(), s = We(), c = R((x) => x.spec.annotations), d = R((x) => x.config.parsingLocale), u = Bi(), { x: h, y: p, width: g, height: m } = t, f = M(() => zi(e, {
     x: h,
     y: p,
@@ -8377,8 +8383,8 @@ var p2 = (e) => {
     p,
     g,
     m
-  ]), b = Uc(c, a, M(() => Fc(n, d), [n, d])), C = b !== null && L2(b) ? b : null, P = A2(n, o), k = (x, I) => {
-    !x && _2(I.reason) && i();
+  ]), b = Uc(c, a, M(() => Fc(n, d), [n, d])), C = b !== null && I2(b) ? b : null, P = P2(n, o), k = (x, I) => {
+    !x && F2(I.reason) && i();
   };
   return /* @__PURE__ */ r(V.Root, {
     open: u,
@@ -8397,43 +8403,43 @@ var p2 = (e) => {
           className: Ki,
           "data-testid": "observation-menu",
           children: [
-            C !== null && /* @__PURE__ */ r(I2, {
+            C !== null && /* @__PURE__ */ r(E2, {
               attachment: C,
               onRequestClose: i
             }),
-            /* @__PURE__ */ r(T2, {
+            /* @__PURE__ */ r(A2, {
               label: l("graph.annotations.baseMenu.removeHighlight"),
               highlights: P,
               onRequestClose: i
             }),
-            /* @__PURE__ */ r(V.Separator, { className: e2 }),
+            /* @__PURE__ */ r(V.Separator, { className: t2 }),
             C === null && /* @__PURE__ */ v($, { children: [
-              /* @__PURE__ */ r(P2, {
+              /* @__PURE__ */ r(L2, {
                 label: l("graph.annotations.baseMenu.pinNumber"),
                 at: a,
                 onRequestClose: i
               }),
-              /* @__PURE__ */ r(l2, {
+              /* @__PURE__ */ r(s2, {
                 label: l("graph.annotations.baseMenu.annotate"),
                 placeholder: l("graph.annotations.textMenu.placeholder"),
                 addLabel: l("graph.annotations.textMenu.addButton"),
                 at: a,
                 onRequestClose: i
               }),
-              /* @__PURE__ */ r(R2, {
+              /* @__PURE__ */ r(N2, {
                 label: l("graph.annotations.baseMenu.addSticker"),
                 at: a,
                 onRequestClose: i
               })
             ] }),
-            n.highlight !== null && /* @__PURE__ */ r(x2, {
+            n.highlight !== null && /* @__PURE__ */ r(w2, {
               label: l("graph.annotations.baseMenu.highlight"),
               layer: n,
               observation: o,
               highlights: P,
               onRequestClose: i
             }),
-            /* @__PURE__ */ r(u2, {
+            /* @__PURE__ */ r(h2, {
               label: l("graph.annotations.baseMenu.differenceArrow"),
               layer: n,
               at: a,
@@ -8444,7 +8450,7 @@ var p2 = (e) => {
       }) })
     })
   });
-}, _2 = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", ur = "l8tsqe0", Qi = ["start", "end"], el = ({ anchor: e, point: t, delta: n }) => {
+}, F2 = (e) => e === "outside-press" || e === "escape-key" || e === "item-press", ur = "l8tsqe0", Qi = ["start", "end"], el = ({ anchor: e, point: t, delta: n }) => {
   const a = {
     x: oa(t.x, n.x),
     y: oa(1 - t.y, n.y)
@@ -8466,13 +8472,13 @@ var p2 = (e) => {
     ...e[t.endpoint],
     ...t.point
   }
-}), tl = (e, t) => e.x === t.x && e.y === t.y, F2 = (e, t) => {
+}), tl = (e, t) => e.x === t.x && e.y === t.y, z2 = (e, t) => {
   const n = yt(e, t);
   return {
     x: t.x + n.x,
     y: t.y + n.y
   };
-}, z2 = (e, t, n) => {
+}, B2 = (e, t, n) => {
   const a = yt(e, n), o = yt(t, n);
   return {
     x: Math.min(a.x, o.x),
@@ -8480,7 +8486,7 @@ var p2 = (e) => {
     width: Math.abs(o.x - a.x),
     height: Math.abs(o.y - a.y)
   };
-}, oa = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : Ve(t, Math.min(-e, 0), Math.max(1 - e, 0)), B2 = ({ panelRect: e }) => {
+}, oa = (e, t) => !Number.isFinite(t) || !Number.isFinite(e) ? 0 : Ve(t, Math.min(-e, 0), Math.max(1 - e, 0)), H2 = ({ panelRect: e }) => {
   const t = ee((s) => j(s, "arrow-endpoint-drag")), n = De(e).arrows, a = W();
   if (t === null) return null;
   const o = n.find((s) => s.id === t.annotationId);
@@ -8515,7 +8521,7 @@ var p2 = (e) => {
   if (e.length !== 1) return null;
   const [t] = e;
   return t?.kind === "annotation" ? t.id : null;
-}, H2 = (e) => /* @__PURE__ */ r(L, {
+}, G2 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -8533,7 +8539,7 @@ var p2 = (e) => {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M5 12h14" }), /* @__PURE__ */ r("path", { d: "m12 5 7 7-7 7" })]
   })
-}), G2 = (e) => /* @__PURE__ */ r(L, {
+}), V2 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -8584,7 +8590,7 @@ var p2 = (e) => {
       /* @__PURE__ */ r("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
     ]
   })
-}), V2 = "var(--pvjfpx0)", $2 = "var(--pvjfpx1)", W2 = "pvjfpx2", U2 = "pvjfpx3", K2 = "pvjfpx4", q2 = "pvjfpx6 pvjfpx5", j2 = "pvjfpx7 pvjfpx6 pvjfpx5", X2 = "pvjfpx8 pvjfpx5", Ke = 8, Z2 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: a }) => {
+}), $2 = "var(--pvjfpx0)", W2 = "var(--pvjfpx1)", U2 = "pvjfpx2", K2 = "pvjfpx3", q2 = "pvjfpx4", j2 = "pvjfpx6 pvjfpx5", X2 = "pvjfpx7 pvjfpx6 pvjfpx5", Z2 = "pvjfpx8 pvjfpx5", Ke = 8, Y2 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: a }) => {
   const o = t.y + e.y, i = o + e.height, l = o - 8 - 36, s = i + 8, c = Ve(l >= Ke ? l : s, Ke, a - Ke - 36), d = Ke;
   return {
     top: c,
@@ -8592,15 +8598,15 @@ var p2 = (e) => {
     available: Math.max(0, n - Ke * 2),
     centre: t.x + e.x + e.width / 2 - d
   };
-}, Y2 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: a, label: o, testId: i, children: l }) => {
-  const { chartId: s } = H(), c = Z2({
+}, J2 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: a, label: o, testId: i, children: l }) => {
+  const { chartId: s } = H(), c = Y2({
     anchorBox: e,
     panelRect: t,
     frameWidth: n,
     frameHeight: a
   });
   return /* @__PURE__ */ r("div", {
-    className: W2,
+    className: U2,
     style: {
       top: c.top,
       left: c.left,
@@ -8608,17 +8614,17 @@ var p2 = (e) => {
     },
     children: /* @__PURE__ */ r(J.Root, {
       "aria-label": o,
-      className: U2,
+      className: K2,
       "data-testid": i,
       ...Vt(s),
       style: Se({
-        [V2]: `${c.centre}px`,
-        [$2]: `${c.available}px`
+        [$2]: `${c.centre}px`,
+        [W2]: `${c.available}px`
       }),
       children: l
     })
   });
-}, J2 = ({ label: e, trigger: t, open: n, onOpenChange: a, disabled: o = !1, children: i }) => {
+}, Q2 = ({ label: e, trigger: t, open: n, onOpenChange: a, disabled: o = !1, children: i }) => {
   const { chartId: l } = H();
   return /* @__PURE__ */ v(V.Root, {
     open: n,
@@ -8627,7 +8633,7 @@ var p2 = (e) => {
     children: [/* @__PURE__ */ v(V.Trigger, {
       render: /* @__PURE__ */ r(J.Button, {}),
       "aria-label": e,
-      className: X2,
+      className: Z2,
       disabled: o,
       onMouseDown: (s) => s.preventDefault(),
       children: [t, /* @__PURE__ */ r(nt, { size: "sm" })]
@@ -8636,44 +8642,44 @@ var p2 = (e) => {
       children: i
     })]
   });
-}, Q2 = (e) => {
+}, e0 = (e) => {
   const { chartId: t } = H();
   return /* @__PURE__ */ r(J.ColorPicker, {
     ...e,
     popupAttributes: Vt(t)
   });
-}, e0 = ({ color: e, opacity: t }) => /* @__PURE__ */ r("span", {
-  className: K2,
+}, t0 = ({ color: e, opacity: t }) => /* @__PURE__ */ r("span", {
+  className: q2,
   style: {
     background: e,
     opacity: t
   }
-}), t0 = ({ label: e, onClick: t, children: n }) => /* @__PURE__ */ r(J.Button, {
+}), n0 = ({ label: e, onClick: t, children: n }) => /* @__PURE__ */ r(J.Button, {
   "aria-label": e,
-  className: q2,
+  className: j2,
   onClick: t,
   children: n
-}), n0 = ({ label: e, pressed: t, onClick: n, children: a }) => /* @__PURE__ */ r(J.Button, {
+}), r0 = ({ label: e, pressed: t, onClick: n, children: a }) => /* @__PURE__ */ r(J.Button, {
   "aria-label": e,
   "aria-pressed": t,
-  className: j2,
+  className: X2,
   onClick: n,
   children: a
 }), _ = {
-  Root: Y2,
-  Dropdown: J2,
+  Root: J2,
+  Dropdown: Q2,
   MenuItem: J.MenuItem,
-  ColorPicker: Q2,
-  Swatch: e0,
-  IconButton: t0,
-  ToggleButton: n0,
+  ColorPicker: e0,
+  Swatch: t0,
+  IconButton: n0,
+  ToggleButton: r0,
   Button: J.Button,
   Separator: J.Separator
-}, r0 = { kind: "chrome-popup" }, Kt = () => {
+}, a0 = { kind: "chrome-popup" }, Kt = () => {
   const { commands: e } = H(), t = U(), [n, a] = X(null);
   z(() => () => e.commit(), [e]), z(() => {
     const { claimInteraction: i, releaseInteraction: l } = t.getState();
-    return n === null ? l("chrome-popup") : i(r0), () => l("chrome-popup");
+    return n === null ? l("chrome-popup") : i(a0), () => l("chrome-popup");
   }, [t, n]);
   const o = () => {
     a(null), e.commit();
@@ -8685,7 +8691,7 @@ var p2 = (e) => {
     }),
     close: o
   };
-}, a0 = (e) => /* @__PURE__ */ r(L, {
+}, o0 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -8697,7 +8703,7 @@ var p2 = (e) => {
       /* @__PURE__ */ r("path", { d: "M16 8 19 5" })
     ]
   })
-}), o0 = (e) => /* @__PURE__ */ r(L, {
+}), i0 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -8711,7 +8717,7 @@ var p2 = (e) => {
       /* @__PURE__ */ r("path", { d: "M19 5h0" })
     ]
   })
-}), i0 = (e) => /* @__PURE__ */ r(L, {
+}), l0 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ r("path", {
     d: "M5 19 19 5",
@@ -8719,7 +8725,7 @@ var p2 = (e) => {
     strokeWidth: 2,
     strokeLinecap: "round"
   })
-}), l0 = [
+}), s0 = [
   {
     value: Jt.thin,
     key: "graph.annotations.arrowToolbar.thickness.thin"
@@ -8744,21 +8750,21 @@ var p2 = (e) => {
   {
     value: "solid",
     key: "graph.annotations.arrowToolbar.lineStyle.solid",
-    Icon: i0
+    Icon: l0
   },
   {
     value: "dashed",
     key: "graph.annotations.arrowToolbar.lineStyle.dashed",
-    Icon: a0
+    Icon: o0
   },
   {
     value: "dotted",
     key: "graph.annotations.arrowToolbar.lineStyle.dotted",
-    Icon: o0
+    Icon: i0
   }
-], s0 = (e, t) => e.find((n) => n.value === t) ?? e[0];
-var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = E(), { commands: s } = H(), c = R((S) => S.spec.styles.overrides), d = R((S) => de(S.spec)), u = Kt(), h = Xn(W(), e.id), p = s0(la, Re(h.dashArray)), g = h.outline.strokeWidth > 0 || h.outline.shadow !== "none", m = M(() => ({
+], c0 = (e, t) => e.find((n) => n.value === t) ?? e[0];
+var d0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = E(), { commands: s } = H(), c = R((S) => S.spec.styles.overrides), d = R((S) => de(S.spec)), u = Kt(), h = Xn(W(), e.id), p = c0(la, Re(h.dashArray)), g = h.outline.strokeWidth > 0 || h.outline.shadow !== "none", m = M(() => ({
     target: "annotation",
     kind: "arrow",
     annotation: e.id
@@ -8826,14 +8832,14 @@ var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         }),
         ...u.bind("thickness"),
         children: /* @__PURE__ */ r(pt, {
-          options: l0,
+          options: s0,
           current: h.strokeWidth,
           onPick: w
         })
       }),
       /* @__PURE__ */ r(_.Dropdown, {
         label: l("graph.annotations.arrowToolbar.startArrowhead"),
-        trigger: /* @__PURE__ */ r(H2, {
+        trigger: /* @__PURE__ */ r(G2, {
           size: "sm",
           title: ""
         }),
@@ -8874,7 +8880,7 @@ var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
         label: l("graph.annotations.arrowToolbar.sticker"),
         pressed: g,
         onClick: D,
-        children: /* @__PURE__ */ r(G2, {
+        children: /* @__PURE__ */ r(V2, {
           size: "sm",
           title: ""
         })
@@ -8903,14 +8909,14 @@ var c0 = ({ arrow: e, arrowBox: t, panelRect: n, frameWidth: a, frameHeight: o,
       })
     })]
   }, String(i.value))) });
-}, d0 = "_1me29t10", me = (e, t) => t > 0 ? e / t : 0, qt = (e, t, n) => ({
+}, u0 = "_1me29t10", me = (e, t) => t > 0 ? e / t : 0, qt = (e, t, n) => ({
   x: me(t.x - e.x, n.width),
   y: me(t.y - e.y, n.height)
-}), u0 = (e) => e.x !== 0 || e.y !== 0, al = (e, t) => ({
+}), h0 = (e) => e.x !== 0 || e.y !== 0, al = (e, t) => ({
   x: e.x * t.width,
   y: e.y * t.height
 });
-var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
+var p0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
   constructor(e) {
     this.params = e, this.listeners = new AbortController(), this.pendingEvent = null, this.scheduledFrame = null, this.hasMoved = !1, this.hasPublished = !1, this.handleMove = (t) => {
       t.pointerId === this.params.pointerId && (this.pendingEvent = t, this.hasMoved = !0, this.scheduledFrame === null && (this.scheduledFrame = requestAnimationFrame(this.runFrame)));
@@ -8946,7 +8952,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     }
   }
   isDragConfirmed(e, t) {
-    return h0(e, t);
+    return p0(e, t);
   }
   settle(e) {
     this.pendingEvent = null;
@@ -8961,7 +8967,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
   if (a === void 0) return null;
   const o = a[n];
   return o.anchorType === "panel" ? o : null;
-}, ol = (e, t) => e === "start" ? { start: t } : { end: t }, p0 = class extends it {
+}, ol = (e, t) => e === "start" ? { start: t } : { end: t }, m0 = class extends it {
   constructor(...e) {
     super(...e), this.kind = "arrow-endpoint-drag";
   }
@@ -8990,7 +8996,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
       patch: ol(n, e)
     }));
   }
-}, m0 = ({ annotationId: e, arrow: t, panelRect: n }) => {
+}, g0 = ({ annotationId: e, arrow: t, panelRect: n }) => {
   const { commands: a } = H(), o = U(), i = ne({
     annotations: R((s) => s.spec.annotations),
     arrow: t,
@@ -9003,7 +9009,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
       } catch {
         return;
       }
-      c.currentTarget.focus({ preventScroll: !0 }), c.preventDefault(), l.current = new p0({
+      c.currentTarget.focus({ preventScroll: !0 }), c.preventDefault(), l.current = new m0({
         handle: c.currentTarget,
         pointerId: c.pointerId,
         annotationId: e,
@@ -9026,7 +9032,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     o,
     a
   ]);
-}, g0 = [" ", "Enter"], sa = 4, v0 = ({ annotationId: e, arrow: t, panelRect: n }) => {
+}, v0 = [" ", "Enter"], sa = 4, f0 = ({ annotationId: e, arrow: t, panelRect: n }) => {
   const { commands: a } = H(), o = U(), i = R((c) => c.spec.annotations), l = ne(i), s = ne(a.dispatch);
   return z(() => () => {
     for (const c of Qi) ca({
@@ -9044,7 +9050,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
   ]), re((c) => ({ onKeyDown: (d) => {
     if (d.altKey || d.ctrlKey || d.metaKey || d.shiftKey) return;
     const u = o.getState(), h = Gn(j(u, "arrow-endpoint-drag"), e, c);
-    if (g0.includes(d.key)) {
+    if (v0.includes(d.key)) {
       if (d.preventDefault(), d.repeat) return;
       if (h !== null) {
         ca({
@@ -9068,7 +9074,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
       return;
     }
     if (h === null) return;
-    const p = f0(d.key, n);
+    const p = b0(d.key, n);
     p !== null && (d.preventDefault(), u.claimInteraction({
       kind: "arrow-endpoint-drag",
       annotationId: e,
@@ -9097,7 +9103,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     id: t,
     patch: ol(n, l.anchor)
   }));
-}, f0 = (e, t) => {
+}, b0 = (e, t) => {
   const n = me(sa, t.width), a = me(sa, t.height);
   switch (e) {
     case "ArrowLeft":
@@ -9123,11 +9129,11 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     default:
       return null;
   }
-}, b0 = (e) => {
-  const t = ot(), n = C0(t), a = x0(e.panelRect, t), o = w0(t);
+}, y0 = (e) => {
+  const t = ot(), n = x0(t), a = w0(e.panelRect, t), o = k0(t);
   if (n === null || a === null) return null;
   const i = o.dragged === null ? a : hr(a, o.dragged);
-  return /* @__PURE__ */ r(y0, {
+  return /* @__PURE__ */ r(S0, {
     arrow: n,
     committed: a,
     painted: i,
@@ -9135,12 +9141,12 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     moving: o.moving,
     ...e
   });
-}, y0 = ({ arrow: e, committed: t, painted: n, settled: a, moving: o, panelRect: i, frameRect: l, frameElement: s }) => {
-  const c = E(), d = m0({
+}, S0 = ({ arrow: e, committed: t, painted: n, settled: a, moving: o, panelRect: i, frameRect: l, frameElement: s }) => {
+  const c = E(), d = g0({
     annotationId: e.id,
     arrow: t,
     panelRect: i
-  }), u = v0({
+  }), u = f0({
     annotationId: e.id,
     arrow: t,
     panelRect: i
@@ -9148,24 +9154,24 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
   return /* @__PURE__ */ v("div", {
     "data-testid": "arrow-selection",
     "data-annotation-id": e.id,
-    children: [a && /* @__PURE__ */ r(c0, {
+    children: [a && /* @__PURE__ */ r(d0, {
       arrow: e,
-      arrowBox: z2(t.start, t.end, i),
+      arrowBox: B2(t.start, t.end, i),
       panelRect: i,
       frameWidth: l.width,
       frameHeight: l.height,
       frameElement: s
-    }), !o && Qi.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ r(S0, {
+    }), !o && Qi.filter((h) => e[h].anchorType === "panel").map((h) => /* @__PURE__ */ r(C0, {
       endpoint: h,
-      point: F2(n[h], i),
+      point: z2(n[h], i),
       label: c(`graph.annotations.arrowToolbar.moveEndpoint.${h}`),
       dragHandlers: d(h),
       keyboardHandlers: u(h)
     }, h))]
   });
-}, S0 = ({ endpoint: e, point: t, label: n, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ r("div", {
+}, C0 = ({ endpoint: e, point: t, label: n, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ r("div", {
   "aria-label": n,
-  className: d0,
+  className: u0,
   "data-testid": "arrow-endpoint-handle",
   "data-endpoint": e,
   role: "button",
@@ -9176,13 +9182,13 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
   tabIndex: 0,
   ...a,
   ...o
-}), C0 = (e) => {
+}), x0 = (e) => {
   const t = R((n) => n.spec.annotations.arrows);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, x0 = (e, t) => {
+}, w0 = (e, t) => {
   const n = De(e).arrows;
   return t === null ? null : n.find((a) => a.id === t) ?? null;
-}, w0 = (e) => ee(xe((t) => {
+}, k0 = (e) => ee(xe((t) => {
   if (e === null) return {
     dragged: null,
     moving: !1
@@ -9192,7 +9198,7 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     dragged: n?.annotationId === e ? n : null,
     moving: Nt(j(t, "move-drag"), e) !== null
   };
-})), k0 = (e) => /* @__PURE__ */ r(L, {
+})), T0 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -9201,22 +9207,22 @@ var h0 = (e, t) => Math.hypot(t.x - e.x, t.y - e.y) >= 3, it = class {
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M4 9h16m-4-4 4 4" }), /* @__PURE__ */ r("path", { d: "M20 15H4m4 4-4-4" })]
   })
-}), T0 = "q7gcrz0", A0 = "q7gcrz1", P0 = "q7gcrz2";
-var L0 = [
+}), A0 = "q7gcrz0", P0 = "q7gcrz1", L0 = "q7gcrz2";
+var I0 = [
   "absolute-difference",
   "relative-difference",
   "proportion"
-], da = ["absolute-difference", "relative-difference"], I0 = ["relative-difference", "proportion"], E0 = {
+], da = ["absolute-difference", "relative-difference"], E0 = ["relative-difference", "proportion"], M0 = {
   "absolute-difference": "graph.annotations.differenceArrowToolbar.labelKind.absoluteDifference",
   "relative-difference": "graph.annotations.differenceArrowToolbar.labelKind.relativeDifference",
   proportion: "graph.annotations.differenceArrowToolbar.labelKind.proportion"
-}, M0 = (e) => {
+}, O0 = (e) => {
   const { formattingLocale: t } = H(), n = R((o) => o.config.parsingLocale), a = t ?? n;
   return M(() => {
     const o = Ic(e.start, e.end);
-    return L0.filter((i) => o || !da.includes(i) || i === e.label).map((i) => ({
+    return I0.filter((i) => o || !da.includes(i) || i === e.label).map((i) => ({
       kind: i,
-      key: E0[i],
+      key: M0[i],
       preview: qc({
         locale: a,
         kind: i,
@@ -9225,7 +9231,7 @@ var L0 = [
         valueFormat: e.start.valueFormat
       }),
       pickable: o || !da.includes(i),
-      suspect: I0.includes(i) && e.start.measurementValue === 0
+      suspect: E0.includes(i) && e.start.measurementValue === 0
     }));
   }, [e, a]);
 }, ua = [
@@ -9241,8 +9247,8 @@ var L0 = [
     id: "large",
     key: "graph.annotations.differenceArrowToolbar.size.large"
   }
-], O0 = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
-  const s = E(), { commands: c } = H(), d = R((y) => y.spec.styles.overrides), u = R((y) => de(y.spec)), h = Kt(), p = M0(e), g = yd(W(), e.id), m = M(() => ({
+], R0 = ({ arrow: e, color: t, labelBox: n, panelRect: a, frameWidth: o, frameHeight: i, frameElement: l }) => {
+  const s = E(), { commands: c } = H(), d = R((y) => y.spec.styles.overrides), u = R((y) => de(y.spec)), h = Kt(), p = O0(e), g = yd(W(), e.id), m = M(() => ({
     target: "annotation",
     kind: "differenceArrow",
     annotation: e.id
@@ -9292,7 +9298,7 @@ var L0 = [
     children: [
       /* @__PURE__ */ r(_.Dropdown, {
         label: s("graph.annotations.differenceArrowToolbar.labelKind.ariaLabel"),
-        trigger: /* @__PURE__ */ r(R0, { option: b }),
+        trigger: /* @__PURE__ */ r(N0, { option: b }),
         disabled: !C,
         ...h.bind("labelKind"),
         children: p.map((y) => /* @__PURE__ */ v(_.MenuItem, {
@@ -9308,7 +9314,7 @@ var L0 = [
               children: "⚠"
             }),
             /* @__PURE__ */ r("span", {
-              className: P0,
+              className: L0,
               children: y.preview
             })
           ]
@@ -9336,7 +9342,7 @@ var L0 = [
       /* @__PURE__ */ r(_.IconButton, {
         label: s("graph.annotations.differenceArrowToolbar.swap"),
         onClick: te,
-        children: /* @__PURE__ */ r(k0, {
+        children: /* @__PURE__ */ r(T0, {
           size: "sm",
           title: ""
         })
@@ -9351,22 +9357,22 @@ var L0 = [
       })
     ]
   });
-}, R0 = ({ option: e }) => {
+}, N0 = ({ option: e }) => {
   const t = E();
   return e === void 0 ? null : /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r("span", {
-    className: A0,
+    className: P0,
     children: t(e.key)
   }), /* @__PURE__ */ v("span", {
-    className: T0,
+    className: A0,
     children: [
       "(",
       e.preview,
       ")"
     ]
   })] });
-}, N0 = "var(--ydgo3h0)";
-var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, panelOrigin: t, panelRect: n, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: s, align: c }) => {
-  const d = B0({
+}, D0 = "var(--ydgo3h0)";
+var _0 = "ydgo3h1", F0 = "ydgo3h2", z0 = "ydgo3h3", B0 = ({ clientPoint: e, panelOrigin: t, panelRect: n, engine: a, layers: o, coordSystem: i, resolver: l, fixedAnchor: s, align: c }) => {
+  const d = H0({
     x: e.x - t.x,
     y: e.y - t.y
   }, n), { primary: u } = a.query(Gt(d, n));
@@ -9382,7 +9388,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     align: c
   });
   return p === null || io(p.anchor, s) ? null : p;
-}, B0 = (e, t) => ({
+}, H0 = (e, t) => ({
   x: Math.max(0, Math.min(e.x, t.width)),
   y: Math.max(0, Math.min(e.y, t.height))
 }), il = (e) => e === "start" ? "end" : "start", ll = ({ dispatch: e, arrow: t, endpoint: n, anchor: a }) => {
@@ -9391,7 +9397,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     id: t.id,
     patch: { [n]: a }
   }));
-}, H0 = class extends it {
+}, G0 = class extends it {
   constructor(...e) {
     super(...e), this.kind = "difference-arrow-endpoint-drag";
   }
@@ -9403,7 +9409,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     return _a(j(e, "difference-arrow-endpoint-drag"), n().arrow.id, t);
   }
   resolvePreview(e) {
-    const { endpoint: t, readInputs: n, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: d } = n(), u = z0({
+    const { endpoint: t, readInputs: n, engine: a, anchorResolver: o } = this.params, { arrow: i, panelOrigin: l, panelRect: s, layers: c, coordSystem: d } = n(), u = B0({
       clientPoint: e,
       panelOrigin: l,
       panelRect: s,
@@ -9430,7 +9436,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
       anchor: e.anchor
     });
   }
-}, G0 = ({ arrow: e, panelOrigin: t, panelRect: n }) => {
+}, V0 = ({ arrow: e, panelOrigin: t, panelRect: n }) => {
   const { commands: a, anchorResolver: o } = H(), { engine: i } = et(), l = U(), s = ne({
     arrow: e,
     panelOrigin: t,
@@ -9447,7 +9453,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
       } catch {
         return;
       }
-      u.currentTarget.focus({ preventScroll: !0 }), u.preventDefault(), c.current = new H0({
+      u.currentTarget.focus({ preventScroll: !0 }), u.preventDefault(), c.current = new G0({
         handle: u.currentTarget,
         pointerId: u.pointerId,
         press: {
@@ -9472,7 +9478,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     o,
     a
   ]);
-}, V0 = [" ", "Enter"], $0 = ({ arrow: e }) => {
+}, $0 = [" ", "Enter"], W0 = ({ arrow: e }) => {
   const { commands: t, anchorResolver: n } = H(), a = U(), { layers: o, coordSystem: i, mainAxis: l } = R(xe((c) => ({
     layers: c.layers,
     coordSystem: c.coordSystem,
@@ -9484,7 +9490,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
   }, [a, s]), re((c) => ({ onKeyDown: (d) => {
     if (d.altKey || d.ctrlKey || d.metaKey || d.shiftKey) return;
     const u = a.getState(), h = _a(j(u, "difference-arrow-endpoint-drag"), e.id, c);
-    if (V0.includes(d.key)) {
+    if ($0.includes(d.key)) {
       if (d.preventDefault(), d.repeat) return;
       if (h === null) return u.claimInteraction({
         kind: "difference-arrow-endpoint-drag",
@@ -9501,10 +9507,10 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
       return;
     }
     if (h === null) return;
-    const p = W0(d.key, l);
+    const p = U0(d.key, l);
     if (p === null) return;
     d.preventDefault();
-    const g = U0({
+    const g = K0({
       arrow: e,
       endpoint: c,
       from: h.point.anchor,
@@ -9528,13 +9534,13 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     i,
     l
   ]);
-}, W0 = (e, t) => {
+}, U0 = (e, t) => {
   const n = e === "ArrowUp" || e === "ArrowDown";
   return !n && !(e === "ArrowLeft" || e === "ArrowRight") ? null : {
     axis: t === "x" === n ? "cross" : "main",
     step: e === "ArrowDown" || e === "ArrowRight" ? 1 : -1
   };
-}, U0 = ({ arrow: e, endpoint: t, from: n, move: a, layers: o, coordSystem: i, resolver: l }) => {
+}, K0 = ({ arrow: e, endpoint: t, from: n, move: a, layers: o, coordSystem: i, resolver: l }) => {
   const s = o.find((u) => u.id === n.layerId);
   if (s === void 0) return null;
   const c = l.createLayerMeasurement(s);
@@ -9556,15 +9562,15 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
       measurement: c
     })
   })?.point ?? null;
-}, K0 = (e) => {
+}, q0 = (e) => {
   const t = ot();
-  return t === null ? null : /* @__PURE__ */ r(q0, {
+  return t === null ? null : /* @__PURE__ */ r(j0, {
     annotationId: t,
     ...e
   });
-}, q0 = ({ annotationId: e, ...t }) => {
+}, j0 = ({ annotationId: e, ...t }) => {
   const n = us(), a = M(() => n.find((o) => o.id === e), [n, e]);
-  return a === void 0 ? null : /* @__PURE__ */ r(j0, {
+  return a === void 0 ? null : /* @__PURE__ */ r(X0, {
     committedArrow: a.committedArrow,
     color: a.color,
     labelCornerRadius: a.style.label.cornerRadius,
@@ -9575,17 +9581,17 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     dragging: a.dragging,
     ...t
   });
-}, j0 = ({ committedArrow: e, color: t, labelCornerRadius: n, committedLabelBox: a, labelBox: o, start: i, end: l, panelRect: s, panelOrigin: c, frameRect: d, frameElement: u, dragging: h }) => {
-  const p = G0({
+}, X0 = ({ committedArrow: e, color: t, labelCornerRadius: n, committedLabelBox: a, labelBox: o, start: i, end: l, panelRect: s, panelOrigin: c, frameRect: d, frameElement: u, dragging: h }) => {
+  const p = V0({
     arrow: e,
     panelOrigin: c,
     panelRect: s
-  }), g = $0({ arrow: e }), m = W().editOutline.selected().resolve().stroke;
+  }), g = W0({ arrow: e }), m = W().editOutline.selected().resolve().stroke;
   return /* @__PURE__ */ v("div", {
     "data-testid": "difference-arrow-selection",
-    style: Se({ [N0]: m }),
+    style: Se({ [D0]: m }),
     children: [
-      !h && /* @__PURE__ */ r(O0, {
+      !h && /* @__PURE__ */ r(R0, {
         arrow: e,
         color: t,
         labelBox: a,
@@ -9596,7 +9602,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
       }),
       /* @__PURE__ */ r("div", {
         "aria-hidden": "true",
-        className: F0,
+        className: z0,
         "data-testid": "difference-arrow-selection-label",
         style: {
           left: s.x + o.x - 2,
@@ -9623,7 +9629,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     ]
   });
 }, ha = ({ endpoint: e, point: t, panelRect: n, dragHandlers: a, keyboardHandlers: o }) => /* @__PURE__ */ r("div", {
-  className: D0,
+  className: _0,
   "data-testid": "difference-arrow-selection-handle",
   "data-endpoint": e,
   role: "button",
@@ -9636,7 +9642,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
   ...o,
   children: /* @__PURE__ */ r("span", {
     "aria-hidden": "true",
-    className: _0
+    className: F0
   })
 }), En = ({ start: e, extent: t, moveStartEdge: n, delta: a, minExtent: o }) => {
   if (!Number.isFinite(a)) return {
@@ -9656,7 +9662,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
     start: e,
     extent: Ve(i + a, s, c) - e
   };
-}, X0 = [
+}, Z0 = [
   "top-left",
   "top-right",
   "bottom-right",
@@ -9665,7 +9671,7 @@ var D0 = "ydgo3h1", _0 = "ydgo3h2", F0 = "ydgo3h3", z0 = ({ clientPoint: e, pane
 var sl = ({ width: e, height: t }) => ({
   x: me(16, e),
   y: me(16, t)
-}), Z0 = (e, t) => ({
+}), Y0 = (e, t) => ({
   x: ul(t) ? e.x : e.x + e.width,
   y: hl(t) ? e.y : e.y + e.height
 }), pr = (e) => ({
@@ -9697,14 +9703,14 @@ var sl = ({ width: e, height: t }) => ({
 }, dl = (e, t) => e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height, ul = (e) => e === "top-left" || e === "bottom-left", hl = (e) => e === "top-left" || e === "top-right", pl = (e, t, n, a) => {
   const o = e.textAnnotations.find((i) => i.id === t);
   return o === void 0 ? null : Bs(_s(o, n), a);
-}, Y0 = "var(--_1ee8fau0)";
-var J0 = {
+}, J0 = "var(--_1ee8fau0)";
+var Q0 = {
   hovered: "_1ee8fau2 _1ee8fau1",
   selected: "_1ee8fau3 _1ee8fau1"
-}, Q0 = {
+}, ev = {
   hovered: "_1ee8fau5 _1ee8fau4",
   selected: "_1ee8fau6 _1ee8fau4"
-}, ev = ({ panelRect: e }) => {
+}, tv = ({ panelRect: e }) => {
   const t = De(e), n = Ba(), a = W(), o = ot(), i = ee((f) => j(f, "move-drag")), l = ee((f) => j(f, "shape-resize-drag")), s = ee((f) => j(f, "arrow-endpoint-drag")), c = ee((f) => j(f, "text-resize-drag")), d = ee(Ms), u = M(() => ({
     panel: {
       width: e.width,
@@ -9754,7 +9760,7 @@ var J0 = {
     geometry: a
   };
 }, ma = ({ annotationId: e, geometry: t, state: n, origin: a }) => {
-  const o = W().editOutline.selected().resolve().stroke, i = Se({ [Y0]: o });
+  const o = W().editOutline.selected().resolve().stroke, i = Se({ [J0]: o });
   return t.shape === "segment" ? /* @__PURE__ */ v("div", {
     "aria-hidden": "true",
     "data-testid": "annotation-chrome",
@@ -9772,7 +9778,7 @@ var J0 = {
     })]
   }) : /* @__PURE__ */ r("div", {
     "aria-hidden": "true",
-    className: J0[n],
+    className: Q0[n],
     "data-testid": "annotation-chrome",
     "data-annotation-id": e,
     "data-state": n,
@@ -9785,12 +9791,12 @@ var J0 = {
     }
   });
 }, ga = ({ point: e, state: t, origin: n }) => /* @__PURE__ */ r("span", {
-  className: Q0[t],
+  className: ev[t],
   style: {
     left: n.x + e.x,
     top: n.y + e.y
   }
-}), tv = ({ panelRect: e }) => {
+}), nv = ({ panelRect: e }) => {
   const t = ee((o) => j(o, "move-drag")), n = De(e);
   if (t === null) return null;
   const a = al(t.translation, e);
@@ -9805,9 +9811,9 @@ var J0 = {
     },
     "data-testid": "annotation-preview",
     "data-annotation-id": t.annotationId,
-    children: av(n, t.annotationId, e)
+    children: ov(n, t.annotationId, e)
   });
-}, nv = ({ annotation: e, panel: t }) => {
+}, rv = ({ annotation: e, panel: t }) => {
   const n = Os(e.id);
   return /* @__PURE__ */ r(ys, {
     annotation: e,
@@ -9818,30 +9824,30 @@ var J0 = {
 }, mt = (e, t, n) => {
   const a = e.find((o) => o.id === t);
   return a === void 0 ? null : n(a);
-}, rv = {
-  text: (e, t, n) => mt(e.textAnnotations, t, (a) => /* @__PURE__ */ r(nv, {
+}, av = {
+  text: (e, t, n) => mt(e.textAnnotations, t, (a) => /* @__PURE__ */ r(rv, {
     annotation: a,
     panel: n
   })),
-  shape: (e, t, n) => mt(e.shapes, t, (a) => /* @__PURE__ */ r(iv, {
+  shape: (e, t, n) => mt(e.shapes, t, (a) => /* @__PURE__ */ r(lv, {
     shape: a,
     panelSize: n
   })),
-  image: (e, t, n) => mt(e.images, t, (a) => /* @__PURE__ */ r(lv, {
+  image: (e, t, n) => mt(e.images, t, (a) => /* @__PURE__ */ r(sv, {
     image: a,
     panelSize: n
   })),
-  arrow: (e, t, n) => mt(e.arrows, t, (a) => /* @__PURE__ */ r(ov, {
+  arrow: (e, t, n) => mt(e.arrows, t, (a) => /* @__PURE__ */ r(iv, {
     arrow: a,
     panelSize: n
   }))
-}, av = (e, t, n) => {
-  for (const a of Object.values(rv)) {
+}, ov = (e, t, n) => {
+  for (const a of Object.values(av)) {
     const o = a(e, t, n);
     if (o !== null) return o;
   }
   return null;
-}, ov = ({ arrow: e, panelSize: t }) => {
+}, iv = ({ arrow: e, panelSize: t }) => {
   const n = Xn(W(), e.id), a = so({
     arrow: e,
     style: n,
@@ -9853,15 +9859,15 @@ var J0 = {
     style: n,
     addressable: !1
   });
-}, iv = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Ha, {
+}, lv = ({ shape: e, panelSize: t }) => /* @__PURE__ */ r(Ha, {
   shape: e,
   style: W().annotation.shape(e.id).resolve(),
   panel: t
-}), lv = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(Ls, {
+}), sv = ({ image: e, panelSize: t }) => /* @__PURE__ */ r(Ls, {
   image: e,
   panel: t,
   style: W().annotation.image(e.id).resolve()
-}), sv = ({ panelRect: e }) => {
+}), cv = ({ panelRect: e }) => {
   const t = ee((i) => j(i, "shape-resize-drag")), n = De(e).shapes, a = W();
   if (t === null) return null;
   const o = n.find((i) => i.id === t.annotationId);
@@ -9885,10 +9891,10 @@ var J0 = {
       panel: e
     })
   });
-}, cv = "var(--o49ib40)", dv = {
+}, dv = "var(--o49ib40)", uv = {
   sm: "o49ib41",
   md: "o49ib42"
-}, uv = {
+}, hv = {
   horizontal: "o49ib43",
   diagonalDown: "o49ib44",
   diagonalUp: "o49ib45"
@@ -9896,12 +9902,12 @@ var J0 = {
   const s = W().editOutline.selected().resolve().stroke;
   return /* @__PURE__ */ r("div", {
     "aria-label": t,
-    className: uv[n],
+    className: hv[n],
     role: "button",
     style: {
       left: e.x,
       top: e.y,
-      ...Se({ [cv]: s })
+      ...Se({ [dv]: s })
     },
     tabIndex: 0,
     ...o,
@@ -9909,7 +9915,7 @@ var J0 = {
     ...l,
     children: /* @__PURE__ */ r("span", {
       "aria-hidden": "true",
-      className: dv[a]
+      className: uv[a]
     })
   });
 }, Mn = [
@@ -9929,8 +9935,8 @@ var J0 = {
     width: 16,
     key: "graph.annotations.shapeToolbar.border.thick"
   }
-], hv = (e) => [...Mn].reverse().find((t) => t.width <= e) ?? Mn[0], pv = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = E(), { commands: s } = H(), c = R((k) => k.spec.styles.overrides), d = R((k) => de(k.spec)), u = Kt(), h = W().annotation.shape(e.id).resolve(), p = hv(h.strokeWidth), g = M(() => ({
+], pv = (e) => [...Mn].reverse().find((t) => t.width <= e) ?? Mn[0], mv = ({ shape: e, shapeBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = E(), { commands: s } = H(), c = R((k) => k.spec.styles.overrides), d = R((k) => de(k.spec)), u = Kt(), h = W().annotation.shape(e.id).resolve(), p = pv(h.strokeWidth), g = M(() => ({
     target: "annotation",
     kind: "shape",
     annotation: e.id
@@ -10021,7 +10027,7 @@ var J0 = {
 }, Lt = (e, t) => {
   const n = e.shapes.find((a) => a.id === t);
   return n === void 0 || n.region.anchorType !== "panel" ? null : n.region;
-}, mv = class extends it {
+}, gv = class extends it {
   constructor(...e) {
     super(...e), this.kind = "shape-resize-drag";
   }
@@ -10049,12 +10055,12 @@ var J0 = {
       patch: { region: e }
     }));
   }
-}, gv = ({ annotationId: e, panelRect: t }) => {
+}, vv = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = H(), a = U(), o = ne({
     annotations: R((i) => i.spec.annotations),
     panelRect: t
   });
-  return gl((i, l) => new mv({
+  return gl((i, l) => new gv({
     ...l,
     annotationId: e,
     corner: i,
@@ -10062,12 +10068,12 @@ var J0 = {
     editorStore: a,
     dispatch: n.dispatch
   }));
-}, vv = [" ", "Enter"], vl = (e) => {
+}, fv = [" ", "Enter"], vl = (e) => {
   const t = U(), n = ne(e);
   return z(() => () => va(t, n.current), [t, n]), re((a) => ({ onKeyDown: (o) => {
     if (o.altKey || o.ctrlKey || o.metaKey || o.shiftKey) return;
     const i = t.getState(), l = n.current.readHeld();
-    if (vv.includes(o.key)) {
+    if (fv.includes(o.key)) {
       if (o.preventDefault(), o.repeat) return;
       if (l !== null) {
         va(t, n.current);
@@ -10085,7 +10091,7 @@ var J0 = {
 }, va = (e, t) => {
   const n = t.readHeld();
   n !== null && (e.getState().releaseInteraction(n.kind), t.commit(n));
-}, fa = 4, fv = ({ annotationId: e, panelRect: t }) => {
+}, fa = 4, bv = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = H(), a = U(), o = R((i) => i.spec.annotations);
   return vl({
     readHeld: () => Dn(j(a.getState(), "shape-resize-drag"), e),
@@ -10098,7 +10104,7 @@ var J0 = {
       };
     },
     step: (i, l, s) => {
-      const c = bv(s, t);
+      const c = yv(s, t);
       return c === null ? null : {
         kind: "shape-resize-drag",
         annotationId: e,
@@ -10119,7 +10125,7 @@ var J0 = {
       }));
     }
   });
-}, bv = (e, t) => {
+}, yv = (e, t) => {
   const n = me(fa, t.width), a = me(fa, t.height);
   switch (e) {
     case "ArrowLeft":
@@ -10145,49 +10151,49 @@ var J0 = {
     default:
       return null;
   }
-}, yv = {
+}, Sv = {
   "top-left": "diagonalDown",
   "bottom-right": "diagonalDown",
   "top-right": "diagonalUp",
   "bottom-left": "diagonalUp"
-}, Sv = (e) => {
-  const t = ot(), n = xv(t), a = wv(t);
+}, Cv = (e) => {
+  const t = ot(), n = wv(t), a = kv(t);
   if (n === null) return null;
   const o = a.resizedRegion ?? (n.region.anchorType === "panel" ? n.region : null);
-  return o === null ? null : /* @__PURE__ */ r(Cv, {
+  return o === null ? null : /* @__PURE__ */ r(xv, {
     shape: n,
     region: o,
     settled: a.resizedRegion === null && !a.moving,
     moving: a.moving,
     ...e
   });
-}, Cv = ({ shape: e, region: t, settled: n, moving: a, panelRect: o, frameRect: i, frameElement: l }) => {
-  const s = E(), c = gv({
+}, xv = ({ shape: e, region: t, settled: n, moving: a, panelRect: o, frameRect: i, frameElement: l }) => {
+  const s = E(), c = vv({
     annotationId: e.id,
     panelRect: o
-  }), d = fv({
+  }), d = bv({
     annotationId: e.id,
     panelRect: o
   }), u = W().annotation.shape(e.id).resolve(), { rect: h } = Ra(pr(t), u.strokeWidth, o);
   return /* @__PURE__ */ v("div", {
     "data-testid": "shape-selection",
     "data-annotation-id": e.id,
-    children: [n && /* @__PURE__ */ r(pv, {
+    children: [n && /* @__PURE__ */ r(mv, {
       shape: e,
       shapeBox: h,
       panelRect: o,
       frameWidth: i.width,
       frameHeight: i.height,
       frameElement: l
-    }), !a && X0.map((p) => {
-      const g = Z0(h, p);
+    }), !a && Z0.map((p) => {
+      const g = Y0(h, p);
       return /* @__PURE__ */ r(ml, {
         point: {
           x: o.x + g.x,
           y: o.y + g.y
         },
         label: s(`graph.annotations.shapeToolbar.resize.${p}`),
-        pull: yv[p],
+        pull: Sv[p],
         size: "md",
         attributes: {
           "data-testid": "shape-resize-handle",
@@ -10198,16 +10204,16 @@ var J0 = {
       }, p);
     })]
   });
-}, xv = (e) => {
+}, wv = (e) => {
   const t = R((n) => n.spec.annotations.shapes);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, wv = (e) => ee(xe((t) => e === null ? {
+}, kv = (e) => ee(xe((t) => e === null ? {
   resizedRegion: null,
   moving: !1
 } : {
   resizedRegion: Dn(j(t, "shape-resize-drag"), e)?.region ?? null,
   moving: Nt(j(t, "move-drag"), e) !== null
-})), kv = ({ textColor: e, ...t }) => /* @__PURE__ */ v(L, {
+})), Tv = ({ textColor: e, ...t }) => /* @__PURE__ */ v(L, {
   ...t,
   children: [/* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -10221,15 +10227,15 @@ var J0 = {
     strokeLinecap: "round"
   })]
 });
-var It = "textStyle", fl = /* @__PURE__ */ new Set(["paragraph", "heading"]), Tv = (e) => {
-  const t = bl(e), n = Mv(e);
+var It = "textStyle", fl = /* @__PURE__ */ new Set(["paragraph", "heading"]), Av = (e) => {
+  const t = bl(e), n = Ov(e);
   return {
-    color: gt(t.map((a) => Ov(cn(a)?.color))),
-    font: gt(t.map((a) => Ev(cn(a)))),
-    fontSize: gt(t.map((a) => Rv(cn(a)?.fontSize))),
-    alignment: gt(n.map((a) => Nv(a.attrs?.textAlign)))
+    color: gt(t.map((a) => Rv(cn(a)?.color))),
+    font: gt(t.map((a) => Mv(cn(a)))),
+    fontSize: gt(t.map((a) => Nv(cn(a)?.fontSize))),
+    alignment: gt(n.map((a) => Dv(a.attrs?.textAlign)))
   };
-}, Av = (e, t) => mr(e, (n) => n.type === "text" ? Iv(n, t) : n), Pv = (e) => bl(e).length > 0, Lv = (e, t) => mr(e, (n) => fl.has(n.type ?? "") ? {
+}, Pv = (e, t) => mr(e, (n) => n.type === "text" ? Ev(n, t) : n), Lv = (e) => bl(e).length > 0, Iv = (e, t) => mr(e, (n) => fl.has(n.type ?? "") ? {
   ...n,
   attrs: {
     ...n.attrs,
@@ -10238,7 +10244,7 @@ var It = "textStyle", fl = /* @__PURE__ */ new Set(["paragraph", "heading"]), Tv
 } : n), mr = (e, t) => t(e.content === void 0 ? e : {
   ...e,
   content: e.content.map((n) => mr(n, t))
-}), Iv = (e, t) => {
+}), Ev = (e, t) => {
   const n = e.marks ?? [], a = n.find((i) => i.type === It), o = {
     type: It,
     attrs: {
@@ -10250,10 +10256,10 @@ var It = "textStyle", fl = /* @__PURE__ */ new Set(["paragraph", "heading"]), Tv
     ...e,
     marks: a === void 0 ? [...n, o] : n.map((i) => i === a ? o : i)
   };
-}, cn = (e) => e.marks?.find((t) => t.type === It)?.attrs, Ev = (e) => xr(e?.font) ?? xr(e?.fontFamily), bl = (e) => gr(e, (t) => t.type === "text"), Mv = (e) => gr(e, (t) => fl.has(t.type ?? "")), gr = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => gr(n, t))], gt = (e) => {
+}, cn = (e) => e.marks?.find((t) => t.type === It)?.attrs, Mv = (e) => xr(e?.font) ?? xr(e?.fontFamily), bl = (e) => gr(e, (t) => t.type === "text"), Ov = (e) => gr(e, (t) => fl.has(t.type ?? "")), gr = (e, t) => [...t(e) ? [e] : [], ...(e.content ?? []).flatMap((n) => gr(n, t))], gt = (e) => {
   const [t, ...n] = e;
   return t === void 0 ? null : n.every((a) => a === t) ? t : null;
-}, Ov = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Rv = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Nv = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
+}, Rv = (e) => typeof e == "string" && e.length > 0 ? e : void 0, Nv = (e) => typeof e == "number" && Number.isFinite(e) ? e : void 0, Dv = (e) => e === "left" || e === "center" || e === "right" ? e : void 0;
 var yl = [
   {
     id: "modern",
@@ -10279,7 +10285,7 @@ var yl = [
   id: e,
   key: t,
   fontFamily: Ps[e] ?? e
-})), Dv = (e) => yl.find((t) => t.id === (e ?? "modern")) ?? null;
+})), _v = (e) => yl.find((t) => t.id === (e ?? "modern")) ?? null;
 var Sl = [
   {
     size: 12,
@@ -10301,7 +10307,7 @@ var Sl = [
     size: 30,
     key: "graph.annotations.textToolbar.fontSize.huge"
   }
-], _v = (e) => Sl.find((t) => t.size === (e ?? 15)) ?? null, Fv = (e) => `${e}px`, zv = [
+], Fv = (e) => Sl.find((t) => t.size === (e ?? 15)) ?? null, zv = (e) => `${e}px`, Bv = [
   {
     alignment: "left",
     Icon: ai
@@ -10314,8 +10320,8 @@ var Sl = [
     alignment: "right",
     Icon: ri
   }
-], Bv = ({ annotation: e, textBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
-  const l = E(), { commands: s } = H(), c = R((y) => y.spec.styles.overrides), d = R((y) => de(y.spec)), u = U(), h = Kt(), p = W().annotation.text(e.id).resolve(), g = Tv(e.content), m = Dv(g.font), f = _v(g.fontSize), b = g.color ?? p.textColor, C = M(() => ({
+], Hv = ({ annotation: e, textBox: t, panelRect: n, frameWidth: a, frameHeight: o, frameElement: i }) => {
+  const l = E(), { commands: s } = H(), c = R((y) => y.spec.styles.overrides), d = R((y) => de(y.spec)), u = U(), h = Kt(), p = W().annotation.text(e.id).resolve(), g = Av(e.content), m = _v(g.font), f = Fv(g.fontSize), b = g.color ?? p.textColor, C = M(() => ({
     target: "annotation",
     kind: "text",
     annotation: e.id
@@ -10339,18 +10345,18 @@ var Sl = [
     }), N);
   }, x = () => u.getState().caret?.editor?.getJSON() ?? e.content, I = (y, N) => {
     const G = x(), ie = u.getState().caret?.editor ?? null;
-    if (ie !== null && !Pv(G)) {
+    if (ie !== null && !Lv(G)) {
       ie.chain().focus().setMark(It, y).run();
       return;
     }
-    k({ content: Av(G, y) }, N);
+    k({ content: Pv(G, y) }, N);
   }, w = () => {
     s.dispatch(new $e({ id: e.id })), i.focus({ preventScroll: !0 });
-  }, A = (y) => P(Hv(y), { transient: !0 }), B = (y) => I({ color: y }, { transient: !0 }), te = (y) => () => {
+  }, A = (y) => P(Gv(y), { transient: !0 }), B = (y) => I({ color: y }, { transient: !0 }), te = (y) => () => {
     I({ font: y }), h.close();
   }, D = (y) => () => {
     I({ fontSize: y }), h.close();
-  }, S = (y) => k({ content: Lv(x(), y) });
+  }, S = (y) => k({ content: Iv(x(), y) });
   return /* @__PURE__ */ v(_.Root, {
     anchorBox: t,
     panelRect: n,
@@ -10372,7 +10378,7 @@ var Sl = [
         label: l("graph.annotations.textToolbar.color"),
         onChange: B,
         ...h.bind("color"),
-        children: /* @__PURE__ */ r(kv, {
+        children: /* @__PURE__ */ r(Tv, {
           size: "sm",
           textColor: b,
           title: ""
@@ -10402,13 +10408,13 @@ var Sl = [
           selected: y.size === f?.size,
           onClick: D(y.size),
           children: /* @__PURE__ */ r("span", {
-            style: { fontSize: Fv(y.size) },
+            style: { fontSize: zv(y.size) },
             children: l(y.key)
           })
         }, y.size))
       }),
       /* @__PURE__ */ r(_.Separator, {}),
-      /* @__PURE__ */ r(Gv, {
+      /* @__PURE__ */ r(Vv, {
         current: g.alignment ?? "center",
         onPick: S
       }),
@@ -10423,12 +10429,12 @@ var Sl = [
       })
     ]
   });
-}, Hv = (e) => e === "transparent" ? { fill: Fo } : {
+}, Gv = (e) => e === "transparent" ? { fill: Fo } : {
   fill: e,
   fillAlpha: Mh(e) ? Ac : 1
-}, Gv = ({ current: e, onPick: t }) => {
+}, Vv = ({ current: e, onPick: t }) => {
   const n = E(), a = (o) => () => t(o);
-  return /* @__PURE__ */ r($, { children: zv.map((o) => /* @__PURE__ */ r(_.ToggleButton, {
+  return /* @__PURE__ */ r($, { children: Bv.map((o) => /* @__PURE__ */ r(_.ToggleButton, {
     label: n(`graph.annotations.textToolbar.align.${o.alignment}`),
     pressed: o.alignment === e,
     onClick: a(o.alignment),
@@ -10437,8 +10443,8 @@ var Sl = [
       title: ""
     })
   }, o.alignment)) });
-}, Vv = ["left", "right"];
-var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
+}, $v = ["left", "right"];
+var Cl = ({ width: e }) => me(60, e), Wv = (e, t) => ({
   x: t === "left" ? e.x : e.x + e.width,
   y: e.y + e.height / 2
 }), xl = ({ at: e, width: t, align: n, edge: a, delta: o, minWidth: i, panelWidth: l }) => {
@@ -10447,7 +10453,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     width: t,
     shift: 0
   };
-  const s = Lc(n).x, c = Wv(e.offset, l), d = En({
+  const s = Lc(n).x, c = Uv(e.offset, l), d = En({
     start: e.x + c - s * t,
     extent: t,
     moveStartEdge: a === "left",
@@ -10462,14 +10468,14 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     width: d.extent,
     shift: u - e.x
   };
-}, wl = (e, t) => e.at.x === t.at.x && e.width === t.width, Wv = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? me(e.x, t) : e.x, Et = (e, t) => {
+}, wl = (e, t) => e.at.x === t.at.x && e.width === t.width, Uv = (e, t) => e?.x === void 0 ? 0 : e.unit === "px" ? me(e.x, t) : e.x, Et = (e, t) => {
   const n = e.textAnnotations.find((a) => a.id === t);
   return n === void 0 || n.at.anchorType !== "panel" ? null : {
     at: n.at,
     width: n.width,
     align: n.align
   };
-}, Uv = class extends it {
+}, Kv = class extends it {
   constructor(...e) {
     super(...e), this.kind = "text-resize-drag";
   }
@@ -10504,12 +10510,12 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
       }
     }));
   }
-}, Kv = ({ annotationId: e, panelRect: t }) => {
+}, qv = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = H(), a = U(), o = ne({
     annotations: R((i) => i.spec.annotations),
     panelRect: t
   });
-  return gl((i, l) => new Uv({
+  return gl((i, l) => new Kv({
     ...l,
     annotationId: e,
     edge: i,
@@ -10517,7 +10523,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     editorStore: a,
     dispatch: n.dispatch
   }));
-}, qv = 4, jv = ({ annotationId: e, panelRect: t }) => {
+}, jv = 4, Xv = ({ annotationId: e, panelRect: t }) => {
   const { commands: n } = H(), a = U(), o = R((l) => l.spec.annotations), i = (l, s) => {
     const c = Et(o, e);
     return c === null ? null : {
@@ -10537,7 +10543,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     readHeld: () => Fn(j(a.getState(), "text-resize-drag"), e),
     claim: (l) => i(l, 0),
     step: (l, s, c) => {
-      const d = Xv(c, t);
+      const d = Zv(c, t);
       return d === null ? null : i(s, l.delta + d);
     },
     commit: (l) => {
@@ -10552,8 +10558,8 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
       }));
     }
   });
-}, Xv = (e, t) => {
-  const n = me(qv, t.width);
+}, Zv = (e, t) => {
+  const n = me(jv, t.width);
   switch (e) {
     case "ArrowLeft":
       return -n;
@@ -10562,9 +10568,9 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     default:
       return null;
   }
-}, Zv = (e) => {
-  const t = ot(), n = Jv(t), a = Qv(t), o = ee((l) => l.caret?.annotationId === t), i = ef(e.panelRect, t, a.resized);
-  return n === null || i === null ? null : /* @__PURE__ */ r(Yv, {
+}, Yv = (e) => {
+  const t = ot(), n = Qv(t), a = ef(t), o = ee((l) => l.caret?.annotationId === t), i = tf(e.panelRect, t, a.resized);
+  return n === null || i === null ? null : /* @__PURE__ */ r(Jv, {
     annotation: n,
     textBox: i,
     settled: a.resized === null && !a.moving,
@@ -10573,26 +10579,26 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     hasCaret: o,
     ...e
   });
-}, Yv = ({ annotation: e, textBox: t, settled: n, moving: a, resizable: o, hasCaret: i, panelRect: l, frameRect: s, frameElement: c }) => {
-  const d = E(), u = Kv({
+}, Jv = ({ annotation: e, textBox: t, settled: n, moving: a, resizable: o, hasCaret: i, panelRect: l, frameRect: s, frameElement: c }) => {
+  const d = E(), u = qv({
     annotationId: e.id,
     panelRect: l
-  }), h = jv({
+  }), h = Xv({
     annotationId: e.id,
     panelRect: l
   });
   return /* @__PURE__ */ v("div", {
     "data-testid": "text-selection",
     "data-annotation-id": e.id,
-    children: [n && /* @__PURE__ */ r(Bv, {
+    children: [n && /* @__PURE__ */ r(Hv, {
       annotation: e,
       textBox: t,
       panelRect: l,
       frameWidth: s.width,
       frameHeight: s.height,
       frameElement: c
-    }), o && !a && !i && Vv.map((p) => {
-      const g = $v(t, p);
+    }), o && !a && !i && $v.map((p) => {
+      const g = Wv(t, p);
       return /* @__PURE__ */ r(ml, {
         point: {
           x: l.x + g.x,
@@ -10610,16 +10616,16 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
       }, p);
     })]
   });
-}, Jv = (e) => {
+}, Qv = (e) => {
   const t = R((n) => n.spec.annotations.textAnnotations);
   return e === null ? null : t.find((n) => n.id === e) ?? null;
-}, Qv = (e) => ee(xe((t) => e === null ? {
+}, ef = (e) => ee(xe((t) => e === null ? {
   resized: null,
   moving: !1
 } : {
   resized: Fn(j(t, "text-resize-drag"), e),
   moving: Nt(j(t, "move-drag"), e) !== null
-})), ef = (e, t, n) => {
+})), tf = (e, t, n) => {
   const a = De(e), o = Ba(), i = W(), l = M(() => ({
     panel: {
       width: e.width,
@@ -10634,7 +10640,7 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     i
   ]);
   return t === null ? null : pl(a, t, n, l)?.rect ?? null;
-}, tf = (e) => /* @__PURE__ */ r(L, {
+}, nf = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ v("g", {
     stroke: "currentColor",
@@ -10643,25 +10649,25 @@ var Cl = ({ width: e }) => me(60, e), $v = (e, t) => ({
     strokeLinejoin: "round",
     children: [/* @__PURE__ */ r("path", { d: "M12 5v14" }), /* @__PURE__ */ r("path", { d: "M5 12h14" })]
   })
-}), nf = "var(--_1tyillx0)", rf = "var(--_1tyillx1)", af = {
+}), rf = "var(--_1tyillx0)", af = "var(--_1tyillx1)", of = {
   rest: 0.5,
   hovered: 0.75,
   open: 1
 };
-var of = "_1tyillx2", lf = {
+var lf = "_1tyillx2", sf = {
   rest: "_1tyillx3",
   hovered: "_1tyillx4",
   open: "_1tyillx5"
-}, sf = "_1tyillx6", cf = {
+}, cf = "_1tyillx6", df = {
   closed: "_1tyillx7",
   open: "_1tyillx8"
-}, df = ({ interaction: e, panelRect: t }) => {
-  const n = U(), a = W().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = uf(e), l = M(() => {
+}, uf = ({ interaction: e, panelRect: t }) => {
+  const n = U(), a = W().editOutline.selected().resolve().stroke, o = e.kind === "trigger" || e.kind === "menu" ? e.anchor : null, i = hf(e), l = M(() => {
     if (o === null) return null;
     const s = yt(o.position, t);
     return {
       center: s,
-      radius: 19 * af[i],
+      radius: 19 * of[i],
       target: {
         kind: "observation",
         cursor: Gt(s, t)
@@ -10678,27 +10684,27 @@ var of = "_1tyillx2", lf = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": i,
-    className: ye(of, lf[i]),
+    className: ye(lf, sf[i]),
     style: {
       left: t.x + l.center.x,
       top: t.y + l.center.y,
       ...Se({
-        [nf]: o.color,
-        [rf]: a
+        [rf]: o.color,
+        [af]: a
       })
     },
     children: /* @__PURE__ */ r("span", {
-      className: ye(sf, cf[i === "open" ? "open" : "closed"]),
-      children: /* @__PURE__ */ r(tf, { size: "lg" })
+      className: ye(cf, df[i === "open" ? "open" : "closed"]),
+      children: /* @__PURE__ */ r(nf, { size: "lg" })
     })
   });
-}, uf = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.engaged ? "hovered" : "rest", hf = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', pf = (e, t) => {
+}, hf = (e) => e.kind === "menu" ? "open" : e.kind === "trigger" && e.engaged ? "hovered" : "rest", pf = 'button:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', mf = (e, t) => {
   const { chartId: n } = H(), a = U();
   z(() => {
     if (t === null) return;
     const o = (i) => {
       if (i.key !== "Tab" || i.defaultPrevented || !Ye(i.target, e, n) || Ho(i.target) || a.getState().standingInteraction?.kind === "chrome-popup") return;
-      const l = [...t.querySelectorAll(hf)];
+      const l = [...t.querySelectorAll(pf)];
       if (l.length === 0) return;
       i.preventDefault();
       const s = l.findIndex((c) => c === document.activeElement);
@@ -10711,7 +10717,7 @@ var of = "_1tyillx2", lf = {
     n,
     a
   ]);
-}, mf = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], kl = (e, t, n) => Mt(mf(e, t), n), gf = (e) => {
+}, gf = (e, t) => typeof document.elementsFromPoint == "function" ? document.elementsFromPoint(e, t) : [], kl = (e, t, n) => Mt(gf(e, t), n), vf = (e) => {
   const { selectionStore: t, chartId: n } = H(), a = U();
   z(() => {
     let o = null;
@@ -10735,12 +10741,12 @@ var of = "_1tyillx2", lf = {
     e,
     n
   ]);
-}, vf = (e, t) => {
+}, ff = (e, t) => {
   switch (e.kind) {
     case "legend": {
       const n = t.legends[e.part.legendIndex], a = n?.items[e.part.itemIndex];
       if (n === void 0 || a === void 0) return null;
-      const o = ff(n, a.layerId, t.layers);
+      const o = bf(n, a.layerId, t.layers);
       return o === null ? null : lo({
         layer: o.layer,
         scope: "series",
@@ -10755,29 +10761,29 @@ var of = "_1tyillx2", lf = {
       const a = t.formattedAxes.find((i) => i.scaleAestheticKey === "x");
       if (a === void 0 || a.bandwidth === void 0) return null;
       const o = a.ticks[n.tickIndex];
-      return o === void 0 ? null : Sf(t.layers, o.value, t.parsingLocale);
+      return o === void 0 ? null : Cf(t.layers, o.value, t.parsingLocale);
     }
     case "annotation":
     case "grid":
       return null;
   }
-}, ff = (e, t, n) => {
+}, bf = (e, t, n) => {
   const a = t === void 0 ? n : n.filter((o) => o.id === t);
   for (const o of e.aesthetics) {
-    const i = bf(a, o);
+    const i = yf(a, o);
     if (i !== null) return i;
   }
   return null;
-}, bf = (e, t) => {
+}, yf = (e, t) => {
   for (const n of e) {
     const a = Ht(n.mapping[t]);
-    if (a !== null && yf(n, a)) return {
+    if (a !== null && Sf(n, a)) return {
       layer: n,
       variable: a
     };
   }
   return null;
-}, yf = (e, t) => e.data.hasVariable(t) && e.data.getType(t) === "categorical", Sf = (e, t, n) => {
+}, Sf = (e, t) => e.data.hasVariable(t) && e.data.getType(t) === "categorical", Cf = (e, t, n) => {
   let a = null;
   for (const o of e) {
     if (!o.interactive) continue;
@@ -10796,7 +10802,7 @@ var of = "_1tyillx2", lf = {
     }
   }
   return a;
-}, Cf = ({ hover: e, layers: t, scales: n, parsingLocale: a }) => {
+}, xf = ({ hover: e, layers: t, scales: n, parsingLocale: a }) => {
   const { primary: o, intersection: i } = e;
   if (o === null) return null;
   const l = Z(t, o.layerId);
@@ -10817,7 +10823,7 @@ var of = "_1tyillx2", lf = {
     };
   }
   return null;
-}, xf = (e, t, n) => {
+}, wf = (e, t, n) => {
   if (!e.onObservation || e.target.scope !== "series") return null;
   const a = Z(t, e.layerId);
   return a === void 0 ? null : tt({
@@ -10839,7 +10845,7 @@ var of = "_1tyillx2", lf = {
     }),
     hover: null
   };
-  const p = l !== null && n === l, g = p && d ? wf(l) : null, m = g === null ? null : Tf(e, g, t), f = m === null ? null : Cf({
+  const p = l !== null && n === l, g = p && d ? kf(l) : null, m = g === null ? null : Af(e, g, t), f = m === null ? null : xf({
     hover: m,
     layers: u.layers,
     scales: u.scales,
@@ -10853,14 +10859,14 @@ var of = "_1tyillx2", lf = {
     targetAtPoint: C,
     hover: C?.kind === "observations" ? m : null
   };
-}, wf = (e) => {
+}, kf = (e) => {
   const t = e.getBoundingClientRect();
   return t.width > 0 && t.height > 0 ? t : null;
 }, ba = (e, t, n, { paintsAnnotations: a, resolvesGuides: o, frameElement: i, scene: l, hasOverlayMenu: s }) => {
   if (!a && l.coordSystem.type === "cartesian" && e && t) return null;
-  const c = e || a ? kl(n.clientX, n.clientY, i) : kf(n.target, i);
+  const c = e || a ? kl(n.clientX, n.clientY, i) : Tf(n.target, i);
   return c === null ? null : (c.kind === "annotation" ? a : o && s(c.target)) ? c : null;
-}, kf = (e, t) => e instanceof Element ? Mt([e], t) : null, Tf = (e, t, n) => {
+}, Tf = (e, t) => e instanceof Element ? Mt([e], t) : null, Af = (e, t, n) => {
   const a = Gt({
     x: e.clientX - t.left,
     y: e.clientY - t.top
@@ -10870,7 +10876,7 @@ var of = "_1tyillx2", lf = {
     viewport: t,
     includeAttached: !0
   });
-}, Af = class extends it {
+}, Pf = class extends it {
   constructor(...e) {
     super(...e), this.kind = "move-drag";
   }
@@ -10889,12 +10895,12 @@ var of = "_1tyillx2", lf = {
   }
   commit({ translation: e }) {
     const { annotationId: t, dispatch: n } = this.params;
-    u0(e) && n(new ec({
+    h0(e) && n(new ec({
       id: t,
       translation: e
     }));
   }
-}, Pf = (e, { canSelectGraph: t, withinFrame: n, caretAnnotationId: a }) => {
+}, Lf = (e, { canSelectGraph: t, withinFrame: n, caretAnnotationId: a }) => {
   switch (e?.kind) {
     case "annotation":
       return e.target.id === a ? { kind: "keep-caret" } : {
@@ -10909,7 +10915,7 @@ var of = "_1tyillx2", lf = {
         target: e.target
       };
     case "observations":
-      return Lf(e.observations);
+      return If(e.observations);
     case "menu-trigger":
     case void 0:
       break;
@@ -10918,14 +10924,14 @@ var of = "_1tyillx2", lf = {
     kind: "select-graph",
     target: { kind: "graph" }
   } : { kind: "clear" };
-}, Lf = ({ target: e, observationIndex: t, onObservation: n }) => e.scope === "x-value" ? {
+}, If = ({ target: e, observationIndex: t, onObservation: n }) => e.scope === "x-value" ? {
   kind: "select-band",
   target: e
 } : {
   kind: "select-observations",
   target: e,
   observationIndex: n ? t : null
-}, If = (e, t, n, a, o) => {
+}, Ef = (e, t, n, a, o) => {
   const { commands: i, selectionStore: l, store: s } = H(), c = U(), d = R((b) => b.spec.annotations), u = Ne[Ee()], h = ne(u.graphPress), p = ne({
     annotations: d,
     panelRect: n
@@ -10950,7 +10956,7 @@ var of = "_1tyillx2", lf = {
         return;
       }
       w.preventDefault();
-      const B = new Af({
+      const B = new Pf({
         handle: e,
         pointerId: w.pointerId,
         annotationId: A.id,
@@ -10986,7 +10992,7 @@ var of = "_1tyillx2", lf = {
       }
     }, x = (w) => {
       if (w.button !== 0 || fn(w.target) || Go(w, g.current, c.getState().menuTrigger) || C(w) || un(w.target, e)) return;
-      const A = Pf(b(w), {
+      const A = Lf(b(w), {
         canSelectGraph: h.current && a().hasOverlayMenu({ kind: "graph" }),
         withinFrame: w.target instanceof Node && e.contains(w.target),
         caretAnnotationId: c.getState().caret?.annotationId ?? null
@@ -10997,7 +11003,7 @@ var of = "_1tyillx2", lf = {
       const A = b(w), { layers: B, guides: te, config: D } = s.getState().scene, { hasOverlayMenu: S } = a(), y = l.getState(), N = c.getState();
       switch (A?.kind) {
         case "observations": {
-          const { observations: G } = A, ie = xf(G, B, D.parsingLocale);
+          const { observations: G } = A, ie = wf(G, B, D.parsingLocale);
           if (ie === null || !S(ie)) return;
           const { observationIndex: Yt } = G;
           N.setPressedObservation({
@@ -11009,7 +11015,7 @@ var of = "_1tyillx2", lf = {
         }
         case "axis":
         case "legend": {
-          const G = vf(A, {
+          const G = ff(A, {
             layers: B,
             legends: te.legends.drawn,
             formattedAxes: m.current,
@@ -11046,7 +11052,7 @@ var of = "_1tyillx2", lf = {
     h,
     a
   ]);
-}, Ef = (e) => {
+}, Mf = (e) => {
   const { selectionStore: t, commands: n, chartId: a } = H(), o = U(), i = ne(R((u) => u.spec.annotations.textAnnotations)), { annotations: l } = Ne[Ee()], s = re((u) => {
     const { selection: h } = t.getState(), p = l ? In(h) : null;
     p !== null && (u.preventDefault(), n.dispatch(new $e({ id: p })), e.focus({ preventScroll: !0 }));
@@ -11085,7 +11091,7 @@ var of = "_1tyillx2", lf = {
   z(() => {
     const u = (h) => {
       if (!Ye(h.target, e, a) || Ho(h.target)) return;
-      const p = Mf(h.target), g = o.getState().caret !== null && !ft(h.target, a);
+      const p = Of(h.target), g = o.getState().caret !== null && !ft(h.target, a);
       if (!(p && !g))
         switch (h.key) {
           case "Escape":
@@ -11108,7 +11114,7 @@ var of = "_1tyillx2", lf = {
     a,
     o
   ]);
-}, Mf = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Of = (e, t) => {
+}, Of = (e) => e instanceof HTMLElement && (e.isContentEditable || e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement), Rf = (e, t) => {
   const n = U(), { store: a } = H(), { engine: o, overlayRef: i } = et(), l = ne(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Ne[Ee()], h = Rs(), p = Wt(), g = c && !h;
   return re(() => ({
     frameElement: e,
@@ -11135,7 +11141,7 @@ var of = "_1tyillx2", lf = {
     u,
     a
   ]);
-}, Rf = () => {
+}, Nf = () => {
   const e = Ne[Ee()].observationMenu, t = bs((l) => e ? l.hover.primary : null), { layers: n, coordSystem: a } = R(xe((l) => ({
     layers: l.layers,
     coordSystem: l.coordSystem
@@ -11165,9 +11171,9 @@ var of = "_1tyillx2", lf = {
     o,
     i
   ]);
-}, Nf = { kind: "idle" }, Al = () => {
-  const e = ee((a) => a.standingInteraction), t = ee((a) => a.editTargetUnderPointer?.kind === "menu-trigger"), n = Rf();
-  return M(() => e !== null ? e : n === null ? Nf : {
+}, Df = { kind: "idle" }, Al = () => {
+  const e = ee((a) => a.standingInteraction), t = ee((a) => a.editTargetUnderPointer?.kind === "menu-trigger"), n = Nf();
+  return M(() => e !== null ? e : n === null ? Df : {
     kind: "trigger",
     anchor: n,
     engaged: t
@@ -11176,7 +11182,7 @@ var of = "_1tyillx2", lf = {
     n,
     t
   ]);
-}, Df = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, _f = (e, t, n) => {
+}, _f = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, Ff = (e, t, n) => {
   const a = U(), { selectionStore: o } = H(), { store: i, engine: l } = et(), s = ne(e), c = ne(t), d = ne(n);
   z(() => {
     const u = (f) => Go(f, c.current, a.getState().menuTrigger), h = (f) => {
@@ -11184,7 +11190,7 @@ var of = "_1tyillx2", lf = {
       const b = d.current, C = c.current, P = {
         x: f.clientX - C.x,
         y: f.clientY - C.y
-      }, k = Df(P, b) ? l.query(Gt(P, b)) : Vn;
+      }, k = _f(P, b) ? l.query(Gt(P, b)) : Vn;
       i.getState().setHoverState(k);
     };
     let p = !1;
@@ -11215,7 +11221,7 @@ var of = "_1tyillx2", lf = {
     c,
     d
   ]);
-}, Ff = (e, t, n) => {
+}, zf = (e, t, n) => {
   const a = U(), { store: o } = H(), { store: i } = et(), l = ne(t), s = Ne[Ee()].observationsPress;
   z(() => (i.getState().setEditorOwnsQuery(s), () => i.getState().setEditorOwnsQuery(!1)), [i, s]), z(() => {
     let c = null, d = null, u = !1;
@@ -11236,7 +11242,7 @@ var of = "_1tyillx2", lf = {
       }
       if (u && (u = !1, d = {
         ...d,
-        target: zf(d)
+        target: Bf(d)
       }), un(d.target, e)) {
         x.setEditTargetUnderPointer(null);
         return;
@@ -11274,7 +11280,7 @@ var of = "_1tyillx2", lf = {
     s,
     n
   ]);
-}, zf = (e) => typeof document.elementFromPoint == "function" ? document.elementFromPoint(e.clientX, e.clientY) : e.target, vt = (e) => {
+}, Bf = (e) => typeof document.elementFromPoint == "function" ? document.elementFromPoint(e.clientX, e.clientY) : e.target, vt = (e) => {
   if (e === null) return !1;
   switch (e.kind) {
     case "menu":
@@ -11287,9 +11293,9 @@ var of = "_1tyillx2", lf = {
     case "chrome-popup":
       return !1;
   }
-}, ya = "editor", Sa = [], Bf = (e, t, n, a, o) => {
-  const i = Al(), { store: l } = et(), s = Rt().length > 0, c = Ne[Ee()].holdsHoverWhileSelected, d = ee((m) => m.menuTrigger), u = i.kind === "menu", h = M(() => d === null ? Sa : [Ec(d)], [d]), p = Of(e, t);
-  Ff(e, t, p), If(e, t, n, p, o), _f(i, t, n), gf(e), Ef(e), pf(e, a), z(() => (l.getState().publishPointerRegions(ya, h), () => l.getState().publishPointerRegions(ya, Sa)), [l, h]);
+}, ya = "editor", Sa = [], Hf = (e, t, n, a, o) => {
+  const i = Al(), { store: l } = et(), s = Rt().length > 0, c = Ne[Ee()].holdsHoverWhileSelected, d = ee((m) => m.menuTrigger), u = i.kind === "menu", h = M(() => d === null ? Sa : [Ec(d)], [d]), p = Rf(e, t);
+  zf(e, t, p), Ef(e, t, n, p, o), Ff(i, t, n), vf(e), Mf(e), mf(e, a), z(() => (l.getState().publishPointerRegions(ya, h), () => l.getState().publishPointerRegions(ya, Sa)), [l, h]);
   const g = u || s && c;
   z(() => (l.getState().setSuspendsHover(g), () => l.getState().setSuspendsHover(!1)), [l, g]), z(() => {
     if (!s || !c) return;
@@ -11300,7 +11306,7 @@ var of = "_1tyillx2", lf = {
     s,
     c
   ]);
-}, Hf = ({ frameElement: e, panelRect: t, formattedAxes: n, animateTransitions: a }) => {
+}, Gf = ({ frameElement: e, panelRect: t, formattedAxes: n, animateTransitions: a }) => {
   const { measureRef: o, screenRect: i } = Ql(), { selectionStore: l } = H(), s = U(), c = ee((h) => h.caret?.annotationId ?? null), d = Ee(), u = ae(d);
   return z(() => (o(e), () => o(null)), [o, e]), z(() => () => {
     const h = s.getState();
@@ -11314,17 +11320,17 @@ var of = "_1tyillx2", lf = {
     d,
     s,
     l
-  ]), i === null ? null : /* @__PURE__ */ v(Pu, { children: [c !== null && /* @__PURE__ */ r(Gf, {
+  ]), i === null ? null : /* @__PURE__ */ v(Pu, { children: [c !== null && /* @__PURE__ */ r(Vf, {
     annotationId: c,
     panelRect: t
-  }), /* @__PURE__ */ r(Vf, {
+  }), /* @__PURE__ */ r($f, {
     frameElement: e,
     frameRect: i,
     panelRect: t,
     formattedAxes: n,
     animateTransitions: a
   })] });
-}, Gf = ({ annotationId: e, panelRect: t }) => {
+}, Vf = ({ annotationId: e, panelRect: t }) => {
   const n = U(), { textAnnotations: a } = De(t);
   return z(() => {
     a.some(({ id: o }) => o === e) || n.getState().setCaret(null);
@@ -11333,7 +11339,7 @@ var of = "_1tyillx2", lf = {
     a,
     n
   ]), null;
-}, Vf = ({ frameElement: e, frameRect: t, panelRect: n, formattedAxes: a, animateTransitions: o }) => {
+}, $f = ({ frameElement: e, frameRect: t, panelRect: n, formattedAxes: a, animateTransitions: o }) => {
   const i = M(() => ({
     x: t.left + n.x,
     y: t.top + n.y
@@ -11343,7 +11349,7 @@ var of = "_1tyillx2", lf = {
     n.x,
     n.y
   ]), [l, s] = X(null);
-  return Bf(e, i, n, l, a), /* @__PURE__ */ r($f, {
+  return Hf(e, i, n, l, a), /* @__PURE__ */ r(Wf, {
     frameElement: e,
     frameRect: t,
     panelOrigin: i,
@@ -11351,17 +11357,17 @@ var of = "_1tyillx2", lf = {
     boxRef: s,
     animateTransitions: o
   });
-}, $f = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, animateTransitions: i }) => {
+}, Wf = ({ frameElement: e, frameRect: t, panelOrigin: n, panelRect: a, boxRef: o, animateTransitions: i }) => {
   const l = We(), s = Al(), { annotations: c, editOutline: d, overlayMenu: u } = Ne[Ee()], h = M(() => ({
     width: t.width,
     height: t.height
   }), [t.width, t.height]);
-  return /* @__PURE__ */ v($, { children: [d && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(og, {
+  return /* @__PURE__ */ v($, { children: [d && /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(ig, {
     frameElement: e,
     frameSize: h,
     panelRect: a,
     animateTransitions: i
-  }), /* @__PURE__ */ r(Qg, { frameRect: t })] }), /* @__PURE__ */ r(Wp, {
+  }), /* @__PURE__ */ r(e2, { frameRect: t })] }), /* @__PURE__ */ r(Wp, {
     rect: t,
     zIndex: Xl.editorOverlay,
     container: l,
@@ -11369,55 +11375,55 @@ var of = "_1tyillx2", lf = {
     boxRef: o,
     children: /* @__PURE__ */ v(ue, { children: [
       c && /* @__PURE__ */ v($, { children: [
-        /* @__PURE__ */ r(K0, {
+        /* @__PURE__ */ r(q0, {
           panelRect: a,
           panelOrigin: n,
           frameRect: t,
           frameElement: e
         }),
-        /* @__PURE__ */ r(Sv, {
+        /* @__PURE__ */ r(Cv, {
           panelRect: a,
           frameRect: t,
           frameElement: e
         }),
-        /* @__PURE__ */ r(b0, {
+        /* @__PURE__ */ r(y0, {
           panelRect: a,
           frameRect: t,
           frameElement: e
         }),
-        /* @__PURE__ */ r(Zv, {
+        /* @__PURE__ */ r(Yv, {
           panelRect: a,
           frameRect: t,
           frameElement: e
         }),
-        /* @__PURE__ */ r(tv, { panelRect: a }),
-        /* @__PURE__ */ r(sv, { panelRect: a }),
-        /* @__PURE__ */ r(B2, { panelRect: a }),
-        /* @__PURE__ */ r(ev, { panelRect: a })
+        /* @__PURE__ */ r(nv, { panelRect: a }),
+        /* @__PURE__ */ r(cv, { panelRect: a }),
+        /* @__PURE__ */ r(H2, { panelRect: a }),
+        /* @__PURE__ */ r(tv, { panelRect: a })
       ] }),
-      /* @__PURE__ */ r(df, {
+      /* @__PURE__ */ r(uf, {
         interaction: s,
         panelRect: a
       }),
-      /* @__PURE__ */ r(N2, {
+      /* @__PURE__ */ r(D2, {
         interaction: s,
         frameElement: e,
         panelRect: a
       }),
-      u && /* @__PURE__ */ r(Yg, { frameElement: e })
+      u && /* @__PURE__ */ r(Jg, { frameElement: e })
     ] })
   })] });
-}, Wf = {}, i3 = ({ slots: e, mode: t, palettePresets: n = Wf, editMenus: a, ...o }) => /* @__PURE__ */ r(Mo, {
+}, Uf = {}, l3 = ({ slots: e, mode: t, palettePresets: n = Uf, editMenus: a, ...o }) => /* @__PURE__ */ r(Mo, {
   locale: zn(),
-  children: /* @__PURE__ */ r(_m, {
+  children: /* @__PURE__ */ r(Fm, {
     editMenus: a,
-    children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(um, {
+    children: /* @__PURE__ */ r(hs, { children: /* @__PURE__ */ r(hm, {
       value: n,
       children: /* @__PURE__ */ r(Zl, {
         editors: Vp,
         children: /* @__PURE__ */ r(Es, {
           slots: M(() => ({
-            EditorSurface: Hf,
+            EditorSurface: Gf,
             ...e
           }), [e]),
           mode: t,
@@ -11426,32 +11432,32 @@ var of = "_1tyillx2", lf = {
       })
     }) })
   })
-}), Uf = "_12lhx9e0", Pl = ({ children: e }) => /* @__PURE__ */ r("div", {
-  className: Uf,
-  children: e
-}), Kf = "_139ohwv0", oe = ({ children: e }) => /* @__PURE__ */ r("div", {
+}), Kf = "_12lhx9e0", Pl = ({ children: e }) => /* @__PURE__ */ r("div", {
   className: Kf,
   children: e
-}), Ll = Me(null), qf = Ll.Provider, jf = () => {
+}), qf = "_139ohwv0", oe = ({ children: e }) => /* @__PURE__ */ r("div", {
+  className: qf,
+  children: e
+}), Ll = Me(null), jf = Ll.Provider, Xf = () => {
   const e = he(Ll);
   if (!e) throw new Error("A section must be rendered inside <EditorPanel.Root>.");
   return e;
-}, Xf = "_1jlczkt0", Zf = "data-graphy-editor-panel", Yf = {
+}, Zf = "_1jlczkt0", Yf = "data-graphy-editor-panel", Jf = {
   List: oe,
   Grid: Pl
 };
-function Jf(e) {
+function Qf(e) {
   if (e === void 0) return !1;
   const t = e.split(/\s+/);
   return t.includes("_1ii3bsb0") || t.includes("_1ii3bsb1");
 }
-var Qf = () => () => {
-}, e5 = (e) => {
-  const t = wd(e?.store.subscribe ?? Qf, () => e?.store.getState().scene.config.parsingLocale);
-  return e?.formattingLocale ?? t;
+var e5 = () => () => {
 }, t5 = (e) => {
-  const t = he(ks), n = e5(t), a = Hs(), o = ws();
-  let i = /* @__PURE__ */ r(n5, { ...e });
+  const t = wd(e?.store.subscribe ?? e5, () => e?.store.getState().scene.config.parsingLocale);
+  return e?.formattingLocale ?? t;
+}, n5 = (e) => {
+  const t = he(ks), n = t5(t), a = Hs(), o = ws();
+  let i = /* @__PURE__ */ r(r5, { ...e });
   return !o && t && (i = /* @__PURE__ */ r(Is, {
     colorScheme: t.colorScheme,
     children: i
@@ -11460,9 +11466,9 @@ var Qf = () => () => {
     children: i
   })), i;
 }, Il = {
-  Root: t5,
-  Controls: Yf
-}, n5 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
+  Root: n5,
+  Controls: Jf
+}, r5 = ({ handle: e, children: t, controls: n, defaultExpandedSection: a = void 0, className: o }) => {
   const i = Bn(e), { themeClass: l, inlineVarsStyle: s } = Ot(), [c, d] = X(() => a ? [a] : []), u = M(() => ({
     expandSection: (h) => d([h]),
     collapseAllSections: () => d([])
@@ -11471,11 +11477,11 @@ var Qf = () => () => {
     value: i,
     children: /* @__PURE__ */ r(kh, {
       controls: n,
-      children: /* @__PURE__ */ r(qf, {
+      children: /* @__PURE__ */ r(jf, {
         value: u,
         children: /* @__PURE__ */ r(je.Root, {
-          [Zf]: "",
-          className: ye(Xf, o, { [l]: !Jf(o) }),
+          [Yf]: "",
+          className: ye(Zf, o, { [l]: !Qf(o) }),
           style: s,
           value: c,
           onValueChange: (h) => d(h),
@@ -11484,7 +11490,7 @@ var Qf = () => () => {
       })
     })
   });
-}, r5 = "_2m7wuq0", l3 = () => /* @__PURE__ */ r(jd, { className: r5 }), a5 = (e) => /* @__PURE__ */ r(L, {
+}, a5 = "_2m7wuq0", s3 = () => /* @__PURE__ */ r(jd, { className: a5 }), o5 = (e) => /* @__PURE__ */ r(L, {
   ...e,
   children: /* @__PURE__ */ r("g", {
     stroke: "currentColor",
@@ -11493,15 +11499,15 @@ var Qf = () => () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ r("path", { d: "m9 6 6 6-6 6" })
   })
-}), vr = "_40zvwv0", fr = "_40zvwv1", o5 = "_40zvwv2", El = "_40zvwv3", i5 = "_40zvwv4 _40zvwv3";
-var l5 = "_40zvwv6";
-var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ r(d5, {
+}), vr = "_40zvwv0", fr = "_40zvwv1", i5 = "_40zvwv2", El = "_40zvwv3", l5 = "_40zvwv4 _40zvwv3";
+var s5 = "_40zvwv6";
+var c5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory: a, onOpenChange: o, children: i }) => t === "collapsible" ? /* @__PURE__ */ r(u5, {
   title: e,
   preview: n,
   accessory: a,
   onOpenChange: o,
   children: i
-}) : t === "inline" && n === void 0 ? /* @__PURE__ */ r(c5, {
+}) : t === "inline" && n === void 0 ? /* @__PURE__ */ r(d5, {
   title: e,
   accessory: a,
   children: i
@@ -11524,7 +11530,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ]
   }), /* @__PURE__ */ r("div", { children: i })]
-}), c5 = ({ title: e, accessory: t, children: n }) => {
+}), d5 = ({ title: e, accessory: t, children: n }) => {
   const a = Le(), o = Le();
   return /* @__PURE__ */ r("div", {
     className: vr,
@@ -11534,11 +11540,11 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
         /* @__PURE__ */ r("label", {
           id: a,
           htmlFor: o,
-          className: i5,
+          className: l5,
           children: e
         }),
         /* @__PURE__ */ r("span", {
-          className: l5,
+          className: s5,
           children: /* @__PURE__ */ r(No, {
             labelId: a,
             controlId: o,
@@ -11552,7 +11558,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       ]
     })
   });
-}, d5 = ({ title: e, preview: t, accessory: n, onOpenChange: a, children: o }) => {
+}, u5 = ({ title: e, preview: t, accessory: n, onOpenChange: a, children: o }) => {
   const i = E();
   return /* @__PURE__ */ v(je.Item, {
     value: e,
@@ -11563,7 +11569,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       render: /* @__PURE__ */ r("div", {}),
       children: [
         /* @__PURE__ */ r(je.Trigger, {
-          className: o5,
+          className: i5,
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
         /* @__PURE__ */ r("span", {
@@ -11579,14 +11585,14 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
           children: n
         }),
         /* @__PURE__ */ r("span", {
-          className: s5,
-          children: /* @__PURE__ */ r(a5, { size: "sm" })
+          className: c5,
+          children: /* @__PURE__ */ r(o5, { size: "sm" })
         })
       ]
     }), /* @__PURE__ */ r(je.Panel, { children: /* @__PURE__ */ r("div", { children: o }) })]
   });
-}, u5 = ({ title: e, checked: t, onToggle: n, disabled: a, preview: o, children: i }) => {
-  const { expandSection: l, collapseAllSections: s } = jf(), { Switch: c } = F();
+}, h5 = ({ title: e, checked: t, onToggle: n, disabled: a, preview: o, children: i }) => {
+  const { expandSection: l, collapseAllSections: s } = Xf(), { Switch: c } = F();
   return /* @__PURE__ */ r(Y, {
     title: e,
     layout: "collapsible",
@@ -11604,15 +11610,15 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     }),
     children: i
   });
-}, h5 = {
+}, p5 = {
   horizontal: ["bottom", "top"],
   vertical: ["left", "right"]
-}, p5 = {
+}, m5 = {
   left: "editor.axesPanel.position.left",
   right: "editor.axesPanel.position.right",
   top: "editor.axesPanel.position.top",
   bottom: "editor.axesPanel.position.bottom"
-}, m5 = {
+}, g5 = {
   x: "editor.axesPanel.mainAxisSection.xAxis",
   y: "editor.axesPanel.mainAxisSection.yAxis"
 }, Ca = ({ axis: e, title: t, layout: n = "collapsible", preview: a }) => {
@@ -11620,12 +11626,12 @@ var s5 = "_40zvwv8", Y = ({ 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], g = i.scales[e], m = g?.spec, f = m?.scaleType === "continuous" ? m : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const b = m !== void 0 && "reverse" in m ? m : void 0, C = m?.scaleType === "continuous" || m?.scaleType === "datetime", P = f !== void 0 && fo(i, e), k = f?.transform === "log", x = f?.domainMax ?? null, I = g5(f), w = (O, fe) => O.map((st) => ({
+  const b = m !== void 0 && "reverse" in m ? m : void 0, C = m?.scaleType === "continuous" || m?.scaleType === "datetime", P = f !== void 0 && fo(i, e), k = f?.transform === "log", x = f?.domainMax ?? null, I = v5(f), w = (O, fe) => O.map((st) => ({
     value: st,
     label: fe(st)
-  })), A = i.guides.axes.find((O) => O.scaleAestheticKey === e)?.position, B = h5[A === "bottom" || A === "top" || A === void 0 && e === "x" ? "horizontal" : "vertical"], te = e === "y" ? ad(i.spec) : null, D = te === null ? void 0 : Z(i.spec.layers, te), S = i.guides.legends.drawn.some((O) => B.some((fe) => fe === O.position)), y = B.map((O) => ({
+  })), A = i.guides.axes.find((O) => O.scaleAestheticKey === e)?.position, B = p5[A === "bottom" || A === "top" || A === void 0 && e === "x" ? "horizontal" : "vertical"], te = e === "y" ? ad(i.spec) : null, D = te === null ? void 0 : Z(i.spec.layers, te), S = i.guides.legends.drawn.some((O) => B.some((fe) => fe === O.position)), y = B.map((O) => ({
     value: O,
-    label: l(p5[O])
+    label: l(m5[O])
   })), N = w(["auto", "edges"], (O) => l(O === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), G = w(["linear", "log"], (O) => l(O === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), ie = w([
     "auto",
     "zero",
@@ -11694,7 +11700,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     }));
   };
   return /* @__PURE__ */ r(Y, {
-    title: t ?? l(m5[e]),
+    title: t ?? l(g5[e]),
     layout: n,
     preview: a,
     children: /* @__PURE__ */ v(oe, { children: [
@@ -11794,7 +11800,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       ] })
     ] })
   });
-}, g5 = (e) => {
+}, v5 = (e) => {
   const t = e?.domainMin ?? null;
   return t === null ? "auto" : t === 0 ? "zero" : "custom";
 }, xa = (e, t) => {
@@ -11811,7 +11817,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       disabled: i
     })
   });
-}, v5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, f5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
@@ -11837,7 +11843,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       onChange: d
     })] })
   });
-}, wa = /^[a-z][a-z\d+.-]*:/i, f5 = {}, b5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, wa = /^[a-z][a-z\d+.-]*:/i, b5 = {}, y5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (d) => {
@@ -11856,9 +11862,9 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
         checked: s.showSource,
         onChange: c
       })
-    }), /* @__PURE__ */ r(y5, { source: s.source ?? f5 })] })
+    }), /* @__PURE__ */ r(S5, { source: s.source ?? b5 })] })
   });
-}, y5 = ({ source: e }) => {
+}, S5 = ({ source: e }) => {
   const t = q(), n = E(), { TextField: a } = F(), o = (c) => {
     const d = (c.label ?? "") !== "" || (c.url ?? "") !== "";
     t.commands.dispatch(new oc({ source: d ? c : null }), { transient: !0 });
@@ -11891,7 +11897,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       onCommit: t.commands.commit
     })
   })] });
-}, S5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, C5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
@@ -11943,7 +11949,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   2.5,
   3,
   4
-], C5 = On.length / 2, x5 = { select: { target: "graph" } }, w5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+], x5 = On.length / 2, w5 = { select: { target: "graph" } }, k5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { RadioGrid: l } = F(), s = lt(o);
   if (!o || !s) return null;
   const c = s.graph().get("textScale"), d = (p) => i("editor.elementsPanel.textSizeSection.scaleFormat", { value: `${p}` }), u = On.map((p) => ({
@@ -11952,7 +11958,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   })), h = (p) => {
     const g = On.find((f) => `${f}` === p);
     if (g === void 0) return;
-    const m = Pe(o.spec.styles.overrides, x5, de(o.spec))?.declarations ?? {};
+    const m = Pe(o.spec.styles.overrides, w5, de(o.spec))?.declarations ?? {};
     a.commands.dispatch(new Oe({
       list: "overrides",
       rule: {
@@ -11971,12 +11977,12 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ r(l, {
       value: `${c}`,
       options: u,
-      columns: C5,
+      columns: x5,
       onChange: h,
       ariaLabel: i("editor.elementsPanel.textSizeSection.title")
     })
   });
-}, k5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, T5 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Switch: l } = F();
   if (!o) return null;
   const s = o.config.content, c = (u) => {
@@ -12002,26 +12008,26 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       onChange: d
     })] })
   });
-}, s3 = ({ children: e, ...t }) => /* @__PURE__ */ r(Il.Root, {
+}, c3 = ({ children: e, ...t }) => /* @__PURE__ */ r(Il.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ v($, { children: [
-    /* @__PURE__ */ r(k5, {}),
-    /* @__PURE__ */ r(S5, {}),
-    /* @__PURE__ */ r(v5, {}),
-    /* @__PURE__ */ r(b5, {}),
-    /* @__PURE__ */ r(w5, {})
+    /* @__PURE__ */ r(T5, {}),
+    /* @__PURE__ */ r(C5, {}),
+    /* @__PURE__ */ r(f5, {}),
+    /* @__PURE__ */ r(y5, {}),
+    /* @__PURE__ */ r(k5, {})
   ] })
-}), c3 = ({ children: e, ...t }) => /* @__PURE__ */ r(Il.Root, {
+}), d3 = ({ children: e, ...t }) => /* @__PURE__ */ r(Il.Root, {
   ...t,
   children: e ?? /* @__PURE__ */ v($, { children: [/* @__PURE__ */ r(Ca, { axis: "x" }), /* @__PURE__ */ r(Ca, { axis: "y" })] })
-}), jt = (e) => `${e}px`, Ol = (e) => `${Math.round(e * 100)}%`, T5 = (e) => `${e}°`, A5 = 24, P5 = { select: { target: "graph" } }, ka = ["dim", "desaturate"], d3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}), jt = (e) => `${e}px`, Ol = (e) => `${Math.round(e * 100)}%`, A5 = (e) => `${e}°`, P5 = 24, L5 = { select: { target: "graph" } }, ka = ["dim", "desaturate"], u3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Slider: l, ToggleGroup: s } = F(), c = lt(o);
   if (!o || !c) return null;
   const d = c.graph().get("cornerRadius"), u = sd(o.spec), h = ka.map((m) => ({
     value: m,
     label: i(m === "dim" ? "editor.highlighting.highlightStyle.tint" : "editor.highlighting.highlightStyle.gray")
   })), p = (m) => {
-    const f = Pe(o.spec.styles.overrides, P5, de(o.spec))?.declarations ?? {};
+    const f = Pe(o.spec.styles.overrides, L5, de(o.spec))?.declarations ?? {};
     a.commands.dispatch(new Oe({
       list: "overrides",
       rule: {
@@ -12045,7 +12051,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       children: /* @__PURE__ */ r(l, {
         value: d,
         min: 0,
-        max: A5,
+        max: P5,
         step: 1,
         formatValue: jt,
         onChange: p,
@@ -12060,7 +12066,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     })] })
   });
-}, L5 = 0.05, u3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, I5 = 0.05, h3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Slider: l, ToggleGroup: s } = F(), c = o ? po(o.spec.layers, "bar") : void 0, d = Ml(o, c?.id ?? null, "bar");
   if (!o || !c || o.coordSystem.type === "polar" && o.coordSystem.bandAxis === null) return null;
   const u = (f) => {
@@ -12088,7 +12094,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
         value: g,
         min: Qs,
         max: Js,
-        step: L5,
+        step: I5,
         formatValue: Ol,
         onChange: u,
         onCommit: a.commands.commit
@@ -12128,7 +12134,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       floodOpacity: "0.16"
     })]
   }) })] });
-}, Zt = "qdaoth0", I5 = (e) => /* @__PURE__ */ v(L, {
+}, Zt = "qdaoth0", E5 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 31 33",
   ...e,
   children: [/* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ r("path", {
@@ -12140,7 +12146,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M12.0591 7.11C11.5767 7.11 11.1857 6.71899 11.1857 6.23664C11.1857 5.7543 11.5767 5.36328 12.0591 5.36328H24.8684C25.3507 5.36328 25.7417 5.7543 25.7417 6.23664V19.0459C25.7417 19.5283 25.3507 19.9193 24.8684 19.9193C24.386 19.9193 23.995 19.5283 23.995 19.0459V8.34512L6.8542 25.4859C6.51313 25.827 5.96015 25.827 5.61908 25.4859C5.27801 25.1448 5.27801 24.5919 5.61908 24.2508L22.7599 7.11H12.0591Z"
   })]
-}), E5 = (e) => /* @__PURE__ */ r(L, {
+}), M5 = (e) => /* @__PURE__ */ r(L, {
   viewBox: "0 0 32 32",
   ...e,
   children: /* @__PURE__ */ v(Xt, { children: [/* @__PURE__ */ r("path", {
@@ -12150,7 +12156,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M24.25 9C24.25 8.30964 23.6904 7.75 23 7.75H9C8.30964 7.75 7.75 8.30964 7.75 9V23C7.75 23.6904 8.30964 24.25 9 24.25H23C23.6904 24.25 24.25 23.6904 24.25 23V9ZM25.75 23C25.75 24.5188 24.5188 25.75 23 25.75H9C7.48122 25.75 6.25 24.5188 6.25 23V9C6.25 7.48122 7.48122 6.25 9 6.25H23C24.5188 6.25 25.75 7.48122 25.75 9V23Z"
   })] })
-}), M5 = (e) => /* @__PURE__ */ v(L, {
+}), O5 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ r("path", {
@@ -12164,7 +12170,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     clipRule: "evenodd",
     d: "M25.25 22C25.25 20.7574 24.2426 19.75 23 19.75C21.7574 19.75 20.75 20.7574 20.75 22C20.75 23.2426 21.7574 24.25 23 24.25C24.2426 24.25 25.25 23.2426 25.25 22ZM23 18.25C25.0711 18.25 26.75 19.9289 26.75 22C26.75 24.0711 25.0711 25.75 23 25.75C20.9289 25.75 19.25 24.0711 19.25 22C19.25 19.9289 20.9289 18.25 23 18.25ZM11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25C10.2426 11.25 11.25 10.2426 11.25 9ZM9.75 12.675C11.4617 12.3275 12.75 10.8142 12.75 9C12.75 6.92893 11.0711 5.25 9 5.25C6.92893 5.25 5.25 6.92893 5.25 9C5.25 10.8142 6.53832 12.3275 8.25 12.675L8.25 24C8.25 24.4142 8.58579 24.75 9 24.75L16 24.75C16.4142 24.75 16.75 24.4142 16.75 24L16.75 7.75L22.25 7.75L22.25 14.1893L21.0303 12.9697C20.7374 12.6768 20.2626 12.6768 19.9697 12.9697C19.6768 13.2626 19.6768 13.7374 19.9697 14.0303L22.4697 16.5303C22.7626 16.8232 23.2374 16.8232 23.5303 16.5303L26.0303 14.0303C26.3232 13.7374 26.3232 13.2626 26.0303 12.9697C25.7374 12.6768 25.2626 12.6768 24.9697 12.9697L23.75 14.1893L23.75 7C23.75 6.58579 23.4142 6.25 23 6.25L16 6.25C15.5858 6.25 15.25 6.58579 15.25 7L15.25 23.25L9.75 23.25L9.75 12.675Z"
   })]
-}), O5 = (e) => /* @__PURE__ */ v(L, {
+}), R5 = (e) => /* @__PURE__ */ v(L, {
   viewBox: "0 0 32 33",
   ...e,
   children: [/* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ r("path", {
@@ -12174,21 +12180,21 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     fill: "currentColor",
     d: "M8.41371 5H20.7271C21.1595 5 21.5325 5 21.8398 5.02507C22.1641 5.05157 22.4867 5.11007 22.7971 5.26822C23.2601 5.50416 23.6366 5.88064 23.8726 6.3437C24.0307 6.65409 24.0892 6.97666 24.1157 7.30097C24.1408 7.60823 24.1408 7.98127 24.1408 8.41369V9.10155C24.1408 9.55465 23.7735 9.92195 23.3205 9.92195C22.8674 9.92195 22.5001 9.55465 22.5001 9.10155V8.44533C22.5001 7.97237 22.4995 7.66699 22.4805 7.43457C22.4623 7.21172 22.4314 7.12909 22.4107 7.08853C22.3321 6.93418 22.2066 6.80869 22.0522 6.73004C22.0117 6.70938 21.9291 6.67847 21.7062 6.66026C21.4738 6.64127 21.1684 6.64063 20.6954 6.64063H15.3907V24.6877H20.0392C20.4922 24.6877 20.8595 25.0549 20.8595 25.508C20.8595 25.961 20.4922 26.3283 20.0392 26.3283H9.10159C8.64854 26.3283 8.28127 25.961 8.28127 25.508C8.28127 25.0549 8.64854 24.6877 9.10159 24.6877H13.7501V6.64063H8.44533C7.97238 6.64063 7.66699 6.64127 7.43457 6.66026C7.21172 6.67847 7.1291 6.70938 7.08854 6.73004C6.93418 6.80869 6.80869 6.93418 6.73004 7.08853C6.70938 7.12909 6.67847 7.21172 6.66026 7.43457C6.64127 7.66699 6.64063 7.97237 6.64063 8.44533V9.10155C6.64063 9.55465 6.27337 9.92195 5.82032 9.92195C5.36727 9.92195 5 9.55465 5 9.10155V8.41371C5 7.98128 5 7.60823 5.02508 7.30097C5.05157 6.97666 5.11007 6.65409 5.26823 6.3437C5.50417 5.88064 5.88064 5.50416 6.3437 5.26822C6.65409 5.11007 6.97666 5.05157 7.30097 5.02507C7.60824 5 7.98129 5 8.41371 5Z"
   })]
-}), R5 = {
+}), N5 = {
   x: 0.5,
   y: 0.5
-}, N5 = 0.2, D5 = {
+}, D5 = 0.2, _5 = {
   x: 0.375,
   y: 0.25,
   width: 0.25,
   height: 0.5
-}, _5 = { zOrder: "background" }, F5 = {
+}, F5 = { zOrder: "background" }, z5 = {
   x: 0.4,
   y: 0.6
-}, z5 = {
+}, B5 = {
   x: 0.6,
   y: 0.4
-}, B5 = "relative-difference", h3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, H5 = "relative-difference", p3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Button: l } = F();
   if (!o) return null;
   const s = () => {
@@ -12196,12 +12202,12 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       kind: "text",
       annotation: {
         ...Tc,
-        content: H5(i("editor.annotatePanel.callOutSection.text")),
+        content: G5(i("editor.annotatePanel.callOutSection.text")),
         at: {
           anchorType: "panel",
-          ...R5
+          ...N5
         },
-        width: N5
+        width: D5
       }
     }));
   }, c = () => {
@@ -12211,11 +12217,11 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
         ...$s,
         start: {
           anchorType: "panel",
-          ...F5
+          ...z5
         },
         end: {
           anchorType: "panel",
-          ...z5
+          ...B5
         }
       }
     }));
@@ -12224,10 +12230,10 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       kind: "shape",
       annotation: {
         ...nc,
-        ..._5,
+        ...F5,
         region: {
           anchorType: "panel",
-          ...D5
+          ..._5
         }
       }
     }));
@@ -12238,7 +12244,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       annotation: {
         ...Wa,
         ...p,
-        label: B5
+        label: H5
       }
     }));
   }, h = o.coordSystem.type === "cartesian";
@@ -12249,31 +12255,31 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ v(Pl, { children: [
       /* @__PURE__ */ r(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ r(O5, { size: "xl" }),
+        icon: /* @__PURE__ */ r(R5, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.text"),
         onClick: s
       }),
       /* @__PURE__ */ r(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ r(I5, { size: "xl" }),
+        icon: /* @__PURE__ */ r(E5, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.arrow"),
         onClick: c
       }),
       /* @__PURE__ */ r(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ r(E5, { size: "xl" }),
+        icon: /* @__PURE__ */ r(M5, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.box"),
         onClick: d
       }),
       h && /* @__PURE__ */ r(l, {
         variant: "tile",
-        icon: /* @__PURE__ */ r(M5, { size: "xl" }),
+        icon: /* @__PURE__ */ r(O5, { size: "xl" }),
         label: i("editor.annotatePanel.callOutSection.difference"),
         onClick: u
       })
     ] })
   });
-}, H5 = (e) => ({
+}, G5 = (e) => ({
   type: "doc",
   content: [{
     type: "paragraph",
@@ -12282,7 +12288,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       text: e
     }]
   }]
-}), p3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}), m3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { ToggleGroup: l } = F();
   if (!o) return null;
   const s = zt(o.spec);
@@ -12308,13 +12314,13 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       ariaLabel: i("editor.graphPanel.comboSection.title")
     })
   });
-}, G5 = 0.1, V5 = 20, m3 = ({ title: e, preview: t }) => {
+}, V5 = 0.1, $5 = 20, g3 = ({ title: e, preview: t }) => {
   const n = q(), a = K(n), o = E(), { NumberField: i, TextField: l } = F();
   if (!a || a.coordSystem.type === "polar") return null;
   const s = $c(a.spec.layers), c = e ?? o("editor.annotationsPanel.goalSection.title"), d = id(s?.mapping.y), u = typeof d == "number" ? d : null, h = (m) => {
     const f = new Pc({
       showGoalLine: m,
-      value: $5(a),
+      value: W5(a),
       ...s !== void 0 && { layerId: s.id }
     });
     n.commands.dispatch(f);
@@ -12333,7 +12339,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     });
     n.commands.dispatch(f, { transient: !0 });
   };
-  return /* @__PURE__ */ r(u5, {
+  return /* @__PURE__ */ r(h5, {
     title: c,
     preview: t,
     checked: s !== void 0,
@@ -12358,14 +12364,14 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     })] })
   });
-}, $5 = (e) => {
+}, W5 = (e) => {
   const t = (e.scales.y?.domain ?? []).filter((l) => typeof l == "number");
   if (t.length === 0) return 0;
   const n = Math.max(...t), a = n - Math.min(...t), o = a > 0 ? a : Math.abs(n);
   if (o === 0) return 0;
-  const i = Math.min(V5, Math.max(0, 1 - Math.floor(Math.log10(o))));
-  return Number((n + o * G5).toFixed(i));
-}, g3 = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
+  const i = Math.min($5, Math.max(0, 1 - Math.floor(Math.log10(o))));
+  return Number((n + o * V5).toFixed(i));
+}, v3 = ({ layerId: e, title: t, layout: n = "collapsible", preview: a }) => {
   const o = q(), i = K(o), l = E(), { Switch: s } = F();
   if (!i) return null;
   const c = e === void 0 ? i.layers[0] : Z(i.layers, e);
@@ -12435,7 +12441,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })
   });
-}, W5 = 3, v3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, U5 = 3, f3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { RadioGrid: l } = F(), s = M(() => Qe.map(({ name: h, icon: p, summary: g }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
@@ -12454,12 +12460,12 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     children: /* @__PURE__ */ r(l, {
       value: d?.name ?? "",
       options: s,
-      columns: W5,
+      columns: U5,
       onChange: u,
       ariaLabel: i("editor.graphPanel.graphTypeSection.title")
     })
   });
-}, f3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, b3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Slider: l, Switch: s, ToggleGroup: c } = F(), d = lt(o), u = o !== null && d !== null ? Ii(o, d) : null;
   if (u === null) return null;
   const h = u.axes.some((b) => b.showGrid), p = At.map((b) => ({
@@ -12481,7 +12487,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     layout: t,
     preview: n,
     children: /* @__PURE__ */ v(oe, { children: [u.axes.map((b) => /* @__PURE__ */ r(T, {
-      label: i(U5(b)),
+      label: i(K5(b)),
       children: /* @__PURE__ */ r(s, {
         checked: b.showGrid,
         onChange: g(b.scaleAestheticKey)
@@ -12506,21 +12512,21 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     })] })] })
   });
-}, U5 = (e) => e.geometry === "radial" ? "editor.graphPanel.gridSection.rings" : e.geometry === "circular" ? "editor.graphPanel.gridSection.spokes" : e.scaleAestheticKey === "x" ? "editor.graphPanel.gridSection.verticalGridLines" : "editor.graphPanel.gridSection.horizontalGridLines", K5 = "total", Rl = [
+}, K5 = (e) => e.geometry === "radial" ? "editor.graphPanel.gridSection.rings" : e.geometry === "circular" ? "editor.graphPanel.gridSection.spokes" : e.scaleAestheticKey === "x" ? "editor.graphPanel.gridSection.verticalGridLines" : "editor.graphPanel.gridSection.horizontalGridLines", q5 = "total", Rl = [
   "total",
   "average",
   "current"
-], q5 = ["total"], Ta = ["previous", "first"], Aa = [
+], j5 = ["total"], Ta = ["previous", "first"], Aa = [
   "auto",
   "small",
   "medium",
   "large"
-], b3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+], y3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Switch: l, ToggleGroup: s } = F();
   if (!o) return null;
   const c = o.config.headline, d = c.show !== "none", u = o.coordSystem, h = u.type === "polar", p = u.type === "polar" && u.innerRadius > 0, g = o.layers.some((D) => D.summary.grandTotal !== void 0);
   if (h && !g) return null;
-  const m = h ? q5 : Rl, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((D) => D.comparison !== null), C = m.map((D) => ({
+  const m = h ? j5 : Rl, f = o.guides.headline, b = f?.kind === "perGroup" && f.items.some((D) => D.comparison !== null), C = m.map((D) => ({
     value: D,
     label: i(`editor.graphPanel.headlineNumberSection.metrics.${D}`)
   })), P = Ta.map((D) => ({
@@ -12536,7 +12542,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
     value: "center",
     label: i("editor.graphPanel.headlineNumberSection.position.center")
   }], I = (D) => {
-    a.commands.dispatch(new Ar({ show: D ? K5 : "none" }));
+    a.commands.dispatch(new Ar({ show: D ? q5 : "none" }));
   }, w = (D) => {
     const S = m.find((y) => y === D);
     S && a.commands.dispatch(new Ar({ show: S }));
@@ -12552,7 +12558,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
   return /* @__PURE__ */ r(Y, {
     title: e ?? i("editor.graphPanel.headlineNumberSection.title"),
     layout: t,
-    preview: n ?? j5(i, c.show),
+    preview: n ?? X5(i, c.show),
     children: /* @__PURE__ */ v(oe, { children: [/* @__PURE__ */ r(T, {
       label: i("editor.graphPanel.headlineNumberSection.toggle"),
       children: /* @__PURE__ */ r(l, {
@@ -12596,7 +12602,7 @@ var s5 = "_40zvwv8", Y = ({ title: e, layout: t = "fixed", preview: n, accessory
       })
     ] })] })
   });
-}, j5 = (e, t) => {
+}, X5 = (e, t) => {
   const n = Rl.find((a) => a === t);
   return n && e(`editor.graphPanel.headlineNumberSection.metrics.${n}`);
 };
@@ -12611,7 +12617,7 @@ var dn = [
   "start",
   "center",
   "end"
-], X5 = {
+], Z5 = {
   row: {
     start: "left",
     end: "right"
@@ -12624,7 +12630,7 @@ var dn = [
   "auto",
   "pill",
   "direct"
-], y3 = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
+], S3 = ({ positions: e, title: t, layout: n = "collapsible", preview: a }) => {
   const o = q(), i = K(o), l = E(), { ToggleGroup: s } = F(), c = Ma();
   if (!i) return null;
   const d = i.config.legend.position, u = e ?? dn, h = i.guides.legends.drawn[0], p = Oc({
@@ -12645,7 +12651,7 @@ var dn = [
   }, x = (N) => {
     const G = La.find((ie) => ie === N);
     G && o.commands.dispatch(new pc({ display: G }));
-  }, I = h?.position === "left" || h?.position === "right" ? "column" : "row", w = I === "row" ? "ltr" : c, A = (N) => l(N === "start" || N === "end" ? `editor.graphPanel.legendSection.${X5[I][N]}` : `editor.graphPanel.legendSection.align.${N}`), B = Pa.map((N) => ({
+  }, I = h?.position === "left" || h?.position === "right" ? "column" : "row", w = I === "row" ? "ltr" : c, A = (N) => l(N === "start" || N === "end" ? `editor.graphPanel.legendSection.${Z5[I][N]}` : `editor.graphPanel.legendSection.align.${N}`), B = Pa.map((N) => ({
     value: N,
     label: A(N)
   })), te = La.map((N) => ({
@@ -12693,15 +12699,15 @@ var dn = [
       })
     ] })
   });
-}, Z5 = 1, Y5 = 20, J5 = 0.5, Nl = ({ layerId: e }) => {
+}, Y5 = 1, J5 = 20, Q5 = 0.5, Nl = ({ layerId: e }) => {
   const t = q(), n = K(t), { Slider: a } = F(), o = Ml(n, e, "point");
   if (!n) return null;
   const i = Z(n.layers, e)?.data?.findFirst((c) => (o?.get("size", c) ?? 0) > 0) ?? void 0, l = o?.get("size", i) ?? $a;
   return /* @__PURE__ */ r(a, {
     value: l,
-    min: Z5,
-    max: Y5,
-    step: J5,
+    min: Y5,
+    max: J5,
+    step: Q5,
     formatValue: jt,
     onChange: (c) => {
       const d = new Wn({
@@ -12712,7 +12718,7 @@ var dn = [
     },
     onCommit: t.commands.commit
   });
-}, S3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, C3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Select: l, Slider: s, Switch: c, ToggleGroup: d } = F(), u = lt(o), h = po(o?.spec.layers ?? [], "line", "area"), p = o && u && h ? lr(o, u, h.id) : null;
   if (!o || !p) return null;
   const g = p.missingValueOptions.map((I) => ({
@@ -12733,7 +12739,8 @@ var dn = [
   }, b = (I) => {
     a.commands.dispatch(new Ce({
       layerId: p.layerId,
-      showFill: I
+      showFill: I,
+      drawnFillAlpha: p.drawnFillAlpha
     }));
   }, C = (I) => {
     a.commands.dispatch(new eo({
@@ -12817,26 +12824,26 @@ var dn = [
       })
     ] })
   });
-}, Rn = "\0none", Q5 = [
+}, Rn = "\0none", eb = [
   "x",
   "y",
   "color",
   "size",
   "label"
-], eb = {
+], tb = {
   x: "editor.graphPanel.mappingSection.x",
   y: "editor.graphPanel.mappingSection.y",
   color: "editor.graphPanel.mappingSection.color",
   size: "editor.graphPanel.mappingSection.size",
   label: "editor.graphPanel.mappingSection.label"
-}, C3 = ({ title: e, layout: t = "collapsible" }) => {
-  const n = q(), a = K(n), o = E(), { Select: i } = F(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = M(() => s === void 0 ? [] : dd(s, Q5).map(({ aesthetic: d, variables: u, required: h }) => {
+}, x3 = ({ title: e, layout: t = "collapsible" }) => {
+  const n = q(), a = K(n), o = E(), { Select: i } = F(), l = o("editor.graphPanel.mappingSection.none"), s = a?.spec, c = M(() => s === void 0 ? [] : dd(s, eb).map(({ aesthetic: d, variables: u, required: h }) => {
     const p = ud(s.mapping, d);
     return {
       aesthetic: d,
-      label: o(eb[d]),
+      label: o(tb[d]),
       value: p ?? (h ? null : Rn),
-      options: tb(u, p, h ? null : l),
+      options: nb(u, p, h ? null : l),
       chooseColumn: (g) => {
         n.commands.dispatch(new gc({
           aesthetic: d,
@@ -12863,7 +12870,7 @@ var dn = [
       })
     }, d)) })
   }) : null;
-}, tb = (e, t, n) => {
+}, nb = (e, t, n) => {
   const a = t !== null && !e.includes(t) ? [t, ...e] : e;
   return [...n === null ? [] : [{
     value: Rn,
@@ -12872,7 +12879,7 @@ var dn = [
     value: o,
     label: o
   }))];
-}, nb = "k", rb = 2, ab = 0, ob = 5, Nn = [
+}, rb = "k", ab = 2, ob = 0, ib = 5, Nn = [
   {
     value: "k",
     labelKey: "thousands"
@@ -12885,10 +12892,10 @@ var dn = [
     value: "b",
     labelKey: "billions"
   }
-], ib = ["auto", "none"], x3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+], lb = ["auto", "none"], w3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { NumberField: l, ToggleGroup: s } = F();
   if (!o) return null;
-  const { abbreviation: c, decimals: d } = o.config.numberFormat, u = lb(c) !== void 0, h = d !== "auto", p = (k) => k.map((x) => ({
+  const { abbreviation: c, decimals: d } = o.config.numberFormat, u = sb(c) !== void 0, h = d !== "auto", p = (k) => k.map((x) => ({
     value: x,
     label: i(`editor.graphPanel.numberFormat.options.${x}`)
   })), g = Nn.map(({ value: k, labelKey: x }) => ({
@@ -12897,13 +12904,13 @@ var dn = [
   })), m = (k) => {
     a.commands.dispatch(new vc({ abbreviation: k }));
   }, f = (k) => {
-    const x = ib.find((I) => I === k);
-    m(x ?? nb);
+    const x = lb.find((I) => I === k);
+    m(x ?? rb);
   }, b = (k) => {
     const x = Nn.find((I) => I.value === k);
     x && m(x.value);
   }, C = (k) => {
-    a.commands.dispatch(new Pr({ decimals: k === "custom" ? rb : "auto" }));
+    a.commands.dispatch(new Pr({ decimals: k === "custom" ? ab : "auto" }));
   }, P = (k) => {
     k !== null && a.commands.dispatch(new Pr({ decimals: k }), { transient: !0 });
   };
@@ -12944,18 +12951,18 @@ var dn = [
         label: i("editor.graphPanel.numberFormat.valueLabel"),
         children: /* @__PURE__ */ r(l, {
           value: d,
-          min: ab,
-          max: ob,
+          min: ob,
+          max: ib,
           onChange: P,
           onCommit: a.commands.commit
         })
       })
     ] })
   });
-}, lb = (e) => Nn.find((t) => t.value === e), w3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, sb = (e) => Nn.find((t) => t.value === e), k3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = K(q()), o = E();
   if (!a) return null;
-  const i = sb(a.spec.layers);
+  const i = cb(a.spec.layers);
   return i ? /* @__PURE__ */ r(Y, {
     title: e ?? o("editor.graphPanel.pointSize.label"),
     layout: t,
@@ -12965,10 +12972,10 @@ var dn = [
       children: /* @__PURE__ */ r(Nl, { layerId: i.id })
     }) })
   }) : null;
-}, sb = (e) => {
+}, cb = (e) => {
   const t = gn(e, "line", "area");
   return gn(e, "point").find((n) => !vo(n, t));
-}, cb = 0.9, db = 360, ub = 0.05, hb = 15, k3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+}, db = 0.9, ub = 360, hb = 0.05, pb = 15, T3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Slider: l } = F();
   if (!o || o.spec.coords.coordType !== "polar") return null;
   const { innerRadius: s, startAngle: c } = o.spec.coords.params, d = (h) => {
@@ -12985,8 +12992,8 @@ var dn = [
       children: /* @__PURE__ */ r(l, {
         value: s,
         min: 0,
-        max: cb,
-        step: ub,
+        max: db,
+        step: hb,
         formatValue: Ol,
         onChange: d,
         onCommit: a.commands.commit
@@ -12996,15 +13003,15 @@ var dn = [
       children: /* @__PURE__ */ r(l, {
         value: c,
         min: 0,
-        max: db - 1,
-        step: hb,
-        formatValue: T5,
+        max: ub - 1,
+        step: pb,
+        formatValue: A5,
         onChange: u,
         onCommit: a.commands.commit
       })
     })] })
   });
-}, pb = (e) => /* @__PURE__ */ v(L, {
+}, mb = (e) => /* @__PURE__ */ v(L, {
   ...e,
   children: [
     /* @__PURE__ */ r("path", {
@@ -13058,10 +13065,10 @@ var dn = [
   "logarithmic",
   "power",
   "loess"
-], mb = "linear", T3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
+], gb = "linear", A3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
   const a = q(), o = K(a), i = E(), { Select: l, Switch: s } = F(), { options: c, findValue: d } = cr(o);
   if (!o || o.coordSystem.type === "polar") return null;
-  const u = Kc(o.spec.layers), h = Vc(o.spec.layers), p = u?.stat.type === "smooth" ? u.stat.method : mb, g = gb(h), m = Ea.map((x) => ({
+  const u = Kc(o.spec.layers), h = Vc(o.spec.layers), p = u?.stat.type === "smooth" ? u.stat.method : gb, g = vb(h), m = Ea.map((x) => ({
     value: x,
     label: i(`editor.annotationsPanel.trendType.options.${x}`)
   })), f = (x, I = {}) => {
@@ -13103,7 +13110,7 @@ var dn = [
       }),
       /* @__PURE__ */ r(T, {
         label: i("editor.annotationsPanel.trendsAndAveragesSection.average"),
-        icon: /* @__PURE__ */ r(pb, { size: "lg" }),
+        icon: /* @__PURE__ */ r(mb, { size: "lg" }),
         children: /* @__PURE__ */ r(s, {
           checked: h !== void 0,
           onChange: C
@@ -13121,56 +13128,56 @@ var dn = [
       })
     ] })
   });
-}, gb = (e) => {
+}, vb = (e) => {
   const t = e?.transforms.find((n) => n.transformType === "filter")?.options.value;
   return t instanceof Date ? t.getTime() : t;
 };
 export {
-  d3 as AppearanceSection,
-  c3 as AxesPanel,
+  u3 as AppearanceSection,
+  d3 as AxesPanel,
   Ca as AxisSection,
-  u3 as BarSection,
+  h3 as BarSection,
   wu as Button,
-  h3 as CalloutsSection,
-  v5 as CaptionSection,
+  p3 as CalloutsSection,
+  f5 as CaptionSection,
   Cu as ColorSwatches,
-  p3 as ComboSection,
+  m3 as ComboSection,
   kh as ControlRegistryProvider,
   rr as ControlTooltip,
   Fu as CustomColor,
-  i3 as EditableGraphRenderer,
+  l3 as EditableGraphRenderer,
   Il as EditorPanel,
-  s3 as ElementsPanel,
-  m3 as GoalSection,
-  g3 as GraphOptionsSection,
-  v3 as GraphTypeSection,
-  f3 as GridSection,
-  b3 as HeadlineSection,
+  c3 as ElementsPanel,
+  g3 as GoalSection,
+  v3 as GraphOptionsSection,
+  f3 as GraphTypeSection,
+  b3 as GridSection,
+  y3 as HeadlineSection,
   Mo as IntlProvider,
-  y3 as LegendSection,
-  S3 as LineSection,
-  C3 as MappingSection,
+  S3 as LegendSection,
+  C3 as LineSection,
+  x3 as MappingSection,
   Gu as NumberField,
-  x3 as NumberFormatSection,
-  Zf as PANEL_ROOT_ATTRIBUTE,
-  w3 as PointSection,
-  k3 as PolarSection,
+  w3 as NumberFormatSection,
+  Yf as PANEL_ROOT_ATTRIBUTE,
+  k3 as PointSection,
+  T3 as PolarSection,
   ju as RadioGrid,
   T as Row,
   Y as Section,
   rh as Select,
-  l3 as Separator,
+  s3 as Separator,
   hh as Slider,
-  b5 as SourceSection,
-  S5 as SubtitleSection,
+  y5 as SourceSection,
+  C5 as SubtitleSection,
   vh as Switch,
   yh as TextField,
-  w5 as TextSizeSection,
-  k5 as TitleSection,
+  k5 as TextSizeSection,
+  T5 as TitleSection,
   jo as ToggleGroup,
-  u5 as ToggledSection,
-  T3 as TrendsAndAveragesSection,
+  h5 as ToggledSection,
+  A3 as TrendsAndAveragesSection,
   F as useControls,
-  jf as usePanelExpansion,
+  Xf as usePanelExpansion,
   q as usePanelGraph
 };