@devtable/dashboard 8.62.2 → 8.63.1

package/dist/dashboard.es.js

@@ -2,11 +2,11 @@ var _c = Object.defineProperty;
 var Cc = (e, t, r) => t in e ? _c(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var W = (e, t, r) => (Cc(e, typeof t != "symbol" ? t + "" : t, r), r);
 import M, { useEffect as q, createContext as _o, useMemo as I, forwardRef as Se, useState as X, useCallback as Ye, useContext as gt, useRef as Sc, createElement as cr, memo as kc } from "react";
-import { Box as E, Text as C, Button as L, Checkbox as ye, Group as y, Tooltip as Ee, MultiSelect as Rn, Select as O, TextInput as $, createStyles as En, Stack as S, Badge as nr, CloseButton as Tc, Modal as ke, ActionIcon as H, Menu as Oe, Divider as A, Switch as Ge, NumberInput as ie, useMantineTheme as Co, ColorInput as Mi, ColorSwatch as Wr, Slider as Dc, Overlay as Et, Tabs as v, Center as un, CheckIcon as Ic, MANTINE_SIZES as Lc, SimpleGrid as on, SegmentedControl as $c, Textarea as Mc, Collapse as zi, Table as Ot, Accordion as Wt, Popover as Er, LoadingOverlay as Ht, NativeSelect as zc, HoverCard as sn, Flex as On, Paper as Ai, Code as ja, Alert as Ac, Header as Rc, ThemeIcon as Or, List as Ga, UnstyledButton as Ec, Navbar as St, JsonInput as So, Radio as Ya, Skeleton as Ha, NavLink as jr, Pagination as Oc, Anchor as Qa, AppShell as ko } from "@mantine/core";
+import { Box as E, Text as C, Button as L, Checkbox as ye, Group as y, Tooltip as Ee, MultiSelect as Rn, Select as O, TextInput as $, createStyles as En, Stack as S, Badge as nr, CloseButton as Tc, Modal as ke, ActionIcon as H, Menu as Ve, Divider as A, Switch as Ge, NumberInput as ie, useMantineTheme as Co, ColorInput as Mi, ColorSwatch as Wr, Slider as Dc, Overlay as Et, Tabs as v, Center as un, CheckIcon as Ic, MANTINE_SIZES as Lc, SimpleGrid as on, SegmentedControl as $c, Textarea as Mc, Collapse as zi, Table as Ot, Accordion as Wt, Popover as Er, LoadingOverlay as Ht, NativeSelect as zc, HoverCard as sn, Flex as On, Paper as Ai, Code as ja, Alert as Ac, Header as Rc, ThemeIcon as Or, List as Ga, UnstyledButton as Ec, Navbar as St, JsonInput as So, Radio as Ya, Skeleton as Ha, NavLink as jr, Pagination as Oc, Anchor as Qa, AppShell as ko } from "@mantine/core";
 import { useModals as Tt, ModalsProvider as To } from "@mantine/modals";
 import { useCreation as dt, usePrevious as Vc, useBoolean as Qe, useLatest as Ua, useRequest as Vn, useAsyncEffect as Fn } from "ahooks";
 import { observer as D } from "mobx-react-lite";
-import k, { template as Ri, cloneDeepWith as Do, get as se, isFunction as Fc, omit as Gt, values as Io, unset as Pc, isObject as Lo, set as Ei, orderBy as Bc, last as $o, defaults as De, minBy as Nc, maxBy as qc, cloneDeep as Ve, isEqual as we, defaultsDeep as Te, keyBy as Mo, merge as Wc, isEmpty as Oi, isNumber as jc, findLastIndex as Gc, isString as zo, range as Yc, throttle as Hc, pick as Ao } from "lodash";
+import k, { template as Ri, cloneDeepWith as Do, get as se, isFunction as Fc, omit as Gt, values as Io, unset as Pc, isObject as Lo, set as Ei, orderBy as Bc, last as $o, defaults as De, minBy as Nc, maxBy as qc, cloneDeep as Fe, isEqual as we, defaultsDeep as Te, keyBy as Mo, merge as Wc, isEmpty as Oi, isNumber as jc, findLastIndex as Gc, isString as zo, range as Yc, throttle as Hc, pick as Ao } from "lodash";
 import { useForm as $e, useWatch as Qc, Controller as b, useFieldArray as Re } from "react-hook-form";
 import { IconInfoCircle as dr, IconPlus as Vt, IconDeviceFloppy as Pn, IconBorderAll as Uc, IconTrash as ln, IconArrowDown as Xc, IconArrowUp as Zc, IconArrowsLeftRight as Kc, IconVariable as Jc, IconCodeDots as ed, IconFilter as Ro, IconCopy as td, IconDatabase as ur, IconBoxMultiple as Eo, IconMenu2 as nd, IconDownload as rd, IconCode as id, IconCaretDown as ad, IconRecycle as Oo, IconAlertTriangle as Vo, IconArrowLeft as od, IconPlaylistAdd as sd, IconCircleDashed as ld, IconCircleDot as cd, IconCircleOff as dd, IconAdjustments as ud, IconLink as hd, IconSettings as pd, IconArrowCurveRight as md, IconX as Fo, IconEye as gd, IconTable as fd, IconColumns as bd, IconPlayerSkipBack as vd } from "@tabler/icons";
 import { Link as Po, RichTextEditor as re, useRichTextEditorContext as xd } from "@mantine/tiptap";
@@ -26,7 +26,7 @@ import { useEditor as Ko } from "@tiptap/react";
 import Jo from "@tiptap/starter-kit";
 import { DateRangePicker as yd } from "@mantine/dates";
 import K from "dayjs";
-import { Calendar as wd, InfoCircle as hn, Refresh as es, Download as ts, ArrowsMaximize as _d, Settings as ns, Copy as Cd, Trash as ve, DeviceFloppy as be, ArrowRight as Vr, PlaylistAdd as hr, Recycle as ft, Plus as Fe, AlertCircle as Sd, ArrowsMove as kd, ChevronDownRight as Td, ArrowLeft as Dd, ChevronsUpRight as Id, ArrowBarToRight as Ld } from "tabler-icons-react";
+import { Calendar as wd, InfoCircle as hn, Refresh as es, Download as ts, ArrowsMaximize as _d, Settings as ns, Copy as Cd, Trash as ve, DeviceFloppy as be, ArrowRight as Vr, PlaylistAdd as hr, Recycle as ft, Plus as Pe, AlertCircle as Sd, ArrowsMove as kd, ChevronDownRight as Td, ArrowLeft as Dd, ChevronsUpRight as Id, ArrowBarToRight as Ld } from "tabler-icons-react";
 import { arrayToTree as $d } from "performant-array-to-tree";
 import Md, { SHOW_PARENT as zd } from "rc-tree-select";
 import rs, { WidthProvider as is } from "react-grid-layout";
@@ -835,7 +835,7 @@ const iu = {
   viewPanelInFullScreen: k.noop,
   inFullScreen: !1
 }, Ni = M.createContext(iu), gs = M.createContext(null), fs = gs.Provider;
-function Pe() {
+function Oe() {
   const e = M.useContext(gs);
   if (!e)
     throw new Error("Please use ModelContextProvider");
@@ -1624,7 +1624,7 @@ const Ts = D(() => {
 }), Su = D(({
   view: e
 }) => {
-  const t = Pe(), r = U(), i = Tt(), {
+  const t = Oe(), r = U(), i = Tt(), {
     panel: a
   } = We(), {
     id: o,
@@ -1659,20 +1659,20 @@ const Ts = D(() => {
     left: 0,
     right: 0,
     zIndex: 300
-  }, children: /* @__PURE__ */ u(Oe, { withinPortal: !0, children: [
-    /* @__PURE__ */ n(Oe.Target, { children: /* @__PURE__ */ n(E, { className: "panel-dropdown-target", sx: {
+  }, children: /* @__PURE__ */ u(Ve, { withinPortal: !0, children: [
+    /* @__PURE__ */ n(Ve.Target, { children: /* @__PURE__ */ n(E, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
-    /* @__PURE__ */ u(Oe.Dropdown, { children: [
-      /* @__PURE__ */ n(Oe.Item, { onClick: c, icon: /* @__PURE__ */ n(es, { size: 14 }), children: "Refresh" }),
-      /* @__PURE__ */ n(Oe.Item, { onClick: () => r.queries.downloadDataByQueryID((l == null ? void 0 : l.id) ?? ""), icon: /* @__PURE__ */ n(ts, { size: 14 }), children: "Download Data" }),
-      x && /* @__PURE__ */ n(Oe.Item, { onClick: w, icon: /* @__PURE__ */ n(_d, { size: 14 }), disabled: s, children: "Full Screen" }),
+    /* @__PURE__ */ u(Ve.Dropdown, { children: [
+      /* @__PURE__ */ n(Ve.Item, { onClick: c, icon: /* @__PURE__ */ n(es, { size: 14 }), children: "Refresh" }),
+      /* @__PURE__ */ n(Ve.Item, { onClick: () => r.queries.downloadDataByQueryID((l == null ? void 0 : l.id) ?? ""), icon: /* @__PURE__ */ n(ts, { size: 14 }), children: "Download Data" }),
+      x && /* @__PURE__ */ n(Ve.Item, { onClick: w, icon: /* @__PURE__ */ n(_d, { size: 14 }), disabled: s, children: "Full Screen" }),
       s && /* @__PURE__ */ u(j, { children: [
         /* @__PURE__ */ n(A, { label: "Edit", labelPosition: "center" }),
-        /* @__PURE__ */ n(Oe.Item, { onClick: h, icon: /* @__PURE__ */ n(ns, { size: 14 }), children: "Settings" }),
-        /* @__PURE__ */ n(Oe.Item, { onClick: m, icon: /* @__PURE__ */ n(Cd, { size: 14 }), children: "Duplicate" }),
-        /* @__PURE__ */ n(Oe.Item, { color: "red", onClick: g, icon: /* @__PURE__ */ n(ve, { size: 14 }), children: "Delete" })
+        /* @__PURE__ */ n(Ve.Item, { onClick: h, icon: /* @__PURE__ */ n(ns, { size: 14 }), children: "Settings" }),
+        /* @__PURE__ */ n(Ve.Item, { onClick: m, icon: /* @__PURE__ */ n(Cd, { size: 14 }), children: "Duplicate" }),
+        /* @__PURE__ */ n(Ve.Item, { color: "red", onClick: g, icon: /* @__PURE__ */ n(ve, { size: 14 }), children: "Delete" })
       ] })
     ] })
   ] }) }) });
@@ -1922,7 +1922,7 @@ const Iu = (e) => {
   getColor: yr(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, $s = "@devtable/dashboard", ji = "8.62.2", Ms = "Apache-2.0", zs = {
+}, $s = "@devtable/dashboard", ji = "8.63.1", Ms = "Apache-2.0", zs = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, As = [
@@ -2436,7 +2436,7 @@ const Gu = {
   createConfig() {
     return {
       version: 1,
-      config: Ve(Gi)
+      config: Fe(Gi)
     };
   }
 }, Je = {
@@ -3752,7 +3752,7 @@ const Ah = {
   createConfig() {
     return {
       version: 6,
-      config: Ve(Yi)
+      config: Fe(Yi)
     };
   },
   triggers: [qs]
@@ -3983,7 +3983,7 @@ const Hh = {
   createConfig() {
     return {
       version: 2,
-      config: Ve(Hi)
+      config: Fe(Hi)
     };
   },
   triggers: [Ys]
@@ -4383,7 +4383,7 @@ function cp({
     y_axis_data_key: t
   });
   return Object.entries(Y).map(([Q, N]) => {
-    const P = Ve(F);
+    const P = Fe(F);
     return P.name = Q, P.color = void 0, P.data = N, P;
   });
 }
@@ -4776,7 +4776,7 @@ function Sp({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((p, m) => /* @__PURE__ */ n(v.Tab, { value: m.toString(), children: m + 1 }, m)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((p, m) => /* @__PURE__ */ n(v.Panel, { value: m.toString(), children: /* @__PURE__ */ n(Cp, { control: e, index: m, remove: o, variableOptions: d }) }, m))
   ] });
@@ -4929,7 +4929,7 @@ function Ip({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: g.toString(), children: g + 1 }, g)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: g.toString(), children: /* @__PURE__ */ n(Dp, { control: e, index: g, remove: o, watch: t, variableOptions: d, yAxisOptions: m }) }, g))
   ] });
@@ -5092,7 +5092,7 @@ function zp({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((m, h) => /* @__PURE__ */ n(v.Tab, { value: h.toString(), children: h + 1 }, h)),
-      /* @__PURE__ */ n(v.Tab, { onClick: p, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: p, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((m, h) => /* @__PURE__ */ n(v.Panel, { value: h.toString(), children: /* @__PURE__ */ n(Mp, { regressionItem: m, control: e, index: h, remove: o, yAxisOptions: d, data: r }, h) }, h))
   ] });
@@ -5522,7 +5522,7 @@ function Yp({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((m, h) => /* @__PURE__ */ n(v.Tab, { value: h.toString(), children: h + 1 }, m.id)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((m, h) => /* @__PURE__ */ n(v.Panel, { value: h.toString(), children: /* @__PURE__ */ n(Gp, { control: e, index: h, remove: o, seriesItem: m, yAxisOptions: p, data: r }, m.id) }, m.id))
   ] });
@@ -5680,7 +5680,7 @@ function Kp({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       l.map((c, d) => /* @__PURE__ */ n(v.Tab, { value: d.toString(), children: d + 1 }, d)),
-      /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((c, d) => /* @__PURE__ */ n(v.Panel, { value: d.toString(), children: /* @__PURE__ */ n(Zp, { control: e, index: d, remove: a }) }, d))
   ] });
@@ -5748,7 +5748,7 @@ function Jp({
   ] }) });
 }
 function em(e) {
-  const t = Ve(Gt(e, "variables"));
+  const t = Fe(Gt(e, "variables"));
   return t.stats = Gt(t.stats, "variables"), t;
 }
 function tm(e) {
@@ -6071,7 +6071,7 @@ const gm = {
   createConfig() {
     return {
       version: 15,
-      config: Ve(Ui)
+      config: Fe(Ui)
     };
   },
   triggers: [Qi]
@@ -7022,7 +7022,7 @@ const tg = ({
     }, children: [
       /* @__PURE__ */ u(v.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: h.id, children: /* @__PURE__ */ n(tg, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -7993,7 +7993,7 @@ const Wg = {
   createConfig() {
     return {
       version: 8,
-      config: Ve(ra)
+      config: Fe(ra)
     };
   },
   triggers: [Zs]
@@ -8131,7 +8131,7 @@ const Qg = {
   createConfig() {
     return {
       version: 1,
-      config: Ve(ia)
+      config: Fe(ia)
     };
   }
 };
@@ -8981,7 +8981,7 @@ const wf = {
   createConfig() {
     return {
       version: 1,
-      config: Ve(aa)
+      config: Fe(aa)
     };
   }
 }, kr = {
@@ -9167,7 +9167,7 @@ const Tf = {
   createConfig() {
     return {
       version: 1,
-      config: Ve(kr)
+      config: Fe(kr)
     };
   }
 }, Wn = {
@@ -9815,7 +9815,7 @@ function Qf({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: g.toString(), children: g + 1 }, g)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: g.toString(), children: /* @__PURE__ */ n(b, { name: `reference_areas.${g}`, control: e, render: ({
       field: w
@@ -9971,7 +9971,7 @@ function Kf({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: g.toString(), children: g + 1 }, g)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: g.toString(), children: /* @__PURE__ */ n(Zf, { control: e, index: g, remove: o, watch: t, variableOptions: d, yAxisOptions: m }) }, g))
   ] });
@@ -10357,7 +10357,7 @@ const gb = ({
     }, children: [
       /* @__PURE__ */ u(v.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: h.id, children: /* @__PURE__ */ n(gb, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -10568,7 +10568,7 @@ function Sb({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       l.map((c, d) => /* @__PURE__ */ n(v.Tab, { value: d.toString(), children: d + 1 }, d)),
-      /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((c, d) => /* @__PURE__ */ n(v.Panel, { value: d.toString(), children: /* @__PURE__ */ n(Cb, { control: e, index: d, remove: a }) }, d))
   ] });
@@ -10782,7 +10782,7 @@ const Ab = {
   createConfig() {
     return {
       version: 7,
-      config: Ve(sa)
+      config: Fe(sa)
     };
   },
   triggers: [tl]
@@ -10829,7 +10829,7 @@ function Eb(e) {
   return Gt(e, ["variables"]);
 }
 function Ob(e) {
-  const t = Ve(e), r = se(t, "color.valueRange");
+  const t = Fe(e), r = se(t, "color.valueRange");
   return r !== void 0 && Ei(t, "color.valueRange", r.map((i) => Number(i))), t;
 }
 class Vb extends Me {
@@ -11239,7 +11239,7 @@ const Jb = [{
     }, children: [
       /* @__PURE__ */ u(v.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: h.id, children: g }, h.id)),
-        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: h.id, children: /* @__PURE__ */ n(tv, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -11359,7 +11359,7 @@ const lv = {
   createConfig() {
     return {
       version: 4,
-      config: Ve(ca)
+      config: Fe(ca)
     };
   }
 };
@@ -12118,7 +12118,7 @@ const Nv = Se((e, t) => {
       }, children: [
         /* @__PURE__ */ u(v.List, { children: [
           i.map((d, p) => /* @__PURE__ */ n(v.Tab, { value: p.toString(), children: p + 1 }, d.id)),
-          /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+          /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
         ] }),
         i.map((d, p) => /* @__PURE__ */ n(v.Panel, { value: p.toString(), children: /* @__PURE__ */ n(Hv, { control: e, watch: t, index: p, column: d, data: r, remove: o }, p) }, d.id))
       ] })
@@ -12287,7 +12287,7 @@ const Hr = {
   createConfig() {
     return {
       version: 3,
-      config: Ve(da)
+      config: Fe(da)
     };
   },
   displayName: "Table",
@@ -12469,7 +12469,7 @@ const ox = {
   createConfig() {
     return {
       version: 1,
-      config: Ve(ha)
+      config: Fe(ha)
     };
   }
 }, sx = () => /* @__PURE__ */ u("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", children: [
@@ -12642,7 +12642,7 @@ const mx = {
   createConfig() {
     return {
       version: 1,
-      config: Ve(pa)
+      config: Fe(pa)
     };
   }
 };
@@ -13054,7 +13054,7 @@ const Rx = ({
     }, children: [
       /* @__PURE__ */ u(v.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: h.id, children: /* @__PURE__ */ n(Rx, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -13335,7 +13335,7 @@ function Xx({
     value_data_key: t
   });
   return Object.entries(Y).map(([Q, N]) => {
-    const P = Ve(F);
+    const P = Fe(F);
     return P.name = Q, P.color = void 0, P.data = N, P;
   });
 }
@@ -13749,7 +13749,7 @@ function py({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((g, w) => /* @__PURE__ */ n(v.Tab, { value: g.id, children: g.name }, w)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((g, w) => /* @__PURE__ */ n(v.Panel, { value: g.id, children: /* @__PURE__ */ n(hy, { control: e, index: w, remove: o, watch: t, variableOptions: d, xAxisOptions: m }) }, w))
   ] });
@@ -13954,7 +13954,7 @@ function xy({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       s.map((w) => /* @__PURE__ */ n(v.Tab, { value: w.id, children: w.name }, w.id)),
-      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     s.map((w, x) => /* @__PURE__ */ n(v.Panel, { value: w.id, children: /* @__PURE__ */ n(vy, { control: e, index: x, remove: o, seriesItem: w, xAxisOptions: p, data: r }, w.id) }, w.id))
   ] });
@@ -14039,7 +14039,7 @@ function _y({
   }, children: [
     /* @__PURE__ */ u(v.List, { children: [
       l.map((d) => /* @__PURE__ */ n(v.Tab, { value: d.id, children: d.name }, d.id)),
-      /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+      /* @__PURE__ */ n(v.Tab, { onClick: s, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
     ] }),
     l.map((d, p) => /* @__PURE__ */ n(v.Panel, { value: d.id, children: /* @__PURE__ */ n(wy, { control: e, index: p, remove: a }) }, d.id))
   ] });
@@ -15054,7 +15054,7 @@ const n0 = ({
     }, children: [
       /* @__PURE__ */ u(v.List, { children: [
         s.map((h, g) => /* @__PURE__ */ n(v.Tab, { value: h.id, children: h.name ? h.name : g }, h.id)),
-        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(v.Tab, { onClick: c, value: "add", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
       ] }),
       s.map((h, g) => /* @__PURE__ */ n(v.Panel, { value: h.id, children: /* @__PURE__ */ n(n0, { control: e, index: g, remove: o, data: r }, h.id) }, h.id))
     ] })
@@ -16291,7 +16291,7 @@ const uw = D(({
     /* @__PURE__ */ u(v, { variant: o.variant, orientation: o.orientation, defaultValue: o.tabs.length > 0 ? o.tabs[0].id : "0", styles: pw(o), children: [
       /* @__PURE__ */ u(v.List, { grow: o.grow, children: [
         o.tabs.map((c) => /* @__PURE__ */ n(v.Tab, { value: c.id, sx: mw(c), children: c.name ?? c.id }, c.id)),
-        /* @__PURE__ */ n(v.Tab, { onClick: o.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ n(Fe, { size: 18, color: "#228be6" }) })
+        /* @__PURE__ */ n(v.Tab, { onClick: o.addTab, value: "add", className: "add-a-tab", children: /* @__PURE__ */ n(Pe, { size: 18, color: "#228be6" }) })
       ] }),
       o.tabs.map((c, d) => {
         const p = i.views.findByID(c.view_id);
@@ -19197,15 +19197,15 @@ function ql(e) {
 const O_ = D(({
   headerMenuItems: e = null
 }) => {
-  const t = U(), r = () => {
-    const i = JSON.stringify(t.json, null, 2);
-    Pw(t.name, i);
+  const t = Oe(), r = U(), i = () => {
+    const a = JSON.stringify(r.json, null, 2), o = `${t.name}__${r.name}`;
+    Pw(o, a);
   };
-  return /* @__PURE__ */ u(Oe, { shadow: "md", width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 310, children: [
-    /* @__PURE__ */ n(Oe.Target, { children: /* @__PURE__ */ n(H, { variant: "light", color: "blue", children: /* @__PURE__ */ n(nd, { size: 14 }) }) }),
-    /* @__PURE__ */ u(Oe.Dropdown, { children: [
-      /* @__PURE__ */ n(Oe.Item, { icon: /* @__PURE__ */ n(rd, { size: 14 }), onClick: t.queries.downloadAllData, children: "Download Data" }),
-      /* @__PURE__ */ n(Oe.Item, { icon: /* @__PURE__ */ n(id, { size: 14 }), onClick: r, children: "Download Schema" }),
+  return /* @__PURE__ */ u(Ve, { shadow: "md", width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 310, children: [
+    /* @__PURE__ */ n(Ve.Target, { children: /* @__PURE__ */ n(H, { variant: "light", color: "blue", children: /* @__PURE__ */ n(nd, { size: 14 }) }) }),
+    /* @__PURE__ */ u(Ve.Dropdown, { children: [
+      /* @__PURE__ */ n(Ve.Item, { icon: /* @__PURE__ */ n(rd, { size: 14 }), onClick: r.queries.downloadAllData, children: "Download Data" }),
+      /* @__PURE__ */ n(Ve.Item, { icon: /* @__PURE__ */ n(id, { size: 14 }), onClick: i, children: "Download Schema" }),
       e
     ] })
   ] });
@@ -19236,8 +19236,8 @@ const O_ = D(({
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0
     }, children: "Save Changes" }),
-    /* @__PURE__ */ u(Oe, { width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 320, disabled: !a, children: [
-      /* @__PURE__ */ n(Oe.Target, { children: /* @__PURE__ */ n(H, { variant: "default", disabled: !a, sx: {
+    /* @__PURE__ */ u(Ve, { width: 200, trigger: "hover", openDelay: 100, closeDelay: 400, withinPortal: !0, zIndex: 320, disabled: !a, children: [
+      /* @__PURE__ */ n(Ve.Target, { children: /* @__PURE__ */ n(H, { variant: "default", disabled: !a, sx: {
         height: "30px",
         borderTopLeftRadius: 0,
         borderBottomLeftRadius: 0,
@@ -19246,7 +19246,7 @@ const O_ = D(({
           stroke: "none"
         }
       }, children: /* @__PURE__ */ n(ad, { size: 18 }) }) }),
-      /* @__PURE__ */ n(Oe.Dropdown, { children: /* @__PURE__ */ n(Oe.Item, { icon: /* @__PURE__ */ n(Oo, { size: 14, color: "red" }), disabled: !a, onClick: i, children: "Revert Changes" }) })
+      /* @__PURE__ */ n(Ve.Dropdown, { children: /* @__PURE__ */ n(Ve.Item, { icon: /* @__PURE__ */ n(Oo, { size: 14, color: "red" }), disabled: !a, onClick: i, children: "Revert Changes" }) })
     ] })
   ] });
 }), F_ = D(({
@@ -19254,7 +19254,7 @@ const O_ = D(({
   headerSlot: t = null,
   headerMenuItems: r
 }) => {
-  const i = Ud(), a = Pe(), o = () => {
+  const i = Ud(), a = Oe(), o = () => {
     i(`/dashboard/${a.id}`);
   }, l = Tt(), s = () => {
     l.openConfirmModal({
@@ -19764,7 +19764,7 @@ function hC({
   ] });
 }
 const pC = D(() => {
-  const e = Pe(), t = U(), r = Ye((a) => () => t.views.setIDOfVIE(a), [t]), i = (a) => {
+  const e = Oe(), t = U(), r = Ye((a) => () => t.views.setIDOfVIE(a), [t]), i = (a) => {
     e.editor.open(["_VIEWS_", a]);
   };
   return /* @__PURE__ */ u(E, { sx: {
@@ -19782,7 +19782,7 @@ const pC = D(() => {
     }, children: "Add a View" })
   ] });
 }), mC = D(() => {
-  const e = Pe(), t = U(), r = () => {
+  const e = Oe(), t = U(), r = () => {
     if (!t.queries.firstID) {
       e.editor.open(["_QUERIES_", ""]);
       return;
@@ -20153,7 +20153,7 @@ const pC = D(() => {
 }), LC = D(({
   id: e
 }) => {
-  const t = Tt(), r = Pe(), i = U();
+  const t = Tt(), r = Oe(), i = U();
   if (e === "")
     return null;
   const a = i.filters.findByID(e);
@@ -20400,7 +20400,7 @@ const Ul = D(function({
     ] })
   ] });
 }), VC = D(function() {
-  const t = Pe(), r = U(), {
+  const t = Oe(), r = U(), {
     panel: {
       queryID: i,
       setQueryID: a
@@ -20515,7 +20515,7 @@ class BC {
   }
   addNew() {
     const t = this.panel.variables.filter((r) => r.name.startsWith(qr.name)).length;
-    this.panel.addVariable(Ve({
+    this.panel.addVariable(Fe({
       ...qr,
       name: `${qr.name}${t || ""}`
     })), this.selected = $o(this.panel.variables);
@@ -20796,7 +20796,7 @@ function i1(e) {
 const a1 = D(({
   panel: e
 }) => {
-  const t = Tt(), r = Pe(), i = U(), [a, o] = X("Data"), {
+  const t = Tt(), r = Oe(), i = U(), [a, o] = X("Data"), {
     data: l,
     state: s,
     error: c
@@ -21265,7 +21265,7 @@ const m1 = D(({
   value: e,
   onChange: t
 }) => {
-  const r = Pe(), {
+  const r = Oe(), {
     data: i = [],
     loading: a
   } = Vn(ka, {
@@ -21304,7 +21304,7 @@ const m1 = D(({
 }), k1 = (e) => {
   const {
     queryModel: t
-  } = e, r = Pe(), i = U(), o = i.findQueryUsage(t.id).length > 0, l = Tt(), s = () => {
+  } = e, r = Oe(), i = U(), o = i.findQueryUsage(t.id).length > 0, l = Tt(), s = () => {
     l.openConfirmModal({
       title: "Delete this query?",
       labels: {
@@ -21438,7 +21438,7 @@ WHERE
   showSQLSnippets: t = !0,
   sx: r = {}
 }) {
-  const i = Pe(), a = U(), o = i.context.current, l = (() => {
+  const i = Oe(), a = U(), o = i.context.current, l = (() => {
     const s = {
       context: {
         ...a.mock_context.current,
@@ -21500,7 +21500,7 @@ WHERE
   queryID: e,
   usage: t
 }) => {
-  const r = Pe().editor, i = (o) => {
+  const r = Oe().editor, i = (o) => {
     if (o.type === "filter") {
       r.setPath(["_FILTERS_", o.id]);
       return;
@@ -21751,7 +21751,7 @@ WHERE
 }), B1 = D(({
   id: e
 }) => {
-  const t = Pe(), r = U(), i = I(() => r.sqlSnippets.findByKey(e), [e]);
+  const t = Oe(), r = U(), i = I(() => r.sqlSnippets.findByKey(e), [e]);
   if (!e)
     return null;
   if (!i)
@@ -21911,7 +21911,7 @@ WHERE
 ] }) : null), Z1 = D(({
   id: e
 }) => {
-  const t = Tt(), r = Pe(), i = U();
+  const t = Tt(), r = Oe(), i = U();
   if (e === "")
     return null;
   const a = i.views.findByID(e);
@@ -21973,7 +21973,7 @@ function iS(e) {
 const aS = D(() => /* @__PURE__ */ n(S, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ n(Jl, {}) })), oS = D(() => {
-  const e = Pe().editor, t = e.path;
+  const e = Oe().editor, t = e.path;
   return K1(t) ? /* @__PURE__ */ n(aS, {}) : J1(t) ? /* @__PURE__ */ n($C, {}) : eS(t) ? /* @__PURE__ */ n(E, { p: "xs", pl: 20, children: /* @__PURE__ */ n(LC, { id: t[1] }) }) : tS(t) ? /* @__PURE__ */ n(B1, { id: t[1] }) : nS(t) ? /* @__PURE__ */ n(V1, { id: t[1] }) : rS(t) ? /* @__PURE__ */ n(E, { p: "xs", pl: 20, children: /* @__PURE__ */ n(Z1, { id: t[1] }) }) : iS(t) ? /* @__PURE__ */ n(o1, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ n(E, { children: e.path });
 }), sS = D(() => /* @__PURE__ */ n(oS, {})), lS = D(() => {
   const e = U();
@@ -22064,17 +22064,17 @@ const aS = D(() => /* @__PURE__ */ n(S, { sx: {
   option: e
 }) => {
   var d;
-  const t = Pe().editor, r = t.isOptionActive, i = r(t.path, e), a = t.isOptionOpened, o = t.navigate, l = a(e), [s, c] = X(l);
+  const t = Oe().editor, r = t.isOptionActive, i = r(t.path, e), a = t.isOptionOpened, o = t.navigate, l = a(e), [s, c] = X(l);
   return q(() => {
     c(l);
   }, [l]), /* @__PURE__ */ n(jr, { active: i, defaultOpened: l, opened: s, onChange: c, label: e.label, onClick: () => o(e), icon: e.Icon ? /* @__PURE__ */ n(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ n(pS, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ n(ec, { option: p }, p.value)) }, e.label);
 }), mS = D(() => {
-  const e = Pe();
+  const e = Oe();
   return /* @__PURE__ */ n(E, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ n(ec, { option: t }, t.value)) });
 }), gS = D(() => {
-  const e = Pe();
+  const e = Oe();
   return /* @__PURE__ */ u(St, { p: 0, width: {
     base: 200,
     xs: 200,
@@ -22120,7 +22120,7 @@ const aS = D(() => /* @__PURE__ */ n(S, { sx: {
     height: "100vh"
   }
 }, bS = D(() => {
-  const e = Pe().editor;
+  const e = Oe().editor;
   return /* @__PURE__ */ n(ke, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionDuration: 0, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
     modal: {
       padding: "0 !important"
@@ -23720,7 +23720,7 @@ export {
   BT as initialDashboardContent,
   U as useContentModelContext,
   su as useFullScreenPanelContext,
-  Pe as useModelContext,
+  Oe as useModelContext,
   We as usePanelContext,
   ql as useTopLevelServices
 };