@devtable/dashboard 13.24.0 → 13.25.0

package/dist/components/panel/panel-render/full-screen-render/use-panel-full-screen.d.ts

@@ -3449,6 +3449,7 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
+        readonly variableAggValueMap: import('../../../../model').VariableAggValueMap;
         readonly variableValueMap: import('../../../../model').VariableValueMap;
         readonly variableStyleMap: import('../../../../model').VariableStyleMap;
         readonly dataLoading: boolean;
@@ -6786,6 +6787,7 @@ export declare function usePanelFullScreen(view: ViewMetaInstance, panelID: stri
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
+        readonly variableAggValueMap: import('../../../../model').VariableAggValueMap;
         readonly variableValueMap: import('../../../../model').VariableValueMap;
         readonly variableStyleMap: import('../../../../model').VariableStyleMap;
         readonly dataLoading: boolean;

package/dist/components/plugins/plugin-context.d.ts

@@ -3465,6 +3465,7 @@ export declare const tokens: {
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
             readonly data: TPanelData;
             readonly variableStrings: Record<string, import('./react').ReactNode>;
+            readonly variableAggValueMap: import("../..").VariableAggValueMap;
             readonly variableValueMap: import("../..").VariableValueMap;
             readonly variableStyleMap: import("../..").VariableStyleMap;
             readonly dataLoading: boolean;
@@ -3909,10 +3910,7 @@ export declare const tokens: {
                     dep_query_ids: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
                 }[];
                 layouts: any;
-            }; /**
-             * All available tokens of services, it also serves as an overview of the
-             * plugin system
-             */
+            };
             downloadSchema(): void;
         } & {
             readonly realDataFieldOptions: {
@@ -6843,6 +6841,7 @@ export declare const tokens: {
             }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
             readonly data: TPanelData;
             readonly variableStrings: Record<string, import('./react').ReactNode>;
+            readonly variableAggValueMap: import("../..").VariableAggValueMap;
             readonly variableValueMap: import("../..").VariableValueMap;
             readonly variableStyleMap: import("../..").VariableStyleMap;
             readonly dataLoading: boolean;
@@ -7287,10 +7286,7 @@ export declare const tokens: {
                     dep_query_ids: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").ISimpleType<string>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>>;
                 }[];
                 layouts: any;
-            }; /**
-             * All available tokens of services, it also serves as an overview of the
-             * plugin system
-             */
+            };
             downloadSchema(): void;
         } & {
             readonly realDataFieldOptions: {

package/dist/components/widgets/rich-text-editor/readonly-rich-text-editor.d.ts

@@ -1,12 +1,12 @@
-import { RichTextEditorProps } from '@mantine/tiptap';
 import { Sx } from '@mantine/core';
-import { TDashboardState, VariableValueMap } from '../../../model';
+import { RichTextEditorProps } from '@mantine/tiptap';
+import { TDashboardState, VariableAggValueMap } from '../../../model';
 interface IReadonlyRichText {
     value: string;
     styles?: RichTextEditorProps['styles'];
     sx?: Sx;
     dashboardState?: TDashboardState;
-    varaiables?: VariableValueMap;
+    variableAggValueMap?: VariableAggValueMap;
 }
-export declare const ReadonlyRichText: ({ value, styles, sx, dashboardState, varaiables, }: IReadonlyRichText) => import('./react/jsx-runtime').JSX.Element;
+export declare const ReadonlyRichText: ({ value, styles, sx, dashboardState, variableAggValueMap, }: IReadonlyRichText) => import('./react/jsx-runtime').JSX.Element;
 export {};

package/dist/contexts/panel-context.d.ts

@@ -3454,6 +3454,7 @@ export declare const useRenderPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
+        readonly variableAggValueMap: import('../model').VariableAggValueMap;
         readonly variableValueMap: import('../model').VariableValueMap;
         readonly variableStyleMap: import('../model').VariableStyleMap;
         readonly dataLoading: boolean;
@@ -6791,6 +6792,7 @@ export declare const useRenderPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
+        readonly variableAggValueMap: import('../model').VariableAggValueMap;
         readonly variableValueMap: import('../model').VariableValueMap;
         readonly variableStyleMap: import('../model').VariableStyleMap;
         readonly dataLoading: boolean;
@@ -10689,6 +10691,7 @@ export declare const useEditPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
+        readonly variableAggValueMap: import('../model').VariableAggValueMap;
         readonly variableValueMap: import('../model').VariableValueMap;
         readonly variableStyleMap: import('../model').VariableStyleMap;
         readonly dataLoading: boolean;
@@ -14064,6 +14067,7 @@ export declare const useEditPanelContext: () => {
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
         readonly data: TPanelData;
         readonly variableStrings: Record<string, React.ReactNode>;
+        readonly variableAggValueMap: import('../model').VariableAggValueMap;
         readonly variableValueMap: import('../model').VariableValueMap;
         readonly variableStyleMap: import('../model').VariableStyleMap;
         readonly dataLoading: boolean;

package/dist/dashboard-editor/model/panels/panel.d.ts

@@ -2891,6 +2891,7 @@ export declare const PanelModel: import("mobx-state-tree").IModelType<{
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
     readonly data: TPanelData;
     readonly variableStrings: Record<string, import('./react').ReactNode>;
+    readonly variableAggValueMap: import('../../../model').VariableAggValueMap;
     readonly variableValueMap: import('../../../model').VariableValueMap;
     readonly variableStyleMap: import('../../../model').VariableStyleMap;
     readonly dataLoading: boolean;

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var ug = Object.defineProperty;
 var hg = (e, t, n) => t in e ? ug(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var G = (e, t, n) => (hg(e, typeof t != "symbol" ? t + "" : t, n), n);
 import R, { forwardRef as re, useState as U, useEffect as W, useCallback as Ee, useMemo as I, createElement as aa, useContext as Pn, useRef as ti, useLayoutEffect as pg, createContext as Cu, memo as mg } from "react";
-import { TextInput as E, NativeSelect as Iu, Stack as S, Group as b, Button as M, Text as w, Box as A, Overlay as Sr, Modal as Le, Tooltip as he, ActionIcon as Z, HoverCard as Pe, Select as N, Checkbox as te, Divider as P, NumberInput as ne, Switch as Xe, Table as Ge, MultiSelect as Yr, Paper as fg, Code as Jc, Tabs as _, LoadingOverlay as kr, Alert as Vi, ColorSwatch as ho, createStyles as Ni, Popover as En, CloseButton as yr, Center as Jn, Collapse as qi, useMantineTheme as Tu, CheckIcon as xg, MANTINE_SIZES as gg, SimpleGrid as Br, SegmentedControl as zu, Anchor as As, ColorInput as Cr, Menu as ee, UnstyledButton as Du, Flex as Nt, Badge as Yn, Textarea as Mu, Mark as Eu, Slider as bg, Affix as yg, Header as vg, List as Tt, FileInput as _g, ThemeIcon as Ba, Navbar as Tn, JsonInput as Lu, Pagination as $u, Drawer as jg, Accordion as fs, Radio as Zc, Skeleton as ed, NavLink as po, AppShell as Au } from "@mantine/core";
+import { TextInput as E, Stack as S, Group as b, Button as M, Text as w, Box as A, Overlay as Sr, Modal as Le, Tooltip as he, ActionIcon as Z, NativeSelect as Iu, HoverCard as Pe, Select as N, Checkbox as te, Divider as P, NumberInput as ne, Switch as Xe, Table as Ge, MultiSelect as Yr, Paper as fg, Code as Jc, Tabs as _, LoadingOverlay as kr, Alert as Vi, ColorSwatch as ho, createStyles as Ni, Popover as En, CloseButton as yr, Center as Jn, Collapse as qi, useMantineTheme as Tu, CheckIcon as xg, MANTINE_SIZES as gg, SimpleGrid as Br, SegmentedControl as zu, Anchor as As, ColorInput as Cr, Menu as ee, UnstyledButton as Du, Flex as Nt, Badge as Yn, Textarea as Mu, Mark as Eu, Slider as bg, Affix as yg, Header as vg, List as Tt, FileInput as _g, ThemeIcon as Ba, Navbar as Tn, JsonInput as Lu, Pagination as $u, Drawer as jg, Accordion as fs, Radio as Zc, Skeleton as ed, NavLink as po, AppShell as Au } from "@mantine/core";
 import { useModals as vn, ModalsProvider as Ru } from "@mantine/modals";
 import { useBoolean as ut, useCreation as Zt, useAsyncEffect as Bi, useRequest as vr, useLatest as td, usePrevious as wg, useWhyDidYouUpdate as Pu } from "ahooks";
 import { toJS as On, observable as Ou, runInAction as Ti, reaction as Dt, makeAutoObservable as Wi } from "mobx";
@@ -20,7 +20,7 @@ import * as Og from "popmotion";
 import { interpolate as Ir } from "popmotion";
 import fn from "axios";
 import { useDisclosure as Zn, useClipboard as Fg, randomId as jr, useElementSize as Li, useResizeObserver as Vg, useInputState as Hu } from "@mantine/hooks";
-import { IconTextSize as Jo, IconPlayerSkipBack as Qu, IconRecycle as Gi, IconDeviceFloppy as Qe, IconMathFunction as Fn, IconInfoCircle as Tr, IconBorderAll as Ng, IconTrash as gn, IconPlus as tn, IconGripHorizontal as qg, IconChevronUp as Bg, IconChevronDown as Wg, IconSelector as Gg, IconGripVertical as Hg, IconPlaylistAdd as mo, IconArrowDown as Qg, IconArrowUp as Ug, IconAlertCircle as fo, IconArrowBarToRight as Kg, IconCalendar as Yg, IconMinus as Xg, IconChevronsUp as Jg, IconChevronsDown as Zg, IconDatabase as Hi, IconCode as wr, IconCamera as oa, IconShare3 as eb, IconDownload as tb, IconArrowsLeftRight as nb, IconVariable as Uu, IconCodeDots as rb, IconFilter as Ku, IconCopy as ib, IconBoxMultiple as Yu, IconCaretDown as sb, IconAlertTriangle as Xu, IconArrowLeft as ab, IconDevices as ob, IconSettings as Qi, IconPointFilled as Zo, IconFileImport as nd, IconCircleDashed as lb, IconCircleDot as cb, IconCircleOff as db, IconAdjustments as ub, IconLink as hb, IconArrowCurveRight as xo, IconLine as pb, IconX as Ju, IconEye as Zu, IconTable as mb, IconColumns as fb, IconVectorTriangle as xb, IconVariablePlus as gb, IconHierarchy as bb, IconDiscountCheckFilled as yb } from "@tabler/icons-react";
+import { IconPlayerSkipBack as Qu, IconRecycle as Gi, IconDeviceFloppy as Qe, IconMathFunction as Fn, IconTextSize as Jo, IconInfoCircle as Tr, IconBorderAll as Ng, IconTrash as gn, IconPlus as tn, IconGripHorizontal as qg, IconChevronUp as Bg, IconChevronDown as Wg, IconSelector as Gg, IconGripVertical as Hg, IconPlaylistAdd as mo, IconArrowDown as Qg, IconArrowUp as Ug, IconAlertCircle as fo, IconArrowBarToRight as Kg, IconCalendar as Yg, IconMinus as Xg, IconChevronsUp as Jg, IconChevronsDown as Zg, IconDatabase as Hi, IconCode as wr, IconCamera as oa, IconShare3 as eb, IconDownload as tb, IconArrowsLeftRight as nb, IconVariable as Uu, IconCodeDots as rb, IconFilter as Ku, IconCopy as ib, IconBoxMultiple as Yu, IconCaretDown as sb, IconAlertTriangle as Xu, IconArrowLeft as ab, IconDevices as ob, IconSettings as Qi, IconPointFilled as Zo, IconFileImport as nd, IconCircleDashed as lb, IconCircleDot as cb, IconCircleOff as db, IconAdjustments as ub, IconLink as hb, IconArrowCurveRight as xo, IconLine as pb, IconX as Ju, IconEye as Zu, IconTable as mb, IconColumns as fb, IconVectorTriangle as xb, IconVariablePlus as gb, IconHierarchy as bb, IconDiscountCheckFilled as yb } from "@tabler/icons-react";
 import { useTranslation as y, Trans as la, initReactI18next as vb, I18nextProvider as _b } from "react-i18next";
 import { RichTextEditor as ie, Link as eh, useRichTextEditorContext as jb } from "@mantine/tiptap";
 import { Color as th } from "@tiptap/extension-color";
@@ -28,12 +28,12 @@ import nh from "@tiptap/extension-highlight";
 import rh from "@tiptap/extension-placeholder";
 import ih from "@tiptap/extension-subscript";
 import sh from "@tiptap/extension-superscript";
-import ah from "@tiptap/extension-text-align";
-import oh from "@tiptap/extension-text-style";
-import lh from "@tiptap/extension-table";
-import ch from "@tiptap/extension-table-cell";
-import dh from "@tiptap/extension-table-header";
-import uh from "@tiptap/extension-table-row";
+import ah from "@tiptap/extension-table";
+import oh from "@tiptap/extension-table-cell";
+import lh from "@tiptap/extension-table-header";
+import ch from "@tiptap/extension-table-row";
+import dh from "@tiptap/extension-text-align";
+import uh from "@tiptap/extension-text-style";
 import hh from "@tiptap/extension-underline";
 import { useEditor as ph } from "@tiptap/react";
 import mh from "@tiptap/starter-kit";
@@ -4412,65 +4412,9 @@ class Bs {
     return !1;
   }
 }
-const Uh = yn.create({
-  name: "fontSize",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
-  },
-  addGlobalAttributes() {
-    return [{
-      types: this.options.types,
-      attributes: {
-        fontSize: {
-          default: null,
-          parseHTML: (e) => e.style.fontSize.replace(/['"]+/g, ""),
-          renderHTML: (e) => e.fontSize ? {
-            style: `font-size: ${e.fontSize}; line-height: 1.2;  overflow: auto`
-          } : {}
-        }
-      }
-    }];
-  },
-  addCommands() {
-    return {
-      setFontSize: (e) => ({
-        chain: t
-      }) => t().setMark("textStyle", {
-        fontSize: e
-      }).run(),
-      unsetFontSize: () => ({
-        chain: e
-      }) => e().setMark("textStyle", {
-        fontSize: null
-      }).removeEmptyTextStyle().run()
-    };
-  }
-}), vj = ["8", "10", "12", "14", "16", "18", "20", "24", "30", "36", "48", "60", "72"].map((e) => `${e}px`), _j = [{
-  label: "auto",
-  value: ""
-}].concat(vj.map((e) => ({
-  label: e,
-  value: e
-}))), jj = {
-  input: {
-    height: "26px",
-    minHeight: "26px",
-    lineHeight: "26px",
-    borderColor: "#ced4da !important"
-  }
-}, wj = ({
-  editor: e
-}) => {
-  const t = e.getAttributes("textStyle").fontSize;
-  return /* @__PURE__ */ r.jsx(ie.ControlsGroup, { children: /* @__PURE__ */ r.jsx(Iu, { size: "xs", icon: /* @__PURE__ */ r.jsx(Jo, { stroke: 1.5, size: 16 }), data: _j, styles: jj, value: t || "", onChange: (n) => {
-    const i = n.currentTarget.value;
-    i ? e.chain().focus().setFontSize(i).run() : e.chain().focus().unsetFontSize().run();
-  } }) });
-}, So = "function color({ variables }, { filters, context }, utils) {", Kh = "}", Sj = [So, '    return "red";', Kh], kj = Sj.join(`
+const So = "function color({ variables }, { filters, context }, utils) {", Uh = "}", vj = [So, '    return "red";', Uh], _j = vj.join(`
 `);
-function Cj(e) {
+function jj(e) {
   const t = e.split(`
 `);
   if (t.length === 2)
@@ -4482,13 +4426,13 @@ function Cj(e) {
     allowMultiline: !0
   }] : [];
 }
-const Ij = (e) => !e || e.startsWith(So) ? e : [So, e, Kh].join(`
-`), Yh = (e) => {
+const wj = (e) => !e || e.startsWith(So) ? e : [So, e, Uh].join(`
+`), Kh = (e) => {
   const n = "abcdefghijklmnopqrstuvwxyz", s = `1234567890${n}${n.toUpperCase()}`.split(""), a = new Uint8Array(e);
   return crypto.getRandomValues(a), a.reduce((o, l) => `${o}${s[l & 61]}`, "");
 };
-function Tj(e, t, n) {
-  const i = {}, s = (o) => new Function(`return ${Ij(o)}`)()({
+function Sj(e, t, n) {
+  const i = {}, s = (o) => new Function(`return ${wj(o)}`)()({
     variables: n
   }, t, nn);
   return e.querySelectorAll("dynamic-color").forEach((o) => {
@@ -4498,12 +4442,12 @@ function Tj(e, t, n) {
     });
   }), i;
 }
-const vi = "data-value", zj = vi, Xh = "dynamicColor", Jh = Bs.create({
-  name: Xh,
+const vi = "data-value", kj = vi, Yh = "dynamicColor", Xh = Bs.create({
+  name: Yh,
   addAttributes() {
     return {
       id: {
-        default: Yh(6),
+        default: Kh(6),
         parseHTML: (e) => e.getAttribute("id")
       },
       [vi]: {
@@ -4535,7 +4479,7 @@ const vi = "data-value", zj = vi, Xh = "dynamicColor", Jh = Bs.create({
       }) => e.unsetMark(this.name)
     };
   }
-}), Dj = ({
+}), Cj = ({
   value: e,
   onChange: t,
   onMount: n
@@ -4616,7 +4560,7 @@ const vi = "data-value", zj = vi, Xh = "dynamicColor", Jh = Bs.create({
       flexGrow: 1
     }, children: [
       f && /* @__PURE__ */ r.jsx(Sr, { center: !0, color: "#fff", opacity: 0.5, children: /* @__PURE__ */ r.jsx(M, { color: "blue", radius: "xl", onClick: h, children: o("common.actions.init_with_default") }) }),
-      /* @__PURE__ */ r.jsx(Dj, { value: l, onChange: c, onMount: p })
+      /* @__PURE__ */ r.jsx(Cj, { value: l, onChange: c, onMount: p })
     ] })
   ] });
 }), hl = re(({
@@ -4646,7 +4590,7 @@ const vi = "data-value", zj = vi, Xh = "dynamicColor", Jh = Bs.create({
     }),
     !l && /* @__PURE__ */ r.jsx(M, { onClick: m, ...o, children: a })
   ] });
-}), Mj = ({
+}), Ij = ({
   onClick: e
 }) => {
   const {
@@ -4659,41 +4603,97 @@ const vi = "data-value", zj = vi, Xh = "dynamicColor", Jh = Bs.create({
     borderColor: "#ced4da !important",
     color: "rgb(190, 75, 219)"
   }, onClick: e, children: /* @__PURE__ */ r.jsx(Fn, { stroke: 2, size: 16 }) }) });
-}, Ej = ({
+}, Tj = ({
   editor: e
 }) => {
   const {
     t
-  } = y(), n = e.getAttributes(Xh)[zj] ?? "";
+  } = y(), n = e.getAttributes(Yh)[kj] ?? "";
   return /* @__PURE__ */ r.jsx(hl, { title: t("rich_text.dynamic_color.edit"), label: "", triggerLabel: "", value: n, onChange: (i) => {
     i ? e.chain().focus().setDynamicColor(i).run() : e.chain().focus().unsetDynamicColor().run();
-  }, defaultValue: kj, renderTriggerButton: Mj, restrictions: Cj(n), zIndex: 340 });
+  }, defaultValue: _j, renderTriggerButton: Ij, restrictions: jj(n), zIndex: 340 });
+}, Jh = yn.create({
+  name: "fontSize",
+  addOptions() {
+    return {
+      types: ["textStyle"]
+    };
+  },
+  addGlobalAttributes() {
+    return [{
+      types: this.options.types,
+      attributes: {
+        fontSize: {
+          default: null,
+          parseHTML: (e) => e.style.fontSize.replace(/['"]+/g, ""),
+          renderHTML: (e) => e.fontSize ? {
+            style: `font-size: ${e.fontSize}; line-height: 1.2;  overflow: auto`
+          } : {}
+        }
+      }
+    }];
+  },
+  addCommands() {
+    return {
+      setFontSize: (e) => ({
+        chain: t
+      }) => t().setMark("textStyle", {
+        fontSize: e
+      }).run(),
+      unsetFontSize: () => ({
+        chain: e
+      }) => e().setMark("textStyle", {
+        fontSize: null
+      }).removeEmptyTextStyle().run()
+    };
+  }
+}), zj = ["8", "10", "12", "14", "16", "18", "20", "24", "30", "36", "48", "60", "72"].map((e) => `${e}px`), Dj = [{
+  label: "auto",
+  value: ""
+}].concat(zj.map((e) => ({
+  label: e,
+  value: e
+}))), Mj = {
+  input: {
+    height: "26px",
+    minHeight: "26px",
+    lineHeight: "26px",
+    borderColor: "#ced4da !important"
+  }
+}, Ej = ({
+  editor: e
+}) => {
+  const t = e.getAttributes("textStyle").fontSize;
+  return /* @__PURE__ */ r.jsx(ie.ControlsGroup, { children: /* @__PURE__ */ r.jsx(Iu, { size: "xs", icon: /* @__PURE__ */ r.jsx(Jo, { stroke: 1.5, size: 16 }), data: Dj, styles: Mj, value: t || "", onChange: (n) => {
+    const i = n.currentTarget.value;
+    i ? e.chain().focus().setFontSize(i).run() : e.chain().focus().unsetFontSize().run();
+  } }) });
 }, Xi = ({
   value: e,
   styles: t = {},
   sx: n = {},
   dashboardState: i = ko(),
-  varaiables: s = {}
+  variableAggValueMap: s = {}
 }) => {
   const a = ph({
-    extensions: [mh, hh, eh, sh, ih, nh, lh.configure({
+    extensions: [mh, hh, eh, sh, ih, nh, ah.configure({
       resizable: !1,
       // https://github.com/ueberdosis/tiptap/issues/2041
       HTMLAttributes: {
         class: "rich-text-table-render"
       }
-    }), uh, dh, ch, ah.configure({
+    }), ch, lh, oh, dh.configure({
       types: ["heading", "paragraph"]
     }), rh.configure({
       placeholder: "This is placeholder"
-    }), oh, th, Uh, Jh],
+    }), uh, th, Jh, Xh],
     content: e,
     editable: !1
   });
   W(() => {
     a == null || a.commands.setContent(e);
   }, [e, a]);
-  const o = I(() => new DOMParser().parseFromString(e, "text/html"), [e]), l = I(() => Tj(o, i, s), [o, i, s]), c = I(() => C.defaultsDeep({}, {
+  const o = I(() => new DOMParser().parseFromString(e, "text/html"), [e]), l = I(() => Sj(o, i, s), [o, i, s]), c = I(() => C.defaultsDeep({}, {
     content: {
       ...sl,
       ...l
@@ -4788,17 +4788,17 @@ const fa = re(({
   onSubmit: a
 }, o) => {
   const [l, c] = U(e), d = ph({
-    extensions: [mh, hh, eh, sh, ih, nh, lh.configure({
+    extensions: [mh, hh, eh, sh, ih, nh, ah.configure({
       resizable: !1,
       // https://github.com/ueberdosis/tiptap/issues/2041
       HTMLAttributes: {
         class: "rich-text-table-render"
       }
-    }), uh, dh, ch, ah.configure({
+    }), ch, lh, oh, dh.configure({
       types: ["heading", "paragraph"]
     }), rh.configure({
       placeholder: "This is placeholder"
-    }), oh, th, Uh, Jh],
+    }), uh, th, Jh, Xh],
     content: l,
     onUpdate: ({
       editor: m
@@ -4836,7 +4836,7 @@ const fa = re(({
           /* @__PURE__ */ r.jsx(ie.ColorPicker, { colors: ["#25262b", "#868e96", "#fa5252", "#e64980", "#be4bdb", "#7950f2", "#4c6ef5", "#228be6", "#15aabf", "#12b886", "#40c057", "#82c91e", "#fab005", "#fd7e14"], popoverProps: {
             zIndex: 320
           } }),
-          /* @__PURE__ */ r.jsx(Ej, { editor: d })
+          /* @__PURE__ */ r.jsx(Tj, { editor: d })
         ] }),
         /* @__PURE__ */ r.jsxs(ie.ControlsGroup, { children: [
           /* @__PURE__ */ r.jsx(ie.Bold, {}),
@@ -4871,7 +4871,7 @@ const fa = re(({
           /* @__PURE__ */ r.jsx(ie.AlignRight, {})
         ] }),
         /* @__PURE__ */ r.jsx(ie.ControlsGroup, { children: /* @__PURE__ */ r.jsx($j, {}) }),
-        /* @__PURE__ */ r.jsx(wj, { editor: d })
+        /* @__PURE__ */ r.jsx(Ej, { editor: d })
       ] }),
       /* @__PURE__ */ r.jsx(ie.Content, {})
     ] })
@@ -4911,7 +4911,7 @@ function ep(e, t) {
     } = a, c = Object.entries(l).map(([p, m]) => `${p}:${m}`).join(";"), d = o.color;
     if (d.type !== "continuous")
       return `<span style="${c}">{{${s}}}</span>`;
-    const u = Yh(6), h = `try {
+    const u = Kh(6), h = `try {
       return utils.popmotion.interpolate(${JSON.stringify(d.valueRange)}, ${JSON.stringify(d.colorRange)})(variables["${s}"]);
     } catch (error) {
       console.error(error);
@@ -5555,7 +5555,7 @@ class xl {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const dp = "13.24.0", pw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dp = "13.25.0", pw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: dp
 }, Symbol.toStringTag, { value: "Module" }));
@@ -18908,7 +18908,7 @@ const DD = {
     content: {
       padding: 0
     }
-  }, dashboardState: t.dashboardState, varaiables: n.variableValueMap }) : null;
+  }, dashboardState: t.dashboardState, variableAggValueMap: n.variableAggValueMap }) : null;
 });
 function ED({
   context: e
@@ -20644,19 +20644,19 @@ const YM = D(({
     width: d,
     height: u
   } = e.viewport, h = I(() => {
-    const f = je({}, a, Bo);
-    return f.content ? sp(f.content, c, s.payloadForViz, l) : "";
-  }, [a, c, s.payloadForViz]), p = o.variableValueMap, m = Ee(() => {
-    i.forEach((f) => {
-      n.runInteraction(f.id, {
-        variables: p
+    const m = je({}, a, Bo);
+    return m.content ? sp(m.content, c, s.payloadForViz, l) : "";
+  }, [a, c, s.payloadForViz]), p = Ee(() => {
+    i.forEach((m) => {
+      n.runInteraction(m.id, {
+        variables: o.variableValueMap
       });
     });
-  }, [p, i, n]);
+  }, [o.variableValueMap, i, n]);
   return /* @__PURE__ */ r.jsx(Nt, { className: "viz-stats", sx: {
     width: d,
     height: u
-  }, align: UM[a.vertical_align], direction: "row", children: /* @__PURE__ */ r.jsx(A, { className: "viz-stats--clickable-wrapper", sx: KM(i.length), onClick: m, children: /* @__PURE__ */ r.jsx(Xi, { value: h, styles: {
+  }, align: UM[a.vertical_align], direction: "row", children: /* @__PURE__ */ r.jsx(A, { className: "viz-stats--clickable-wrapper", sx: KM(i.length), onClick: p, children: /* @__PURE__ */ r.jsx(Xi, { value: h, styles: {
     root: {
       border: "none",
       maxWidth: d,
@@ -20670,7 +20670,7 @@ const YM = D(({
         padding: 0
       }
     }
-  }, dashboardState: s.dashboardState, varaiables: p }) }) });
+  }, dashboardState: s.dashboardState, variableAggValueMap: o.variableAggValueMap }) }) });
 });
 function XM({
   conf: e,
@@ -29044,12 +29044,13 @@ const lx = JR.views((e) => ({
   get variableStrings() {
     return np(e.variables, this.data);
   },
-  get variableValueMap() {
+  get variableAggValueMap() {
     const t = {}, n = this.data;
-    return e.variables.reduce((i, s) => {
-      const a = wn(s, n);
-      return i[s.name] = Mt(s, a), i;
-    }, t), t;
+    return e.variables.reduce((i, s) => (i[s.name] = wn(s, n), i), t), t;
+  },
+  get variableValueMap() {
+    const t = {}, n = this.variableAggValueMap;
+    return e.variables.reduce((i, s) => (i[s.name] = Mt(s, n[s.name]), i), t), t;
   },
   get variableStyleMap() {
     const t = this.variableValueMap, n = {};