@graphysdk/react-renderer 1.9.0-beta.1788784687575 → 1.9.0-beta.1788802947113

package/dist/editable.mjs

@@ -1,11 +1,11 @@
-import { $ as oo, A as io, At as lo, B as qn, C as Zn, D as x, Dt as so, E as co, Et as Xn, F as X, Ft as G, G as uo, H as et, I as U, J as ho, K as jn, L as V, N as po, Nt as _, Ot as mo, P as go, Q as Qt, R as Et, S as vo, T as fo, U as bo, V as Mt, W as Yn, X as Co, Z as yo, _ as Jn, at as So, b as Nt, c as xo, d as wo, dt as To, et as ee, f as Qn, ft as le, g as Ao, gt as J, h as ko, ht as Ot, i as Lo, kt as Po, l as Io, lt as Eo, m as tt, n as se, nt, o as Mo, ot as k, p as er, q as No, r as $, st as Oo, t as Ro, u as Do, ut as zo, v as tr, w as _o, x as Fo, y as fe, z as Rt } from "./history-chords-B6gL7Ye8.js";
-import { d as nr, f as he, n as rr } from "./dev.utils-HBVa4Fj9.js";
+import { $ as oo, A as io, At as lo, B as qn, C as Zn, D as x, Dt as so, E as co, Et as Xn, F as X, Ft as G, G as uo, H as et, I as U, J as ho, K as jn, L as V, N as po, Nt as _, Ot as mo, P as go, Q as Qt, R as Et, S as vo, T as fo, U as bo, V as Mt, W as Yn, X as Co, Z as yo, _ as Jn, at as So, b as Nt, c as xo, d as wo, dt as To, et as ee, f as Qn, ft as le, g as Ao, gt as J, h as ko, ht as Ot, i as Lo, kt as Po, l as Io, lt as Eo, m as tt, n as se, nt, o as Mo, ot as k, p as er, q as No, r as $, st as Oo, t as Ro, u as Do, ut as zo, v as tr, w as _o, x as Fo, y as fe, z as Rt } from "./history-chords-CarULN0D.js";
+import { d as nr, f as ce, n as rr } from "./dev.utils-HBVa4Fj9.js";
 import { ARROW_DEFAULTS as Ho, ARROW_STICKER_DECLARATIONS as Bo, ARROW_STROKE_WIDTHS as pt, AddAnnotationCommand as pe, AddHighlightCommand as Vo, BORDER_RADIUS_TOKENS as en, COMBO_TYPES as tn, CONSTANT_VARIABLES as Go, DEFAULT_BAR_BORDER_RADIUS as $o, DEFAULT_POINT_SIZE as Uo, DEFAULT_STROKE_WIDTH as Wo, DIFFERENCE_ARROW_DEFAULTS as ar, DIFFERENCE_ARROW_SIZE_DECLARATIONS as nn, MAX_BAR_WIDTH as Ko, MIN_BAR_WIDTH as qo, MoveAnnotationCommand as Zo, RESTING_HOVER_STATE as or, RemoveAnnotationCommand as ke, RemoveHighlightCommand as Xo, SHAPE_DEFAULTS as jo, SetAppearanceTextScaleCommand as Yo, SetAxisLabelCommand as Jo, SetAxisPositionCommand as Qo, SetAxisTickModeCommand as ei, SetAxisTicksVisibilityCommand as ti, SetAxisVisibilityCommand as ni, SetBarBorderRadiusCommand as ri, SetBarWidthCommand as ai, SetChartTypeCommand as ir, SetContentCaptionCommand as lr, SetContentSourceCommand as oi, SetContentSubtitleCommand as sr, SetContentTitleCommand as cr, SetDataLabelsFormatCommand as ii, SetDifferenceArrowStyleCommand as li, SetGridLineStyleCommand as si, SetGridLineWidthCommand as ci, SetGridVisibilityCommand as di, SetHeadlineCompareWithCommand as ui, SetHeadlinePositionCommand as hi, SetHeadlineShowCommand as rn, SetHeadlineSizeCommand as pi, SetHighlightDimStyleCommand as mi, SetLayerYScaleTypeCommand as gi, SetLegendAlignCommand as vi, SetLegendDisplayCommand as fi, SetLegendPositionCommand as bi, SetLineInterpolationCommand as Ci, SetLineMissingValuesCommand as yi, SetLineWidthCommand as an, SetMappingCommand as Si, SetNumberFormatAbbreviationCommand as xi, SetNumberFormatDecimalsCommand as on, SetPointSizeCommand as wi, SetPolarInnerRadiusCommand as Ti, SetPolarStartAngleCommand as Ai, SetRuleLabelCommand as ki, SetRuleValueCommand as Li, SetScaleDomainCommand as He, SetScaleReverseCommand as Pi, SetScaleTransformCommand as Ii, SetScaleZeroCommand as ln, SetStatLineCommand as Ei, SetStyleRuleCommand as Ne, TEXT_ANNOTATION_DEFAULTS as Mi, TEXT_ANNOTATION_FADE_ALPHA as Ni, ToggleCategoryLabelsCommand as Oi, ToggleContentVisibilityCommand as rt, ToggleDataLabelsCommand as Ri, ToggleGoalLineCommand as Di, ToggleLineFillCommand as zi, ToggleLinePointsVisibilityCommand as _i, ToggleStackTotalsCommand as Fi, UpdateAnnotationCommand as re, alignUnitFractions as Hi, areAnchorsEqual as dr, areEndpointsComparable as Bi, buildEditMenuTriggerRegion as Vi, buildLayerStyleAddress as Gi, buildObservationPredicate as $i, canAnchorDirectLabels as Ui, canBecomeCombo as Wi, canBecomeHeatmap as Ki, canPlaceDataLabels as qi, clampAnnotationTranslation as Zi, computeArrow as ur, createObservationAnchorBuilder as Xi, createObservationAnchorParser as ji, createStyleResolver as at, createValueFormatter as Yi, extractConstantValue as Ji, extractVariableName as Qi, filterLayersByGeoms as bt, findAnnotation as el, findAverageLineLayer as tl, findGoalLineLayer as nl, findHighlightsAtObservation as rl, findKindStyleDeclarations as al, findLayerByGeom as hr, findObservationAttachment as ol, findStyleRule as Te, findTrendLineLayer as il, formatDifferenceLabel as ll, hasMultipleGroups as sl, inferDefaultDifferenceArrowEndpoints as cl, inferDifferenceArrowEndpoints as dl, isComboChartType as ve, isCompanionLayer as pr, isObservationAttachmentKind as ul, isPointWithinEditMenuTrigger as mr, isSafeUrl as hl, projectAnchorToPanel as Ue, readChartType as gr, readComboLineLayerId as pl, readHighlightDimStyle as ml, readMappableAesthetics as gl, readMappedVariable as vl, readObservationIndex as fl, resolveBarBandFraction as bl, resolveComparisonBasis as Cl, resolveGridLineStyle as yl, resolveObservationPoint as vr, resolveShapeAnnotationStyle as Sl, stepDifferenceArrowEndpoint as xl, toPanelCursor as Dt } from "@graphysdk/viz-engine";
 import { createContext as Oe, useCallback as ie, useContext as Le, useEffect as O, useId as Ae, useMemo as M, useRef as te, useState as Q } from "react";
 import { Fragment as j, jsx as n, jsxs as m } from "react/jsx-runtime";
 import { useShallow as Pe } from "zustand/react/shallow";
 import { createPortal as fr } from "react-dom";
