@graphysdk/react-renderer 1.9.0-beta.1793272487821 → 1.9.0-beta.1793288163741

package/dist/editable.d.ts

@@ -1,5 +1,6 @@
 import { AxisKey } from '@graphysdk/viz-engine';
 import { Command } from '@graphysdk/viz-engine';
+import { CommandContext } from '@graphysdk/viz-engine';
 import { ComponentType } from 'react';
 import { CoordSystem } from '@graphysdk/viz-engine';
 import { CoordType } from '@graphysdk/viz-engine';
@@ -168,7 +169,7 @@ export declare const CaptionSection: ({ title, layout, preview }: OverridableSec
 /** The color row for a selection. Renders nothing where the command has nowhere to write. */
 export declare const ColorRow: {
     ({ target }: ResolvedObservations): JSX.Element | null;
-    hasRows(target: ObservationsTarget, { scene }: EditMenuRowsInputs): boolean;
+    hasRows(target: ObservationsTarget, { scene, findGeom }: EditMenuRowsInputs): boolean;
 };
 
 /** A grid of color chips, for picking one color from a fixed set such as the palette. */
@@ -673,10 +674,12 @@ declare interface EditMenuRows<Target> {
     hasRows?: (target: Target, inputs: EditMenuRowsInputs) => boolean;
 }
 
-/** What an edit menu reads to say whether it has rows: the scene, and the placement strategies plugins extend. */
+/** What an edit menu reads to say whether it has rows: the scene, and the lookups plugins extend. */
 declare interface EditMenuRowsInputs {
     scene: Scene;
     dataLabelPlacement: DataLabelPlacementResolver;
+    /** Left out, only the built-in geoms are read. */
+    findGeom?: CommandContext['findGeom'];
 }
 
 /** The edit menus Graphy or a host registers, where `null` answers with none and `undefined` reads as left out. */

package/dist/editable.mjs

@@ -1,5 +1,5 @@
-import { $ as Fn, $t as rs, A as Ot, An as os, C as as, Ct as Bo, D as is, Dn as $, Dt as ls, E as ss, Et as Te, F as cs, Ft as ee, G as Q, Gt as wr, H as ds, I as us, It as hs, J as kr, K as q, Kt as ps, L as I, Lt as gs, Nn as zn, O as Ho, Ot as ms, P as vs, Pt as Qe, Q as Bn, S as fs, St as M, T as de, Tn as Go, Tt as bs, U as ys, W as Ss, X as Cs, Y as xs, Yt as ws, Z as K, _ as Fe, _n as ks, an as Vo, at as Hn, b as $o, bt as Ts, c as Wo, cn as Be, ct as As, d as Ps, dt as Ls, en as Is, et as Uo, f as Ms, ft as me, g as Ko, gt as Rt, h as et, ht as Es, i as Gn, in as Xo, it as jo, jn as H, k as pn, kn as R, kt as Os, l as Rs, lt as Ns, m as Ds, mt as _s, n as ue, nn as Fs, nt as Nt, o as zs, on as se, p as qo, pt as Se, q as Bs, r as W, rt as Hs, sn as Vn, st as Gs, t as Vs, tn as Zo, tt as $n, u as $s, ut as Tr, v as Ws, vn as Us, wt as Ks, x as Xs, xn as js, xt as qs, y as Zs, yt as Ys } from "./history-chords-Dhts8KCW.js";
-import { ARROW_DEFAULTS as Js, ARROW_STICKER_DECLARATIONS as Qs, ARROW_STROKE_WIDTHS_PX as Jt, AddAnnotationCommand as Le, AddHighlightCommand as ec, BORDER_RADIUS_TOKENS as Ar, COMBO_TYPES as Pr, CONSTANT_VARIABLES as tc, DASH_PRESETS as nc, DEFAULT_BAR_CORNER_RADIUS as rc, DEFAULT_GEOM_COLOR as oc, DEFAULT_POINT_SIZE_PX as Yo, DEFAULT_STROKE_WIDTH_PX as ac, DIFFERENCE_ARROW_DEFAULTS as Jo, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Lr, InternalError as ic, MAX_BAR_WIDTH_FRACTION as lc, MIN_BAR_WIDTH_FRACTION as sc, MoveAnnotationCommand as cc, RESTING_HOVER_STATE as Wn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as dc, SHAPE_DEFAULTS as uc, SequenceCommand as je, SetAxisLabelCommand as Qo, SetAxisPositionCommand as ea, SetAxisTickModeCommand as ta, SetAxisTicksVisibilityCommand as hc, SetAxisVisibilityCommand as gn, SetBarCornerRadiusCommand as pc, SetBarWidthCommand as na, SetContentCaptionCommand as ra, SetContentSourceCommand as gc, SetContentSubtitleCommand as oa, SetContentTitleCommand as aa, SetDataLabelsFormatCommand as ia, SetDifferenceArrowStyleCommand as mc, SetGraphTypeCommand as Un, SetGridLineStyleCommand as la, SetGridVisibilityCommand as mn, SetHeadlineCompareWithCommand as vc, SetHeadlinePositionCommand as fc, SetHeadlineShowCommand as Ir, SetHeadlineSizeCommand as bc, SetHighlightDimStyleCommand as yc, SetLayerYScaleTypeCommand as Sc, SetLegendAlignCommand as Cc, SetLegendDisplayCommand as xc, SetLegendPlacementCommand as wc, SetLegendPositionCommand as vn, SetLineCurveCommand as sa, SetLineMissingValuesCommand as ca, SetLineStyleCommand as ke, SetMappingCommand as kc, SetNumberFormatAbbreviationCommand as Tc, SetNumberFormatDecimalsCommand as Mr, SetObservationsColorCommand as Ac, SetPointSizeCommand as Kn, SetPolarInnerRadiusCommand as Pc, SetPolarStartAngleCommand as Lc, SetRuleLabelCommand as Ic, SetRuleValueCommand as Mc, SetScaleDomainCommand as Ze, SetScaleRangeCommand as Ec, SetScaleReverseCommand as Oc, SetScaleTransformCommand as da, SetStatLineCommand as Rc, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Nc, TEXT_ANNOTATION_FADE_ALPHA as Dc, ToggleCategoryLabelsCommand as ua, ToggleContentVisibilityCommand as Re, ToggleDataLabelsCommand as ha, ToggleGoalLineCommand as _c, ToggleLinePointsCommand as Xn, ToggleStackTotalsCommand as pa, UpdateAnnotationCommand as ve, alignUnitFractions as Fc, areAnchorsEqual as ga, areEditTargetsEqual as jn, areEndpointsComparable as zc, buildEditMenuTriggerRegion as Bc, buildLayerStyleAddress as Ge, buildObservationPredicate as Hc, buildObservationsTarget as We, buildObservationsTargetAtValue as ma, canAnchorDirectLabels as Gc, canBecomeCombo as Vc, canBecomeHeatmap as $c, clampAnnotationTranslation as Wc, combineKindStyleDeclarations as Er, computeArrow as va, createObservationAnchorBuilder as Uc, createObservationAnchorParser as Kc, createStyleResolver as Xc, createStyleRuleMatcher as jc, createValueFormatter as fa, createXValueReader as qc, filterLayersByGeoms as fn, findAnnotation as Zc, findAverageLineLayer as Yc, findAxisGuide as ba, findCompanionLayers as ya, findGoalLineLayer as Jc, findHighlightsAtObservation as Qc, findHostLayer as Dt, findKindStyleDeclarations as yt, findLayerByGeom as Sa, findLayerById as j, findObservationAttachment as ed, findStyleRule as Ie, findTrendLineLayer as td, formatDifferenceLabel as nd, getBoundingRect as bn, getGroupVariables as Ca, getXBand as rd, getYBand as od, hasMainAxisBand as ad, hasMultipleGroups as _t, inferDefaultDifferenceArrowEndpoints as id, inferDifferenceArrowEndpoints as ld, isComboGraphType as le, isCompanionLayer as xa, isGeomStyleRule as sd, isLayerSpecOf as Ft, isObservationAttachmentKind as cd, isPointWithinEditMenuTrigger as qn, isSafeUrl as dd, isZeroAnchoredAxis as wa, measureObservationsBoxes as ka, projectAnchorToPanel as St, readBroadestObservationsScope as ud, readColorChoices as hd, readComboLineLayerId as pd, readCompanionRowsAtScopeKey as gd, readConstantValue as md, readEditTargetKey as zt, readGeomColor as vd, readGraphType as Bt, readHighlightDimStyle as fd, readMainAxis as bd, readMappableAesthetics as yd, readMappedVariable as Sd, readObservationIndex as Zn, readObservationsColor as Cd, readObservationsColorRoute as Yn, readReachableLevels as xd, readRowScopeKey as wd, readRowsAtScopeKey as kd, readScopeXVariable as Td, readStyleCoord as ce, readStyleRulesBeneath as Ad, readVariableName as Ht, resolveArrowAnnotationStyle as Jn, resolveBarBandFraction as Ta, resolveComparisonBasis as Pd, resolveDifferenceArrowAnnotationStyle as Ld, resolveEditOutlineStyle as Id, resolveLayerAxisValueFormat as Md, resolveObservationPoint as Aa, resolveObservationsTarget as De, stepDifferenceArrowEndpoint as Ed, toDashPreset as _e, toPaintColor as Ct, toPanelCursor as Gt, toStrokeDasharray as Pa } from "@graphysdk/viz-engine";
+import { $ as Fn, $t as rs, A as Ot, An as os, C as as, Ct as Bo, D as is, Dn as $, Dt as ls, E as ss, Et as Te, F as cs, Ft as ee, G as Q, Gt as wr, H as ds, I as us, It as hs, J as kr, K as q, Kt as ps, L as I, Lt as gs, Nn as zn, O as Ho, Ot as ms, P as vs, Pt as et, Q as Bn, S as fs, St as M, T as de, Tn as Go, Tt as bs, U as ys, W as Ss, X as Cs, Y as xs, Yt as ws, Z as K, _ as Fe, _n as ks, an as Vo, at as Hn, b as $o, bt as Ts, c as Wo, cn as Be, ct as As, d as Ps, dt as Ls, en as Is, et as Uo, f as Ms, ft as me, g as Ko, gt as Rt, h as tt, ht as Es, i as Gn, in as Xo, it as jo, jn as H, k as pn, kn as R, kt as Os, l as Rs, lt as Ns, m as Ds, mt as _s, n as ue, nn as Fs, nt as Nt, o as zs, on as se, p as qo, pt as Se, q as Bs, r as W, rt as Hs, sn as Vn, st as Gs, t as Vs, tn as Zo, tt as $n, u as $s, ut as Tr, v as Ws, vn as Us, wt as Ks, x as Xs, xn as js, xt as qs, y as Zs, yt as Ys } from "./history-chords-CaoYNtzG.js";
+import { ARROW_DEFAULTS as Js, ARROW_STICKER_DECLARATIONS as Qs, ARROW_STROKE_WIDTHS_PX as Jt, AddAnnotationCommand as Le, AddHighlightCommand as ec, BORDER_RADIUS_TOKENS as Ar, COMBO_TYPES as Pr, CONSTANT_VARIABLES as tc, DASH_PRESETS as nc, DEFAULT_BAR_CORNER_RADIUS as rc, DEFAULT_GEOM_COLOR as oc, DEFAULT_POINT_SIZE_PX as Yo, DEFAULT_STROKE_WIDTH_PX as ac, DIFFERENCE_ARROW_DEFAULTS as Jo, DIFFERENCE_ARROW_SIZE_DECLARATIONS as Lr, InternalError as ic, MAX_BAR_WIDTH_FRACTION as lc, MIN_BAR_WIDTH_FRACTION as sc, MoveAnnotationCommand as cc, RESTING_HOVER_STATE as Wn, RemoveAnnotationCommand as $e, RemoveHighlightCommand as dc, SHAPE_DEFAULTS as uc, SequenceCommand as qe, SetAxisLabelCommand as Qo, SetAxisPositionCommand as ea, SetAxisTickModeCommand as ta, SetAxisTicksVisibilityCommand as hc, SetAxisVisibilityCommand as gn, SetBarCornerRadiusCommand as pc, SetBarWidthCommand as na, SetContentCaptionCommand as ra, SetContentSourceCommand as gc, SetContentSubtitleCommand as oa, SetContentTitleCommand as aa, SetDataLabelsFormatCommand as ia, SetDifferenceArrowStyleCommand as mc, SetGraphTypeCommand as Un, SetGridLineStyleCommand as la, SetGridVisibilityCommand as mn, SetHeadlineCompareWithCommand as vc, SetHeadlinePositionCommand as fc, SetHeadlineShowCommand as Ir, SetHeadlineSizeCommand as bc, SetHighlightDimStyleCommand as yc, SetLayerYScaleTypeCommand as Sc, SetLegendAlignCommand as Cc, SetLegendDisplayCommand as xc, SetLegendPlacementCommand as wc, SetLegendPositionCommand as vn, SetLineCurveCommand as sa, SetLineMissingValuesCommand as ca, SetLineStyleCommand as ke, SetMappingCommand as kc, SetNumberFormatAbbreviationCommand as Tc, SetNumberFormatDecimalsCommand as Mr, SetObservationsColorCommand as Ac, SetPointSizeCommand as Kn, SetPolarInnerRadiusCommand as Pc, SetPolarStartAngleCommand as Lc, SetRuleLabelCommand as Ic, SetRuleValueCommand as Mc, SetScaleDomainCommand as Ye, SetScaleRangeCommand as Ec, SetScaleReverseCommand as Oc, SetScaleTransformCommand as da, SetStatLineCommand as Rc, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Nc, TEXT_ANNOTATION_FADE_ALPHA as Dc, ToggleCategoryLabelsCommand as ua, ToggleContentVisibilityCommand as Re, ToggleDataLabelsCommand as ha, ToggleGoalLineCommand as _c, ToggleLinePointsCommand as Xn, ToggleStackTotalsCommand as pa, UpdateAnnotationCommand as ve, alignUnitFractions as Fc, areAnchorsEqual as ga, areEditTargetsEqual as jn, areEndpointsComparable as zc, buildEditMenuTriggerRegion as Bc, buildLayerStyleAddress as Ge, buildObservationPredicate as Hc, buildObservationsTarget as We, buildObservationsTargetAtValue as ma, canAnchorDirectLabels as Gc, canBecomeCombo as Vc, canBecomeHeatmap as $c, clampAnnotationTranslation as Wc, combineKindStyleDeclarations as Er, computeArrow as va, createObservationAnchorBuilder as Uc, createObservationAnchorParser as Kc, createStyleResolver as Xc, createStyleRuleMatcher as jc, createValueFormatter as fa, createXValueReader as qc, filterLayersByGeoms as fn, findAnnotation as Zc, findAverageLineLayer as Yc, findAxisGuide as ba, findCompanionLayers as ya, findGoalLineLayer as Jc, findHighlightsAtObservation as Qc, findHostLayer as Dt, findKindStyleDeclarations as yt, findLayerByGeom as Sa, findLayerById as j, findObservationAttachment as ed, findStyleRule as Ie, findTrendLineLayer as td, formatDifferenceLabel as nd, getBoundingRect as bn, getGroupVariables as Ca, getXBand as rd, getYBand as od, hasMainAxisBand as ad, hasMultipleGroups as _t, inferDefaultDifferenceArrowEndpoints as id, inferDifferenceArrowEndpoints as ld, isComboGraphType as le, isCompanionLayer as xa, isGeomStyleRule as sd, isLayerSpecOf as Ft, isObservationAttachmentKind as cd, isPointWithinEditMenuTrigger as qn, isSafeUrl as dd, isZeroAnchoredAxis as wa, measureObservationsBoxes as ka, projectAnchorToPanel as St, readBroadestObservationsScope as ud, readColorChoices as hd, readComboLineLayerId as pd, readCompanionRowsAtScopeKey as gd, readConstantValue as md, readEditTargetKey as zt, readGeomColor as vd, readGraphType as Bt, readHighlightDimStyle as fd, readMainAxis as bd, readMappableAesthetics as yd, readMappedVariable as Sd, readObservationIndex as Zn, readObservationsColor as Cd, readObservationsColorRoute as Yn, readReachableLevels as xd, readRowScopeKey as wd, readRowsAtScopeKey as kd, readScopeXVariable as Td, readStyleCoord as ce, readStyleRulesBeneath as Ad, readVariableName as Ht, resolveArrowAnnotationStyle as Jn, resolveBarBandFraction as Ta, resolveComparisonBasis as Pd, resolveDifferenceArrowAnnotationStyle as Ld, resolveEditOutlineStyle as Id, resolveLayerAxisValueFormat as Md, resolveObservationPoint as Aa, resolveObservationsTarget as De, stepDifferenceArrowEndpoint as Ed, toDashPreset as _e, toPaintColor as Ct, toPanelCursor as Gt, toStrokeDasharray as Pa } from "@graphysdk/viz-engine";
 import { Fragment as La, createContext as Oe, memo as Ia, useCallback as te, useContext as he, useEffect as z, useId as Me, useLayoutEffect as Ee, useMemo as E, useRef as ne, useState as X, useSyncExternalStore as Od } from "react";
 import { Fragment as V, jsx as r, jsxs as v } from "react/jsx-runtime";
 import { motion as Rd } from "motion/react";
@@ -16,7 +16,7 @@ import { Radio as Ma } from "@base-ui/react/radio";
 import { RadioGroup as Ea } from "@base-ui/react/radio-group";
 import { Tooltip as pe } from "@base-ui/react/tooltip";
 import { Select as be } from "@base-ui/react/select";
-import { Slider as Ke } from "@base-ui/react/slider";
+import { Slider as Xe } from "@base-ui/react/slider";
 import { Switch as Rr } from "@base-ui/react/switch";
 import { Input as Vd } from "@base-ui/react/input";
 import { DirectionProvider as er } from "@base-ui/react/direction-provider";
@@ -38,7 +38,7 @@ import { EditorContent as Da, useEditor as tu, useEditorState as nu } from "@tip
 import { Toolbar as Ae } from "@base-ui/react/toolbar";
 import { Menu as ae } from "@base-ui/react/menu";
 import { Toggle as ru } from "@base-ui/react/toggle";
-import { Accordion as qe } from "@base-ui/react/accordion";
+import { Accordion as Ze } from "@base-ui/react/accordion";
 import './editable.css';var _a = (e, t) => {
   if (e.scope !== "observation") return null;
   const n = j(t.layers, e.layerId);
@@ -241,7 +241,7 @@ var Ga = "transparent", Va = (e) => e === "transparent" ? {
 }, $a = (e, t) => t !== null && e.toLowerCase() === t.toLowerCase(), we = "_18ja6qr0", bu = "data-graphy-chart-chrome", yu = "data-graphy-chart-menu", Su = { [yu]: "" }, Vt = (e) => ({ [bu]: e }), ft = (e, t) => e instanceof Element && e.closest(`[data-graphy-chart-chrome="${CSS.escape(t)}"]`) !== null, Wa = (e) => e instanceof Element && e.closest("[data-graphy-chart-menu]") !== null, yn = (e) => e instanceof Element && e.closest("[data-graphy-chart-chrome]") !== null, Ua = (e, t, n) => n !== null && qn({
   x: e.clientX - t.x,
   y: e.clientY - t.y
-}, n), Ye = (e, t, n) => e instanceof Node && (t.contains(e) || ft(e, n)), Cu = "cml7ha0", Ka = Oe(null), xu = ({ children: e }) => {
+}, n), Je = (e, t, n) => e instanceof Node && (t.contains(e) || ft(e, n)), Cu = "cml7ha0", Ka = Oe(null), xu = ({ children: e }) => {
   const { chartId: t } = H(), [n] = X(me), [o, a] = X(null);
   return n === null ? null : /* @__PURE__ */ v(V, { children: [Qn(/* @__PURE__ */ r("div", {
     ref: a,
@@ -638,7 +638,7 @@ var lh = ({ value: e, onChange: t, onCommit: n, min: o, max: a, step: i, suffix:
   }, !1), m = sh(e, l, s), { commitUnlessHeldKey: g, gestureHandlers: b } = Wt(n);
   return /* @__PURE__ */ v("div", {
     className: th,
-    children: [/* @__PURE__ */ r(Ke.Root, {
+    children: [/* @__PURE__ */ r(Xe.Root, {
       className: nh,
       value: e,
       onValueChange: (f) => t(f),
@@ -649,11 +649,11 @@ var lh = ({ value: e, onChange: t, onCommit: n, min: o, max: a, step: i, suffix:
       max: a,
       step: i,
       disabled: d,
-      children: /* @__PURE__ */ r(Ke.Control, {
+      children: /* @__PURE__ */ r(Xe.Control, {
         className: rh,
-        children: /* @__PURE__ */ v(Ke.Track, {
+        children: /* @__PURE__ */ v(Xe.Track, {
           className: oh,
-          children: [/* @__PURE__ */ r(Ke.Indicator, { className: ah }), /* @__PURE__ */ r(Ke.Thumb, {
+          children: [/* @__PURE__ */ r(Xe.Indicator, { className: ah }), /* @__PURE__ */ r(Xe.Thumb, {
             className: ih,
             ...b,
             ...p
@@ -918,7 +918,7 @@ var Ch = ({ graph: e, axis: t }) => {
         placeholder: o("editor.axesPanel.startFrom.auto"),
         disabled: c,
         onChange: (L) => {
-          e.commands.dispatch(new Ze({
+          e.commands.dispatch(new Ye({
             scaledAesthetic: t,
             domainMin: L
           }), { transient: !0 });
@@ -933,7 +933,7 @@ var Ch = ({ graph: e, axis: t }) => {
         placeholder: o("editor.axesPanel.endAt.auto"),
         disabled: c,
         onChange: (L) => {
-          e.commands.dispatch(new Ze({
+          e.commands.dispatch(new Ye({
             scaledAesthetic: t,
             domainMax: L
           }), { transient: !0 });
@@ -959,45 +959,45 @@ var Ch = ({ graph: e, axis: t }) => {
       fill: "currentColor"
     })
   });
-}, kh = 6, tt = ({ target: e }) => {
-  const { commands: t } = H(), { ColorSwatches: n, CustomColor: o } = D(), a = M(), i = $(), l = R((h) => h), s = ti(e, l), c = hd(l.scales.color).slice(0, kh);
+}, kh = 6, Ke = ({ target: e }) => {
+  const { commands: t, findGeom: n } = H(), { ColorSwatches: o, CustomColor: a } = D(), i = M(), l = $(), s = R((p) => p), c = ti(e, s, n), d = hd(s.scales.color).slice(0, kh);
   z(() => () => t.commit(), [t]);
-  const d = E(() => Cd({
-    readers: i,
-    layers: l.layers,
+  const u = E(() => Cd({
+    readers: l,
+    layers: s.layers,
     target: e,
-    parsingLocale: l.config.parsingLocale
+    parsingLocale: s.config.parsingLocale
   }), [
-    i,
-    l.config.parsingLocale,
-    l.layers,
+    l,
+    s.config.parsingLocale,
+    s.layers,
     e
   ]);
-  if (s === null) return null;
-  const u = (h, p) => {
+  if (c === null) return null;
+  const h = (p, m) => {
     t.dispatch(new Ac({
       target: e,
-      color: h
-    }), p ? { transient: !0 } : void 0);
+      color: p
+    }), m ? { transient: !0 } : void 0);
   };
   return /* @__PURE__ */ r(T, {
-    label: s[0]?.property === "stroke" ? a("editor.overlayMenu.lineColor") : a("editor.overlayMenu.fillColor"),
+    label: c[0]?.property === "stroke" ? i("editor.overlayMenu.lineColor") : i("editor.overlayMenu.fillColor"),
     layout: "stack",
-    children: /* @__PURE__ */ r(n, {
-      colors: Th(c, d),
-      value: d,
-      onChange: (h) => u(h, !1),
-      trailing: /* @__PURE__ */ r(o, {
+    children: /* @__PURE__ */ r(o, {
+      colors: Th(d, u),
+      value: u,
+      onChange: (p) => h(p, !1),
+      trailing: /* @__PURE__ */ r(a, {
         variant: "chip",
-        value: d,
-        onChange: (h) => u(h, !0),
+        value: u,
+        onChange: (p) => h(p, !0),
         onCommit: () => t.commit()
       })
     })
   });
 };
-tt.hasRows = (e, { scene: t }) => ti(e, t) !== null;
-var ti = (e, t) => j(t.layers, e.layerId) === void 0 ? null : Yn(t.spec, e), Th = (e, t) => t === null || e.some((n) => $a(n, t)) ? e : [...e, t], Qt = [
+Ke.hasRows = (e, { scene: t, findGeom: n }) => ti(e, t, n) !== null;
+var ti = (e, t, n) => j(t.layers, e.layerId) === void 0 ? null : Yn(t.spec, e, n), Th = (e, t) => t === null || e.some((n) => $a(n, t)) ? e : [...e, t], Qt = [
   {
     name: "narrow",
     width: 0.4
@@ -1022,7 +1022,7 @@ var ti = (e, t) => j(t.layers, e.layerId) === void 0 ? null : Yn(t.spec, e), Th
     label: o(`editor.graphPanel.barSection.widths.${p}`),
     icon: /* @__PURE__ */ r(wh, { barWidth: p })
   })), u = l === null ? null : Ta(l.params, t.coordSystem.type), h = Qt.find(({ width: p }) => p === u)?.name ?? "";
-  return /* @__PURE__ */ v(V, { children: [/* @__PURE__ */ r(tt, { target: e }), l !== null && !s ? /* @__PURE__ */ r(T, {
+  return /* @__PURE__ */ v(V, { children: [/* @__PURE__ */ r(Ke, { target: e }), l !== null && !s ? /* @__PURE__ */ r(T, {
     label: o("editor.graphPanel.barSection.thickness"),
     children: /* @__PURE__ */ r(a, {
       value: h,
@@ -1031,7 +1031,7 @@ var ti = (e, t) => j(t.layers, e.layerId) === void 0 ? null : Yn(t.spec, e), Th
     })
   }) : null] });
 };
-ni.hasRows = tt.hasRows;
+ni.hasRows = Ke.hasRows;
 var Ah = {
   smooth: "M2 13C6 13 7 5 10 5s4 6 6 6",
   linear: "M2 13l5-8 4 6 5-4"
@@ -1818,7 +1818,7 @@ var xn = [
       })
     ]
   })
-}), tp = 0.55, np = 0.15, Je = [
+}), tp = 0.55, np = 0.15, Qe = [
   {
     name: "column",
     icon: Vh,
@@ -1994,7 +1994,7 @@ var xn = [
       position: "identity"
     }
   }
-], rp = 0.05, ii = (e, t) => le(e) ? Vc(t) : e.geom === "tile" ? $c(t) : !0, wt = (e) => e === null ? null : Je.find((t) => op(t.summary, e)) ?? null, li = (e, t) => t === null || le(e) ? e : e.position === "dodge" && si(t) ? {
+], rp = 0.05, ii = (e, t) => le(e) ? Vc(t) : e.geom === "tile" ? $c(t) : !0, wt = (e) => e === null ? null : Qe.find((t) => op(t.summary, e)) ?? null, li = (e, t) => t === null || le(e) ? e : e.position === "dodge" && si(t) ? {
   ...e,
   position: "identity"
 } : e.coordType !== "polar" || !kt(e.innerRadius) || t.coordType !== "polar" || !kt(t.innerRadius) ? e : {
@@ -2108,10 +2108,10 @@ var ap = "_1a90obs1", ip = [
     })
   ] });
 }, ci = (e, t) => le(e) || le(t) ? le(e) && le(t) : e.coordType === "polar" ? wt(e) === wt(t) : e.coordType === t.coordType && e.geom === t.geom, di = lp.flatMap(([e, t]) => {
-  const n = Je.find((o) => o.name === t);
+  const n = Qe.find((o) => o.name === t);
   return n === void 0 ? [] : [{
     name: e,
-    arrangements: [n, ...[...Je, ...ip].filter((o) => o !== n && ci(n.summary, o.summary))]
+    arrangements: [n, ...[...Qe, ...ip].filter((o) => o !== n && ci(n.summary, o.summary))]
   }];
 }), zr = di.filter(({ name: e }) => e !== "combo"), hp = ({ type: e, arrangement: t, onPick: n, onCommit: o }) => {
   const a = M(), { ToggleGroup: i } = D(), l = e.arrangements.map(({ summary: c, icon: d }) => {
@@ -2327,13 +2327,13 @@ var ap = "_1a90obs1", ip = [
   });
 }, $r = ["smooth", "linear"], fi = () => {
   const e = R((S) => S), t = $(), n = zn(), o = ue(), a = M(), { Switch: i, ToggleGroup: l } = D(), s = bi(e.layers, e.coordSystem.type, n), c = (S) => s.filter(({ support: y }) => S(y)).map(({ layer: y }) => y), d = wp(e, t), u = d.filter((S) => S.smooth !== null), h = d.filter((S) => S.missingValues !== null && S.missingValueOptions.length > 1), p = xn.filter((S) => h.some((y) => y.missingValueOptions.includes(S))), m = Pp(u), g = Lp(h), b = (S) => {
-    o.dispatch(new je({ commands: d.map((y) => new Xn({
+    o.dispatch(new qe({ commands: d.map((y) => new Xn({
       layerId: y.layerId,
       showPoints: S
     })) }));
   }, f = (S) => {
     const y = $r.find((N) => N === S);
-    y !== void 0 && o.dispatch(new je({ commands: u.map((N) => new sa({
+    y !== void 0 && o.dispatch(new qe({ commands: u.map((N) => new sa({
       layerId: N.layerId,
       curve: y
     })) }));
@@ -2344,9 +2344,9 @@ var ap = "_1a90obs1", ip = [
       layerId: G.layerId,
       missingValues: y
     }));
-    N.length !== 0 && o.dispatch(new je({ commands: N }));
+    N.length !== 0 && o.dispatch(new qe({ commands: N }));
   }, A = d.filter((S) => S.showFill !== null), x = d.filter((S) => S.showPoints), w = kp(e, t, d), P = A.some((S) => Tp(e, S)), k = (S) => {
-    S.length > 0 && o.dispatch(new je({ commands: S }));
+    S.length > 0 && o.dispatch(new qe({ commands: S }));
   }, L = (S) => {
     k(d.map((y) => new ke({
       layerId: y.layerId,
@@ -2538,7 +2538,7 @@ var bi = (e, t, n) => e.filter((o) => o.interactive).map((o) => ({
   const a = ue(), { Switch: i } = D();
   if (t.length === 0) return null;
   const l = (s) => {
-    a.dispatch(new je({ commands: t.map((c) => o(c.id, s)) }));
+    a.dispatch(new qe({ commands: t.map((c) => o(c.id, s)) }));
   };
   return /* @__PURE__ */ r(T, {
     label: e,
@@ -2784,7 +2784,7 @@ var _p = ({ graph: e, target: t }) => {
     }));
   }, P = Yn(n.spec, t)?.some((k) => k.geomKind === "line" || k.geomKind === "area") === !0;
   return /* @__PURE__ */ v(V, { children: [
-    /* @__PURE__ */ r(tt, { target: t }),
+    /* @__PURE__ */ r(Ke, { target: t }),
     /* @__PURE__ */ r(pi, {
       widthPx: m,
       onChange: A
@@ -3632,7 +3632,7 @@ var qp = (e) => {
 }), _i = {
   geoms: {
     point: {
-      style: tt,
+      style: Ke,
       annotate: f1
     },
     line: {
@@ -3647,8 +3647,14 @@ var qp = (e) => {
       style: ni,
       annotate: bt
     },
-    rule: { annotate: bt },
-    tile: { annotate: bt }
+    rule: {
+      style: null,
+      annotate: bt
+    },
+    tile: {
+      style: null,
+      annotate: bt
+    }
   },
   legend: Np,
   axis: ei,
@@ -3661,33 +3667,37 @@ var qp = (e) => {
     children: t
   });
 }, k1 = (e) => {
-  const t = he(lr), n = R((i) => i), o = zn(), a = Fi(de());
+  const t = he(lr), n = R((l) => l), { findGeom: o } = H(), a = zn(), i = Fi(de());
   return E(() => e === null ? null : zi(e, t, {
     scene: n,
-    dataLabelPlacement: o
-  }, a), [
+    dataLabelPlacement: a,
+    findGeom: o
+  }, i), [
     e,
     t,
     n,
+    a,
     o,
-    a
+    i
   ]);
 }, T1 = () => {
-  const e = he(lr), { store: t } = H(), n = zn(), o = Fi(de());
-  return te((a) => zi(a, e, {
+  const e = he(lr), { store: t, findGeom: n } = H(), o = zn(), a = Fi(de());
+  return te((i) => zi(i, e, {
     scene: t.getState().scene,
-    dataLabelPlacement: n
-  }, o) !== null, [
+    dataLabelPlacement: o,
+    findGeom: n
+  }, a) !== null, [
     e,
     t,
+    o,
     n,
-    o
+    a
   ]);
 }, Fi = (e) => e === bs.annotate ? "annotate" : "style", zi = (e, t, n, o) => {
   if (o === "annotate" && e.kind !== "observations") return null;
   switch (e.kind) {
     case "observations": {
-      const a = Ip(e.layerId, n.scene), i = a === null ? null : Mp(a, t, o, o === "annotate" ? bt : null);
+      const a = Ip(e.layerId, n.scene), i = a === null ? null : Mp(a, t, o, o === "annotate" ? bt : Ke);
       return i === null || i.hasRows?.(e, n) === !1 ? null : /* @__PURE__ */ r(i, { target: e });
     }
     case "legend": {
@@ -7657,7 +7667,7 @@ var lo = (e, t) => {
       };
   }
 }, jm = () => {
-  const e = et()[0] ?? null, { layers: t, parsingLocale: n } = R(Ce((o) => ({
+  const e = tt()[0] ?? null, { layers: t, parsingLocale: n } = R(Ce((o) => ({
     layers: o.layers,
     parsingLocale: o.config.parsingLocale
   })));
@@ -8381,7 +8391,7 @@ var lo = (e, t) => {
     }), /* @__PURE__ */ r(La, { children: o }, l)]
   });
 }, X2 = (e) => {
-  const t = et(), [n, o] = X(e), a = n !== null && jn(t[0] ?? null, n.target), i = e ?? (a ? n : null);
+  const t = tt(), [n, o] = X(e), a = n !== null && jn(t[0] ?? null, n.target), i = e ?? (a ? n : null);
   return i !== n && o(i), i;
 }, j2 = ({ frameRect: e }) => {
   const { targetBoundaryStore: t } = H(), n = Q((l) => l.selectedOutline), { left: o, top: a } = e, i = E(() => {
@@ -8479,7 +8489,7 @@ var lo = (e, t) => {
     })
   });
 }, ot = () => {
-  const e = et();
+  const e = tt();
   return En(e);
 }, En = (e) => {
   if (e.length !== 1) return null;
@@ -8554,12 +8564,12 @@ var lo = (e, t) => {
       /* @__PURE__ */ r("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
     ]
   })
-}), e0 = "var(--pvjfpx0)", t0 = "var(--pvjfpx1)", n0 = "pvjfpx2", r0 = "pvjfpx3", o0 = "pvjfpx4", a0 = "pvjfpx6 pvjfpx5", i0 = "pvjfpx7 pvjfpx6 pvjfpx5", l0 = "pvjfpx8 pvjfpx5", Xe = 8, s0 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: o }) => {
-  const a = t.y + e.y, i = a + e.height, l = a - 8 - 36, s = i + 8, c = Ve(l >= Xe ? l : s, Xe, o - Xe - 36), d = Xe;
+}), e0 = "var(--pvjfpx0)", t0 = "var(--pvjfpx1)", n0 = "pvjfpx2", r0 = "pvjfpx3", o0 = "pvjfpx4", a0 = "pvjfpx6 pvjfpx5", i0 = "pvjfpx7 pvjfpx6 pvjfpx5", l0 = "pvjfpx8 pvjfpx5", je = 8, s0 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: o }) => {
+  const a = t.y + e.y, i = a + e.height, l = a - 8 - 36, s = i + 8, c = Ve(l >= je ? l : s, je, o - je - 36), d = je;
   return {
     top: c,
     left: d,
-    available: Math.max(0, n - Xe * 2),
+    available: Math.max(0, n - je * 2),
     centre: t.x + e.x + e.width / 2 - d
   };
 }, c0 = ({ anchorBox: e, panelRect: t, frameWidth: n, frameHeight: o, label: a, testId: i, children: l }) => {
@@ -9401,7 +9411,7 @@ var X0 = "ydgo3h1", j0 = "ydgo3h2", q0 = "ydgo3h3", Z0 = ({ clientPoint: e, pane
     });
   }
 }, Q0 = ({ arrow: e, panelOrigin: t, panelRect: n }) => {
-  const { commands: o, anchorResolver: a } = H(), { engine: i } = Qe(), l = q(), s = ee({
+  const { commands: o, anchorResolver: a } = H(), { engine: i } = et(), l = q(), s = ee({
     arrow: e,
     panelOrigin: t,
     panelRect: n,
@@ -10667,7 +10677,7 @@ var bf = "_1tyillx2", yf = {
   z(() => {
     if (t === null) return;
     const a = (i) => {
-      if (i.key !== "Tab" || i.defaultPrevented || !Ye(i.target, e, n) || Wa(i.target) || o.getState().standingInteraction?.kind === "chrome-popup") return;
+      if (i.key !== "Tab" || i.defaultPrevented || !Je(i.target, e, n) || Wa(i.target) || o.getState().standingInteraction?.kind === "chrome-popup") return;
       const l = [...t.querySelectorAll(kf)];
       if (l.length === 0) return;
       i.preventDefault();
@@ -10719,7 +10729,7 @@ var bf = "_1tyillx2", yf = {
   ]);
   z(() => {
     const u = (h) => {
-      if (!Ye(h.target, e, o) || Wa(h.target)) return;
+      if (!Je(h.target, e, o) || Wa(h.target)) return;
       const p = br(h.target), m = a.getState().caret !== null && !ft(h.target, o);
       if (!(p && !m))
         switch (h.key) {
@@ -10753,10 +10763,10 @@ var bf = "_1tyillx2", yf = {
       u?.kind === "annotation" && u.target.id === d?.annotationId || e.focus({ preventScroll: !0 });
     }, l = (c) => {
       const { selection: d, clearSelection: u } = t.getState();
-      d.length !== 0 && (Ye(c.target, e, n) || u());
+      d.length !== 0 && (Je(c.target, e, n) || u());
     }, s = (c) => {
-      t.getState().selection.length !== 0 && Ye(c.target, e, n) && c.relatedTarget === null && (a !== null && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
-        a = null, document.hasFocus() && (Ye(document.activeElement, e, n) || t.getState().clearSelection());
+      t.getState().selection.length !== 0 && Je(c.target, e, n) && c.relatedTarget === null && (a !== null && cancelAnimationFrame(a), a = requestAnimationFrame(() => {
+        a = null, document.hasFocus() && (Je(document.activeElement, e, n) || t.getState().clearSelection());
       }));
     };
     return e.addEventListener("pointerdown", i), document.addEventListener("focusin", l), document.addEventListener("focusout", s), () => {
@@ -11080,7 +11090,7 @@ var bf = "_1tyillx2", yf = {
     o
   ]);
 }, $f = (e, t) => {
-  const n = q(), { store: o } = H(), { engine: a, overlayRef: i } = Qe(), l = ee(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Te[de()], h = Gs(), p = rt(), m = c && !h;
+  const n = q(), { store: o } = H(), { engine: a, overlayRef: i } = et(), l = ee(t), { annotations: s, observationsPress: c, guidePress: d, tolerance: u } = Te[de()], h = Gs(), p = rt(), m = c && !h;
   return te(() => ({
     frameElement: e,
     captureRect: i.current,
@@ -11136,7 +11146,7 @@ var bf = "_1tyillx2", yf = {
     l
   ]);
 }, Uf = () => {
-  const { raisesTrigger: e, layers: t, coordSystem: n, parsingLocale: o, anchorResolver: a, geom: i, hasOverlayMenu: l } = Ml(), [s] = et(), c = s?.kind === "observations" && s.scope === "observation" ? s : null;
+  const { raisesTrigger: e, layers: t, coordSystem: n, parsingLocale: o, anchorResolver: a, geom: i, hasOverlayMenu: l } = Ml(), [s] = tt(), c = s?.kind === "observations" && s.scope === "observation" ? s : null;
   return E(() => {
     if (!e || c === null || !l(c)) return null;
     const d = t.find((p) => p.id === c.layerId);
@@ -11207,7 +11217,7 @@ var bf = "_1tyillx2", yf = {
     t
   ]);
 }, Xf = (e, t) => e.x >= 0 && e.x <= t.width && e.y >= 0 && e.y <= t.height, jf = (e, t, n) => {
-  const o = q(), { selectionStore: a } = H(), { store: i, engine: l } = Qe(), s = ee(e), c = ee(t), d = ee(n);
+  const o = q(), { selectionStore: a } = H(), { store: i, engine: l } = et(), s = ee(e), c = ee(t), d = ee(n);
   z(() => {
     const u = (f) => Ua(f, c.current, o.getState().menuTrigger), h = (f) => {
       if (u(f) || a.getState().selection.length > 0) return;
@@ -11250,7 +11260,7 @@ var bf = "_1tyillx2", yf = {
     d
   ]);
 }, qf = (e, t, n) => {
-  const o = q(), { store: a } = H(), { store: i } = Qe(), l = ee(t), s = Te[de()].observationsPress;
+  const o = q(), { store: a } = H(), { store: i } = et(), l = ee(t), s = Te[de()].observationsPress;
   z(() => (i.getState().setEditorOwnsQuery(s), () => i.getState().setEditorOwnsQuery(!1)), [i, s]), z(() => {
     let c = null, d = null, u = !1;
     const h = (w) => {
@@ -11321,7 +11331,7 @@ var bf = "_1tyillx2", yf = {
       return !1;
   }
 }, Po = "editor", Lo = [], Yf = (e, t, n, o, a) => {
-  const i = Ol(), { store: l } = Qe(), s = et().length > 0, c = Te[de()].holdsHoverWhileSelected, d = Q((m) => m.menuTrigger), u = E(() => d === null ? Lo : [Bc(d)], [d]), h = $f(e, t);
+  const i = Ol(), { store: l } = et(), s = tt().length > 0, c = Te[de()].holdsHoverWhileSelected, d = Q((m) => m.menuTrigger), u = E(() => d === null ? Lo : [Bc(d)], [d]), h = $f(e, t);
   qf(e, t, h), Vf(e, t, n, h, a), jf(i, t, n), Lf(e), Pf(e), Tf(e, o), z(() => (l.getState().publishPointerRegions(Po, u), () => l.getState().publishPointerRegions(Po, Lo)), [l, u]);
   const p = s && c;
   z(() => (l.getState().setSuspendsHover(p), () => l.getState().setSuspendsHover(!1)), [l, p]), z(() => {
@@ -11501,7 +11511,7 @@ var u5 = () => () => {
       controls: n,
       children: /* @__PURE__ */ r(a5, {
         value: u,
-        children: /* @__PURE__ */ r(qe.Root, {
+        children: /* @__PURE__ */ r(Ze.Root, {
           [s5]: "",
           className: ye(l5, a, { [l]: !d5(a) }),
           style: s,
@@ -11582,15 +11592,15 @@ var y5 = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
   });
 }, C5 = ({ title: e, preview: t, accessory: n, onOpenChange: o, children: a }) => {
   const i = M();
-  return /* @__PURE__ */ v(qe.Item, {
+  return /* @__PURE__ */ v(Ze.Item, {
     value: e,
     className: yr,
     onOpenChange: o,
-    children: [/* @__PURE__ */ v(qe.Header, {
+    children: [/* @__PURE__ */ v(Ze.Header, {
       className: Sr,
       render: /* @__PURE__ */ r("div", {}),
       children: [
-        /* @__PURE__ */ r(qe.Trigger, {
+        /* @__PURE__ */ r(Ze.Trigger, {
           className: v5,
           "aria-label": i("editor.accessibility.toggleSection", { title: e })
         }),
@@ -11611,7 +11621,7 @@ var y5 = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
           children: /* @__PURE__ */ r(m5, { size: "sm" })
         })
       ]
-    }), /* @__PURE__ */ r(qe.Panel, { children: /* @__PURE__ */ r("div", { children: a }) })]
+    }), /* @__PURE__ */ r(Ze.Panel, { children: /* @__PURE__ */ r("div", { children: a }) })]
   });
 }, x5 = ({ title: e, checked: t, onToggle: n, disabled: o, preview: a, children: i }) => {
   const { expandSection: l, collapseAllSections: s } = i5(), { Switch: c } = D();
@@ -11689,7 +11699,7 @@ var y5 = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
       transform: O === "log" ? "log" : "linear"
     }));
   }, xr = (O) => {
-    a.commands.dispatch(new Ze({
+    a.commands.dispatch(new Ye({
       scaledAesthetic: e,
       ...O
     }), { transient: !0 });
@@ -11699,13 +11709,13 @@ var y5 = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
     O !== null && xr({ domainMax: O });
   }, Ql = (O) => {
     const fe = O === "auto" ? null : O === "zero" ? 0 : Mo(m?.domain, "start");
-    a.commands.dispatch(new Ze({
+    a.commands.dispatch(new Ye({
       scaledAesthetic: e,
       domainMin: fe
     }));
   }, es = (O) => {
     const fe = O === "custom" ? Mo(m?.domain, "end") : null;
-    a.commands.dispatch(new Ze({
+    a.commands.dispatch(new Ye({
       scaledAesthetic: e,
       domainMax: fe
     }));
@@ -12465,7 +12475,7 @@ var y5 = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
     ] })
   });
 }, tb = 3, T3 = ({ title: e, layout: t = "collapsible", preview: n }) => {
-  const o = U(), a = W(o), i = M(), { RadioGrid: l } = D(), s = E(() => Je.map(({ name: h, icon: p, summary: m }) => ({
+  const o = U(), a = W(o), i = M(), { RadioGrid: l } = D(), s = E(() => Qe.map(({ name: h, icon: p, summary: m }) => ({
     value: h,
     label: i(`editor.graphTypes.${h}`),
     icon: /* @__PURE__ */ r(p, { size: "md" }),
@@ -12473,7 +12483,7 @@ var y5 = "_40zvwv8", Z = ({ title: e, layout: t = "fixed", preview: n, accessory
   })), [i, a]);
   if (!a) return null;
   const c = Bt(a.spec), d = wt(c), u = (h) => {
-    const p = Je.find((m) => m.name === h);
+    const p = Qe.find((m) => m.name === h);
     p && o.commands.dispatch(new Un(li(p.summary, c)));
   };
   return /* @__PURE__ */ r(Z, {
@@ -13165,7 +13175,7 @@ export {
   hu as Button,
   C3 as CalloutsSection,
   P5 as CaptionSection,
-  tt as ColorRow,
+  Ke as ColorRow,
   fu as ColorSwatches,
   x3 as ComboSection,
   yh as ControlRegistryProvider,

package/dist/{history-chords-Dhts8KCW.js → history-chords-CaoYNtzG.js}

@@ -22,7 +22,7 @@ import './history-chords.css';var eo = Object.defineProperty, gd = (e, t) => {
     });
   return t || eo(r, Symbol.toStringTag, { value: "Module" }), r;
 };
-typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1793272487821");
+typeof window < "u" && (window.__GRAPHY_SDK__ ??= {}, window.__GRAPHY_SDK__.reactRenderer = "1.9.0-beta.1793288163741");
 function fd(e) {
   for (const t of e) (t.severity === "error" ? console.error : console.warn)(`[graphy] ${t.code}: ${t.message}`, t);
 }