@devtable/dashboard 14.22.3 → 14.23.0

package/dist/dashboard.es.js

@@ -16,7 +16,7 @@ import "echarts-gl";
 import * as Be from "echarts/core";
 import { use as zu } from "echarts/core";
 import { useBoolean as De, useCreation as Pt, usePrevious as Tu, useAsyncEffect as Ln, useRequest as dn, useLatest as oa, useWhyDidYouUpdate as cl } from "ahooks";
-import { Box as V, TextInput as A, Group as y, Text as k, Select as q, Button as L, Modal as ve, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as W, UnstyledButton as Ca, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Ot, ActionIcon as te, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as ka, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Gi, HoverCard as _e, Checkbox as J, Paper as Du, Code as Hi, Tabs as S, Switch as Ce, Table as w, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as Iu, SegmentedControl as za, Anchor as Qn, Pagination as zr, Textarea as dl, RangeSlider as Mu, Autocomplete as Lu, Combobox as Nt, Mark as ul, Slider as Vu, List as We, getRadius as Ta, Affix as Au, AppShell as Xe, FileInput as $u, Highlight as Pu, rem as Wi, ThemeIcon as ar, JsonInput as hl, Drawer as Ru, Radio as Ui, Skeleton as Ki, NavLink as la, useCombobox as Eu, Loader as Da, InputBase as Ou, Input as qu } from "@mantine/core";
+import { Box as V, TextInput as A, Group as y, Text as k, Select as q, Button as L, Modal as we, Stack as T, Divider as P, NumberInput as ne, SimpleGrid as ke, Menu as W, UnstyledButton as Ca, Tooltip as re, Flex as tt, ColorInput as Jt, Center as Ot, ActionIcon as te, Badge as jt, CloseButton as xt, Overlay as en, NativeSelect as ka, useMantineTheme as kr, ColorSwatch as dr, Popover as ut, ColorPicker as Gi, HoverCard as _e, Checkbox as J, Paper as Du, Code as Hi, Tabs as S, Switch as Ce, Table as w, MultiSelect as un, LoadingOverlay as tn, Alert as Un, Collapse as Kn, CheckIcon as Iu, SegmentedControl as za, Anchor as Qn, Pagination as zr, Textarea as dl, RangeSlider as Mu, Autocomplete as Lu, Combobox as Nt, Mark as ul, Slider as Vu, List as We, getRadius as Ta, Affix as Au, AppShell as Xe, FileInput as $u, Highlight as Pu, rem as Wi, ThemeIcon as ar, JsonInput as hl, Drawer as Ru, Radio as Ui, Skeleton as Ki, NavLink as la, useCombobox as Eu, Loader as Da, InputBase as Ou, Input as qu } from "@mantine/core";
 import { useHover as Fu, useDisclosure as nn, useClipboard as Nu, randomId as hn, useElementSize as pl, useResizeObserver as Bu, useInputState as ml } from "@mantine/hooks";
 import * as ju from "popmotion";
 import { interpolate as bn } from "popmotion";
@@ -98,7 +98,7 @@ import Lp from "dayjs/plugin/utc";
 import Vp from "dayjs/plugin/weekday";
 import Ap from "dayjs/plugin/weekOfYear";
 import $p from "dayjs/plugin/weekYear";
-import { types as m, cast as Rt, getParent as we, destroy as Pp, getRoot as Le, addDisposer as Ue, detach as ur, isAlive as Xi, flow as Vt, toGenerator as It, clone as Rp, getSnapshot as Mt, applySnapshot as je, addMiddleware as Ep, getType as Op, castToSnapshot as Hl } from "mobx-state-tree";
+import { types as m, cast as Rt, getParent as xe, destroy as Pp, getRoot as Le, addDisposer as Ue, detach as ur, isAlive as Xi, flow as Vt, toGenerator as It, clone as Rp, getSnapshot as Mt, applySnapshot as je, addMiddleware as Ep, getType as Op, castToSnapshot as Hl } from "mobx-state-tree";
 import { saveAs as Lr } from "file-saver";
 import Wl from "dom-to-image-more";
 import Ul from "jszip";
@@ -2425,7 +2425,7 @@ function hm() {
   } = $.useContext(ts);
   return e ? document.getElementById(e) : null;
 }
-const rs = "14.22.3", pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rs = "14.23.0", pm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: rs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3179,7 +3179,7 @@ function jm(e) {
     ] }) });
   };
 }