-import ce from "clsx";
+import de from "clsx";
 import { autoUpdate as wl, flip as Tl, offset as Al, shift as kl, useFloating as Ll } from "@floating-ui/react-dom";
 import { assignInlineVars as br } from "@vanilla-extract/dynamic";
 import { Extension as Cr } from "@tiptap/core";
@@ -22,7 +22,7 @@ import { Underline as _l } from "@tiptap/extension-underline";
 import { Placeholder as zt, UndoRedo as Fl } from "@tiptap/extensions";
 import { Paragraph as Sr } from "@tiptap/extension-paragraph";
 import { EditorContent as xr, useEditor as Hl, useEditorState as Bl } from "@tiptap/react";
-import { Toolbar as de } from "@base-ui/react/toolbar";
+import { Toolbar as ue } from "@base-ui/react/toolbar";
 import { Tooltip as xe } from "@base-ui/react/tooltip";
 import { Popover as Y } from "@base-ui/react/popover";
 import { HexColorInput as Vl, HexColorPicker as Gl } from "react-colorful";
@@ -2446,7 +2446,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
       })]
     })
   })
-}), Er = "transparent", yt = nr.map((e) => he[e]), Is = Object.fromEntries(nr.map((e) => [he[e], e])), Es = (e) => yt.some((t) => Nr(t, e)), Ms = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
+}), Er = "transparent", yt = nr.map((e) => ce[e]), Is = Object.fromEntries(nr.map((e) => [ce[e], e])), Es = (e) => yt.some((t) => Nr(t, e)), Ms = ({ color: e, onChange: t, isOpen: r, onOpenChange: a, children: o, label: i, popupAttributes: l, opacity: s, onOpacityChange: c, hasTransparentOption: u = !1 }) => {
   const d = k(), h = Os(), v = u ? [Er, ...yt] : yt, p = (g) => {
     t(g), a(!1);
   };
@@ -2454,7 +2454,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ n(Y.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": i ?? d("graph.toolbar.color.label"),
       className: ps,
       onMouseDown: (g) => g.preventDefault(),
@@ -2597,7 +2597,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   }, [e]);
 }, Mr = (e) => e === "transparent" ? {
   background: kr,
-  border: `1px solid ${he.border100}`
+  border: `1px solid ${ce.border100}`
 } : {
   background: e,
   border: `1px solid ${mo(e, 0.1)}`
@@ -2626,15 +2626,15 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   disabled: r,
   onClick: a,
   children: e
-}), $s = ({ className: e, ...t }) => /* @__PURE__ */ n(xe.Provider, { children: /* @__PURE__ */ n(de.Root, {
+}), $s = ({ className: e, ...t }) => /* @__PURE__ */ n(xe.Provider, { children: /* @__PURE__ */ n(ue.Root, {
   ...t,
-  className: ce(Ds, e)
-}) }), Us = ({ className: e, ...t }) => /* @__PURE__ */ n(de.Group, {
+  className: de(Ds, e)
+}) }), Us = ({ className: e, ...t }) => /* @__PURE__ */ n(ue.Group, {
   ...t,
-  className: ce(zs, e)
-}), Ws = ({ className: e, ...t }) => /* @__PURE__ */ n(de.Separator, {
+  className: de(zs, e)
+}), Ws = ({ className: e, ...t }) => /* @__PURE__ */ n(ue.Separator, {
   ...t,
-  className: ce(_s, e)
+  className: de(_s, e)
 }), Ks = ({ children: e }) => {
   const t = le();
   return t === null ? null : fr(/* @__PURE__ */ n(ee, { children: e }), t);
@@ -2643,7 +2643,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   Root: $s,
   Group: Us,
   Separator: Ws,
-  Button: de.Button,
+  Button: ue.Button,
   ColorPicker: Ms,
   MenuPopup: Vs,
   MenuItem: Gs
@@ -2695,7 +2695,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(z.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": o("graph.toolbar.font.ariaLabel"),
       className: Or,
       onMouseDown: (s) => s.preventDefault(),
@@ -2730,28 +2730,28 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
 }, Fr = {
   id: "text",
   translationKey: "graph.toolbar.heading.text",
-  previewFont: he.fontTextEditorBody
+  previewFont: ce.fontTextEditorBody
 }, un = [
   {
     id: "caption",
     translationKey: "graph.toolbar.heading.caption",
-    previewFont: he.fontTextEditorH6
+    previewFont: ce.fontTextEditorH6
   },
   Fr,
   {
     id: "h3",
     translationKey: "graph.toolbar.heading.heading3",
-    previewFont: he.fontTextEditorH3
+    previewFont: ce.fontTextEditorH3
   },
   {
     id: "h2",
     translationKey: "graph.toolbar.heading.heading2",
-    previewFont: he.fontTextEditorH2
+    previewFont: ce.fontTextEditorH2
   },
   {
     id: "h1",
     translationKey: "graph.toolbar.heading.heading1",
-    previewFont: he.fontTextEditorH1
+    previewFont: ce.fontTextEditorH1
   }
 ], Qs = ({ editor: e, activeStyle: t, isOpen: r, onOpenChange: a }) => {
   const o = k(), i = un.find((l) => l.id === t) ?? Fr;
@@ -2759,7 +2759,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: r,
     onOpenChange: a,
     children: [/* @__PURE__ */ m(z.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": o("graph.toolbar.heading.ariaLabel"),
       className: Or,
       onMouseDown: (l) => l.preventDefault(),
@@ -2868,7 +2868,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
     open: a,
     onOpenChange: o,
     children: [/* @__PURE__ */ n(Y.Trigger, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       "aria-label": i("graph.toolbar.formatting.link"),
       "data-active": r,
       className: ic,
@@ -2974,7 +2974,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
   const o = (i) => i.preventDefault();
   return /* @__PURE__ */ m(xe.Root, { children: [/* @__PURE__ */ n(xe.Trigger, {
     render: /* @__PURE__ */ n($l, {
-      render: /* @__PURE__ */ n(de.Button, {}),
+      render: /* @__PURE__ */ n(ue.Button, {}),
       pressed: t,
       onPressedChange: () => r()
     }),
@@ -3229,7 +3229,7 @@ var Lr = "d0bl03", ms = "d0bl04", Pr = "d0bl05", Ct = "d0bl06", gs = "d0bl07", v
         },
         fontSize: {
           default: null,
-          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: ${e.fontSize / 10}em` } : {}
+          renderHTML: (e) => typeof e.fontSize == "number" && Number.isFinite(e.fontSize) ? { style: `font-size: calc(${e.fontSize}px * ${ce.textScale})` } : {}
         }
       }
     }];
@@ -6035,26 +6035,26 @@ var xa = [
 })), Ph = (e) => xa.find((t) => t.id === (e ?? "modern")) ?? null;
 var wa = [
   {
-    size: 8,
+    size: 12,
     key: "graph.annotations.textToolbar.fontSize.small"
   },
   {
-    size: 10,
+    size: 15,
     key: "graph.annotations.textToolbar.fontSize.medium"
   },
   {
-    size: 12,
+    size: 18,
     key: "graph.annotations.textToolbar.fontSize.large"
   },
   {
-    size: 16,
+    size: 24,
     key: "graph.annotations.textToolbar.fontSize.extraLarge"
   },
   {
-    size: 20,
+    size: 30,
     key: "graph.annotations.textToolbar.fontSize.huge"
   }
-], Ih = (e) => wa.find((t) => t.size === (e ?? 10)) ?? null, Eh = (e) => `${e / 10}em`, Mh = [
+], Ih = (e) => wa.find((t) => t.size === (e ?? 15)) ?? null, Eh = (e) => `${e}px`, Mh = [
   {
     alignment: "left",
     Icon: Gr
@@ -6431,14 +6431,14 @@ var Yh = "_1tyillx1", Jh = {
     "aria-hidden": "true",
     "data-testid": "observation-menu-trigger",
     "data-state": o,
-    className: ce(Yh, Jh[o]),
+    className: de(Yh, Jh[o]),
     style: {
       left: t.x + i.center.x,
       top: t.y + i.center.y,
       ...br({ [Xh]: a.color })
     },
     children: /* @__PURE__ */ n("span", {
-      className: ce(Qh, e1[o === "open" ? "open" : "closed"]),
+      className: de(Qh, e1[o === "open" ? "open" : "closed"]),
       children: /* @__PURE__ */ n(Zh, { size: "lg" })
     })
   });
@@ -7033,7 +7033,7 @@ var N1 = 6, O1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     ariaLabelledBy: c
   }), h = i === "swatch", { commitAfterChange: v, gestureHandlers: p } = ct(a);
   return /* @__PURE__ */ n(Tr, {
-    className: ce(E1, R1(o ?? e.length)),
+    className: de(E1, R1(o ?? e.length)),
     value: t,
     onValueChange: (g) => {
       r(g), v();
@@ -7044,7 +7044,7 @@ var N1 = 6, O1 = ({ options: e, value: t, onChange: r, onCommit: a, columns: o,
     children: e.map((g) => /* @__PURE__ */ m(wr.Root, {
       value: g.value,
       disabled: g.isDisabled,
-      className: ce(M1, h && "_1b7s5f8"),
+      className: de(M1, h && "_1b7s5f8"),
       "aria-label": h ? g.label : void 0,
       children: [g.icon, !h && /* @__PURE__ */ n("span", {
         className: "_1b7s5f9",
@@ -7215,7 +7215,7 @@ var lp = ({ options: e, value: t, onChange: r, onCommit: a, itemLayout: o = "inl
     children: e.map((p) => /* @__PURE__ */ m(wr.Root, {
       value: p.value,
       disabled: p.isDisabled,
-      className: ce(ip, d && "cnu9yl2"),
+      className: de(ip, d && "cnu9yl2"),
       "aria-label": sp(p, d),
       children: [p.icon, Na(p, d) && /* @__PURE__ */ n("span", {
         className: "cnu9yl3",
@@ -7276,7 +7276,7 @@ var bp = ({ handle: e, children: t, controls: r, defaultExpandedSection: a = voi
         value: d,
         children: /* @__PURE__ */ n(Ee.Root, {
           [gp]: "",
-          className: ce(mp, o, { [l]: !fp(o) }),
+          className: de(mp, o, { [l]: !fp(o) }),
           style: s,
           value: c,
           onValueChange: (h) => u(h),
@@ -7457,10 +7457,10 @@ var Tp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
   if (!i) return null;
   const h = i.coordSystem.type === "polar" ? i.coordSystem.axisMapping[e].geometry : "linear", v = i.config.axes[e], p = i.scales[e], g = p?.spec, f = g?.scaleType === "continuous" ? g : void 0;
   if (h === "circular" || h === "radial" && f === void 0) return null;
-  const y = g !== void 0 && "reverse" in g ? g : void 0, P = g?.scaleType === "continuous" || g?.scaleType === "datetime", C = e === "y" && f !== void 0 && i.layers.some((w) => w.yScaleType === "primary" && w.geom === "bar"), A = f?.transform === "log", L = f?.domainMax ?? null, R = Mp(f), F = (w, ue) => w.map((Fe) => ({
+  const y = g !== void 0 && "reverse" in g ? g : void 0, P = g?.scaleType === "continuous" || g?.scaleType === "datetime", C = e === "y" && f !== void 0 && i.layers.some((w) => w.yScaleType === "primary" && w.geom === "bar"), A = f?.transform === "log", L = f?.domainMax ?? null, R = Mp(f), F = (w, he) => w.map((Fe) => ({
     value: Fe,
-    label: ue(Fe)
-  })), D = i.guides.axes.find((w) => w.scaleAestheticKey === e)?.position, E = Pp[D === "bottom" || D === "top" || D === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? pl(i.spec) : null, T = N === null ? void 0 : i.spec.layers.find((w) => w.id === N), b = i.guides.legends.drawn.some((w) => E.some((ue) => ue === w.position)), Z = E.map((w) => ({
+    label: he(Fe)
+  })), D = i.guides.axes.find((w) => w.scaleAestheticKey === e)?.position, E = Pp[D === "bottom" || D === "top" || D === void 0 && e === "x" ? "horizontal" : "vertical"], N = e === "y" ? pl(i.spec) : null, T = N === null ? void 0 : i.spec.layers.find((w) => w.id === N), b = i.guides.legends.drawn.some((w) => E.some((he) => he === w.position)), Z = E.map((w) => ({
     value: w,
     label: l(Ip[w])
   })), ye = F(["auto", "edges"], (w) => l(w === "edges" ? "editor.axesPanel.labelMode.edges" : "editor.axesPanel.labelMode.auto")), _e = F(["linear", "log"], (w) => l(w === "log" ? "editor.axesPanel.scale.log" : "editor.axesPanel.scale.auto")), $a = F([
@@ -7527,10 +7527,10 @@ var Tp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       }));
     }
   }, no = (w) => {
-    const ue = w === "custom" ? zn(p?.domain, "end") : null;
+    const he = w === "custom" ? zn(p?.domain, "end") : null;
     o.commands.dispatch(new He({
       scaledAesthetic: e,
-      domainMax: ue
+      domainMax: he
     }));
   }, ro = (w) => {
     T !== void 0 && o.commands.dispatch(new gi({
@@ -7538,10 +7538,10 @@ var Tp = "_40zvwv8", W = ({ title: e, layout: t = "fixed", preview: r, accessory
       yScaleType: w === "double" ? "secondary" : "primary"
     }));
   }, ao = (w) => {
-    const ue = E.find((Fe) => Fe === w);
-    ue && o.commands.dispatch(new Qo({
+    const he = E.find((Fe) => Fe === w);
+    he && o.commands.dispatch(new Qo({
       axis: e,
-      position: ue
+      position: he
     }));
   };
   return /* @__PURE__ */ n(W, {