@devtable/dashboard 9.11.0 → 9.11.2

package/dist/dashboard.es.js

@@ -3,11 +3,11 @@ var Ic = (e, t, r) => t in e ? Lc(e, t, { enumerable: !0, configurable: !0, writ
 var W = (e, t, r) => (Ic(e, typeof t != "symbol" ? t + "" : t, r), r);
 import $, { useEffect as q, createContext as To, useMemo as L, useState as U, forwardRef as ke, useCallback as He, useContext as bt, useRef as Do, createElement as lr, memo as $c } from "react";
 import { Box as V, Text as C, Button as I, Checkbox as ve, Group as v, Tooltip as Oe, createStyles as un, Stack as S, Badge as In, CloseButton as Lo, Select as O, TextInput as z, Modal as Te, ActionIcon as Q, Menu as Fe, Divider as R, Switch as Ye, NumberInput as re, useMantineTheme as Io, ColorInput as Ai, ColorSwatch as jr, Slider as zc, Overlay as Vt, Tabs as b, Center as Ut, CheckIcon as Mc, MANTINE_SIZES as Ac, SimpleGrid as Yt, SegmentedControl as Rc, Textarea as Ec, Collapse as Ri, HoverCard as Tt, Table as Ft, Popover as Or, LoadingOverlay as Xt, NativeSelect as Oc, Flex as On, MultiSelect as $n, Paper as Ei, Code as Ya, Alert as Vc, Header as Fc, ThemeIcon as Vr, List as Ha, UnstyledButton as Pc, Navbar as kt, JsonInput as $o, Radio as Qa, Skeleton as Ua, NavLink as Gr, Pagination as Nc, Anchor as Xa, AppShell as zo } from "@mantine/core";
-import { useModals as Dt, ModalsProvider as Mo } from "@mantine/modals";
-import { useCreation as dt, usePrevious as Bc, useBoolean as Xe, useLatest as Za, useRequest as Vn, useAsyncEffect as Fn } from "ahooks";
+import { useModals as Lt, ModalsProvider as Mo } from "@mantine/modals";
+import { useCreation as ut, usePrevious as Bc, useBoolean as Xe, useLatest as Za, useRequest as Vn, useAsyncEffect as Fn } from "ahooks";
 import { observer as D } from "mobx-react-lite";
-import k, { template as Oi, cloneDeepWith as Ao, get as se, isFunction as qc, omit as Ht, values as Ro, unset as Wc, isObject as Eo, set as Vi, orderBy as jc, last as Oo, defaults as $e, minBy as Gc, maxBy as Yc, cloneDeep as Pe, isEqual as we, defaultsDeep as _e, keyBy as Vo, isEmpty as Fi, isNumber as Hc, findLastIndex as Qc, isString as Fo, range as Uc, throttle as Xc, pick as Po } from "lodash";
-import { useForm as ze, useWatch as Zc, Controller as x, useFieldArray as Ve } from "react-hook-form";
+import k, { template as Oi, cloneDeepWith as Ao, get as se, isFunction as qc, omit as Ht, values as Ro, unset as Wc, isObject as Eo, set as Vi, orderBy as jc, last as Oo, defaults as ze, minBy as Gc, maxBy as Yc, cloneDeep as Pe, isEqual as we, defaultsDeep as _e, keyBy as Vo, isEmpty as Fi, isNumber as Hc, findLastIndex as Qc, isString as Fo, range as Uc, throttle as Xc, pick as Po } from "lodash";
+import { useForm as Me, useWatch as Zc, Controller as x, useFieldArray as Ve } from "react-hook-form";
 import { IconInfoCircle as Pn, IconPlus as Pt, IconDeviceFloppy as Nn, IconBorderAll as Kc, IconTrash as ln, IconArrowDown as Jc, IconArrowUp as ed, IconArrowsLeftRight as td, IconVariable as nd, IconCodeDots as rd, IconFilter as No, IconCopy as id, IconDatabase as cr, IconBoxMultiple as Bo, IconMenu2 as ad, IconDownload as od, IconCode as sd, IconCaretDown as ld, IconRecycle as qo, IconAlertTriangle as Wo, IconArrowLeft as cd, IconPlaylistAdd as dd, IconCircleDashed as ud, IconCircleDot as hd, IconCircleOff as pd, IconAdjustments as md, IconLink as gd, IconSettings as fd, IconArrowCurveRight as bd, IconX as jo, IconEye as xd, IconTable as yd, IconColumns as vd, IconPlayerSkipBack as wd } from "@tabler/icons";
 import { Link as Go, RichTextEditor as ie, useRichTextEditorContext as _d } from "@mantine/tiptap";
 import { Color as Yo } from "@tiptap/extension-color";
@@ -30,12 +30,12 @@ import { Calendar as Sd, InfoCircle as hn, Refresh as os, Download as ss, Arrows
 import Ad, { Option as Rd } from "rc-select";
 import Ed, { SHOW_PARENT as Od } from "rc-tree-select";
 import cs, { WidthProvider as ds } from "react-grid-layout";
-import { observable as us, runInAction as Dn, toJS as Nt, reaction as gt, makeAutoObservable as Bn } from "mobx";
+import { observable as us, runInAction as Dn, toJS as Nt, reaction as dt, makeAutoObservable as Bn } from "mobx";
 import Ka from "eventemitter2";
 import zn, { random as ur } from "chroma-js";
 import "echarts-gl";
 import * as fe from "echarts/core";
-import { GridComponent as at, VisualMapComponent as hr, LegendComponent as ot, TooltipComponent as st, DataZoomComponent as Lt, MarkLineComponent as pr, MarkAreaComponent as Pi, CalendarComponent as Vd } from "echarts/components";
+import { GridComponent as at, VisualMapComponent as hr, LegendComponent as ot, TooltipComponent as st, DataZoomComponent as It, MarkLineComponent as pr, MarkAreaComponent as Pi, CalendarComponent as Vd } from "echarts/components";
 import { CanvasRenderer as Je } from "echarts/renderers";
 import et from "echarts-for-react/lib/core";
 import he from "numbro";
@@ -46,13 +46,13 @@ import * as jd from "d3-array";
 import { quantile as Kn } from "d3-array";
 import * as Jn from "mathjs";
 import { interpolate as pn } from "popmotion";
-import nt, { loader as Pr } from "@monaco-editor/react";
-import * as At from "d3-regression";
+import rt, { loader as Pr } from "@monaco-editor/react";
+import * as Rt from "d3-regression";
 import { Prism as cn } from "@mantine/prism";
 import { flexRender as nr, createColumnHelper as ms, useReactTable as gs, getCoreRowModel as fs, getSortedRowModel as Gd } from "@tanstack/react-table";
 import { useVirtual as Yd } from "react-virtual";
-import Rt from "axios";
-import { types as f, getParent as it, getRoot as Ee, cast as mn, addDisposer as Et, addMiddleware as Hd, getType as Qd, isAlive as Ja, flow as on, toGenerator as Gt, detach as Ud, clone as Xd, getSnapshot as mt, applySnapshot as Ke, getParentOfType as eo, castToSnapshot as bs } from "mobx-state-tree";
+import Et from "axios";
+import { types as f, getParent as nt, getRoot as $e, cast as mn, addDisposer as Dt, addMiddleware as Hd, getType as Qd, isAlive as Ja, flow as on, toGenerator as Gt, detach as Ud, clone as Xd, getSnapshot as gt, applySnapshot as Ke, getParentOfType as eo, castToSnapshot as bs } from "mobx-state-tree";
 import { arrayToTree as Zd } from "performant-array-to-tree";
 import Kd from "jszip";
 import { saveAs as Bi } from "file-saver";
@@ -197,14 +197,14 @@ function su() {
         }
       return null;
     }
-    var ue = Object.assign, Ce = 0, Le, qe, pt, Ze, _t, Wt, Gn;
+    var ue = Object.assign, Ce = 0, Le, qe, mt, Ze, _t, Wt, Gn;
     function Yn() {
     }
     Yn.__reactDisabledLog = !0;
     function Ir() {
       {
         if (Ce === 0) {
-          Le = console.log, qe = console.info, pt = console.warn, Ze = console.error, _t = console.group, Wt = console.groupCollapsed, Gn = console.groupEnd;
+          Le = console.log, qe = console.info, mt = console.warn, Ze = console.error, _t = console.group, Wt = console.groupCollapsed, Gn = console.groupEnd;
           var _ = {
             configurable: !0,
             enumerable: !0,
@@ -240,7 +240,7 @@ function su() {
               value: qe
             }),
             warn: ue({}, _, {
-              value: pt
+              value: mt
             }),
             error: ue({}, _, {
               value: Ze
@@ -260,7 +260,7 @@ function su() {
       }
     }
     var yn = M.ReactCurrentDispatcher, en;
-    function $t(_, A, N) {
+    function zt(_, A, N) {
       {
         if (en === void 0)
           try {
@@ -273,16 +273,16 @@ function su() {
 ` + en + _;
       }
     }
-    var jt = !1, zt;
+    var jt = !1, Mt;
     {
       var tn = typeof WeakMap == "function" ? WeakMap : Map;
-      zt = new tn();
+      Mt = new tn();
     }
     function nn(_, A) {
       if (!_ || jt)
         return "";
       {
-        var N = zt.get(_);
+        var N = Mt.get(_);
         if (N !== void 0)
           return N;
       }
@@ -328,26 +328,26 @@ function su() {
         if (Ct && J && typeof Ct.stack == "string") {
           for (var ae = Ct.stack.split(`
 `), Ge = J.stack.split(`
-`), Ie = ae.length - 1, Ae = Ge.length - 1; Ie >= 1 && Ae >= 0 && ae[Ie] !== Ge[Ae]; )
-            Ae--;
-          for (; Ie >= 1 && Ae >= 0; Ie--, Ae--)
-            if (ae[Ie] !== Ge[Ae]) {
-              if (Ie !== 1 || Ae !== 1)
+`), Ie = ae.length - 1, Re = Ge.length - 1; Ie >= 1 && Re >= 0 && ae[Ie] !== Ge[Re]; )
+            Re--;
+          for (; Ie >= 1 && Re >= 0; Ie--, Re--)
+            if (ae[Ie] !== Ge[Re]) {
+              if (Ie !== 1 || Re !== 1)
                 do
-                  if (Ie--, Ae--, Ae < 0 || ae[Ie] !== Ge[Ae]) {
-                    var rt = `
+                  if (Ie--, Re--, Re < 0 || ae[Ie] !== Ge[Re]) {
+                    var it = `
 ` + ae[Ie].replace(" at new ", " at ");
-                    return _.displayName && rt.includes("<anonymous>") && (rt = rt.replace("<anonymous>", _.displayName)), typeof _ == "function" && zt.set(_, rt), rt;
+                    return _.displayName && it.includes("<anonymous>") && (it = it.replace("<anonymous>", _.displayName)), typeof _ == "function" && Mt.set(_, it), it;
                   }
-                while (Ie >= 1 && Ae >= 0);
+                while (Ie >= 1 && Re >= 0);
               break;
             }
         }
       } finally {
         jt = !1, yn.current = ye, $r(), Error.prepareStackTrace = me;
       }
-      var an = _ ? _.displayName || _.name : "", Ga = an ? $t(an) : "";
-      return typeof _ == "function" && zt.set(_, Ga), Ga;
+      var an = _ ? _.displayName || _.name : "", Ga = an ? zt(an) : "";
+      return typeof _ == "function" && Mt.set(_, Ga), Ga;
     }
     function vn(_, A, N) {
       return nn(_, !1);
@@ -356,29 +356,29 @@ function su() {
       var A = _.prototype;
       return !!(A && A.isReactComponent);
     }
-    function Mt(_, A, N) {
+    function At(_, A, N) {
       if (_ == null)
         return "";
       if (typeof _ == "function")
         return nn(_, wn(_));
       if (typeof _ == "string")
-        return $t(_);
+        return zt(_);
       switch (_) {
         case d:
-          return $t("Suspense");
+          return zt("Suspense");
         case p:
-          return $t("SuspenseList");
+          return zt("SuspenseList");
       }
       if (typeof _ == "object")
         switch (_.$$typeof) {
           case c:
             return vn(_.render);
           case m:
-            return Mt(_.type, A, N);
+            return At(_.type, A, N);
           case h: {
             var J = _, me = J._payload, ye = J._init;
             try {
-              return Mt(ye(me), A, N);
+              return At(ye(me), A, N);
             } catch {
             }
           }
@@ -388,7 +388,7 @@ function su() {
     var _n = Object.prototype.hasOwnProperty, Aa = {}, Ra = M.ReactDebugCurrentFrame;
     function Hn(_) {
       if (_) {
-        var A = _._owner, N = Mt(_.type, _._source, A ? A.type : null);
+        var A = _._owner, N = At(_.type, _._source, A ? A.type : null);
         Ra.setExtraStackFrame(N);
       } else
         Ra.setExtraStackFrame(null);
@@ -528,8 +528,8 @@ function su() {
             le[ye] === void 0 && (le[ye] = Ie[ye]);
         }
         if (ae || Ge) {
-          var Ae = typeof _ == "function" ? _.displayName || _.name || "Unknown" : _;
-          ae && fc(le, Ae), Ge && bc(le, Ae);
+          var Re = typeof _ == "function" ? _.displayName || _.name || "Unknown" : _;
+          ae && fc(le, Re), Ge && bc(le, Re);
         }
         return xc(_, ae, Ge, me, J, Cn.current, le);
       }
@@ -537,7 +537,7 @@ function su() {
     var Ar = M.ReactCurrentOwner, Pa = M.ReactDebugCurrentFrame;
     function rn(_) {
       if (_) {
-        var A = _._owner, N = Mt(_.type, _._source, A ? A.type : null);
+        var A = _._owner, N = At(_.type, _._source, A ? A.type : null);
         Pa.setExtraStackFrame(N);
       } else
         Pa.setExtraStackFrame(null);
@@ -663,23 +663,23 @@ Check the top-level render call using <` + N + ">.");
           var Ie;
           _ === null ? Ie = "null" : zr(_) ? Ie = "array" : _ !== void 0 && _.$$typeof === t ? (Ie = "<" + (ge(_.type) || "Unknown") + " />", ae = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof _, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, ae);
         }
-        var Ae = yc(_, A, N, me, ye);
-        if (Ae == null)
-          return Ae;
+        var Re = yc(_, A, N, me, ye);
+        if (Re == null)
+          return Re;
         if (le) {
-          var rt = A.children;
-          if (rt !== void 0)
+          var it = A.children;
+          if (it !== void 0)
             if (J)
-              if (zr(rt)) {
-                for (var an = 0; an < rt.length; an++)
-                  Wa(rt[an], _);
-                Object.freeze && Object.freeze(rt);
+              if (zr(it)) {
+                for (var an = 0; an < it.length; an++)
+                  Wa(it[an], _);
+                Object.freeze && Object.freeze(it);
               } else
                 F("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Wa(rt, _);
+              Wa(it, _);
         }
-        return _ === i ? Cc(Ae) : _c(Ae), Ae;
+        return _ === i ? Cc(Re) : _c(Re), Re;
       }
     }
     function Sc(_, A, N) {
@@ -826,7 +826,7 @@ class qi {
 }
 const Yr = To(null);
 function fr(e) {
-  const t = $.useContext(Yr), r = dt(() => e.configure(t || new qi()), [e.configure]), i = Bc(r);
+  const t = $.useContext(Yr), r = ut(() => e.configure(t || new qi()), [e.configure]), i = Bc(r);
   return i && i !== r && i.dispose(), /* @__PURE__ */ n(Yr.Provider, { value: r, children: e.children });
 }
 function vs() {
@@ -1291,13 +1291,13 @@ const ji = {
   const a = te(), o = !!t.options_query_id, {
     state: l,
     error: s
-  } = a.getDataStuffByID(t.options_query_id), c = l === "loading", d = t.min_width ? t.min_width : "200px", p = o ? c : !1;
+  } = a.getDataStuffByID(t.options_query_id), c = l === "loading", d = t.min_width ? t.min_width : "200px", p = o ? c : !1, m = (h) => i(h, !1);
   return /* @__PURE__ */ n(fu, { label: e, options: t.options, style: {
     minWidth: "160px",
     width: d,
     maxWidth: p ? d : "unset",
     borderColor: "#e9ecef"
-  }, disabled: p, value: r, onChange: i, errorMessage: s });
+  }, disabled: p, value: r, onChange: m, errorMessage: s });
 }), xu = ke(({
   label: e,
   description: t,
@@ -1736,7 +1736,7 @@ const wu = ({
     control: i,
     handleSubmit: a,
     reset: o
-  } = ze({
+  } = Me({
     defaultValues: r.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
@@ -1795,7 +1795,7 @@ const Ms = D(() => {
 }), $u = D(({
   view: e
 }) => {
-  const t = De(), r = te(), i = Dt(), {
+  const t = De(), r = te(), i = Lt(), {
     panel: a
   } = We(), {
     id: o,
@@ -1949,7 +1949,7 @@ class As {
     return Promise.resolve(this.getItem(t));
   }
   watchItem(t, r, i) {
-    return gt(() => this.getValueFromRoot(t), (a, o) => {
+    return dt(() => this.getValueFromRoot(t), (a, o) => {
       r(a, o);
     }, {
       requiresObservable: !0,
@@ -2093,7 +2093,7 @@ const Ru = (e) => {
   getColor: xr(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, Os = "@devtable/dashboard", Yi = "9.11.0", Vs = "Apache-2.0", Fs = {
+}, Os = "@devtable/dashboard", Yi = "9.11.2", Vs = "Apache-2.0", Fs = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Ps = [
@@ -2369,7 +2369,7 @@ class Yu {
     return o.reduce((s, c) => c.handler(s, i), r);
   }
 }
-class Me extends Yu {
+class Ae extends Yu {
   constructor() {
     super(), this.configVersions();
   }
@@ -2448,7 +2448,7 @@ function Hu({
     xAxis3D: c,
     yAxis3D: d,
     zAxis3D: p
-  } = $e({}, t, Hi), m = L(() => {
+  } = ze({}, t, Hi), m = L(() => {
     const w = Gc(r, (y) => y[s]);
     return se(w, s);
   }, [r, s]), h = L(() => {
@@ -2526,11 +2526,11 @@ function Uu({
   const {
     value: t,
     set: r
-  } = Z(e.instanceData, "config"), i = e.data, a = $e({}, t, Hi), {
+  } = Z(e.instanceData, "config"), i = e.data, a = ze({}, t, Hi), {
     control: o,
     handleSubmit: l,
     reset: s
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   return q(() => {
@@ -2586,7 +2586,7 @@ function Uu({
     ] }) })
   ] }) }) : null;
 }
-class Xu extends Me {
+class Xu extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -2708,7 +2708,7 @@ function Ku({
     ] })
   ] });
 }
-const ht = $.forwardRef(Ku), ft = {
+const pt = $.forwardRef(Ku), ft = {
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
@@ -2804,7 +2804,7 @@ const th = [{
     /* @__PURE__ */ n(rr, { sectionTitle: "Overflow on Axis", value: e.on_axis, onChange: i }),
     /* @__PURE__ */ n(rr, { sectionTitle: "Overflow in Tooltip", value: e.in_tooltip, onChange: a })
   ] });
-}), ut = {
+}), ht = {
   on_axis: {
     width: 80,
     overflow: "truncate",
@@ -2837,7 +2837,7 @@ function Ot({
     text-overflow: ${a};
   `;
 }
-function It(e) {
+function $t(e) {
   return {
     width: e.width,
     overflow: e.overflow,
@@ -2853,7 +2853,7 @@ const Qi = {
       formatter: {
         ...ft
       },
-      overflow: ut
+      overflow: ht
     }
   },
   y_axis: {
@@ -3291,7 +3291,7 @@ $.forwardRef(function({
     ] }),
     /* @__PURE__ */ n(yr, { label: "Aggregation", value: t.aggregation, onChange: (s) => l("aggregation", s) }),
     /* @__PURE__ */ n(R, { my: "xs", label: "Format", labelPosition: "center" }),
-    /* @__PURE__ */ n(ht, { value: t.formatter, onChange: (s) => l("formatter", s) }),
+    /* @__PURE__ */ n(pt, { value: t.formatter, onChange: (s) => l("formatter", s) }),
     a && /* @__PURE__ */ n(Xs, { value: t, onChange: r })
   ] });
 });
@@ -3491,7 +3491,7 @@ function Lh({
     x_axis: i,
     y_axis: a,
     reference_lines: o
-  } = e, l = rh(e, t), s = It(i.axisLabel.overflow.on_axis), c = ah(e);
+  } = e, l = rh(e, t), s = $t(i.axisLabel.overflow.on_axis), c = ah(e);
   return {
     grid: {
       top: 30,
@@ -3543,7 +3543,7 @@ function Lh({
     series: [...c, ...Dh(o, r, t)]
   };
 }
-fe.use([Lt, Fd, pr, at, ot, st, Je]);
+fe.use([It, Fd, pr, at, ot, st, Je]);
 function Ih({
   context: e,
   instance: t
@@ -3555,7 +3555,7 @@ function Ih({
   } = e, a = e.data, {
     width: o,
     height: l
-  } = e.viewport, s = $e({}, r, Qi), c = wt({
+  } = e.viewport, s = ze({}, r, Qi), c = wt({
     vizManager: e.vizManager,
     instance: t
   }), d = yt(c.triggerManager, Qs.id), p = L(() => k.keyBy(a, s.x_axis.data_key), [a, s.x_axis.data_key]), m = He((w) => {
@@ -3650,7 +3650,7 @@ const Mh = ({
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -3768,7 +3768,7 @@ const Mh = ({
     /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
     /* @__PURE__ */ n(x, { name: "y_axis.label_formatter", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ n(ht, { ...i }) })
+    }) => /* @__PURE__ */ n(pt, { ...i }) })
   ] })
 ] }));
 function Eh({
@@ -3779,13 +3779,13 @@ function Eh({
     set: r
   } = Z(e.instanceData, "config"), i = e.data, {
     variables: a
-  } = e, o = L(() => $e({}, t, Qi), [t]), {
+  } = e, o = L(() => ze({}, t, Qi), [t]), {
     control: l,
     handleSubmit: s,
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -3900,7 +3900,7 @@ function Nh(e) {
   };
   return k.defaultsDeep(i, e);
 }
-class Bh extends Me {
+class Bh extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 6);
@@ -4118,7 +4118,7 @@ function ep({
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   q(() => {
@@ -4165,7 +4165,7 @@ function ep({
     ] })
   ] });
 }
-class tp extends Me {
+class tp extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 2);
@@ -4263,7 +4263,7 @@ const bn = {
       formatter: {
         ...ft
       },
-      overflow: ut
+      overflow: ht
     }
   },
   x_axis_data_key: "",
@@ -4351,13 +4351,13 @@ function lp(e) {
 function _r(e, t) {
   switch (e.config.method) {
     case "linear":
-      return [...At.regressionLinear()(t)];
+      return [...Rt.regressionLinear()(t)];
     case "exponential":
-      return [...At.regressionExp()(t)];
+      return [...Rt.regressionExp()(t)];
     case "logarithmic":
-      return [...At.regressionLog()(t)];
+      return [...Rt.regressionLog()(t)];
     case "polynomial":
-      return [...At.regressionPoly().order(e.config.order)(t)];
+      return [...Rt.regressionPoly().order(e.config.order)(t)];
     default:
       return [];
   }
@@ -4681,7 +4681,7 @@ function Sp(e, t) {
   const r = t.every((l) => !Number.isNaN(Number(l))), {
     overflow: i,
     ...a
-  } = e.x_axis.axisLabel, o = It(i.on_axis);
+  } = e.x_axis.axisLabel, o = $t(i.on_axis);
   return [{
     data: t,
     name: e.x_axis_name ?? "",
@@ -4782,7 +4782,7 @@ function io(e) {
     series: r
   });
 }
-fe.use([Lt, Zt, Kt, mr, at, ot, st, Je, pr, Pi]);
+fe.use([It, Zt, Kt, mr, at, ot, st, Je, pr, Pi]);
 function ao(e) {
   return e.trim().length > 0;
 }
@@ -4827,7 +4827,7 @@ function Ip({
     value: i
   } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => $e({}, i, Zi), [i]), l = e.data, {
+  } = e, o = L(() => ze({}, i, Zi), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport, {
@@ -5363,7 +5363,7 @@ function Wp({
 const jp = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -5839,7 +5839,7 @@ function om({
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(x, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ n(ht, { ...i }) })
+      }) => /* @__PURE__ */ n(pt, { ...i }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -5907,7 +5907,7 @@ function lm({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -6190,7 +6190,7 @@ function _m(e) {
     })
   };
 }
-class Cm extends Me {
+class Cm extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 15);
@@ -6315,7 +6315,7 @@ function Lm(e, t) {
     } = r, m = t.map((g) => ({
       name: g[i],
       value: g[a]
-    })), h = It(o.overflow.on_axis);
+    })), h = $t(o.overflow.on_axis);
     return {
       type: "funnel",
       ...Dm(r),
@@ -6423,7 +6423,7 @@ function Am(e) {
     axisLabel: {
       show: !0,
       position: "inside",
-      overflow: ut
+      overflow: ht
     },
     sort: "descending",
     orient: "vertical",
@@ -6433,7 +6433,7 @@ function Am(e) {
 const na = {
   series: [Am("Funnel")]
 };
-fe.use([Pd, Lt, at, ot, st, Je]);
+fe.use([Pd, It, at, ot, st, Je]);
 function Rm({
   conf: e,
   data: t,
@@ -6451,7 +6451,7 @@ function Em({
 }) {
   const {
     value: t
-  } = Z(e.instanceData, "config"), r = L(() => $e({}, t, na), [t]), i = e.data, {
+  } = Z(e.instanceData, "config"), r = L(() => ze({}, t, na), [t]), i = e.data, {
     width: a,
     height: o
   } = e.viewport;
@@ -6682,7 +6682,7 @@ function Wm({
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   q(() => {
@@ -6726,7 +6726,7 @@ function jm(e) {
     })
   };
 }
-class Gm extends Me {
+class Gm extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 2);
@@ -6926,7 +6926,7 @@ function tg(e, t, r) {
   const {
     overflow: i,
     rotate: a
-  } = e.x_axis.axisLabel, o = It(i.on_axis);
+  } = e.x_axis.axisLabel, o = $t(i.on_axis);
   return {
     id: "main-x-axis",
     type: "category",
@@ -6962,7 +6962,7 @@ function ng(e, t, r) {
   } = e.y_axis, {
     overflow: l,
     rotate: s
-  } = e.y_axis.axisLabel, c = It(l.on_axis);
+  } = e.y_axis.axisLabel, c = $t(l.on_axis);
   return {
     ...o,
     type: "category",
@@ -7056,7 +7056,7 @@ const el = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: ut,
+      overflow: ht,
       formatter: {
         ...ft
       }
@@ -7068,7 +7068,7 @@ const el = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: ut,
+      overflow: ht,
       formatter: {
         ...ft
       }
@@ -7085,7 +7085,7 @@ const el = {
     metrics: []
   }
 };
-fe.use([Lt, Zt, Kt, Ni, at, ot, st, hr, Je]);
+fe.use([It, Zt, Kt, Ni, at, ot, st, hr, Je]);
 function sg({
   conf: e,
   data: t,
@@ -7126,7 +7126,7 @@ function lg({
     value: i
   } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => $e({}, i, ia), [i]), l = e.data, {
+  } = e, o = L(() => ze({}, i, ia), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -7161,7 +7161,7 @@ function cg({
     /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ n(x, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(ht, { ...i }) })
+    }) => /* @__PURE__ */ n(pt, { ...i }) })
   ] });
 }
 const dg = ({
@@ -7251,7 +7251,7 @@ const pg = ({
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -7429,7 +7429,7 @@ function xg({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -7467,7 +7467,7 @@ function xg({
     ] })
   ] }) });
 }
-class yg extends Me {
+class yg extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -7537,7 +7537,7 @@ const rl = {
       formatter: {
         ...ft
       },
-      overflow: ut
+      overflow: ht
     }
   },
   data_key: "value",
@@ -7707,7 +7707,7 @@ function $g(e) {
   const {
     name: t,
     axisLabel: r
-  } = e.x_axis, i = It(r.overflow.on_axis);
+  } = e.x_axis, i = $t(r.overflow.on_axis);
   return [{
     type: "category",
     name: t,
@@ -7787,7 +7787,7 @@ function Mg(e, t, r) {
     }
   };
 }
-fe.use([Zt, Kt, Lt, at, ot, st, Je]);
+fe.use([Zt, Kt, It, at, ot, st, Je]);
 function Ag({
   context: e,
   instance: t
@@ -7797,7 +7797,7 @@ function Ag({
   } = Z(e.instanceData, "config"), i = e.data, {
     width: a,
     height: o
-  } = e.viewport, l = $e({}, r, aa), s = Mg(l, i), c = wt({
+  } = e.viewport, l = ze({}, r, aa), s = Mg(l, i), c = wt({
     vizManager: e.vizManager,
     instance: t
   }), d = yt(c.triggerManager, nl.id), p = L(() => k.keyBy(i, l.x_axis.data_key), [i, l.x_axis.data_key]), m = He((g) => {
@@ -7856,7 +7856,7 @@ function Eg({
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(x, { name: "bar.label_formatter", control: t, render: ({
         field: i
-      }) => /* @__PURE__ */ n(ht, { ...i }) })
+      }) => /* @__PURE__ */ n(pt, { ...i }) })
     ] })
   ] });
 }
@@ -8005,13 +8005,13 @@ function Wg({
   const {
     value: t,
     set: r
-  } = Z(e.instanceData, "config"), i = e.data, a = L(() => $e({}, t, aa), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => ze({}, t, aa), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   q(() => {
@@ -8151,7 +8151,7 @@ function Xg(e) {
   };
   return k.defaultsDeep(i, e);
 }
-class Zg extends Me {
+class Zg extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 8);
@@ -8380,7 +8380,7 @@ function af({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -8421,7 +8421,7 @@ function of(e) {
     color_field: t
   };
 }
-class sf extends Me {
+class sf extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 2);
@@ -8694,7 +8694,7 @@ function bf({
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
       /* @__PURE__ */ n(x, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ n(ht, { ...a }) })
+      }) => /* @__PURE__ */ n(pt, { ...a }) })
     ] }),
     /* @__PURE__ */ n(Q, { color: "red", variant: "subtle", onClick: () => r(t), sx: {
       position: "absolute",
@@ -8767,7 +8767,7 @@ function yf({
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   q(() => {
@@ -8846,7 +8846,7 @@ function _f(e) {
   };
   return k.defaultsDeep(t, e);
 }
-class Cf extends Me {
+class Cf extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 4);
@@ -9039,7 +9039,7 @@ function zf(e) {
     format: r,
     formatter: i,
     ...a
-  } = e.x_axis.axisLabel, o = It(t.on_axis);
+  } = e.x_axis.axisLabel, o = $t(t.on_axis);
   return {
     type: "value",
     name: e.x_axis.name ?? "",
@@ -9120,7 +9120,7 @@ function Rf(e, t, r, i) {
   const {
     x_axis: a,
     y_axis: o
-  } = i, l = At.regressionLinear()(r), {
+  } = i, l = Rt.regressionLinear()(r), {
     a: s,
     b: c,
     rSquared: d
@@ -9154,7 +9154,7 @@ function Ef(e, t, r, i) {
     a: l,
     b: s,
     rSquared: c
-  } = At.regressionExp()(r);
+  } = Rt.regressionExp()(r);
   return {
     name: e,
     expression: /* @__PURE__ */ u(v, { position: "center", noWrap: !0, spacing: 10, children: [
@@ -9182,7 +9182,7 @@ function Of(e, t, r, i) {
     a: l,
     b: s,
     rSquared: c
-  } = At.regressionLog()(r);
+  } = Rt.regressionLog()(r);
   return {
     name: e,
     expression: /* @__PURE__ */ u(v, { position: "center", noWrap: !0, spacing: 10, children: [
@@ -9207,7 +9207,7 @@ function Vf(e, t, r, i) {
     x_axis: a,
     y_axis: o,
     regression: l
-  } = i, s = At.regressionPoly().order(l.transform.config.order)(r), {
+  } = i, s = Rt.regressionPoly().order(l.transform.config.order)(r), {
     rSquared: c
   } = s;
   return console.log(s), {
@@ -9321,7 +9321,7 @@ const kr = {
     axisLabel: {
       rotate: 0,
       format: je,
-      overflow: ut,
+      overflow: ht,
       formatter: {
         ...kr
       }
@@ -9353,7 +9353,7 @@ const kr = {
     y_axis_data_key: "value"
   }
 };
-fe.use([Lt, mr, at, ot, st, Je]);
+fe.use([It, mr, at, ot, st, Je]);
 function Wf({
   context: e
 }) {
@@ -9441,7 +9441,7 @@ const Yf = ({
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -9524,7 +9524,7 @@ function Hf({
     /* @__PURE__ */ n(R, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
     /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.format", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(ht, { ...i }) }) }),
+    }) => /* @__PURE__ */ n(pt, { ...i }) }) }),
     /* @__PURE__ */ n(R, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ n(x, { name: "x_axis.axisLabel.rotate", control: t, render: ({
@@ -9571,13 +9571,13 @@ function Uf({
   const {
     value: t,
     set: r
-  } = Z(e.instanceData, "config"), i = e.data, a = L(() => $e({}, t, sa), [t]), {
+  } = Z(e.instanceData, "config"), i = e.data, a = L(() => ze({}, t, sa), [t]), {
     control: o,
     handleSubmit: l,
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   q(() => {
@@ -9615,7 +9615,7 @@ function Xf(e) {
       axisLabel: {
         rotate: 0,
         format: je,
-        overflow: ut,
+        overflow: ht,
         formatter: kr
       }
     },
@@ -9625,7 +9625,7 @@ function Xf(e) {
   };
   return k.defaultsDeep(t, e);
 }
-class Zf extends Me {
+class Zf extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 2);
@@ -9662,7 +9662,7 @@ function Jf({
 }) {
   const {
     value: t
-  } = Z(e.instanceData, "config"), r = L(() => $e({}, t, Tr), [t]);
+  } = Z(e.instanceData, "config"), r = L(() => ze({}, t, Tr), [t]);
   return r != null && r.content ? /* @__PURE__ */ n(br, { value: r.content, styles: {
     root: {
       border: "none",
@@ -9773,12 +9773,12 @@ function tb({
   const {
     value: t,
     set: r
-  } = Z(e.instanceData, "config"), i = L(() => $e({}, t, Tr), [t]), {
+  } = Z(e.instanceData, "config"), i = L(() => ze({}, t, Tr), [t]), {
     control: a,
     handleSubmit: o,
     watch: l,
     reset: s
-  } = ze({
+  } = Me({
     defaultValues: i
   });
   l("content"), q(() => {
@@ -9812,13 +9812,13 @@ function tb({
     }, label: "Content", onSubmit: d }) })
   ] }) });
 }
-class nb extends Me {
+class nb extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
   }
   fixMalformedConfig(r) {
-    return $e({}, r, Tr);
+    return ze({}, r, Tr);
   }
   configVersions() {
     this.version(1, (r) => ({
@@ -9892,8 +9892,8 @@ const ul = {
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
 }, hl = {
-  label: ut.on_axis,
-  tooltip: ut.in_tooltip
+  label: ht.on_axis,
+  tooltip: ht.in_tooltip
 }, ca = {
   scatter: {
     y_data_key: "",
@@ -10077,7 +10077,7 @@ function ub({
     label: {
       show: !!t.label_position,
       position: t.label_position,
-      ...It(t.label_overflow.label),
+      ...$t(t.label_overflow.label),
       formatter: ({
         value: o
       }) => o[t.name_data_key]
@@ -10316,7 +10316,7 @@ function vb(e, t, r) {
   };
   return _e({}, c, yb);
 }
-fe.use([Lt, Zt, Kt, mr, at, ot, st, Je, pr, Pi]);
+fe.use([It, Zt, Kt, mr, at, ot, st, Je, pr, Pi]);
 function uo(e) {
   return e.trim().length > 0;
 }
@@ -10357,7 +10357,7 @@ function _b({
     value: i
   } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => $e({}, i, ca), [i]), l = e.data, {
+  } = e, o = L(() => ze({}, i, ca), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport, {
@@ -10662,7 +10662,7 @@ function Ib({
 const $b = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10777,7 +10777,7 @@ const $b = ({
 }), Vb = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}) => /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -11074,7 +11074,7 @@ const Xb = ({
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -11219,7 +11219,7 @@ function tx({
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(x, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ n(ht, { ...i }) })
+      }) => /* @__PURE__ */ n(pt, { ...i }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -11306,7 +11306,7 @@ function ax({
     watch: d,
     getValues: p,
     reset: m
-  } = ze({
+  } = Me({
     defaultValues: l
   });
   q(() => {
@@ -11418,7 +11418,7 @@ function dx(e) {
   };
   return k.defaultsDeep({}, e, t);
 }
-class ux extends Me {
+class ux extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 8);
@@ -11557,7 +11557,7 @@ function fx(e) {
   const t = Pe(e), r = se(t, "color.valueRange");
   return r !== void 0 && Vi(t, "color.valueRange", r.map((i) => Number(i))), t;
 }
-class bx extends Me {
+class bx extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 2);
@@ -11661,7 +11661,7 @@ function Cx({
     watch: l,
     getValues: s,
     reset: c
-  } = ze({
+  } = Me({
     defaultValues: i
   });
   $.useEffect(() => {
@@ -11862,7 +11862,7 @@ function Rx({
     variables: t
   } = e, {
     value: r
-  } = Z(e.instanceData, "config"), i = L(() => $e({}, r, ua), [r]), a = e.data, {
+  } = Z(e.instanceData, "config"), i = L(() => ze({}, r, ua), [r]), a = e.data, {
     width: o,
     height: l
   } = e.viewport, s = L(() => Ax(i, a, t), [i, a, t]);
@@ -12013,7 +12013,7 @@ function Nx({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -12081,7 +12081,7 @@ function Wx(e) {
     levels: t
   };
 }
-class jx extends Me {
+class jx extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 4);
@@ -12200,7 +12200,7 @@ function Xx(e) {
     set: o
   } = Z(e.trigger.triggerData, "config"), {
     column: l
-  } = $e({}, a, Qx), s = (c) => {
+  } = ze({}, a, Qx), s = (c) => {
     isNaN(+c) ? o({
       column: c
     }) : o({
@@ -12566,7 +12566,7 @@ class gy {
       steps: us
     }, {
       deep: !1
-    }), gt(() => Nt(this.steps), () => {
+    }), dt(() => Nt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -12639,7 +12639,7 @@ const by = D(({
   } = xl(), r = Uc(0, 13, 1).map((i) => 100 / 12 * i).map((i) => [e.interpolation.getColor(i), i]);
   return /* @__PURE__ */ n("div", { className: t.palette, children: r.map(([i, a], o) => /* @__PURE__ */ n(fy, { index: o, color: i, value: e.getStepFromValue(a), onChange: (l) => e.changeStep(l, a) }, i)) });
 }), xy = D(function(t) {
-  const r = dt(() => new gy(), []);
+  const r = ut(() => new gy(), []);
   return q(() => {
     r.fromProps(t);
   }), r.interpolation == null ? null : /* @__PURE__ */ n(by, { model: r });
@@ -12759,7 +12759,7 @@ const Sy = ke((e, t) => {
     /* @__PURE__ */ n(Te, { size: 800, title: "Custom cell content", opened: i, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(V, { sx: {
         position: "relative"
-      }, children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: l, onChange: (m) => s(m ?? ""), theme: "vs-dark", options: {
+      }, children: /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: l, onChange: (m) => s(m ?? ""), theme: "vs-dark", options: {
         minimap: {
           enabled: !1
         }
@@ -12953,7 +12953,7 @@ function Ry({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -13004,7 +13004,7 @@ function Ey(e) {
     }))
   };
 }
-class Oy extends Me {
+class Oy extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 3);
@@ -13088,7 +13088,7 @@ const Ur = {
   onChange: t
 }) => /* @__PURE__ */ n(V, { sx: {
   position: "relative"
-}, children: /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}, children: /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -13164,7 +13164,7 @@ function By({
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   $.useEffect(() => {
@@ -13203,7 +13203,7 @@ function By({
     ] })
   ] }) });
 }
-class qy extends Me {
+class qy extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -13250,7 +13250,7 @@ async function Gy(e, t, r, i = {}) {
     params: i.params,
     headers: a
   };
-  return o.data = i.string ? JSON.stringify(r) : r, Rt(o).then((l) => l.data).catch((l) => Promise.reject(l));
+  return o.data = i.string ? JSON.stringify(r) : r, Et(o).then((l) => l.data).catch((l) => Promise.reject(l));
 }
 const Yy = ({
   conf: e,
@@ -13346,7 +13346,7 @@ function Uy({
     watch: l,
     getValues: s,
     reset: c
-  } = ze({
+  } = Me({
     defaultValues: i
   });
   q(() => {
@@ -13376,7 +13376,7 @@ function Uy({
     }, children: "Submit Changes" })
   ] }) });
 }
-class Xy extends Me {
+class Xy extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -13654,7 +13654,7 @@ const wl = {
     metrics: []
   }
 };
-fe.use([Lt, Zt, Kt, Ni, Vd, at, ot, st, hr, Je]);
+fe.use([It, Zt, Kt, Ni, Vd, at, ot, st, hr, Je]);
 function pv({
   name: e
 }, t) {
@@ -13741,7 +13741,7 @@ function fv({
     /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ n(x, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ n(ht, { ...i }) })
+    }) => /* @__PURE__ */ n(pt, { ...i }) })
   ] });
 }
 const bv = ({
@@ -13864,7 +13864,7 @@ function _v({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -13900,7 +13900,7 @@ function _v({
     ] })
   ] }) });
 }
-class Cv extends Me {
+class Cv extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -14220,7 +14220,7 @@ function Nv(e, t) {
   const r = t.every((l) => !Number.isNaN(Number(l))), {
     overflow: i,
     ...a
-  } = e.y_axis.axisLabel, o = It(i.on_axis);
+  } = e.y_axis.axisLabel, o = $t(i.on_axis);
   return [{
     data: t,
     name: e.y_axis.name ?? "",
@@ -14273,7 +14273,7 @@ const xa = {
       formatter: {
         ...ft
       },
-      overflow: ut
+      overflow: ht
     },
     nameAlignment: "center"
   },
@@ -14334,7 +14334,7 @@ function jv() {
     xAxisIndex: "0"
   };
 }
-fe.use([Lt, Zt, Kt, mr, at, ot, st, Je, pr, Pi]);
+fe.use([It, Zt, Kt, mr, at, ot, st, Je, pr, Pi]);
 function Gv({
   conf: e,
   data: t,
@@ -14372,7 +14372,7 @@ function Yv({
     value: i
   } = Z(e.instanceData, "config"), {
     variables: a
-  } = e, o = L(() => $e({}, i, xa), [i]), l = e.data, {
+  } = e, o = L(() => ze({}, i, xa), [i]), l = e.data, {
     width: s,
     height: c
   } = e.viewport;
@@ -14746,7 +14746,7 @@ function i0({
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ n(x, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ n(ht, { ...i }) })
+      }) => /* @__PURE__ */ n(pt, { ...i }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ n(R, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
@@ -14841,7 +14841,7 @@ function s0({
     watch: c,
     getValues: d,
     reset: p
-  } = ze({
+  } = Me({
     defaultValues: o
   });
   q(() => {
@@ -14879,7 +14879,7 @@ function s0({
     ] })
   ] }) });
 }
-class l0 extends Me {
+class l0 extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -15571,7 +15571,7 @@ function A0({
 }) {
   const {
     value: t
-  } = Z(e.instanceData, "config"), r = L(() => $e({}, t, ya), [t]), i = e.data, {
+  } = Z(e.instanceData, "config"), r = L(() => ze({}, t, ya), [t]), i = e.data, {
     width: a,
     height: o
   } = e.viewport, {
@@ -15741,7 +15741,7 @@ function F0({
     watch: s,
     getValues: c,
     reset: d
-  } = ze({
+  } = Me({
     defaultValues: a
   });
   q(() => {
@@ -15777,7 +15777,7 @@ function F0({
     ] })
   ] }) });
 }
-class P0 extends Me {
+class P0 extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -15854,7 +15854,7 @@ const N0 = {
     viz: [Ur, Sx, Wy, rb, Gx, lf, c0, Zu, qh, Ym, vg, Sv, Kg, Sm, hx, Sf, Kf, Zy, N0, np],
     color: [...B0, ...q0]
   }
-}), Tn = new Gu(), Re = {
+}), Tn = new Gu(), Ee = {
   pluginManager: St("pluginManager"),
   vizManager: St("vizManager"),
   colorManager: St("colorManager"),
@@ -15886,11 +15886,11 @@ function W0(e, t) {
   const {
     value: r,
     set: i
-  } = Z(e.operation.operationData, "config"), [a, o] = U($e({}, r, t)), l = async () => {
+  } = Z(e.operation.operationData, "config"), [a, o] = U(ze({}, r, t)), l = async () => {
     await i(a);
   };
   return q(() => {
-    o($e({}, r, t));
+    o(ze({}, r, t));
   }, [r]), {
     config: a,
     setConfig: o,
@@ -15937,7 +15937,7 @@ async function G0(e, t) {
     }
   }));
 }
-class Y0 extends Me {
+class Y0 extends Ae {
   constructor() {
     super(...arguments);
     W(this, "VERSION", 1);
@@ -16313,7 +16313,7 @@ class wa {
 const wt = ({
   vizManager: e,
   instance: t
-}) => dt(() => new wa(t, e.resolveComponent(t.type), Dr), [t, e]), Sl = (e) => {
+}) => ut(() => new wa(t, e.resolveComponent(t.type), Dr), [t, e]), Sl = (e) => {
   const {
     title: t = "Variables",
     variables: r
@@ -16405,7 +16405,7 @@ const fw = D((e) => {
     operationId: o,
     instance: l,
     variables: s
-  } = e, c = dt(() => new uw(a, l), [a, l]);
+  } = e, c = ut(() => new uw(a, l), [a, l]);
   return Fn(async () => {
     await c.configOperation(o, s);
   }, [o, c]), hw(c) ? /* @__PURE__ */ u(G, { children: [
@@ -16445,7 +16445,7 @@ function xw(e) {
   return !!e.triggerId && !!e.triggerSchema;
 }
 function yw(e, t) {
-  return dt(() => new bw(e, t), [e, t]);
+  return ut(() => new bw(e, t), [e, t]);
 }
 const vw = D(({
   model: e,
@@ -16558,7 +16558,7 @@ const kw = D(({
     data: t
   } = We(), r = e.viz, {
     vizManager: i
-  } = bt(vt), a = e.json, o = dt(() => i.getOrCreateInstance(a), [i, a]), l = dt(() => new wa(o, i.resolveComponent(r.type), Dr), [o, r.type]);
+  } = bt(vt), a = e.json, o = ut(() => i.getOrCreateInstance(a), [i, a]), l = ut(() => new wa(o, i.resolveComponent(r.type), Dr), [o, r.type]);
   return q(() => o.instanceData.watchItem(
     null,
     // avoid too many updates
@@ -16589,7 +16589,7 @@ class Iw {
     W(this, "runningMigration");
     W(this, "panelModel");
     W(this, "status", "notStarted");
-    this.panelModel = t.getRequired(Re.instanceScope.panelModel), this.vizInstance = t.getRequired(Re.instanceScope.vizInstance), this.operationManager = t.getRequired(Re.instanceScope.operationManager), this.triggerManager = t.getRequired(Re.instanceScope.triggerManager), this.vizManager = t.getRequired(Re.vizManager);
+    this.panelModel = t.getRequired(Ee.instanceScope.panelModel), this.vizInstance = t.getRequired(Ee.instanceScope.vizInstance), this.operationManager = t.getRequired(Ee.instanceScope.operationManager), this.triggerManager = t.getRequired(Ee.instanceScope.triggerManager), this.vizManager = t.getRequired(Ee.vizManager);
   }
   async createMigrationTask() {
     const t = [];
@@ -16634,15 +16634,15 @@ function Tl(e) {
     panel: t
   } = We();
   return He((r) => {
-    const i = r.getRequired(Re.vizManager), a = i.resolveComponent(e.viz.type);
-    return r.createScoped().provideFactory(Re.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Re.instanceScope.interactionManager, (o) => {
-      const l = o.getRequired(Re.instanceScope.vizInstance);
+    const i = r.getRequired(Ee.vizManager), a = i.resolveComponent(e.viz.type);
+    return r.createScoped().provideFactory(Ee.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Ee.instanceScope.interactionManager, (o) => {
+      const l = o.getRequired(Ee.instanceScope.vizInstance);
       return new wa(l, a, Dr);
-    }).provideFactory(Re.instanceScope.operationManager, (o) => o.getRequired(Re.instanceScope.interactionManager).operationManager).provideFactory(Re.instanceScope.triggerManager, (o) => o.getRequired(Re.instanceScope.interactionManager).triggerManager).provideValue(Re.instanceScope.panelModel, t).provideFactory(Re.instanceScope.migrator, (o) => new Iw(o));
+    }).provideFactory(Ee.instanceScope.operationManager, (o) => o.getRequired(Ee.instanceScope.interactionManager).operationManager).provideFactory(Ee.instanceScope.triggerManager, (o) => o.getRequired(Ee.instanceScope.interactionManager).triggerManager).provideValue(Ee.instanceScope.panelModel, t).provideFactory(Ee.instanceScope.migrator, (o) => new Iw(o));
   }, [e.viz.type, e.viz.conf]);
 }
 function Dl(e) {
-  const [t, r] = U(!1), i = vs().getRequired(Re.instanceScope.migrator);
+  const [t, r] = U(!1), i = vs().getRequired(Ee.instanceScope.migrator);
   return Fn(async () => {
     const a = i.status === er.notStarted;
     r(i.status === er.done), i.status === er.notStarted && i.runMigration().then((o) => {
@@ -16653,7 +16653,7 @@ function Dl(e) {
   }, [i]), t;
 }
 function Ll(e, t) {
-  const r = vs().getRequired(Re.instanceScope.vizInstance);
+  const r = vs().getRequired(Ee.instanceScope.vizInstance);
   return q(() => (r.instanceData.setItem(null, t.viz.conf), r.instanceData.watchItem(null, (i) => {
     e(i);
   })), [e, t.viz.type]), r;
@@ -16941,7 +16941,7 @@ const Gw = D(({
   children: e,
   view: t
 }) => {
-  const r = Dt(), i = te(), a = L(() => i.views.options.filter((c) => c.type === oe.Division), [t.id, i.views.options]), o = t.config, l = (c) => r.openConfirmModal({
+  const r = Lt(), i = te(), a = L(() => i.views.options.filter((c) => c.type === oe.Division), [t.id, i.views.options]), o = t.config, l = (c) => r.openConfirmModal({
     title: "Delete this tab?",
     labels: {
       confirm: "Confirm",
@@ -17199,7 +17199,7 @@ const tt = {
         headers: l,
         signal: t
       };
-      return ["POST", "PUT"].includes(e) && (s.data = a.string ? JSON.stringify(i) : i, s.data.authentication = this.getAuthentication(s.data)), Rt(s).then((c) => c.data).catch((c) => Promise.reject(c));
+      return ["POST", "PUT"].includes(e) && (s.data = a.string ? JSON.stringify(i) : i, s.data.authentication = this.getAuthentication(s.data)), Et(s).then((c) => c.data).catch((c) => Promise.reject(c));
     };
   },
   makeQueryENV: null,
@@ -17315,8 +17315,8 @@ const c_ = f.model("FilterConfigModel_DateRange", {
 })).actions((e) => ({
   setFilterValue(t) {
     try {
-      const r = it(e);
-      Ee(e).filters.setValueByKey(r.key, t);
+      const r = nt(e);
+      $e(e).filters.setValueByKey(r.key, t);
     } catch (r) {
       console.error(r);
     }
@@ -17392,7 +17392,7 @@ const c_ = f.model("FilterConfigModel_DateRange", {
       data: t,
       state: r,
       error: i
-    } = Ee(e).content.getDataStuffByID(e.options_query_id);
+    } = $e(e).content.getDataStuffByID(e.options_query_id);
     return r === "idle" ? t : [];
   }
 })).actions((e) => ({
@@ -17445,12 +17445,12 @@ const c_ = f.model("FilterConfigModel_DateRange", {
     e.min_width = t;
   },
   setDefaultSelection() {
-    const t = Ee(e).content.filters, r = it(e).key;
+    const t = $e(e).content.filters, r = nt(e).key;
     t.setValueByKey(r, e.default_selection);
   }
 })).actions((e) => ({
   afterCreate() {
-    Et(e, gt(() => Nt(e.default_selection), e.setDefaultSelection, {
+    Dt(e, dt(() => Nt(e.default_selection), e.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -17519,19 +17519,19 @@ const Ol = f.compose("FilterConfigModel_TreeSelect", f.model({
   get treeData() {
     const {
       data: t
-    } = Ee(e).content.getDataStuffByID(e.options_query_id), r = m_(t);
+    } = $e(e).content.getDataStuffByID(e.options_query_id), r = m_(t);
     return p_(r);
   },
   get errorMessage() {
     const {
       error: t
-    } = Ee(e).content.getDataStuffByID(e.options_query_id);
+    } = $e(e).content.getDataStuffByID(e.options_query_id);
     return t;
   },
   get treeDataLoading() {
     const {
       state: t
-    } = Ee(e).content.getDataStuffByID(e.options_query_id);
+    } = $e(e).content.getDataStuffByID(e.options_query_id);
     return t === "loading";
   },
   get defaultSelection() {
@@ -17546,6 +17546,16 @@ const Ol = f.compose("FilterConfigModel_TreeSelect", f.model({
   },
   setMinWidth(t) {
     e.min_width = t;
+  },
+  applyDefaultSelection() {
+    const t = nt(e, 1).key;
+    $e(e).content.filters.setValueByKey(t, e.defaultSelection);
+  },
+  afterCreate() {
+    Dt(e, dt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
+      fireImmediately: !0,
+      delay: 0
+    }));
   }
 })), g_ = () => Ol.create({
   _name: "tree-select",
@@ -17736,7 +17746,7 @@ function b_(e) {
   return e.reduce((t, r) => (t[r.key] = Nl(r.config.default_value, r.config), t), {});
 }
 function x_(e, t, r) {
-  Et(e, Hd(e, (i, a) => {
+  Dt(e, Hd(e, (i, a) => {
     a(i, () => {
       Qd(i.context) === t && i.type === "action" && r(i.name, i.context);
     });
@@ -18098,7 +18108,7 @@ const M_ = f.model("QueryModel", {
       context: t,
       mock_context: r,
       filterValues: i
-    } = Ee(e).content.payloadForSQL, a = Object.keys({
+    } = $e(e).content.payloadForSQL, a = Object.keys({
       ...r,
       ...t
     }).map((s) => `context.${s}`), o = Object.keys(i).map((s) => `filters.${s}`);
@@ -18120,7 +18130,7 @@ const M_ = f.model("QueryModel", {
       context: r,
       mock_context: i,
       filterValues: a
-    } = Ee(e).content.payloadForSQL, o = {
+    } = $e(e).content.payloadForSQL, o = {
       context: {
         ...i,
         ...r
@@ -18143,7 +18153,7 @@ const M_ = f.model("QueryModel", {
       context: r,
       mock_context: i,
       filterValues: a
-    } = Ee(e).content.payloadForSQL, o = {
+    } = $e(e).content.payloadForSQL, o = {
       context: {
         ...r,
         ...i
@@ -18163,7 +18173,7 @@ const M_ = f.model("QueryModel", {
       };
     const {
       keyLabelMap: t
-    } = Ee(e).content.filters, r = e.unmetRunByConditions.filter((a) => a.startsWith("context.")).map((a) => a.split("context.")[0]), i = e.unmetRunByConditions.filter((a) => a.startsWith("filters.")).map((a) => k.get({
+    } = $e(e).content.filters, r = e.unmetRunByConditions.filter((a) => a.startsWith("context.")).map((a) => a.split("context.")[0]), i = e.unmetRunByConditions.filter((a) => a.startsWith("filters.")).map((a) => k.get({
       filters: t
     }, a)).filter((a) => !!a);
     return {
@@ -18237,7 +18247,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
       mock_context: r,
       sqlSnippets: i,
       filterValues: a
-    } = Ee(e).content.payloadForSQL;
+    } = $e(e).content.payloadForSQL;
     return Wl(e.sql, t, r, i, a);
   },
   get typedAsSQL() {
@@ -18251,7 +18261,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
       key: t,
       type: r
     } = e;
-    return Ee(e).datasources.find({
+    return $e(e).datasources.find({
       type: r,
       key: t
     });
@@ -18261,7 +18271,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
       context: t,
       mock_context: r,
       filterValues: i
-    } = Ee(e).content.payloadForSQL, {
+    } = $e(e).content.payloadForSQL, {
       name: a,
       pre_process: o
     } = e.json, l = E_(o, t, r, i);
@@ -18296,7 +18306,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
           mock_context: i,
           sqlSnippets: a,
           filterValues: o
-        } = Ee(e).content.payloadForSQL;
+        } = $e(e).content.payloadForSQL;
         e.data = yield* Gt($_({
           context: r,
           mock_context: i,
@@ -18306,7 +18316,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
           filterValues: o
         }, e.controller.signal)), e.state = "idle", e.error = null;
       } catch (r) {
-        if (!Rt.isCancel(r)) {
+        if (!Et.isCancel(r)) {
           e.data.length = 0;
           const i = se(r, "message", "unkown error");
           e.error = se(r, "response.data.detail.message", i), e.state = "error";
@@ -18334,7 +18344,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
         let s = V_(e.datasource, l);
         s = F_(a, s), e.data = s, e.state = "idle", e.error = null;
       } catch (r) {
-        if (console.error(r), !Rt.isCancel(r)) {
+        if (console.error(r), !Et.isCancel(r)) {
           e.data.length = 0;
           const i = se(r, "message", "unkown error");
           e.error = se(r, "response.data.detail.message", i), e.state = "error";
@@ -18350,7 +18360,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
   }
 })).actions((e) => ({
   afterCreate() {
-    Et(e, gt(() => {
+    Dt(e, dt(() => {
       var t, r;
       return e.typedAsHTTP ? `${e.id}--${e.key}--${e.reQueryKey}--${(t = e.datasource) == null ? void 0 : t.id}` : `${e.id}--${e.key}--${e.formattedSQL}--${e.pre_process}--${e.post_process}--${(r = e.datasource) == null ? void 0 : r.id}`;
     }, e.fetchData, {
@@ -18442,7 +18452,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
     };
   },
   isADuplicatedKey(t) {
-    return !t || t === e.key ? !1 : !!it(e, 2).findByKey(t);
+    return !t || t === e.key ? !1 : !!nt(e, 2).findByKey(t);
   }
 })).actions((e) => ({
   setKey(t) {
@@ -18523,7 +18533,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
     return e.data.length === 0;
   },
   get sql() {
-    const t = it(e, 1), {
+    const t = nt(e, 1), {
       type: r,
       table_name: i,
       table_schema: a
@@ -18569,7 +18579,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
     return e.data.length === 0;
   },
   get sql() {
-    const t = it(e, 1), {
+    const t = nt(e, 1), {
       type: r,
       table_name: i,
       table_schema: a
@@ -18623,7 +18633,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
     return Object.keys(e.data).length === 0;
   },
   get sql() {
-    const t = it(e, 1).type;
+    const t = nt(e, 1).type;
     return t === Se.MySQL || t === Se.Postgresql ? "SELECT table_schema, table_name, table_type FROM information_schema.tables ORDER BY table_schema, table_name" : "";
   }
 })), H_ = f.model({
@@ -18635,13 +18645,13 @@ const P_ = f.compose("QueryModel", M_, f.model({
   error: f.frozen()
 }).views((e) => ({
   get keywords() {
-    return it(e, 1);
+    return nt(e, 1);
   },
   get keywordString() {
     const {
       table_name: t,
       table_schema: r
-    } = it(e, 1);
+    } = nt(e, 1);
     return `${r}||${t}`;
   }
 })).views((e) => ({
@@ -18655,7 +18665,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
     return Math.ceil(e.total / e.limit);
   },
   get sql() {
-    const t = it(e, 1), {
+    const t = nt(e, 1), {
       table_name: r,
       table_schema: i
     } = t;
@@ -18687,10 +18697,10 @@ const P_ = f.compose("QueryModel", M_, f.model({
   }
 })).actions((e) => ({
   afterCreate() {
-    Et(e, gt(() => e.keywordString, e.resetPage, {
+    Dt(e, dt(() => e.keywordString, e.resetPage, {
       fireImmediately: !1,
       delay: 0
-    })), Et(e, gt(() => e.limit, e.resetPage, {
+    })), Dt(e, dt(() => e.limit, e.resetPage, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -18736,7 +18746,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
       }, {}));
       e.tables.data = k.groupBy(i, "table_schema"), e.tables.state = "idle", e.tables.error = null, e.initKeywords();
     } catch (i) {
-      if (!Rt.isCancel(i)) {
+      if (!Et.isCancel(i)) {
         e.tables.data = {};
         const a = k.get(i, "message", "unkown error");
         e.tables.error = k.get(i, "response.data.detail.message", a), e.tables.state = "error";
@@ -18758,7 +18768,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
           query: e.columns.sql
         }, {})), e.columns.state = "idle", e.columns.error = null;
       } catch (i) {
-        if (Rt.isCancel(i))
+        if (Et.isCancel(i))
           e.columns.state = "idle", e.columns.error = null;
         else {
           e.columns.data = [];
@@ -18777,7 +18787,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
           query: e.indexes.sql
         }, {})), e.indexes.state = "idle", e.indexes.error = null;
       } catch (i) {
-        if (Rt.isCancel(i))
+        if (Et.isCancel(i))
           e.indexes.state = "idle", e.indexes.error = null;
         else {
           e.indexes.data = [];
@@ -18806,7 +18816,7 @@ const P_ = f.compose("QueryModel", M_, f.model({
         }, {}));
         r.total = Number(a), r.state = "idle", r.error = null;
       } catch (a) {
-        if (Rt.isCancel(a))
+        if (Et.isCancel(a))
           r.state = "idle", r.error = null;
         else {
           r.data = [];
@@ -18818,17 +18828,17 @@ const P_ = f.compose("QueryModel", M_, f.model({
   };
 }).actions((e) => ({
   afterCreate() {
-    Et(e, gt(() => e.columns.sql, e.loadColumns, {
+    Dt(e, dt(() => e.columns.sql, e.loadColumns, {
       fireImmediately: !1,
       delay: 500
     }));
   }
 })).actions((e) => ({
   afterCreate() {
-    Et(e, gt(() => e.indexes.sql, e.loadIndexes, {
+    Dt(e, dt(() => e.indexes.sql, e.loadIndexes, {
       fireImmediately: !1,
       delay: 500
-    })), Et(e, gt(() => e.tableData.sql, e.loadTableData, {
+    })), Dt(e, dt(() => e.tableData.sql, e.loadTableData, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -18891,7 +18901,7 @@ const Z_ = f.model("EditorModel", {
   get navOptions() {
     const {
       content: t
-    } = Ee(e), {
+    } = $e(e), {
       filters: r,
       views: i,
       sqlSnippets: a,
@@ -19042,10 +19052,10 @@ class e1 {
     });
   }
   get changed() {
-    return !we(mt(this.origin), mt(this.copy));
+    return !we(gt(this.origin), gt(this.copy));
   }
   commit() {
-    Ke(this.origin, mt(this.copy));
+    Ke(this.origin, gt(this.copy));
   }
   update(t) {
     Ke(this.copy, t);
@@ -19185,11 +19195,11 @@ const t1 = (e) => new e1(e), n1 = f.model("PanelLayoutModel", {
     e.variables.remove(t);
   },
   removeSelf() {
-    it(e, 2).removeByID(e.id);
+    nt(e, 2).removeByID(e.id);
   }
 })).actions((e) => ({
   moveToView(t, r) {
-    Ee(e).content.views.findByID(t).removePanelID(e.id), Ee(e).content.views.findByID(r).appendPanelID(e.id), Ee(e).editor.setPath(["_VIEWS_", r, "_PANELS_", e.id]);
+    $e(e).content.views.findByID(t).removePanelID(e.id), $e(e).content.views.findByID(r).appendPanelID(e.id), $e(e).editor.setPath(["_VIEWS_", r, "_PANELS_", e.id]);
   }
 }));
 function s1(e) {
@@ -19338,7 +19348,7 @@ const l1 = f.model("PanelsModel", {
     const {
       enabled: t,
       func_content: r
-    } = e, i = it(e, 2), a = Ee(e);
+    } = e, i = nt(e, 2), a = $e(e);
     if (!t)
       return i.name;
     try {
@@ -19570,7 +19580,7 @@ const l1 = f.model("PanelsModel", {
     }));
   },
   get editorOptions() {
-    const t = Ee(e).content.panels;
+    const t = $e(e).content.panels;
     return e.current.map((r) => ({
       label: r.name,
       value: r.id,
@@ -19686,23 +19696,23 @@ const f1 = f.model({
   },
   get filtersChanged() {
     const t = "filters.current";
-    return !we(mt(se(e, t)), se(e.origin, t));
+    return !we(gt(se(e, t)), se(e.origin, t));
   },
   get queriesChanged() {
-    const t = "queries.current", r = mt(se(e, t)).map((i) => Po(i, ["id", "name", "key", "type", "sql", "run_by", "react_to", "pre_process", "post_process"]));
+    const t = "queries.current", r = gt(se(e, t)).map((i) => Po(i, ["id", "name", "key", "type", "sql", "run_by", "react_to", "pre_process", "post_process"]));
     return !we(r, se(e.origin, t));
   },
   get sqlSnippetsChanged() {
     const t = "sqlSnippets.current";
-    return !we(mt(se(e, t)), se(e.origin, t));
+    return !we(gt(se(e, t)), se(e.origin, t));
   },
   get viewsChanged() {
     const t = "views.current";
-    return !we(mt(se(e, t)), se(e.origin, t));
+    return !we(gt(se(e, t)), se(e.origin, t));
   },
   get panelsChanged() {
     const t = "panels.list";
-    return !we(mt(se(e, t)), se(e.origin, t));
+    return !we(gt(se(e, t)), se(e.origin, t));
   },
   get mockContextChanged() {
     const t = "mock_context.current";
@@ -19710,7 +19720,7 @@ const f1 = f.model({
   },
   get payloadForSQL() {
     return {
-      context: it(e).context.current,
+      context: nt(e).context.current,
       mock_context: e.mock_context.current,
       sqlSnippets: e.sqlSnippets.current,
       filterValues: e.filters.values
@@ -19833,7 +19843,7 @@ const f1 = f.model({
   postProcessor(e) {
     delete e.origin;
     const t = bs(e.queries.current.map((r) => Po(r, ["id", "key", "type", "sql"])));
-    return $e({}, {
+    return ze({}, {
       queries: {
         current: t
       }
@@ -19941,7 +19951,7 @@ function Ql({
   });
 }
 function Ul(e) {
-  return $.useCallback((t) => t.provideValue(Re.pluginManager, e.pluginManager).provideValue(Re.vizManager, e.vizManager).provideValue(Re.colorManager, e.colorManager), []);
+  return $.useCallback((t) => t.provideValue(Ee.pluginManager, e.pluginManager).provideValue(Ee.vizManager, e.vizManager).provideValue(Ee.colorManager, e.colorManager), []);
 }
 const y1 = D(({
   headerMenuItems: e = null
@@ -19961,7 +19971,7 @@ const y1 = D(({
 }), v1 = D(({
   saveDashboardChanges: e
 }) => {
-  const t = Dt(), r = te(), i = () => {
+  const t = Lt(), r = te(), i = () => {
     t.openConfirmModal({
       title: /* @__PURE__ */ u(v, { position: "left", children: [
         /* @__PURE__ */ n(Wo, { size: 18, color: "red" }),
@@ -20005,7 +20015,7 @@ const y1 = D(({
 }) => {
   const i = eu(), a = De(), o = () => {
     i(`/dashboard/${a.id}`);
-  }, l = Dt(), s = () => {
+  }, l = Lt(), s = () => {
     l.openConfirmModal({
       title: /* @__PURE__ */ u(v, { position: "left", children: [
         /* @__PURE__ */ n(Wo, { size: 18, color: "red" }),
@@ -20902,7 +20912,7 @@ const X1 = D(() => {
 }), hC = D(({
   id: e
 }) => {
-  const t = Dt(), r = De(), i = te();
+  const t = Lt(), r = De(), i = te();
   if (e === "")
     return null;
   const a = i.filters.findByID(e);
@@ -21288,7 +21298,7 @@ function SC() {
   const {
     panel: e
   } = We();
-  return dt(() => new CC(e), [e]);
+  return ut(() => new CC(e), [e]);
 }
 const kC = $.forwardRef(function({
   value: t,
@@ -21307,7 +21317,7 @@ const kC = $.forwardRef(function({
     ] }),
     /* @__PURE__ */ n(yr, { label: "Aggregation", value: t.aggregation, onChange: (s) => l("aggregation", s) }),
     /* @__PURE__ */ n(R, { my: "xs", label: "Format", labelPosition: "center" }),
-    /* @__PURE__ */ n(ht, { value: t.formatter, onChange: (s) => l("formatter", s) }),
+    /* @__PURE__ */ n(pt, { value: t.formatter, onChange: (s) => l("formatter", s) }),
     a && /* @__PURE__ */ n(Xs, { value: t, onChange: r })
   ] });
 }), rc = un((e) => ({
@@ -21352,7 +21362,7 @@ const kC = $.forwardRef(function({
   minHeight: 0,
   height: "calc(100% - 68px)"
 }, children: /* @__PURE__ */ n(Ei, { withBorder: !0, p: "md", children: Zs(e, t) }) }), IC = D(LC), $C = (e) => {
-  const t = dt(() => t1(e.variable), [e.variable]), {
+  const t = ut(() => t1(e.variable), [e.variable]), {
     classes: r
   } = rc(), {
     data: i
@@ -21365,9 +21375,9 @@ const kC = $.forwardRef(function({
         /* @__PURE__ */ n(Q, { variant: "filled", disabled: !t.changed, color: "primary", onClick: t.commit, children: /* @__PURE__ */ n(Nn, { size: 18 }) }),
         /* @__PURE__ */ n(Q, { color: "red", onClick: () => e.uiModel.remove(e.variable), children: /* @__PURE__ */ n(ln, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ n(kC, { value: mt(t.copy), onChange: t.update, data: i })
+      /* @__PURE__ */ n(kC, { value: gt(t.copy), onChange: t.update, data: i })
     ] }),
-    /* @__PURE__ */ n(IC, { variable: mt(t.copy), data: i })
+    /* @__PURE__ */ n(IC, { variable: gt(t.copy), data: i })
   ] });
 }, zC = D($C), MC = () => {
   const e = SC(), {
@@ -21551,7 +21561,7 @@ function BC(e) {
 const qC = D(({
   panel: e
 }) => {
-  const t = Dt(), r = De(), i = te(), [a, o] = U("Data"), {
+  const t = Lt(), r = De(), i = te(), [a, o] = U("Data"), {
     data: l,
     state: s,
     error: c
@@ -22061,7 +22071,7 @@ const ZC = D(({
 }), lS = (e) => {
   const {
     queryModel: t
-  } = e, r = De(), i = te(), o = i.findQueryUsage(t.id).length > 0, l = Dt(), s = () => {
+  } = e, r = De(), i = te(), o = i.findQueryUsage(t.id).length > 0, l = Lt(), s = () => {
     l.openConfirmModal({
       title: "Delete this query?",
       labels: {
@@ -22141,7 +22151,7 @@ const hS = ({
 }) => /* @__PURE__ */ n(V, { sx: {
   position: "relative",
   flexGrow: 1
-}, children: /* @__PURE__ */ n(nt, { className: "function-editor", height: "100%", defaultLanguage: "javascript", value: e, onChange: (i) => {
+}, children: /* @__PURE__ */ n(rt, { className: "function-editor", height: "100%", defaultLanguage: "javascript", value: e, onChange: (i) => {
   i && t(i);
 }, theme: "vs-dark", options: {
   lineNumbers: "off",
@@ -22307,7 +22317,7 @@ WHERE
   const a = (l) => {
     console.log("changing"), t == null || t(l ?? "");
   }, o = !t;
-  return /* @__PURE__ */ n(nt, { className: "minimal-monaco-editor", height: r, defaultLanguage: i, value: e, onChange: o ? void 0 : a, theme: "vs-dark", options: {
+  return /* @__PURE__ */ n(rt, { className: "minimal-monaco-editor", height: r, defaultLanguage: i, value: e, onChange: o ? void 0 : a, theme: "vs-dark", options: {
     lineNumbers: "off",
     folding: !1,
     lineDecorationsWidth: 20,
@@ -22322,7 +22332,7 @@ WHERE
   value: e,
   height: t = "200px",
   defaultLanguage: r = "sql"
-}) => /* @__PURE__ */ n(nt, { className: "preview-sql-in-monaco-editor", height: t, defaultLanguage: r, value: e, onChange: void 0, theme: "vs-light", options: {
+}) => /* @__PURE__ */ n(rt, { className: "preview-sql-in-monaco-editor", height: t, defaultLanguage: r, value: e, onChange: void 0, theme: "vs-light", options: {
   lineNumbers: "on",
   folding: !0,
   lineDecorationsWidth: 20,
@@ -22457,7 +22467,7 @@ WHERE
   q(() => {
     l(e.key), m(e.value);
   }, [e]);
-  const g = p !== e.value, w = Dt();
+  const g = p !== e.value, w = Lt();
   return /* @__PURE__ */ u(S, { p: 20, sx: {
     maxWidth: "1100px",
     height: "100vh"
@@ -22579,7 +22589,7 @@ WHERE
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ n(Vt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
-  /* @__PURE__ */ n(nt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
+  /* @__PURE__ */ n(rt, { height: "500px", defaultLanguage: "javascript", value: t, onChange: (a) => {
     a && r(a);
   }, theme: "vs-dark", options: {
     minimap: {
@@ -22682,7 +22692,7 @@ WHERE
 ] }) : null), RS = D(({
   id: e
 }) => {
-  const t = Dt(), r = De(), i = te();
+  const t = Lt(), r = De(), i = te();
   if (e === "")
     return null;
   const a = i.views.findByID(e);
@@ -22949,12 +22959,12 @@ const rk = {
     g.context.replace(e);
   }, [e]), $.useEffect(() => {
     g.datasources.replace(p);
-  }, [p]), $.useEffect(() => gt(() => Nt(g.json), (M) => {
+  }, [p]), $.useEffect(() => dt(() => Nt(g.json), (M) => {
     l == null || l(M);
   }), [g]);
   const w = async () => {
     await i(g.json, g.content.json);
-  }, y = dt(va, []), T = Ul(y);
+  }, y = ut(va, []), T = Ul(y);
   return /* @__PURE__ */ n(Mo, { children: /* @__PURE__ */ n(_s, { value: g, children: /* @__PURE__ */ n(Ss, { value: g.content, children: /* @__PURE__ */ n(Jt.Provider, { value: {
     layoutFrozen: m,
     freezeLayout: h,
@@ -22985,7 +22995,7 @@ const TD = D(({
   }, [e]), $.useEffect(() => {
     c.datasources.replace(s);
   }, [s]);
-  const d = dt(va, []), p = Ul(d);
+  const d = ut(va, []), p = Ul(d);
   return /* @__PURE__ */ n(Mo, { children: /* @__PURE__ */ n(_s, { value: c, children: /* @__PURE__ */ n(Ss, { value: c.content, children: /* @__PURE__ */ n(Ds.Provider, { value: {
     fullScreenPanelID: o,
     setFullScreenPanelID: l
@@ -23268,11 +23278,11 @@ var ii = {}, gk = {
             Ce.call(ee, qe), ne = ne.replace(qe, "");
           }
         }
-        return function(pt) {
-          var Ze = pt.afternoon;
+        return function(mt) {
+          var Ze = mt.afternoon;
           if (Ze !== void 0) {
-            var _t = pt.hours;
-            Ze ? _t < 12 && (pt.hours += 12) : _t === 12 && (pt.hours = 0), delete pt.afternoon;
+            var _t = mt.hours;
+            Ze ? _t < 12 && (mt.hours += 12) : _t === 12 && (mt.hours = 0), delete mt.afternoon;
           }
         }(ee), ee;
       };
@@ -23286,14 +23296,14 @@ var ii = {}, gk = {
         var H = E[1];
         if (typeof H == "string") {
           var ne = E[2] === !0, ee = E[3] === !0, de = ne || ee, pe = E[2];
-          ee && (pe = E[2]), s = this.$locale(), !ne && pe && (s = M.Ls[pe]), this.$d = function(Le, qe, pt) {
+          ee && (pe = E[2]), s = this.$locale(), !ne && pe && (s = M.Ls[pe]), this.$d = function(Le, qe, mt) {
             try {
               if (["x", "X"].indexOf(qe) > -1)
                 return new Date((qe === "X" ? 1e3 : 1) * Le);
-              var Ze = w(qe)(Le), _t = Ze.year, Wt = Ze.month, Gn = Ze.day, Yn = Ze.hours, Ir = Ze.minutes, $r = Ze.seconds, yn = Ze.milliseconds, en = Ze.zone, $t = /* @__PURE__ */ new Date(), jt = Gn || (_t || Wt ? 1 : $t.getDate()), zt = _t || $t.getFullYear(), tn = 0;
-              _t && !Wt || (tn = Wt > 0 ? Wt - 1 : $t.getMonth());
-              var nn = Yn || 0, vn = Ir || 0, wn = $r || 0, Mt = yn || 0;
-              return en ? new Date(Date.UTC(zt, tn, jt, nn, vn, wn, Mt + 60 * en.offset * 1e3)) : pt ? new Date(Date.UTC(zt, tn, jt, nn, vn, wn, Mt)) : new Date(zt, tn, jt, nn, vn, wn, Mt);
+              var Ze = w(qe)(Le), _t = Ze.year, Wt = Ze.month, Gn = Ze.day, Yn = Ze.hours, Ir = Ze.minutes, $r = Ze.seconds, yn = Ze.milliseconds, en = Ze.zone, zt = /* @__PURE__ */ new Date(), jt = Gn || (_t || Wt ? 1 : zt.getDate()), Mt = _t || zt.getFullYear(), tn = 0;
+              _t && !Wt || (tn = Wt > 0 ? Wt - 1 : zt.getMonth());
+              var nn = Yn || 0, vn = Ir || 0, wn = $r || 0, At = yn || 0;
+              return en ? new Date(Date.UTC(Mt, tn, jt, nn, vn, wn, At + 60 * en.offset * 1e3)) : mt ? new Date(Date.UTC(Mt, tn, jt, nn, vn, wn, At)) : new Date(Mt, tn, jt, nn, vn, wn, At);
             } catch {
               return /* @__PURE__ */ new Date("");
             }