-const xe = (e) => (t, n) => {
+const ve = (e) => (t, n) => {
   t !== null && e(t, n);
 }, ea = D(ee((e, t) => {
   const {
@@ -3200,7 +3200,7 @@ const xe = (e) => (t, n) => {
   return g.length === 0 ? /* @__PURE__ */ r(A, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(q, { ref: t, label: n, description: o, renderOption: jm(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
-  }, onChange: xe(i) });
+  }, onChange: ve(i) });
 })), xs = {
   static: {
     type: "static",
@@ -3255,7 +3255,7 @@ const xe = (e) => (t, n) => {
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("chart.number_or_dynamic_value.dynamic.setup") }) }),
-    /* @__PURE__ */ r(ve, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: n("chart.number_or_dynamic_value.dynamic.setup_title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mt: 10, mb: -10, label: n("chart.number_or_dynamic_value.dynamic.guide"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r(Qm, { value: l.value, onChange: h }),
       /* @__PURE__ */ u(y, { justify: "space-between", children: [
@@ -3732,7 +3732,7 @@ const tg = () => /* @__PURE__ */ r("div", { style: {
     e.chain().focus().unsetColorMapping().run();
   }, [e]);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(ve, { size: 500, opened: n, onClose: o, shadow: "md", withinPortal: !0, zIndex: 330, closeOnClickOutside: !1, closeOnEscape: !1, title: t("rich_text.color_mapping.edit"), styles: {
+    /* @__PURE__ */ r(we, { size: 500, opened: n, onClose: o, shadow: "md", withinPortal: !0, zIndex: 330, closeOnClickOutside: !1, closeOnEscape: !1, title: t("rich_text.color_mapping.edit"), styles: {
       header: {
         paddingBottom: 0,
         minHeight: "unset"
@@ -3957,7 +3957,7 @@ const Nn = "data-value", dg = Nn, Is = "dynamicColor", Ms = Bl.create({
     close: b
   }] = nn(!1);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ u(ve, { opened: g, onClose: b, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
+    /* @__PURE__ */ u(we, { opened: g, onClose: b, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
       i,
       /* @__PURE__ */ r(V, { h: 600, children: /* @__PURE__ */ r(fn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
     ] }),
@@ -4098,7 +4098,7 @@ function Vs() {
     close: a
   }] = nn(!1);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(ve, { opened: t, onClose: a, title: e("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r(Rn, { value: Cm(e), styles: {
+    /* @__PURE__ */ r(we, { opened: t, onClose: a, title: e("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r(Rn, { value: Cm(e), styles: {
       root: {
         border: "none"
       },
@@ -4835,7 +4835,7 @@ const Y = D(ee(({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ r(q, { ref: d, label: e, description: n, data: p, value: a, onChange: xe(i), required: t, sx: s, maxDropdownHeight: 500, ...c });
+  return /* @__PURE__ */ r(q, { ref: d, label: e, description: n, data: p, value: a, onChange: ve(i), required: t, sx: s, maxDropdownHeight: 500, ...c });
 }));
 function qg({
   context: e
@@ -5057,7 +5057,7 @@ const zt = ee(({
     /* @__PURE__ */ r(L, { variant: "filled", color: "grape", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: l, sx: {
       flexGrow: 0
     }, children: v }),
-    /* @__PURE__ */ r(ve, { size: 800, title: v, opened: o, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: o && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: v, opened: o, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: o && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(J, { mt: 10, label: i("common.enabled"), checked: c.enabled, onChange: (I) => h(I.currentTarget.checked) }),
       /* @__PURE__ */ r(Hg, { value: c.func_content, onChange: _, disabled: !c.enabled }),
       /* @__PURE__ */ u(y, { justify: "space-between", children: [
@@ -5387,7 +5387,7 @@ const ef = D(({
   async function o(l) {
     await e.changeSchema(a.find((s) => s.id === l));
   }
-  return /* @__PURE__ */ r(q, { label: t("interactions.operation.label"), data: i, onChange: xe(o), value: e.operationSchema.id, comboboxProps: {
+  return /* @__PURE__ */ r(q, { label: t("interactions.operation.label"), data: i, onChange: ve(o), value: e.operationSchema.id, comboboxProps: {
     withinPortal: !0,
     zIndex: 340
   } });
@@ -5407,7 +5407,7 @@ const ef = D(({
     await d.configOperation(l, c);
   }, [l, d]), Jg(d) ? /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(ef, { model: d, onClick: a }),
-    /* @__PURE__ */ r(ve, { size: 600, opened: n, onClose: i, title: t("interactions.operation.setup"), zIndex: 320, children: /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 600, opened: n, onClose: i, title: t("interactions.operation.setup"), zIndex: 320, children: /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(nf, { model: d }),
       /* @__PURE__ */ u(S, { defaultValue: "settings", children: [
         /* @__PURE__ */ u(S.List, { children: [
@@ -5473,7 +5473,7 @@ const sf = D(({
   async function o(l) {
     await e.changeSchema(a.find((s) => s.id === l));
   }
-  return /* @__PURE__ */ r(q, { label: t("interactions.trigger.label"), data: i, value: e.triggerSchema.id, onChange: xe(o) });
+  return /* @__PURE__ */ r(q, { label: t("interactions.trigger.label"), data: i, value: e.triggerSchema.id, onChange: ve(o) });
 }), df = D(({
   model: e
 }) => {
@@ -5491,7 +5491,7 @@ const sf = D(({
     setFalse: i
   }] = De(!1), o = e.model;
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(ve, { opened: n, onClose: i, title: t("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { opened: n, onClose: i, title: t("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(cf, { model: o }),
       /* @__PURE__ */ r(df, { model: o }),
       /* @__PURE__ */ r(js, { title: t("interactions.trigger.payload"), variables: o.triggerSchema.payload })
@@ -5676,7 +5676,7 @@ const vf = {
     viewID: a == null ? void 0 : a.viewID
   });
   const o = (a == null ? void 0 : a.viewID) || "";
-  return /* @__PURE__ */ r(q, { defaultValue: o, value: o, onChange: xe((s) => void i({
+  return /* @__PURE__ */ r(q, { defaultValue: o, value: o, onChange: ve((s) => void i({
     viewID: s
   })), label: t("interactions.operation.open_view.view"), data: n.views.options, comboboxProps: {
     withinPortal: !0,
@@ -6763,7 +6763,7 @@ const oi = ee(({
     label: o("common.align.horizontal.right"),
     value: "right"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("common.align.horizontal.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("common.align.horizontal.label"), data: s, value: t, onChange: ve(n), sx: a });
 }), Ks = ee(({
   label: e,
   value: t,
@@ -6783,7 +6783,7 @@ const oi = ee(({
     label: o("common.align.vertical.bottom"),
     value: "bottom"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("common.align.vertical.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("common.align.vertical.label"), data: s, value: t, onChange: ve(n), sx: a });
 }), Ys = $n(() => ({
   palette: {
     display: "flex",
@@ -6966,7 +6966,7 @@ const _b = D(({
   };
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "outline", onClick: p, children: t(d == null ? void 0 : d.displayName) }),
-    /* @__PURE__ */ r(ve, { size: 508, title: t("style.color.interpolation.setup"), opened: h, onClose: g, zIndex: 320, children: h && /* @__PURE__ */ u(T, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ r(we, { size: 508, title: t("style.color.interpolation.setup"), opened: h, onClose: g, zIndex: 320, children: h && /* @__PURE__ */ u(T, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r(q, { label: t("style.color.interpolation.palette.label"), value: s.interpolation, data: _, onChange: b, comboboxProps: {
         withinPortal: !0,
         zIndex: 340
@@ -6997,7 +6997,7 @@ const _b = D(({
     label: o("style.color.type.none"),
     value: "none"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.color.type.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.color.type.label"), data: s, value: t, onChange: ve(n), sx: a });
 }), Sb = ee(({
   label: e,
   value: t,
@@ -7026,7 +7026,7 @@ const _b = D(({
     label: o("style.flex.justify_content.space_evenly"),
     value: "space-evenly"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.flex.justify_content.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.flex.justify_content.label"), data: s, value: t, onChange: ve(n), sx: a });
 }), Cb = ee(({
   label: e,
   value: t,
@@ -7049,7 +7049,7 @@ const _b = D(({
     label: o("style.flex.align_items.stretch"),
     value: "stretch"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.flex.align_items.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("style.flex.align_items.label"), data: s, value: t, onChange: ve(n), sx: a });
 }), kb = ({
   value: e,
   index: t,
@@ -7189,7 +7189,7 @@ const _b = D(({
     label: l("chart.orientation.vertical"),
     value: "vertical"
   }], [s.language]);
-  return /* @__PURE__ */ r(q, { ref: o, label: e ?? l("chart.orientation.label"), data: c, value: t, onChange: xe(n), sx: a, disabled: i });
+  return /* @__PURE__ */ r(q, { ref: o, label: e ?? l("chart.orientation.label"), data: c, value: t, onChange: ve(n), sx: a, disabled: i });
 }), Db = ({
   control: e,
   watch: t
@@ -7458,7 +7458,7 @@ function Eb({
       }, {
         label: "99%",
         value: "percent"
-      }], value: e.output, onChange: xe(i), sx: {
+      }], value: e.output, onChange: ve(i), sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r(Ce, { label: /* @__PURE__ */ u(T, { gap: 0, children: [
@@ -7909,7 +7909,7 @@ const li = {
     label: l(`style.size.${d}`),
     value: d
   })), [s.language]);
-  return /* @__PURE__ */ r(q, { ref: o, data: c, label: e, value: t, onChange: xe(n), sx: a, disabled: !0 });
+  return /* @__PURE__ */ r(q, { ref: o, data: c, label: e, value: t, onChange: ve(n), sx: a, disabled: !0 });
 }), ay = [{
   label: "Filled",
   value: "filled"
@@ -8083,7 +8083,7 @@ const dy = {
     description: a("chart.series.line.area_style.origin.end.description"),
     value: "end"
   }], [i.language]);
-  return /* @__PURE__ */ r(q, { ref: n, label: a("chart.series.line.area_style.origin.label"), data: o, value: e, onChange: xe(t), renderOption: uy, size: "xs" });
+  return /* @__PURE__ */ r(q, { ref: n, label: a("chart.series.line.area_style.origin.label"), data: o, value: e, onChange: ve(t), renderOption: uy, size: "xs" });
 }), lo = ee(({
   value: e,
   onChange: t,
@@ -9560,7 +9560,7 @@ const En = ee(({
     label: o("chart.series.line.type.dotted"),
     value: "dotted"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.series.line.type.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.series.line.type.label"), data: s, value: t, onChange: ve(n), sx: a });
 });
 function b_({
   control: e,
@@ -9859,7 +9859,7 @@ const v_ = ({
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), children: n("chart.symbol_size.setup.label") }) }),
-    /* @__PURE__ */ r(ve, { size: 800, title: n("chart.symbol_size.setup.title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: n("chart.symbol_size.setup.title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mt: 10, mb: -10, label: n("chart.symbol_size.setup.description"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r(v_, { value: l.func_content, onChange: h }),
       /* @__PURE__ */ u(y, { justify: "space-between", children: [
@@ -10208,7 +10208,7 @@ function T_({
       }) => /* @__PURE__ */ r(q, { label: a("chart.series.line.step.label"), data: l, sx: {
         flexGrow: 1,
         maxWidth: "48%"
-      }, ...s, value: String(s.value), onChange: xe((c) => {
+      }, ...s, value: String(s.value), onChange: ve((c) => {
         const d = c === "false" ? !1 : c;
         s.onChange(d);
       }) }) }),
@@ -10549,7 +10549,7 @@ const an = ee(({
     label: l("chart.name_text.align.right"),
     value: "right"
   }], [s.language]);
-  return /* @__PURE__ */ r(q, { ref: o, label: e ?? l("chart.name_text.align.label"), data: c, value: t, onChange: xe(n), sx: a, disabled: i });
+  return /* @__PURE__ */ r(q, { ref: o, label: e ?? l("chart.name_text.align.label"), data: c, value: t, onChange: ve(n), sx: a, disabled: i });
 }), tc = ee(({
   label: e,
   value: t,
@@ -10566,7 +10566,7 @@ const an = ee(({
     label: o("chart.y_axis.position.right"),
     value: "right"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.y_axis.position.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.y_axis.position.label"), data: s, value: t, onChange: ve(n), sx: a });
 });
 function E_({
   control: e,
@@ -11640,14 +11640,14 @@ const er = ({
       }) => /* @__PURE__ */ r(A, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.symbol`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(q, { size: "xs", data: uo.lower, ...p, onChange: xe((g) => p.onChange(g)) }) }),
+      }) => /* @__PURE__ */ r(q, { size: "xs", data: uo.lower, ...p, onChange: ve((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(k, { c: "dimmed", size: "sm", sx: {
         userSelect: "none",
         cursor: "default"
       }, children: n("common.value").toLowerCase() }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.symbol`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(q, { size: "xs", data: uo.upper, ...p, onChange: xe((g) => p.onChange(g)) }) }),
+      }) => /* @__PURE__ */ r(q, { size: "xs", data: uo.upper, ...p, onChange: ve((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
         field: p
       }) => /* @__PURE__ */ r(A, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
@@ -16537,7 +16537,7 @@ const cw = ({
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
     }, children: n("viz.scatter_chart.color.dynamic.setup") }) }),
-    /* @__PURE__ */ r(ve, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(cw, { value: l.func_content, onChange: h }),
       /* @__PURE__ */ u(y, { justify: "space-between", children: [
         /* @__PURE__ */ r(L, { onClick: p, color: "red", leftSection: /* @__PURE__ */ r(mt, { size: 20 }), children: n("common.actions.reset_to_default") }),
@@ -18301,7 +18301,7 @@ const OS = D(ee(({
   const {
     panel: d
   } = Ve(), h = $.useMemo(() => d.queryOptions(a, o), [a, o]);
-  return h.length === 0 ? /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(A, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: xe(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
+  return h.length === 0 ? /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(A, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: ve(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
 })), qS = [{
   from: 0,
   to: 0
@@ -18354,7 +18354,7 @@ const BS = ee((e, t) => {
     label: i(`viz.table.column.value_type.${s}`),
     value: s
   })), [o.language]);
-  return /* @__PURE__ */ r(q, { ref: a, label: i("viz.table.column.value_type.label"), data: l, value: e, onChange: xe(t), maxDropdownHeight: 500, sx: n });
+  return /* @__PURE__ */ r(q, { ref: a, label: i("viz.table.column.value_type.label"), data: l, value: e, onChange: ve(t), maxDropdownHeight: 500, sx: n });
 }), QS = ee(({
   value: e,
   onChange: t
@@ -18377,7 +18377,7 @@ const BS = ee((e, t) => {
     /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: a("viz.table.column.custom_cell_content") }),
-    /* @__PURE__ */ r(ve, { size: 800, title: a("viz.table.column.custom_cell_content"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: a("viz.table.column.custom_cell_content"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(y, { justify: "flex-start", children: /* @__PURE__ */ r(Vs, {}) }),
       /* @__PURE__ */ r(V, { sx: {
         position: "relative"
@@ -18913,7 +18913,7 @@ const lC = $.forwardRef(oC), sC = ({
     /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(Wt, { size: 16 }), mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: a("viz.text.content.edit") }),
-    /* @__PURE__ */ r(ve, { size: 800, title: a("viz.text.content.label"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: a("viz.text.content.label"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(sC, { value: s, onChange: c }),
       /* @__PURE__ */ u(y, { justify: "space-between", children: [
         /* @__PURE__ */ r(L, { onClick: p, color: "red", leftSection: /* @__PURE__ */ r(mt, { size: 20 }), children: a("common.actions.reset_to_default") }),
@@ -20521,7 +20521,7 @@ const L2 = ee(({
     label: o("chart.x_axis.position.bottom"),
     value: "bottom"
   }], [l.language]);
-  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.x_axis.position.label"), data: s, value: t, onChange: xe(n), sx: a });
+  return /* @__PURE__ */ r(q, { ref: i, label: e ?? o("chart.x_axis.position.label"), data: s, value: t, onChange: ve(n), sx: a });
 });
 function V2({
   control: e,
@@ -23246,7 +23246,7 @@ const $c = m.model("DBQueryMeta", {
   sql: m.string
 }).views((e) => ({
   get base() {
-    return we(e);
+    return xe(e);
   },
   get valid() {
     return !!e.sql;
@@ -23335,7 +23335,7 @@ const $c = m.model("DBQueryMeta", {
   }
 })).actions((e) => ({
   removeSelf() {
-    we(e, 2).removeFilter(e);
+    xe(e, 2).removeFilter(e);
   },
   setDimension(t) {
     e.dimension = t ?? "", e.allEmpty && this.removeSelf();
@@ -23357,6 +23357,9 @@ const $c = m.model("DBQueryMeta", {
     stepKeyFormat: m.optional(m.string, "YYYY-MM-DD")
   })
 }).views((e) => ({
+  get query() {
+    return xe(e);
+  },
   get valid() {
     return !!e.id;
   },
@@ -23396,7 +23399,7 @@ const $c = m.model("DBQueryMeta", {
   }
 })).actions((e) => ({
   reset() {
-    e.filters.length = 0, e.groupBys.length = 0, e.timeQuery.enabled = !1, e.timeQuery.range_variable = "", e.timeQuery.unit_variable = "";
+    e.filters.length = 0, e.groupBys.length = 0, e.timeQuery.enabled = !1, e.timeQuery.range_variable = "", e.timeQuery.unit_variable = "", "data" in e.query && (e.query.setData([]), e.query.setError(null));
   },
   setID(t) {
     t !== e.id && this.reset(), e.id = t;
@@ -24058,7 +24061,7 @@ const P5 = m.model("FilterDateRangeConfigMeta", {
     }
   },
   get filter() {
-    return we(e);
+    return xe(e);
   },
   get dateStringsValue() {
     try {
@@ -24148,7 +24151,7 @@ const P5 = m.model("FilterDateRangeConfigMeta", {
     return Le(e).content;
   },
   get filter() {
-    return we(e);
+    return xe(e);
   },
   get usingQuery() {
     return !!e.options_query_id;
@@ -24420,7 +24423,7 @@ const P5 = m.model("FilterDateRangeConfigMeta", {
   return /* @__PURE__ */ r(q, { label: /* @__PURE__ */ u(y, { justify: "space-between", children: [
     /* @__PURE__ */ r(k, { fw: 500, size: "sm", children: n("filter.widget.common.use_query_data_as_options") }),
     e && /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(sa, { size: 16 }), variant: "subtle", color: "blue", onClick: () => s(e), children: n("query.open") })
-  ] }), data: o, value: e, onChange: xe(t), allowDeselect: !1, clearable: !0, sx: {
+  ] }), data: o, value: e, onChange: ve(t), allowDeselect: !1, clearable: !0, sx: {
     flexGrow: 1
   }, disabled: l, error: l ? "You need to add a query in Data Settings" : void 0, styles: {
     label: {
@@ -25607,7 +25610,7 @@ const nd = m.model("ViewDivisionConfig", {
     const {
       enabled: t,
       func_content: n
-    } = e, a = we(e, 2), i = Le(e);
+    } = e, a = xe(e, 2), i = Le(e);
     if (!t)
       return a.name;
     try {
@@ -25925,7 +25928,7 @@ const sd = m.compose("ViewRenderModel", d3, m.model({
     return this.tabView ? this.tabView.view_id ?? "" : "";
   },
   get contentModel() {
-    return we(e, 3);
+    return xe(e, 3);
   },
   get panels() {
     if (e.type !== U.Tabs)
@@ -26271,7 +26274,7 @@ const yd = m.model("FiltersRenderModel", {
     return JSON.stringify(e.values);
   },
   get filter() {
-    return we(e);
+    return xe(e);
   },
   get valuesForPayload() {
     const t = {};
@@ -26656,7 +26659,7 @@ const v3 = I5.views((e) => ({
     };
   },
   get queries() {
-    return we(e, 2);
+    return xe(e, 2);
   },
   get inUse() {
     return this.queries.isQueryInUse(e.id);
@@ -26796,6 +26799,13 @@ const v3 = I5.views((e) => ({
   }
 })).volatile(() => ({
   controller: new AbortController()
+})).actions((e) => ({
+  setData(t) {
+    e.data = t;
+  },
+  setError(t) {
+    e.error = t;
+  }
 })).actions((e) => ({
   runSQL: Vt(function* () {
     var t;
@@ -26956,7 +26966,7 @@ const v3 = I5.views((e) => ({
     return this.root.name;
   },
   get contentModel() {
-    return we(e, 1);
+    return xe(e, 1);
   },
   get visibleQueryIDSet() {
     const {
@@ -27201,7 +27211,7 @@ const Sd = m.model("LayoutsRenderModel", {
   }
 })), S3 = V5.views((e) => ({
   isADuplicatedKey(t) {
-    return !t || t === e.key ? !1 : !!we(e, 2).findByKey(t);
+    return !t || t === e.key ? !1 : !!xe(e, 2).findByKey(t);
   }
 })), Cd = m.model("SQLSnippetsRenderModel", {
   current: m.optional(m.array(S3), [])
@@ -28116,7 +28126,7 @@ const tz = D(() => {
     panel: a
   } = rt();
   return ez(a.description) ? null : /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(ve, { opened: t, onClose: () => n(!1), title: a.title.show ? a.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r(tz, {}) }),
+    /* @__PURE__ */ r(we, { opened: t, onClose: () => n(!1), title: a.title.show ? a.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r(tz, {}) }),
     /* @__PURE__ */ r(re, { label: e("panel.panel_description_click"), position: "top-start", withinPortal: !0, children: /* @__PURE__ */ r(te, { variant: "subtle", color: "blue", onClick: () => n((i) => !i), sx: {
       verticalAlign: "baseline",
       cursor: "pointer"
@@ -28559,7 +28569,7 @@ const Od = D(({
   panel: n,
   exitFullScreen: a
 }) {
-  return /* @__PURE__ */ r(ve, { opened: !0, fullScreen: !0, onClose: a, title: /* @__PURE__ */ r(L, { color: "blue", size: "xs", onClick: a, leftSection: /* @__PURE__ */ r(wl, { size: 20 }), children: "Exit fullscreen" }), styles: Sz, children: /* @__PURE__ */ r(y, { grow: !0, sx: {
+  return /* @__PURE__ */ r(we, { opened: !0, fullScreen: !0, onClose: a, title: /* @__PURE__ */ r(L, { color: "blue", size: "xs", onClick: a, leftSection: /* @__PURE__ */ r(wl, { size: 20 }), children: "Exit fullscreen" }), styles: Sz, children: /* @__PURE__ */ r(y, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ r(Od, { view: t, panel: n }) }) });
@@ -28704,7 +28714,7 @@ const Vz = D(({
     ref: l,
     downloadScreenshot: s
   } = Oi(t);
-  return /* @__PURE__ */ r(ve, { size: a.width, centered: !0, opened: i, onClose: o, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
+  return /* @__PURE__ */ r(we, { size: a.width, centered: !0, opened: i, onClose: o, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
     /* @__PURE__ */ r(V, { children: a.custom_modal_title.value }),
     /* @__PURE__ */ r(Fd, { downloadScreenshot: s })
   ] }), trapFocus: !0, onDragStart: (c) => {
@@ -28829,7 +28839,7 @@ const Oz = D(({
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
-  }, children: /* @__PURE__ */ r(ve, { size: n.width, opened: !0, onClose: C.noop, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
+  }, children: /* @__PURE__ */ r(we, { size: n.width, opened: !0, onClose: C.noop, withCloseButton: !1, title: /* @__PURE__ */ u(y, { justify: "space-between", px: "1rem", h: "48px", children: [
     /* @__PURE__ */ r(V, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r(Fd, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (s) => {
@@ -29264,13 +29274,13 @@ const Wz = m.compose("FiltersModel", yd, m.model("FiltersModel", {
   error: m.frozen()
 }).views((e) => ({
   get keywords() {
-    return we(e, 1);
+    return xe(e, 1);
   },
   get keywordString() {
     const {
       table_name: t,
       table_schema: n
-    } = we(e, 1);
+    } = xe(e, 1);
     return `${n}||${t}`;
   }
 })).views((e) => ({
@@ -29336,7 +29346,7 @@ const Wz = m.compose("FiltersModel", yd, m.model("FiltersModel", {
   table_name: m.optional(m.string, "")
 }).views((e) => ({
   get dataSource() {
-    return we(e);
+    return xe(e);
   },
   get key() {
     return this.dataSource.key;
@@ -29630,7 +29640,7 @@ const oT = m.model({
     return e.data !== null;
   },
   get mmInfo() {
-    return we(e);
+    return xe(e);
   },
   get metricID() {
     return this.mmInfo.metricID;
@@ -29716,7 +29726,7 @@ const oT = m.model({
     return Object.keys(e.data).length === 0;
   },
   get mmInfo() {
-    return we(e);
+    return xe(e);
   }
 })).actions((e) => ({
   setKeyword(t) {
@@ -29775,7 +29785,7 @@ const oT = m.model({
     return this.contentModel.getAdditionalQueryInfo("");
   },
   get dataSource() {
-    return we(e);
+    return xe(e);
   },
   get key() {
     return this.dataSource.key;
@@ -30264,7 +30274,7 @@ const vT = m.model("EditorModel", {
   }
 })).actions((e) => ({
   removeSelf() {
-    we(e, 2).removeByID(e.id);
+    xe(e, 2).removeByID(e.id);
   }
 })).actions((e) => ({
   moveToView(t, n) {
@@ -30535,14 +30545,14 @@ const TT = m.model({
     return !Fe(le(e, t), le(e.origin, t));
   },
   get context() {
-    const t = we(e).context.current;
+    const t = xe(e).context.current;
     return {
       ...e.mock_context.current,
       ...t
     };
   },
   get payloadForSQL() {
-    const t = we(e).globalSQLSnippets, n = {
+    const t = xe(e).globalSQLSnippets, n = {
       context: this.context,
       filters: e.filters.valuesForPayload
     };
@@ -30553,7 +30563,7 @@ const TT = m.model({
     };
   },
   get payloadForViz() {
-    const t = we(e).context.current;
+    const t = xe(e).context.current;
     return {
       context: {
         ...e.mock_context.current,
@@ -31248,7 +31258,7 @@ const LT = D(({
         mantissa: 0
       }) })
     ] }),
-    /* @__PURE__ */ r(ve, { opened: t, onClose: c, title: e("breakpoint.label", {
+    /* @__PURE__ */ r(we, { opened: t, onClose: c, title: e("breakpoint.label", {
       count: 2
     }), withinPortal: !0, zIndex: 320, size: 600, closeOnClickOutside: !1, children: /* @__PURE__ */ r($T, { done: c }) })
   ] });
@@ -31526,7 +31536,7 @@ const GT = D(({
       ...Fo
       // background: 'rgb(231, 245, 255)',
     }, children: e("import.label") }),
-    /* @__PURE__ */ r(ve, { opened: t, onClose: a, title: e("import.title"), trapFocus: !0, onDragStart: (h) => {
+    /* @__PURE__ */ r(we, { opened: t, onClose: a, title: e("import.title"), trapFocus: !0, onDragStart: (h) => {
       h.stopPropagation();
     }, withinPortal: !0, zIndex: 320, size: i ? "90vw" : 500, children: /* @__PURE__ */ r(GT, { onSuccess: a, stretchModal: o, shrinkModal: l }) })
   ] });
@@ -32056,7 +32066,7 @@ const w6 = {
     t: n
   } = x();
   return /* @__PURE__ */ r(
-    ve,
+    we,
     {
       size: "96vw",
       opened: e,
@@ -33234,7 +33244,7 @@ const s4 = D(() => {
   };
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftSection: /* @__PURE__ */ r(Ra, { size: 14 }), children: n("panel.settings.change_view") }),
-    /* @__PURE__ */ r(ve, { opened: l, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ u(T, { sx: {
+    /* @__PURE__ */ r(we, { opened: l, onClose: c, title: n("panel.settings.change_view_title"), zIndex: 320, children: /* @__PURE__ */ u(T, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -34053,7 +34063,7 @@ const L4 = D(({
     type: o
   } = e;
   return o === "http" || o === "merico_metric_system" ? null : /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(ve, { opened: a, onClose: () => i(!1), title: /* @__PURE__ */ u(y, { justify: "space-between", sx: {
+    /* @__PURE__ */ r(we, { opened: a, onClose: () => i(!1), title: /* @__PURE__ */ u(y, { justify: "space-between", sx: {
       flexGrow: 1
     }, children: [
       /* @__PURE__ */ r(k, { size: "sm", fw: 500, children: n("data_source.explorer") }),
@@ -34267,7 +34277,7 @@ WHERE
     t: e
   } = x(), [t, n] = Q(!1);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(ve, { opened: t, onClose: () => n(!1), title: e("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r(nu, {}) }),
+    /* @__PURE__ */ r(we, { opened: t, onClose: () => n(!1), title: e("query_variable.labels"), zIndex: 320, size: "800px", children: /* @__PURE__ */ r(nu, {}) }),
     /* @__PURE__ */ r(L, { variant: "subtle", onClick: () => n(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
@@ -35688,7 +35698,7 @@ const lD = [{
     /* @__PURE__ */ r(te, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: i, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ r(An, { size: 14 }) }),
-    /* @__PURE__ */ r(ve, { size: 800, title: n("view.component.modal.custom_title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
+    /* @__PURE__ */ r(we, { size: 800, title: n("view.component.modal.custom_title"), opened: a, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: a && /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(J, { mt: 10, label: n("common.enabled"), checked: l.enabled, onChange: (_) => c(_.currentTarget.checked) }),
       /* @__PURE__ */ r(HD, { value: l.func_content, onChange: p, disabled: !l.enabled }),
       /* @__PURE__ */ u(y, { justify: "space-between", children: [
@@ -36006,7 +36016,7 @@ const lD = [{
   }
 }, pI = D(() => {
   const e = de().editor;
-  return /* @__PURE__ */ r(ve, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionProps: {
+  return /* @__PURE__ */ r(we, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionProps: {
     duration: 0
   }, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
     body: {
@@ -36197,7 +36207,7 @@ const ou = m.model({
     return this.json.content;
   },
   get payloadForSQL() {
-    const t = we(e).context.current, n = we(e).globalSQLSnippets, a = {
+    const t = xe(e).context.current, n = xe(e).globalSQLSnippets, a = {
       context: {
         ...e.mock_context.current,
         ...t
@@ -36211,7 +36221,7 @@ const ou = m.model({
     };
   },
   get payloadForViz() {
-    const t = we(e).context.current;
+    const t = xe(e).context.current;
     return {
       context: {
         ...e.mock_context.current,