@devtable/dashboard 4.11.0 → 4.12.0

package/dist/dashboard.es.js

@@ -1,12 +1,12 @@
 var Ai = Object.defineProperty;
 var Li = (t, e, n) => e in t ? Ai(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var E = (t, e, n) => (Li(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { Box as q, Text as v, Button as F, Checkbox as He, MultiSelect as dn, Select as j, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Tt, Table as Vt, Tabs as V, Textarea as hn, AppShell as pn, Modal as Ce, Divider as ie, SimpleGrid as qi, NumberInput as Be, Menu as ue, Tooltip as $i, Paper as Ni, Code as dr, Switch as Fe, useMantineTheme as ji, ColorInput as Bi, ColorSwatch as hr, Slider as zr, createStyles as mn, Popover as Kt, Accordion as M, SegmentedControl as Gi, JsonInput as Wi } from "@mantine/core";
+import { Box as q, Text as v, Button as P, Checkbox as He, MultiSelect as dn, Select as N, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Tt, Table as Vt, Tabs as V, Textarea as hn, AppShell as pn, Modal as Ce, Divider as te, SimpleGrid as qi, NumberInput as Be, Menu as ue, Tooltip as $i, Paper as Ni, Code as dr, Switch as Pe, useMantineTheme as ji, ColorInput as Bi, ColorSwatch as hr, Slider as zr, createStyles as mn, Popover as Kt, Accordion as M, SegmentedControl as Gi, JsonInput as Wi } from "@mantine/core";
 import { useModals as Qi, ModalsProvider as Er } from "@mantine/modals";
-import { useRequest as zt, useBoolean as mt, useCreation as Pe, useAsyncEffect as ft, useLatest as pr } from "ahooks";
+import { useRequest as zt, useBoolean as mt, useCreation as Fe, useAsyncEffect as ft, useLatest as pr } from "ahooks";
 import { observer as D } from "mobx-react-lite";
 import x, { forwardRef as fn, useMemo as A, useState as de, createElement as Et, useEffect as K, useCallback as Dt, useRef as Yi, useContext as Me, createContext as Ui } from "react";
-import $, { omit as Ot, get as re, values as Or, unset as Hi, isObject as Fr, set as Pr, orderBy as Xi, last as Ji, noop as Ki, defaults as te, isEqual as Ie, defaultsDeep as Ge, findLastIndex as Zi, isEmpty as Mr, isNumber as eo, isString as Ar, range as to, cloneDeep as Lr, maxBy as qr, merge as $r, minBy as no, groupBy as ro, template as Nr, cloneDeepWith as ao, throttle as io } from "lodash";
+import $, { omit as Ot, get as ae, values as Or, unset as Hi, isObject as Pr, set as Fr, orderBy as Xi, last as Ji, noop as Ki, defaults as ne, isEqual as Ie, defaultsDeep as Ge, findLastIndex as Zi, isEmpty as Mr, isNumber as eo, isString as Ar, range as to, cloneDeep as Lr, maxBy as qr, merge as $r, minBy as no, groupBy as ro, template as Nr, cloneDeepWith as ao, throttle as io } from "lodash";
 import { useForm as ke, Controller as _, useFieldArray as we } from "react-hook-form";
 import { DateRangePicker as oo } from "@mantine/dates";
 import { Calendar as so, Refresh as jr, DeviceFloppy as Z, Trash as J, PlaylistAdd as Je, Recycle as Br, Settings as Gr, Filter as lo, Database as co, Share as uo, Download as Wr, Code as ho, InfoCircle as po, ArrowRight as Zt, ArrowsMaximize as mo, Copy as fo, ArrowLeft as go, ArrowsMove as bo, ChevronDownRight as vo } from "tabler-icons-react";
@@ -15,7 +15,7 @@ import { Prism as Ne } from "@mantine/prism";
 import { cast as Ae, types as b, getRoot as mr, flow as xo, toGenerator as Co, addDisposer as wo } from "mobx-state-tree";
 import { randomId as fe, useClipboard as So, useElementSize as rn, useInputState as Qr } from "@mantine/hooks";
 import Yr, { RichTextEditor as Ur } from "@mantine/rte";
-import { makeAutoObservable as gn, runInAction as ct, observable as Hr, toJS as Ft, reaction as bn } from "mobx";
+import { makeAutoObservable as gn, runInAction as ct, observable as Hr, toJS as Pt, reaction as bn } from "mobx";
 import { showNotification as vn } from "@mantine/notifications";
 import fr from "eventemitter2";
 import ht from "chroma-js";
@@ -26,10 +26,10 @@ import { useVirtual as To } from "react-virtual";
 import { useForm as yn } from "@mantine/form";
 import Le from "echarts-for-react/lib/core";
 import { SunburstChart as Vo, PieChart as zo, BoxplotChart as Eo, BarChart as Jr, LineChart as Kr, ScatterChart as Zr, RadarChart as Oo } from "echarts/charts";
-import * as ne from "echarts/core";
+import * as re from "echarts/core";
 import { CanvasRenderer as qe } from "echarts/renderers";
 import "echarts-gl";
-import { GridComponent as Ke, VisualMapComponent as Fo, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as Pt, MarkLineComponent as Po } from "echarts/components";
+import { GridComponent as Ke, VisualMapComponent as Po, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as Ft, MarkLineComponent as Fo } from "echarts/components";
 import { transform as ea } from "echarts-stat";
 import * as ze from "d3-regression";
 import Mo from "stickybits";
@@ -103,8 +103,8 @@ function $o() {
     }
     function ge(d, C, S) {
       {
-        var T = Q.ReactDebugCurrentFrame, N = T.getStackAddendum();
-        N !== "" && (C += "%s", S = S.concat([N]));
+        var T = Q.ReactDebugCurrentFrame, j = T.getStackAddendum();
+        j !== "" && (C += "%s", S = S.concat([j]));
         var B = S.map(function(L) {
           return String(L);
         });
@@ -120,8 +120,8 @@ function $o() {
       var T = d.displayName;
       if (T)
         return T;
-      var N = C.displayName || C.name || "";
-      return N !== "" ? S + "(" + N + ")" : S;
+      var j = C.displayName || C.name || "";
+      return j !== "" ? S + "(" + j + ")" : S;
     }
     function be(d) {
       return d.displayName || "Context";
@@ -161,7 +161,7 @@ function $o() {
             var T = d.displayName || null;
             return T !== null ? T : le(d.type) || "Memo";
           case m: {
-            var N = d, B = N._payload, L = N._init;
+            var j = d, B = j._payload, L = j._init;
             try {
               return le(L(B));
             } catch {
@@ -239,8 +239,8 @@ function $o() {
         if (Wt === void 0)
           try {
             throw Error();
-          } catch (N) {
-            var T = N.stack.trim().match(/\n( *(at )?)/);
+          } catch (j) {
+            var T = j.stack.trim().match(/\n( *(at )?)/);
             Wt = T && T[1] || "";
           }
         return `
@@ -262,7 +262,7 @@ function $o() {
       }
       var T;
       Qt = !0;
-      var N = Error.prepareStackTrace;
+      var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var B;
       B = Gt.current, Gt.current = null, hi();
@@ -300,17 +300,17 @@ function $o() {
         }
       } catch (_e) {
         if (_e && T && typeof _e.stack == "string") {
-          for (var P = _e.stack.split(`
-`), ae = T.stack.split(`
-`), H = P.length - 1, X = ae.length - 1; H >= 1 && X >= 0 && P[H] !== ae[X]; )
+          for (var F = _e.stack.split(`
+`), ie = T.stack.split(`
+`), H = F.length - 1, X = ie.length - 1; H >= 1 && X >= 0 && F[H] !== ie[X]; )
             X--;
           for (; H >= 1 && X >= 0; H--, X--)
-            if (P[H] !== ae[X]) {
+            if (F[H] !== ie[X]) {
               if (H !== 1 || X !== 1)
                 do
-                  if (H--, X--, X < 0 || P[H] !== ae[X]) {
+                  if (H--, X--, X < 0 || F[H] !== ie[X]) {
                     var pe = `
-` + P[H].replace(" at new ", " at ");
+` + F[H].replace(" at new ", " at ");
                     return d.displayName && pe.includes("<anonymous>") && (pe = pe.replace("<anonymous>", d.displayName)), typeof d == "function" && xt.set(d, pe), pe;
                   }
                 while (H >= 1 && X >= 0);
@@ -318,7 +318,7 @@ function $o() {
             }
         }
       } finally {
-        Qt = !1, Gt.current = B, pi(), Error.prepareStackTrace = N;
+        Qt = !1, Gt.current = B, pi(), Error.prepareStackTrace = j;
       }
       var Ye = d ? d.displayName || d.name : "", ur = Ye ? yt(Ye) : "";
       return typeof d == "function" && xt.set(d, ur), ur;
@@ -350,9 +350,9 @@ function $o() {
           case f:
             return Ct(d.type, C, S);
           case m: {
-            var T = d, N = T._payload, B = T._init;
+            var T = d, j = T._payload, B = T._init;
             try {
-              return Ct(B(N), C, S);
+              return Ct(B(j), C, S);
             } catch {
             }
           }
@@ -367,22 +367,22 @@ function $o() {
       } else
         Zn.setExtraStackFrame(null);
     }
-    function bi(d, C, S, T, N) {
+    function bi(d, C, S, T, j) {
       {
         var B = Function.call.bind(wt);
         for (var L in d)
           if (B(d, L)) {
-            var P = void 0;
+            var F = void 0;
             try {
               if (typeof d[L] != "function") {
-                var ae = Error((T || "React class") + ": " + S + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ae.name = "Invariant Violation", ae;
+                var ie = Error((T || "React class") + ": " + S + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ie.name = "Invariant Violation", ie;
               }
-              P = d[L](C, L, T, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              F = d[L](C, L, T, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
-              P = H;
+              F = H;
             }
-            P && !(P instanceof Error) && (St(N), W("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", S, L, typeof P), St(null)), P instanceof Error && !(P.message in Kn) && (Kn[P.message] = !0, St(N), W("Failed %s type: %s", S, P.message), St(null));
+            F && !(F instanceof Error) && (St(j), W("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", S, L, typeof F), St(null)), F instanceof Error && !(F.message in Kn) && (Kn[F.message] = !0, St(j), W("Failed %s type: %s", S, F.message), St(null));
           }
       }
     }
@@ -461,8 +461,8 @@ function $o() {
         });
       }
     }
-    var Ri = function(d, C, S, T, N, B, L) {
-      var P = {
+    var Ri = function(d, C, S, T, j, B, L) {
+      var F = {
         $$typeof: e,
         type: d,
         key: C,
@@ -470,27 +470,27 @@ function $o() {
         props: L,
         _owner: B
       };
-      return P._store = {}, Object.defineProperty(P._store, "validated", {
+      return F._store = {}, Object.defineProperty(F._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(P, "_self", {
+      }), Object.defineProperty(F, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: T
-      }), Object.defineProperty(P, "_source", {
+      }), Object.defineProperty(F, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: N
-      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
+        value: j
+      }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
     };
-    function ki(d, C, S, T, N) {
+    function ki(d, C, S, T, j) {
       {
-        var B, L = {}, P = null, ae = null;
-        S !== void 0 && (tr(S), P = "" + S), Si(C) && (tr(C.key), P = "" + C.key), wi(C) && (ae = C.ref, _i(C, N));
+        var B, L = {}, F = null, ie = null;
+        S !== void 0 && (tr(S), F = "" + S), Si(C) && (tr(C.key), F = "" + C.key), wi(C) && (ie = C.ref, _i(C, j));
         for (B in C)
           wt.call(C, B) && !Ci.hasOwnProperty(B) && (L[B] = C[B]);
         if (d && d.defaultProps) {
@@ -498,11 +498,11 @@ function $o() {
           for (B in H)
             L[B] === void 0 && (L[B] = H[B]);
         }
-        if (P || ae) {
+        if (F || ie) {
           var X = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          P && Ii(L, X), ae && Di(L, X);
+          F && Ii(L, X), ie && Di(L, X);
         }
-        return Ri(d, P, ae, N, T, at.current, L);
+        return Ri(d, F, ie, j, T, at.current, L);
       }
     }
     var Ht = Q.ReactCurrentOwner, ar = Q.ReactDebugCurrentFrame;
@@ -579,9 +579,9 @@ Check the top-level render call using <` + S + ">.");
         else if (Jt(d))
           d._store && (d._store.validated = !0);
         else if (d) {
-          var N = O(d);
-          if (typeof N == "function" && N !== d.entries)
-            for (var B = N.call(d), L; !(L = B.next()).done; )
+          var j = O(d);
+          if (typeof j == "function" && j !== d.entries)
+            for (var B = j.call(d), L; !(L = B.next()).done; )
               Jt(L.value) && sr(L.value, C);
         }
       }
@@ -603,8 +603,8 @@ Check the top-level render call using <` + S + ">.");
           bi(S, d.props, "prop", T, d);
         } else if (C.PropTypes !== void 0 && !Xt) {
           Xt = !0;
-          var N = le(C);
-          W("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+          var j = le(C);
+          W("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
         typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && W("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -621,18 +621,18 @@ Check the top-level render call using <` + S + ">.");
         d.ref !== null && (Qe(d), W("Invalid attribute `ref` supplied to `React.Fragment`."), Qe(null));
       }
     }
-    function cr(d, C, S, T, N, B) {
+    function cr(d, C, S, T, j, B) {
       {
         var L = vt(d);
         if (!L) {
-          var P = "";
-          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ae = Ti(N);
-          ae ? P += ae : P += ir();
+          var F = "";
+          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (F += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ie = Ti(j);
+          ie ? F += ie : F += ir();
           var H;
-          d === null ? H = "null" : Yt(d) ? H = "array" : d !== void 0 && d.$$typeof === e ? (H = "<" + (le(d.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : H = typeof d, W("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, P);
+          d === null ? H = "null" : Yt(d) ? H = "array" : d !== void 0 && d.$$typeof === e ? (H = "<" + (le(d.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : H = typeof d, W("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, F);
         }
-        var X = ki(d, C, S, N, B);
+        var X = ki(d, C, S, j, B);
         if (X == null)
           return X;
         if (L) {
@@ -654,11 +654,11 @@ Check the top-level render call using <` + S + ">.");
     function Oi(d, C, S) {
       return cr(d, C, S, !0);
     }
-    function Fi(d, C, S) {
+    function Pi(d, C, S) {
       return cr(d, C, S, !1);
     }
-    var Pi = Fi, Mi = Oi;
-    st.Fragment = a, st.jsx = Pi, st.jsxs = Mi;
+    var Fi = Pi, Mi = Oi;
+    st.Fragment = a, st.jsx = Fi, st.jsxs = Mi;
   }()), st;
 }
 (function(t) {
@@ -688,7 +688,7 @@ class Xe extends x.Component {
         children: [/* @__PURE__ */ r(v, {
           size: "xs",
           children: (e = this.state.error) == null ? void 0 : e.message
-        }), /* @__PURE__ */ r(F, {
+        }), /* @__PURE__ */ r(P, {
           variant: "subtle",
           size: "xs",
           mx: "auto",
@@ -861,7 +861,7 @@ function Qo({
   } = zt(wn(e.options_query), {
     refreshDeps: [e.options_query, i]
   });
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     label: t,
     data: i ? o : e.static_options,
     disabled: i ? s : !1,
@@ -970,7 +970,7 @@ const la = x.forwardRef(function({
         sx: {
           alignSelf: "flex-end"
         },
-        children: /* @__PURE__ */ r(F, {
+        children: /* @__PURE__ */ r(P, {
           color: "blue",
           size: "sm",
           type: "submit",
@@ -1190,7 +1190,7 @@ const ha = D(function({
     value: l.key,
     type: l.type
   })), [a]), s = A(() => o.reduce((l, u) => (l[u.value] = u.type, l), {}), [o]);
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     label: "Data Source",
     data: o,
     itemComponent: Zo,
@@ -1389,7 +1389,7 @@ const ns = D(function({
       },
       children: [/* @__PURE__ */ r(v, {
         children: "Select a Query"
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(N, {
         data: a.queries.options,
         value: e,
         onChange: n,
@@ -1403,7 +1403,7 @@ const ns = D(function({
       }), /* @__PURE__ */ r(g, {
         position: "center",
         mt: "md",
-        children: /* @__PURE__ */ r(F, {
+        children: /* @__PURE__ */ r(P, {
           onClick: o,
           children: "Add a Query"
         })
@@ -1544,7 +1544,7 @@ const is = D(function() {
             width: "40%"
           },
           mx: "auto",
-          children: /* @__PURE__ */ r(F, {
+          children: /* @__PURE__ */ r(P, {
             variant: "default",
             onClick: n,
             children: "Add a snippet"
@@ -1673,7 +1673,7 @@ const fa = b.model({
         onChange: (n) => e.setClearable(n.currentTarget.checked),
         label: "Clearable"
       })]
-    }), /* @__PURE__ */ r(j, {
+    }), /* @__PURE__ */ r(N, {
       data: cs,
       label: "Display Format",
       value: e.inputFormat,
@@ -1751,7 +1751,7 @@ const hs = D(function({
         size: "md",
         pl: "sm",
         children: "Fetched Data"
-      }), /* @__PURE__ */ r(F, {
+      }), /* @__PURE__ */ r(P, {
         size: "xs",
         onClick: i,
         disabled: !e.sql || !e.key,
@@ -1842,7 +1842,7 @@ const hs = D(function({
     });
   }, a = e.static_options, i = [...a];
   return /* @__PURE__ */ c(U, {
-    children: [/* @__PURE__ */ r(ie, {
+    children: [/* @__PURE__ */ r(te, {
       label: "Configure options",
       labelPosition: "center"
     }), a.length > 0 && /* @__PURE__ */ r(dn, {
@@ -1888,7 +1888,7 @@ const hs = D(function({
           size: 16
         })
       })]
-    })), /* @__PURE__ */ r(F, {
+    })), /* @__PURE__ */ r(P, {
       size: "xs",
       color: "blue",
       leftIcon: /* @__PURE__ */ r(Je, {
@@ -1900,7 +1900,7 @@ const hs = D(function({
       },
       mx: "auto",
       children: "Add an Option"
-    }), /* @__PURE__ */ r(ie, {
+    }), /* @__PURE__ */ r(te, {
       label: "Or fetch options from database",
       labelPosition: "center"
     }), /* @__PURE__ */ r(va, {
@@ -1925,10 +1925,10 @@ const hs = D(function({
       checked: e.required,
       onChange: (o) => e.setRequired(o.currentTarget.checked),
       label: "Required"
-    }), /* @__PURE__ */ r(ie, {
+    }), /* @__PURE__ */ r(te, {
       label: "Configure options",
       labelPosition: "center"
-    }), a.length > 0 && /* @__PURE__ */ r(j, {
+    }), a.length > 0 && /* @__PURE__ */ r(N, {
       label: "Default Selection",
       data: i,
       value: e.default_value,
@@ -1971,7 +1971,7 @@ const hs = D(function({
           size: 16
         })
       })]
-    }, s)), /* @__PURE__ */ r(F, {
+    }, s)), /* @__PURE__ */ r(P, {
       size: "xs",
       color: "blue",
       leftIcon: /* @__PURE__ */ r(Je, {
@@ -1983,7 +1983,7 @@ const hs = D(function({
       },
       mx: "auto",
       children: "Add an Option"
-    }), /* @__PURE__ */ r(ie, {
+    }), /* @__PURE__ */ r(te, {
       label: "Or fetch options from database",
       labelPosition: "center"
     }), /* @__PURE__ */ r(va, {
@@ -2102,7 +2102,7 @@ const hs = D(function({
           onChange: (o) => {
             e.setLabel(o.currentTarget.value);
           }
-        }), /* @__PURE__ */ r(j, {
+        }), /* @__PURE__ */ r(N, {
           label: "Widget",
           data: vs,
           required: !0,
@@ -2143,7 +2143,7 @@ const xs = D(function() {
         top: "16px",
         right: "16px"
       },
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         size: "xs",
         color: "red",
         leftIcon: /* @__PURE__ */ r(Br, {
@@ -2180,7 +2180,7 @@ const xs = D(function() {
               value: i.id,
               children: i.label
             }, i.id))
-          }), /* @__PURE__ */ r(F, {
+          }), /* @__PURE__ */ r(P, {
             size: "xs",
             color: "blue",
             leftIcon: /* @__PURE__ */ r(Je, {
@@ -2217,7 +2217,7 @@ const xs = D(function() {
               }), /* @__PURE__ */ r(g, {
                 position: "right",
                 pt: 10,
-                children: /* @__PURE__ */ r(F, {
+                children: /* @__PURE__ */ r(P, {
                   size: "xs",
                   color: "red",
                   leftIcon: /* @__PURE__ */ r(J, {
@@ -2260,7 +2260,7 @@ var ws = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(ws || {}),
 const _s = D(() => {
   const e = ee().views.VIE;
   return !e || e.type !== De.Division ? null : /* @__PURE__ */ c(w, {
-    children: [/* @__PURE__ */ r(ie, {
+    children: [/* @__PURE__ */ r(te, {
       mt: 8,
       mb: 0,
       label: "Division settings",
@@ -2275,7 +2275,7 @@ const _s = D(() => {
 }), Is = D(() => {
   const e = ee().views.VIE;
   return !e || e.type !== De.Modal ? null : /* @__PURE__ */ c(w, {
-    children: [/* @__PURE__ */ r(ie, {
+    children: [/* @__PURE__ */ r(te, {
       mt: 8,
       label: "Modal settings",
       labelPosition: "center"
@@ -2314,7 +2314,7 @@ const _s = D(() => {
       onChange: (n) => {
         e.setName(n.currentTarget.value);
       }
-    }), /* @__PURE__ */ r(j, {
+    }), /* @__PURE__ */ r(N, {
       label: "Type",
       value: e.type,
       onChange: e.setType,
@@ -2418,7 +2418,7 @@ const _s = D(() => {
     sx: {
       minWidth: "260px"
     },
-    children: [/* @__PURE__ */ r(j, {
+    children: [/* @__PURE__ */ r(N, {
       value: t,
       onChange: (l) => {
         l !== vr ? e(l) : n();
@@ -2536,7 +2536,7 @@ const ya = D(function({
       children: s && /* @__PURE__ */ r(Es, {})
     }), /* @__PURE__ */ c(g, {
       position: "right",
-      children: [!l && /* @__PURE__ */ r(F, {
+      children: [!l && /* @__PURE__ */ r(P, {
         variant: "default",
         size: "xs",
         disabled: !n.views.VIE,
@@ -2545,7 +2545,7 @@ const ya = D(function({
           size: 20
         }),
         children: "Add a Panel"
-      }), s && /* @__PURE__ */ r(F, {
+      }), s && /* @__PURE__ */ r(P, {
         variant: "default",
         size: "xs",
         onClick: I,
@@ -2553,7 +2553,7 @@ const ya = D(function({
           size: 20
         }),
         children: "Filters"
-      }), s && /* @__PURE__ */ r(F, {
+      }), s && /* @__PURE__ */ r(P, {
         variant: "default",
         size: "xs",
         onClick: h,
@@ -2561,7 +2561,7 @@ const ya = D(function({
           size: 20
         }),
         children: "Data Settings"
-      }), !l && /* @__PURE__ */ r(F, {
+      }), !l && /* @__PURE__ */ r(P, {
         variant: "default",
         size: "xs",
         onClick: e,
@@ -2570,7 +2570,7 @@ const ya = D(function({
           size: 20
         }),
         children: "Save Changes"
-      }), !l && /* @__PURE__ */ r(F, {
+      }), !l && /* @__PURE__ */ r(P, {
         color: "red",
         size: "xs",
         disabled: !o,
@@ -2582,7 +2582,7 @@ const ya = D(function({
       }), /* @__PURE__ */ c(ue, {
         width: 180,
         children: [/* @__PURE__ */ r(ue.Target, {
-          children: /* @__PURE__ */ r(F, {
+          children: /* @__PURE__ */ r(P, {
             variant: "default",
             size: "xs",
             leftIcon: /* @__PURE__ */ r(uo, {
@@ -2697,7 +2697,7 @@ const Ca = (t) => {
     })]
   });
 };
-class Fs {
+class Ps {
   constructor(e, n) {
     E(this, "operationId");
     E(this, "operation");
@@ -2718,7 +2718,7 @@ class Fs {
     this.operationId && (await this.operationManager.createOrGetOperation(this.operationId, e), await this.configOperation(this.operationId, this.variables));
   }
 }
-function Ps(t) {
+function Fs(t) {
   return !!t.operationId;
 }
 const Ms = D(({
@@ -2727,7 +2727,7 @@ const Ms = D(({
 }) => {
   var a;
   const n = (a = t.operationSchema) == null ? void 0 : a.displayName;
-  return /* @__PURE__ */ r(F, {
+  return /* @__PURE__ */ r(P, {
     variant: "outline",
     onClick: e,
     children: n
@@ -2752,7 +2752,7 @@ function Ls({
   async function a(i) {
     await t.changeSchema(e.find((o) => o.id === i));
   }
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     label: "Operation",
     data: n,
     onChange: a,
@@ -2768,10 +2768,10 @@ const qs = D((t) => {
     operationId: o,
     instance: s,
     variables: l
-  } = t, u = Pe(() => new Fs(i, s), [i, s]);
+  } = t, u = Fe(() => new Ps(i, s), [i, s]);
   return ft(async () => {
     await u.configOperation(o, l);
-  }, [o, u]), Ps(u) ? /* @__PURE__ */ c(U, {
+  }, [o, u]), Fs(u) ? /* @__PURE__ */ c(U, {
     children: [/* @__PURE__ */ r(Ms, {
       model: u,
       onClick: n
@@ -2821,7 +2821,7 @@ function Ns(t) {
   return !!t.triggerId && !!t.triggerSchema;
 }
 function js(t, e) {
-  return Pe(() => new $s(t, e), [t, e]);
+  return Fe(() => new $s(t, e), [t, e]);
 }
 const Bs = D(({
   model: t,
@@ -2832,7 +2832,7 @@ const Bs = D(({
     instance: t.instance,
     sampleData: t.sampleData
   };
-  return /* @__PURE__ */ r(F, {
+  return /* @__PURE__ */ r(P, {
     variant: "outline",
     onClick: e,
     children: Et(n, a)
@@ -2847,7 +2847,7 @@ const Bs = D(({
   async function a(i) {
     await t.changeSchema(e.find((o) => o.id === i));
   }
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     label: "Trigger",
     data: n,
     value: t.triggerSchema.id,
@@ -2900,7 +2900,7 @@ class Ue {
   }
   async getItem(e) {
     const n = await this.root.getItem(this.path);
-    return e === null ? n : re(n, e);
+    return e === null ? n : ae(n, e);
   }
   async setItem(e, n) {
     if (e === null)
@@ -2921,7 +2921,7 @@ class Ue {
     ) : this.root.watchItem(
       this.path,
       (i, o) => {
-        const s = re(i, e), l = re(o, e);
+        const s = ae(i, e), l = ae(o, e);
         s !== l && n(s, l);
       },
       a
@@ -2967,11 +2967,11 @@ class wa {
     return Promise.resolve(n);
   }
   getValueFromRoot(e) {
-    return e === null ? Ft(this.rootRef.current) : re(this.rootRef.current, [e]);
+    return e === null ? Pt(this.rootRef.current) : ae(this.rootRef.current, [e]);
   }
   setItem(e, n) {
     if (e === null)
-      if (Fr(n))
+      if (Pr(n))
         ct(() => {
           this.rootRef.current = n;
         });
@@ -2979,7 +2979,7 @@ class wa {
         throw new Error("Cannot set root value to non-object");
     else
       ct(() => {
-        Pr(this.rootRef.current, [e], n);
+        Fr(this.rootRef.current, [e], n);
       });
     return Promise.resolve(this.getItem(e));
   }
@@ -2991,7 +2991,7 @@ class wa {
       },
       {
         requiresObservable: !0,
-        fireImmediately: re(a, "fireImmediately", !1)
+        fireImmediately: ae(a, "fireImmediately", !1)
       }
     );
   }
@@ -3127,7 +3127,7 @@ const Hs = (t) => {
   getColor: At(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, rl = "4.11.0";
+}, rl = "4.12.0";
 class al {
   constructor(e) {
     E(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3219,12 +3219,12 @@ class ye extends ol {
     return super.version(e, (a) => ({ version: e, ...n(a) }));
   }
   async migrate({ instanceData: e }) {
-    const n = await e.getItem(null), a = re(n, "version", 0), i = this.run({ from: a, to: this.VERSION }, n);
+    const n = await e.getItem(null), a = ae(n, "version", 0), i = this.run({ from: a, to: this.VERSION }, n);
     await e.setItem(null, i);
   }
   async needMigration({ instanceData: e }) {
     const n = await e.getItem(null);
-    return re(n, "version", 0) < this.VERSION;
+    return ae(n, "version", 0) < this.VERSION;
   }
 }
 const _n = {
@@ -3280,7 +3280,7 @@ function ll({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = A(() => te({}, e, _n), [e]), {
+  } = G(t.instanceData, "config"), a = A(() => ne({}, e, _n), [e]), {
     control: i,
     handleSubmit: o,
     watch: s,
@@ -3337,7 +3337,7 @@ class cl extends ye {
     E(this, "VERSION", 1);
   }
   fixMalformedConfig(n) {
-    return te({}, n, _n);
+    return ne({}, n, _n);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -3465,7 +3465,7 @@ function pl({
     ref: n,
     children: [/* @__PURE__ */ c(g, {
       grow: !0,
-      children: [/* @__PURE__ */ r(j, {
+      children: [/* @__PURE__ */ r(N, {
         label: "Format",
         data: [{
           label: "1234",
@@ -3479,7 +3479,7 @@ function pl({
         sx: {
           flexGrow: 1
         }
-      }), /* @__PURE__ */ r(Fe, {
+      }), /* @__PURE__ */ r(Pe, {
         label: /* @__PURE__ */ c(w, {
           spacing: 0,
           children: [/* @__PURE__ */ r(v, {
@@ -3518,7 +3518,7 @@ function pl({
         max: 4,
         value: t.mantissa,
         onChange: i
-      }), /* @__PURE__ */ r(Fe, {
+      }), /* @__PURE__ */ r(Pe, {
         label: "Trim mantissa",
         checked: t.trimMantissa,
         onChange: o,
@@ -3634,7 +3634,7 @@ function fl({
     grow: !0,
     noWrap: !0,
     pt: "sm",
-    children: [/* @__PURE__ */ r(j, {
+    children: [/* @__PURE__ */ r(N, {
       ref: a,
       label: t,
       data: ml,
@@ -3674,7 +3674,7 @@ function bl({
       value: ""
     }]) : f;
   }, [i]);
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     ref: u,
     label: t,
     data: p,
@@ -3776,7 +3776,7 @@ function xl({
         flexGrow: 0
       },
       children: "or"
-    }), /* @__PURE__ */ r(j, {
+    }), /* @__PURE__ */ r(N, {
       data: i,
       value: t,
       onChange: e,
@@ -3903,7 +3903,7 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
     $.set(u, s, l), n(u);
   };
   return /* @__PURE__ */ c(U, {
-    children: [/* @__PURE__ */ r(ie, {
+    children: [/* @__PURE__ */ r(te, {
       my: "xs",
       label: "Typography",
       labelPosition: "center"
@@ -3931,12 +3931,12 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
         value: e.weight,
         onChange: (s) => o("weight", s)
       })
-    }), /* @__PURE__ */ r(ie, {
+    }), /* @__PURE__ */ r(te, {
       my: "xs",
       label: "Style",
       labelPosition: "center"
     }), /* @__PURE__ */ c(w, {
-      children: [/* @__PURE__ */ r(j, {
+      children: [/* @__PURE__ */ r(N, {
         label: "Color Type",
         data: [{
           label: "Static Color",
@@ -3981,7 +3981,7 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
       weight: "bold",
       pb: 0,
       children: e.name
-    }), /* @__PURE__ */ r(ie, {
+    }), /* @__PURE__ */ r(te, {
       my: "xs",
       label: "Data",
       labelPosition: "center"
@@ -4004,7 +4004,7 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
       label: "Aggregation",
       value: e.aggregation,
       onChange: (l) => s("aggregation", l)
-    }), /* @__PURE__ */ r(ie, {
+    }), /* @__PURE__ */ r(te, {
       my: "xs",
       label: "Format",
       labelPosition: "center"
@@ -4110,7 +4110,7 @@ function El(t) {
   var e, n, a, i;
   return isNaN(t) && gt(t) && ((n = (e = t.match(Rt)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((i = (a = t.match(on)) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0) > 0;
 }
-function Fa(t) {
+function Pa(t) {
   typeof t == "number" && (t = `${t}`);
   const e = [];
   let n = 0;
@@ -4119,11 +4119,11 @@ function Fa(t) {
   const i = t.match(Rt);
   return i && (t = t.replace(Rt, Oa), e.push(...i.map($t.parse))), { values: e, numColors: n, tokenised: t };
 }
-function Pa(t) {
-  return Fa(t).values;
+function Fa(t) {
+  return Pa(t).values;
 }
 function Ma(t) {
-  const { values: e, numColors: n, tokenised: a } = Fa(t), i = e.length;
+  const { values: e, numColors: n, tokenised: a } = Pa(t), i = e.length;
   return (o) => {
     let s = a;
     for (let l = 0; l < i; l++)
@@ -4132,11 +4132,11 @@ function Ma(t) {
   };
 }
 const Ol = (t) => typeof t == "number" ? 0 : t;
-function Fl(t) {
-  const e = Pa(t);
+function Pl(t) {
+  const e = Fa(t);
   return Ma(t)(e.map(Ol));
 }
-const Aa = { test: El, parse: Pa, createTransformer: Ma, getAnimatableNone: Fl };
+const Aa = { test: El, parse: Fa, createTransformer: Ma, getAnimatableNone: Pl };
 function tn(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
@@ -4156,7 +4156,7 @@ function yr({ hue: t, saturation: e, lightness: n, alpha: a }) {
     alpha: a
   };
 }
-const Pl = (t, e, n) => {
+const Fl = (t, e, n) => {
   const a = t * t, i = e * e;
   return Math.sqrt(Math.max(0, n * (i - a) + a));
 }, Ml = [sn, Ee, $e], xr = (t) => Ml.find((e) => e.test(t)), Cr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, La = (t, e) => {
@@ -4167,7 +4167,7 @@ const Pl = (t, e, n) => {
   const s = Object.assign({}, i);
   return (l) => {
     for (const u in s)
-      u !== "alpha" && (s[u] = Pl(i[u], o[u], l));
+      u !== "alpha" && (s[u] = Fl(i[u], o[u], l));
     return s.alpha = kn(i.alpha, o.alpha, l), n.transform(s);
   };
 }, Al = (t) => typeof t == "number", Ll = (t, e) => (n) => e(t(n)), qa = (...t) => t.reduce(Ll);
@@ -4422,7 +4422,7 @@ function tc({
     }, p.name)), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: u,
         children: "Add a Variable"
       })
@@ -4537,7 +4537,7 @@ const kt = {
 }, ac = ({
   vizManager: t,
   instance: e
-}) => Pe(
+}) => Fe(
   () => new Ja(e, t.resolveComponent(e.type), $n),
   [e, t]
 ), ic = (t, e) => {
@@ -4668,14 +4668,14 @@ function gc(t) {
     set: o
   } = G(t.trigger.triggerData, "config"), {
     column: s
-  } = te({}, i, mc), l = (u) => {
+  } = ne({}, i, mc), l = (u) => {
     isNaN(+u) ? o({
       column: u
     }) : o({
       column: +u
     });
   };
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     clearable: !1,
     data: a,
     label: "Choose a column",
@@ -4951,7 +4951,7 @@ class Vc {
   }
   getRelatedTrigger() {
     return this.triggers.filter((n) => n.schemaRef === Vn.id).filter((n) => {
-      const a = this.getColIndex(this.cell), i = re(this.cell.column.columnDef.meta, "value_field"), o = re(n.config, "column");
+      const a = this.getColIndex(this.cell), i = ae(this.cell.column.columnDef.meta, "value_field"), o = ae(n.config, "column");
       return o == a || o == i;
     });
   }
@@ -5013,7 +5013,7 @@ class Ec {
       steps: Hr
     }, {
       deep: !1
-    }), bn(() => Ft(this.steps), () => {
+    }), bn(() => Pt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -5092,12 +5092,12 @@ function Oc(t) {
             onChange: l
           }), /* @__PURE__ */ c(g, {
             position: "right",
-            children: [/* @__PURE__ */ r(F, {
+            children: [/* @__PURE__ */ r(P, {
               variant: "subtle",
               size: "xs",
               onClick: R,
               children: "Cancel"
-            }), /* @__PURE__ */ r(F, {
+            }), /* @__PURE__ */ r(P, {
               "data-testid": "palette-item-ok",
               size: "xs",
               onClick: O,
@@ -5118,7 +5118,7 @@ function Oc(t) {
     })]
   });
 }
-const Fc = D(({
+const Pc = D(({
   model: t
 }) => {
   const {
@@ -5133,11 +5133,11 @@ const Fc = D(({
       onChange: (s) => t.changeStep(s, i)
     }, a))
   });
-}), Pc = D(function(e) {
-  const n = Pe(() => new Ec(), []);
+}), Fc = D(function(e) {
+  const n = Fe(() => new Ec(), []);
   return K(() => {
     n.fromProps(e);
-  }), n.interpolation == null ? null : /* @__PURE__ */ r(Fc, {
+  }), n.interpolation == null ? null : /* @__PURE__ */ r(Pc, {
     model: n
   });
 }), Mc = (t) => {
@@ -5160,7 +5160,7 @@ const Fc = D(({
     }));
   }
   const y = () => {
-    h(), n == null || n(Ft(o));
+    h(), n == null || n(Pt(o));
   };
   function I(O) {
     s((Q) => ({
@@ -5172,7 +5172,7 @@ const Fc = D(({
     h(), s(e);
   };
   return /* @__PURE__ */ c(U, {
-    children: [/* @__PURE__ */ r(F, {
+    children: [/* @__PURE__ */ r(P, {
       variant: "outline",
       onClick: p,
       children: l == null ? void 0 : l.displayName
@@ -5183,22 +5183,22 @@ const Fc = D(({
       onClose: h,
       children: u && /* @__PURE__ */ c(w, {
         "data-testid": "color-interpolation-modal",
-        children: [/* @__PURE__ */ r(j, {
+        children: [/* @__PURE__ */ r(N, {
           label: "Color style",
           value: o.interpolation,
           data: f,
           onChange: m
-        }), /* @__PURE__ */ r(Pc, {
+        }), /* @__PURE__ */ r(Fc, {
           steps: o.steps,
           interpolation: l,
           onChange: I
         }), /* @__PURE__ */ c(g, {
           position: "right",
-          children: [/* @__PURE__ */ r(F, {
+          children: [/* @__PURE__ */ r(P, {
             onClick: R,
             variant: "subtle",
             children: "Cancel"
-          }), /* @__PURE__ */ r(F, {
+          }), /* @__PURE__ */ r(P, {
             onClick: y,
             children: "OK"
           })]
@@ -5221,7 +5221,7 @@ function qc(t, e) {
   return Ua(e) === "static" ? e : (n = t.getStaticColors()[0]) == null ? void 0 : n.value;
 }
 function $c(t, e) {
-  return Fr(e) ? e : {
+  return Pr(e) ? e : {
     steps: Lc,
     interpolation: t.encodeColor(t.getColorInterpolations()[0])
   };
@@ -5232,7 +5232,7 @@ const Nc = (t) => {
   } = Me(Te), [n, a] = de(Ua(t.value)), [i, o] = de(qc(e, t.value)), s = pr(i), [l, u] = de($c(e, t.value)), p = pr(l);
   return /* @__PURE__ */ c(g, {
     align: "end",
-    children: [/* @__PURE__ */ r(j, {
+    children: [/* @__PURE__ */ r(N, {
       label: "Cell background",
       value: n || "none",
       onChange: (y) => {
@@ -5265,7 +5265,7 @@ function Bc({
   onChange: n,
   sx: a
 }) {
-  return /* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ r(N, {
     label: t,
     data: jc,
     value: e,
@@ -5283,7 +5283,7 @@ function Gc({
     initialValues: kt
   });
   K(() => {
-    const s = te({}, e, a.values, kt);
+    const s = ne({}, e, a.values, kt);
     e && a.setValues(s);
   }, [e]);
   const i = t.data || [], o = () => a.insertListItem("columns", {
@@ -5380,12 +5380,12 @@ function Gc({
           }), /* @__PURE__ */ c(g, {
             position: "apart",
             grow: !0,
-            children: [/* @__PURE__ */ r(Fe, {
+            children: [/* @__PURE__ */ r(Pe, {
               label: "Striped",
               ...a.getInputProps("striped", {
                 type: "checkbox"
               })
-            }), /* @__PURE__ */ r(Fe, {
+            }), /* @__PURE__ */ r(Pe, {
               label: "Highlight on hover",
               ...a.getInputProps("highlightOnHover", {
                 type: "checkbox"
@@ -5402,7 +5402,7 @@ function Gc({
           border: "1px solid #eee",
           borderRadius: "5px"
         },
-        children: [/* @__PURE__ */ r(Fe, {
+        children: [/* @__PURE__ */ r(Pe, {
           label: "Use Original Data Columns",
           ...a.getInputProps("use_raw_columns", {
             type: "checkbox"
@@ -5461,7 +5461,7 @@ function Gc({
           }, l)), /* @__PURE__ */ r(g, {
             position: "center",
             mt: "xs",
-            children: /* @__PURE__ */ r(F, {
+            children: /* @__PURE__ */ r(P, {
               onClick: o,
               children: "Add a Column"
             })
@@ -5509,7 +5509,7 @@ const cn = {
   label_field: "",
   value_field: ""
 };
-ne.use([Vo, qe]);
+re.use([Vo, qe]);
 const Qc = {
   tooltip: {
     show: !0
@@ -5533,7 +5533,7 @@ function Yc({
   } = t.viewport, {
     label_field: o,
     value_field: s
-  } = te({}, e, zn), l = A(() => n.map((f) => ({
+  } = ne({}, e, zn), l = A(() => n.map((f) => ({
     name: f[o],
     value: Number(f[s])
   })), [n, o, s]), u = A(() => {
@@ -5554,7 +5554,7 @@ function Yc({
     }
   });
   return /* @__PURE__ */ r(Le, {
-    echarts: ne,
+    echarts: re,
     option: h,
     style: {
       width: a,
@@ -5571,7 +5571,7 @@ function Uc({
   } = G(t.instanceData, "config"), {
     label_field: a,
     value_field: i
-  } = te({}, e, zn), o = t.data, s = yn({
+  } = ne({}, e, zn), o = t.data, s = yn({
     initialValues: {
       label_field: a,
       value_field: i
@@ -5651,7 +5651,7 @@ const Xc = {
   label_field: "",
   value_field: ""
 };
-ne.use([zo, qe]);
+re.use([zo, qe]);
 const Jc = {
   tooltip: {
     show: !0
@@ -5697,14 +5697,14 @@ function Kc({
   } = t.viewport, {
     label_field: o,
     value_field: s
-  } = te({}, e, En), l = A(() => n.map((h) => ({
+  } = ne({}, e, En), l = A(() => n.map((h) => ({
     name: h[o],
     value: Number(h[s])
   })), [n, o, s]), u = A(() => ({
     series: {
       labelLayout: function(h) {
         const f = h.labelRect.x < a / 2, m = h.labelLinePoints;
-        return Pr(m, [2, 0], f ? h.labelRect.x : h.labelRect.x + h.labelRect.width), {
+        return Fr(m, [2, 0], f ? h.labelRect.x : h.labelRect.x + h.labelRect.width), {
           labelLinePoints: m
         };
       }
@@ -5715,7 +5715,7 @@ function Kc({
     }
   });
   return /* @__PURE__ */ r(Le, {
-    echarts: ne,
+    echarts: re,
     option: p,
     style: {
       width: a,
@@ -5732,7 +5732,7 @@ function Zc({
   } = G(t.instanceData, "config"), {
     label_field: a,
     value_field: i
-  } = te({}, e, En), o = t.data, s = yn({
+  } = ne({}, e, En), o = t.data, s = yn({
     initialValues: {
       label_field: a,
       value_field: i
@@ -5825,7 +5825,7 @@ const tu = {
     name: "Z Axis Name"
   }
 };
-ne.use([Ke, Fo, Ze, et, qe]);
+re.use([Ke, Po, Ze, et, qe]);
 function nu({
   context: t
 }) {
@@ -5841,12 +5841,12 @@ function nu({
     xAxis3D: u,
     yAxis3D: p,
     zAxis3D: h
-  } = te({}, e, On), f = A(() => {
+  } = ne({}, e, On), f = A(() => {
     const I = no(n, (R) => R[l]);
-    return re(I, l);
+    return ae(I, l);
   }, [n, l]), m = A(() => {
     const I = qr(n, (R) => R[l]);
-    return re(I, l);
+    return ae(I, l);
   }, [n, l]), y = {
     tooltip: {},
     backgroundColor: "#fff",
@@ -5882,7 +5882,7 @@ function nu({
     }]
   };
   return e ? /* @__PURE__ */ r(Le, {
-    echarts: ne,
+    echarts: re,
     option: y,
     style: {
       width: a,
@@ -5896,7 +5896,7 @@ function ru({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = te({}, e, On), {
+  } = G(t.instanceData, "config"), a = t.data, i = ne({}, e, On), {
     control: o,
     handleSubmit: s,
     reset: l
@@ -6025,7 +6025,7 @@ function ru({
           width: "60%"
         },
         mx: "auto",
-        children: /* @__PURE__ */ c(F, {
+        children: /* @__PURE__ */ c(P, {
           color: "blue",
           type: "submit",
           children: [/* @__PURE__ */ r(Z, {
@@ -6058,7 +6058,7 @@ const iu = {
   viewRender: nu,
   configRender: ru,
   createConfig: () => On
-}, Fn = {
+}, Pn = {
   x_axis: {
     name: "X Axis",
     data_key: ""
@@ -6071,7 +6071,7 @@ const iu = {
   variables: [],
   reference_lines: []
 };
-ne.use([Pt, Eo, Po, Ke, Ze, et, qe]);
+re.use([Ft, Eo, Fo, Ke, Ze, et, qe]);
 function ou(t, e, n) {
   const a = e.reduce((i, o) => {
     const s = Ba(o, n);
@@ -6111,7 +6111,7 @@ function su({
     color: l,
     variables: u,
     reference_lines: p
-  } = te({}, e, Fn), {
+  } = ne({}, e, Pn), {
     xAxisData: h,
     boxplotData: f
   } = A(() => {
@@ -6163,7 +6163,7 @@ function su({
     }, ...ou(p, u, n)]
   };
   return !e || !a || !i ? null : /* @__PURE__ */ r(Le, {
-    echarts: ne,
+    echarts: re,
     option: m,
     style: {
       width: a,
@@ -6207,7 +6207,7 @@ function lu({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(j, {
+        }) => /* @__PURE__ */ r(N, {
           label: "Value",
           required: !0,
           data: a,
@@ -6277,7 +6277,7 @@ function cu({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: l,
         children: "Add a Reference Line"
       })
@@ -6349,7 +6349,7 @@ function du({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: u,
         children: "Add a Variable"
       })
@@ -6362,7 +6362,7 @@ function hu({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = A(() => te({}, e, Fn), [e]), {
+  } = G(t.instanceData, "config"), a = t.data, i = A(() => ne({}, e, Pn), [e]), {
     control: o,
     handleSubmit: s,
     watch: l,
@@ -6554,7 +6554,7 @@ const mu = {
   name: "boxplot",
   viewRender: su,
   configRender: hu,
-  createConfig: () => Fn
+  createConfig: () => Pn
 };
 function fu(t) {
   const e = t.y_axes.some((n) => !!n.name);
@@ -6681,17 +6681,19 @@ function wu(t, e, n) {
   ];
 }
 function Su(t, e) {
-  return t.y_axes.map(({ ...n }, a) => {
-    var i;
-    return {
-      ...n,
+  return t.y_axes.map(({ nameAlignment: n, ...a }, i) => {
+    var s;
+    let o = a.position;
+    return o || (o = i > 0 ? "right" : "left"), {
+      ...a,
+      position: o,
       axisLabel: {
         show: !0,
-        formatter: (i = e[a]) != null ? i : e.default
+        formatter: (s = e[i]) != null ? s : e.default
       },
       nameTextStyle: {
         fontWeight: "bold",
-        align: "right"
+        align: n
       },
       nameLocation: "end",
       nameGap: 15
@@ -6761,7 +6763,7 @@ function Iu(t, e) {
   };
   return Ge({}, u, _u);
 }
-const Pn = {
+const Fn = {
   regressions: [],
   series: [],
   stats: { templates: { bottom: "", top: "" }, variables: [] },
@@ -6770,14 +6772,16 @@ const Pn = {
   y_axes: [
     {
       name: "Y Axis",
+      position: "left",
+      nameAlignment: "center",
       label_formatter: Dn
     }
   ],
   variables: [],
   reference_lines: []
 };
-ne.use([Pt, Jr, Kr, Zr, Ke, Ze, et, qe]);
-ne.registerTransform(ea.regression);
+re.use([Ft, Jr, Kr, Zr, Ke, Ze, et, qe]);
+re.registerTransform(ea.regression);
 function _r(t) {
   return t.trim().length > 0;
 }
@@ -6789,7 +6793,7 @@ function Du({
 }) {
   const i = x.useMemo(() => Iu(t, e), [t, e]);
   return !n || !a ? null : /* @__PURE__ */ r(Le, {
-    echarts: ne,
+    echarts: re,
     option: i,
     style: {
       width: n,
@@ -6802,7 +6806,7 @@ function Ru({
 }) {
   const {
     value: e
-  } = G(t.instanceData, "config"), n = A(() => te({}, e, Pn), [e]), a = t.data, {
+  } = G(t.instanceData, "config"), n = A(() => ne({}, e, Fn), [e]), a = t.data, {
     width: i,
     height: o
   } = t.viewport, {
@@ -6939,7 +6943,7 @@ function Tu({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: u,
         children: "Add a Variable"
       })
@@ -7017,7 +7021,7 @@ function zu({
           }
         }) => {
           var h;
-          return /* @__PURE__ */ r(j, {
+          return /* @__PURE__ */ r(N, {
             label: "Y Axis",
             data: i,
             disabled: i.length === 0,
@@ -7044,7 +7048,7 @@ function zu({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(j, {
+        }) => /* @__PURE__ */ r(N, {
           label: "Method",
           data: Vu,
           sx: {
@@ -7142,7 +7146,7 @@ function Eu({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: h,
         children: "Add a Regression Line"
       })
@@ -7156,7 +7160,7 @@ const Ou = [{
   label: "Bars overlapping on each other",
   value: "-100%"
 }];
-function Fu({
+function Pu({
   control: t,
   index: e
 }) {
@@ -7195,7 +7199,7 @@ function Fu({
       control: t,
       render: ({
         field: n
-      }) => /* @__PURE__ */ r(j, {
+      }) => /* @__PURE__ */ r(N, {
         label: "Bar Gap",
         data: Ou,
         sx: {
@@ -7206,7 +7210,7 @@ function Fu({
     })]
   });
 }
-const Pu = [{
+const Fu = [{
   label: "off",
   value: "false"
 }, {
@@ -7231,9 +7235,9 @@ function Mu({
       control: t,
       render: ({
         field: n
-      }) => /* @__PURE__ */ r(j, {
+      }) => /* @__PURE__ */ r(N, {
         label: "Step",
-        data: Pu,
+        data: Fu,
         sx: {
           flexGrow: 1,
           maxWidth: "48%"
@@ -7254,7 +7258,7 @@ function Mu({
         sx: {
           flexGrow: 1
         },
-        children: /* @__PURE__ */ r(Fe, {
+        children: /* @__PURE__ */ r(Pe, {
           label: "Smooth Line",
           checked: n.value,
           onChange: (a) => n.onChange(a.currentTarget.checked)
@@ -7430,7 +7434,7 @@ function $u({
           }
         }) => {
           var h;
-          return /* @__PURE__ */ r(j, {
+          return /* @__PURE__ */ r(N, {
             label: "Y Axis",
             data: i,
             disabled: i.length === 0,
@@ -7466,7 +7470,7 @@ function $u({
     }), s === "line" && /* @__PURE__ */ r(Mu, {
       index: e,
       control: t
-    }), s === "bar" && /* @__PURE__ */ r(Fu, {
+    }), s === "bar" && /* @__PURE__ */ r(Pu, {
       index: e,
       control: t
     }), s === "scatter" && /* @__PURE__ */ r(Lu, {
@@ -7477,7 +7481,7 @@ function $u({
       control: t,
       render: ({
         field: l
-      }) => /* @__PURE__ */ r(j, {
+      }) => /* @__PURE__ */ r(N, {
         label: "Label Position",
         data: qu,
         ...l
@@ -7557,14 +7561,30 @@ function Nu({
     }, f.id)), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: u,
         children: "Add a Series"
       })
     })]
   });
 }
-function ju({
+const ju = [{
+  label: "left",
+  value: "left"
+}, {
+  label: "center",
+  value: "center"
+}, {
+  label: "right",
+  value: "right"
+}], Bu = [{
+  label: "left",
+  value: "left"
+}, {
+  label: "right",
+  value: "right"
+}];
+function Gu({
   control: t,
   index: e,
   remove: n
@@ -7577,10 +7597,15 @@ function ju({
       border: "1px solid #eee",
       position: "relative"
     },
-    children: [/* @__PURE__ */ r(g, {
+    children: [/* @__PURE__ */ r(te, {
+      mb: -15,
+      variant: "dashed",
+      label: "Name",
+      labelPosition: "center"
+    }), /* @__PURE__ */ c(g, {
       grow: !0,
       noWrap: !0,
-      children: /* @__PURE__ */ r(_, {
+      children: [/* @__PURE__ */ r(_, {
         name: `y_axes.${e}.name`,
         control: t,
         render: ({
@@ -7593,9 +7618,51 @@ function ju({
           },
           ...a
         })
-      })
-    }), /* @__PURE__ */ r(w, {
+      }), /* @__PURE__ */ r(_, {
+        name: `y_axes.${e}.nameAlignment`,
+        control: t,
+        render: ({
+          field: a
+        }) => /* @__PURE__ */ r(N, {
+          label: "Align",
+          required: !0,
+          data: ju,
+          sx: {
+            flex: 1
+          },
+          ...a
+        })
+      })]
+    }), /* @__PURE__ */ r(te, {
+      mb: -15,
+      variant: "dashed",
+      label: "Layout",
+      labelPosition: "center"
+    }), /* @__PURE__ */ r(g, {
+      grow: !0,
+      noWrap: !0,
       children: /* @__PURE__ */ r(_, {
+        name: `y_axes.${e}.position`,
+        control: t,
+        render: ({
+          field: a
+        }) => /* @__PURE__ */ r(N, {
+          label: "Position",
+          required: !0,
+          data: Bu,
+          sx: {
+            flex: 1
+          },
+          ...a
+        })
+      })
+    }), /* @__PURE__ */ c(w, {
+      children: [/* @__PURE__ */ r(te, {
+        mb: -15,
+        variant: "dashed",
+        label: "Label Format",
+        labelPosition: "center"
+      }), /* @__PURE__ */ r(_, {
         name: `y_axes.${e}.label_formatter`,
         control: t,
         render: ({
@@ -7603,7 +7670,7 @@ function ju({
         }) => /* @__PURE__ */ r(Da, {
           ...a
         })
-      })
+      })]
     }), /* @__PURE__ */ r(z, {
       color: "red",
       variant: "subtle",
@@ -7620,7 +7687,7 @@ function ju({
     })]
   });
 }
-function Bu({
+function Wu({
   control: t,
   watch: e
 }) {
@@ -7639,21 +7706,21 @@ function Bu({
     label_formatter: Dn
   });
   return /* @__PURE__ */ c(w, {
-    children: [s.map((u, p) => /* @__PURE__ */ r(ju, {
+    children: [s.map((u, p) => /* @__PURE__ */ r(Gu, {
       control: t,
       index: p,
       remove: i
     }, p)), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: l,
         children: "Add a Y Axis"
       })
     })]
   });
 }
-function Gu({
+function Qu({
   control: t,
   index: e,
   remove: n,
@@ -7693,7 +7760,7 @@ function Gu({
     })]
   }, e);
 }
-function Wu({
+function Yu({
   control: t,
   watch: e,
   data: n
@@ -7710,7 +7777,7 @@ function Wu({
     ...s[h]
   })), u = () => i(Lt());
   return /* @__PURE__ */ c(w, {
-    children: [l.map((p, h) => /* @__PURE__ */ r(Gu, {
+    children: [l.map((p, h) => /* @__PURE__ */ r(Qu, {
       control: t,
       index: h,
       remove: o,
@@ -7718,14 +7785,14 @@ function Wu({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: u,
         children: "Add a Variable"
       })
     })]
   });
 }
-function Qu({
+function Uu({
   control: t,
   index: e,
   remove: n,
@@ -7761,7 +7828,7 @@ function Qu({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(j, {
+        }) => /* @__PURE__ */ r(N, {
           label: "Value",
           required: !0,
           data: a,
@@ -7800,7 +7867,7 @@ function Qu({
     })]
   }, e);
 }
-function Yu({
+function Hu({
   control: t,
   watch: e
 }) {
@@ -7823,7 +7890,7 @@ function Yu({
     value: h.name
   })), [u]);
   return /* @__PURE__ */ c(w, {
-    children: [s.map((h, f) => /* @__PURE__ */ r(Qu, {
+    children: [s.map((h, f) => /* @__PURE__ */ r(Uu, {
       control: t,
       index: f,
       remove: i,
@@ -7831,14 +7898,14 @@ function Yu({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: l,
         children: "Add a Reference Line"
       })
     })]
   });
 }
-function Uu(t) {
+function Xu(t) {
   function e({
     type: n,
     name: a,
@@ -7874,7 +7941,7 @@ function Uu(t) {
   }
   return t.map(e);
 }
-function Hu(t) {
+function Ju(t) {
   return t || {
     templates: {
       top: "",
@@ -7883,21 +7950,21 @@ function Hu(t) {
     variables: []
   };
 }
-function Xu({
+function Ku({
   context: t
 }) {
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = A(() => Ge({}, e, Pn), [e]), o = A(() => {
+  } = G(t.instanceData, "config"), a = t.data, i = A(() => Ge({}, e, Fn), [e]), o = A(() => {
     const {
       series: y,
       stats: I,
       ...R
     } = i;
     return {
-      series: Uu(y != null ? y : []),
-      stats: Hu(I),
+      series: Xu(y != null ? y : []),
+      stats: Ju(I),
       ...R
     };
   }, [i]);
@@ -7987,7 +8054,7 @@ function Xu({
           children: [/* @__PURE__ */ r(M.Control, {
             children: "Y Axes"
           }), /* @__PURE__ */ r(M.Panel, {
-            children: /* @__PURE__ */ r(Bu, {
+            children: /* @__PURE__ */ r(Wu, {
               control: s,
               watch: u
             })
@@ -8051,7 +8118,7 @@ function Xu({
               }), /* @__PURE__ */ r(V.Panel, {
                 value: "variables",
                 pt: "xs",
-                children: /* @__PURE__ */ r(Wu, {
+                children: /* @__PURE__ */ r(Yu, {
                   control: s,
                   watch: u,
                   data: a
@@ -8059,7 +8126,7 @@ function Xu({
               }), /* @__PURE__ */ r(V.Panel, {
                 value: "reference_lines",
                 pt: "xs",
-                children: /* @__PURE__ */ r(Yu, {
+                children: /* @__PURE__ */ r(Hu, {
                   control: s,
                   watch: u
                 })
@@ -8071,7 +8138,7 @@ function Xu({
     })
   });
 }
-class Ju extends ye {
+class Zu extends ye {
   constructor() {
     super(...arguments);
     E(this, "VERSION", 1);
@@ -8083,14 +8150,14 @@ class Ju extends ye {
     }));
   }
 }
-const Ku = {
+const ed = {
   displayName: "Cartesian Chart",
-  migrator: new Ju(),
+  migrator: new Zu(),
   name: "cartesian",
   viewRender: Ru,
-  configRender: Xu,
-  createConfig: () => Pn
-}, Zu = {
+  configRender: Ku,
+  createConfig: () => Fn
+}, td = {
   legend: {
     show: !0,
     bottom: 0,
@@ -8100,7 +8167,7 @@ const Ku = {
     trigger: "item"
   }
 };
-function ed(t, e) {
+function nd(t, e) {
   const n = t.dimensions.map(({ name: o, max: s, color: l }) => ({
     name: o,
     max: s,
@@ -8117,14 +8184,14 @@ function ed(t, e) {
       data: a
     }
   };
-  return $.merge({}, Zu, i);
+  return $.merge({}, td, i);
 }
 const Mn = {
   series_name_key: "name",
   dimensions: []
 };
-ne.use([Oo, Ke, Ze, et, qe]);
-function td({
+re.use([Oo, Ke, Ze, et, qe]);
+function rd({
   context: t
 }) {
   const {
@@ -8132,10 +8199,10 @@ function td({
   } = G(t.instanceData, "config"), {
     width: n,
     height: a
-  } = t.viewport, i = t.data, o = A(() => ed(Ge({}, e, Mn), i), [e, i]);
+  } = t.viewport, i = t.data, o = A(() => nd(Ge({}, e, Mn), i), [e, i]);
   return !n || !a || !e || Mr(e == null ? void 0 : e.dimensions) ? null : /* @__PURE__ */ r(q, {
     children: /* @__PURE__ */ r(Le, {
-      echarts: ne,
+      echarts: re,
       option: o,
       style: {
         width: n,
@@ -8144,7 +8211,7 @@ function td({
     })
   });
 }
-function nd({
+function ad({
   control: t,
   index: e,
   remove: n,
@@ -8232,7 +8299,7 @@ function nd({
     })]
   }, e);
 }
-function rd({
+function id({
   control: t,
   watch: e,
   data: n
@@ -8254,7 +8321,7 @@ function rd({
     color: "red"
   });
   return /* @__PURE__ */ c(w, {
-    children: [l.map((p, h) => /* @__PURE__ */ r(nd, {
+    children: [l.map((p, h) => /* @__PURE__ */ r(ad, {
       data: n,
       control: t,
       index: h,
@@ -8262,14 +8329,14 @@ function rd({
     })), /* @__PURE__ */ r(g, {
       position: "center",
       mt: "xs",
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         onClick: u,
         children: "Add a Dimension"
       })
     })]
   });
 }
-function ad(t) {
+function od(t) {
   function e({
     name: n = "",
     data_key: a = "",
@@ -8285,7 +8352,7 @@ function ad(t) {
   }
   return t.map(e);
 }
-function id({
+function sd({
   context: t
 }) {
   const e = t.data, {
@@ -8295,7 +8362,7 @@ function id({
     dimensions: o,
     series_name_key: s
   } = i, l = A(() => ({
-    dimensions: ad(o != null ? o : []),
+    dimensions: od(o != null ? o : []),
     series_name_key: s
   }), [o, s]);
   K(() => {
@@ -8356,7 +8423,7 @@ function id({
             ...R
           })
         })
-      }), /* @__PURE__ */ r(rd, {
+      }), /* @__PURE__ */ r(id, {
         control: u,
         watch: h,
         data: e
@@ -8364,7 +8431,7 @@ function id({
     })
   });
 }
-class od extends ye {
+class ld extends ye {
   constructor() {
     super(...arguments);
     E(this, "VERSION", 1);
@@ -8376,15 +8443,15 @@ class od extends ye {
     }));
   }
 }
-const sd = {
+const cd = {
   displayName: "Radar Chart",
-  migrator: new od(),
+  migrator: new ld(),
   name: "radar",
-  viewRender: td,
-  configRender: id,
+  viewRender: rd,
+  configRender: sd,
   createConfig: () => Mn
 };
-function ld(t, e) {
+function ud(t, e) {
   switch (t.config.method) {
     case "linear":
       return [...ze.regressionLinear()(e)];
@@ -8398,11 +8465,11 @@ function ld(t, e) {
       return [];
   }
 }
-function cd({ regression: t }, e) {
+function dd({ regression: t }, e) {
   const n = [], a = [];
   if (e.length === 0)
     return { regressionSeries: n, regressionXAxes: a };
-  const { transform: i, plot: o, name: s } = t, l = ld(i, e);
+  const { transform: i, plot: o, name: s } = t, l = ud(i, e);
   return n.push({
     ...o,
     name: s,
@@ -8414,7 +8481,7 @@ function cd({ regression: t }, e) {
     }
   }), { regressionSeries: n, regressionXAxes: a };
 }
-const ud = {
+const hd = {
   tooltip: {
     trigger: "axis"
   },
@@ -8436,12 +8503,12 @@ const ud = {
     }
   ]
 };
-function dd(t, e) {
+function pd(t, e) {
   var o, s;
   const n = $.uniqBy(
     e.map((l) => [l[t.x_axis.data_key], l[t.regression.y_axis_data_key]]),
     0
-  ), { regressionSeries: a } = cd(t, n), i = {
+  ), { regressionSeries: a } = dd(t, n), i = {
     xAxis: {
       type: "category",
       name: (o = t.x_axis.name) != null ? o : ""
@@ -8460,12 +8527,12 @@ function dd(t, e) {
       ...a
     ]
   };
-  return Ge({}, i, ud);
+  return Ge({}, i, hd);
 }
 function It(t, e, n) {
   return 1 - (1 - t) * (e - 1) / (e - n - 1);
 }
-function hd(t, e) {
+function md(t, e) {
   if (!e)
     return {
       expression: "",
@@ -8641,9 +8708,9 @@ const An = {
     y_axis_data_key: "value"
   }
 };
-ne.use([Pt, Zr, Ke, Ze, et, qe]);
-ne.registerTransform(ea.regression);
-function pd({
+re.use([Ft, Zr, Ke, Ze, et, qe]);
+re.registerTransform(ea.regression);
+function fd({
   context: t
 }) {
   const {
@@ -8658,11 +8725,11 @@ function pd({
       ...y,
       [f]: Number(y[f])
     }) : h;
-  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), o = A(() => dd(Ge({}, e, An), i), [e, i]), {
+  }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), o = A(() => pd(Ge({}, e, An), i), [e, i]), {
     expression: s,
     rSquared: l,
     adjustedRSquared: u
-  } = A(() => hd(i, e), [e, i]);
+  } = A(() => md(i, e), [e, i]);
   if (!n || !a || !e)
     return null;
   let p = a;
@@ -8682,7 +8749,7 @@ function pd({
         }
       },
       children: [/* @__PURE__ */ r(Le, {
-        echarts: ne,
+        echarts: re,
         option: o,
         style: {
           width: n - 190,
@@ -8729,7 +8796,7 @@ function pd({
     })]
   });
 }
-const md = [{
+const gd = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -8742,7 +8809,7 @@ const md = [{
   label: "Polynomial",
   value: "polynomial"
 }];
-function fd({
+function bd({
   control: t,
   watch: e,
   data: n
@@ -8788,9 +8855,9 @@ function fd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(j, {
+        }) => /* @__PURE__ */ r(N, {
           label: "Method",
-          data: md,
+          data: gd,
           sx: {
             flex: 1
           },
@@ -8826,13 +8893,13 @@ function fd({
     })]
   });
 }
-function gd({
+function vd({
   context: t
 }) {
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = A(() => te({}, e, An), [e]), {
+  } = G(t.instanceData, "config"), a = t.data, i = A(() => ne({}, e, An), [e]), {
     control: o,
     handleSubmit: s,
     watch: l,
@@ -8931,7 +8998,7 @@ function gd({
           children: [/* @__PURE__ */ r(M.Control, {
             children: "Regression Line"
           }), /* @__PURE__ */ r(M.Panel, {
-            children: /* @__PURE__ */ r(fd, {
+            children: /* @__PURE__ */ r(bd, {
               control: o,
               watch: l,
               data: a
@@ -8942,7 +9009,7 @@ function gd({
     })
   });
 }
-class bd extends ye {
+class yd extends ye {
   constructor() {
     super(...arguments);
     E(this, "VERSION", 1);
@@ -8954,12 +9021,12 @@ class bd extends ye {
     }));
   }
 }
-const vd = {
+const xd = {
   displayName: "Regression Chart",
-  migrator: new bd(),
+  migrator: new yd(),
   name: "regressionChart",
-  viewRender: pd,
-  configRender: gd,
+  viewRender: fd,
+  configRender: vd,
   createConfig: () => An
 }, Ln = {
   x_axis: {
@@ -8982,7 +9049,7 @@ function qn(t) {
     mantissa: 0
   });
 }
-function yd(t) {
+function Cd(t) {
   const e = t.value[1];
   try {
     return qn(e);
@@ -8990,7 +9057,7 @@ function yd(t) {
     return console.error(n), e;
   }
 }
-function xd(t) {
+function wd(t) {
   const e = Array.isArray(t) ? t : [t];
   if (e.length === 0)
     return "";
@@ -9000,8 +9067,8 @@ function xd(t) {
   });
   return n.unshift(`<strong>${e[0].name}</strong>`), n.join("<br />");
 }
-ne.use([Jr, Kr, Pt, Ke, Ze, et, qe]);
-function Cd({
+re.use([Jr, Kr, Ft, Ke, Ze, et, qe]);
+function Sd({
   context: t
 }) {
   const {
@@ -9014,7 +9081,7 @@ function Cd({
     data_key: s,
     bar: l,
     line: u
-  } = te({}, e, Ln), {
+  } = ne({}, e, Ln), {
     barData: p,
     lineData: h
   } = A(() => {
@@ -9036,7 +9103,7 @@ function Cd({
     }],
     tooltip: {
       trigger: "axis",
-      formatter: xd
+      formatter: wd
     },
     xAxis: [{
       type: "category",
@@ -9084,14 +9151,14 @@ function Cd({
       label: {
         show: !0,
         position: "top",
-        formatter: yd
+        formatter: Cd
       },
       yAxisIndex: 1,
       data: h
     }]
   };
   return !e || !a || !i ? null : /* @__PURE__ */ r(Le, {
-    echarts: ne,
+    echarts: re,
     option: f,
     style: {
       width: a,
@@ -9099,13 +9166,13 @@ function Cd({
     }
   });
 }
-function wd({
+function _d({
   context: t
 }) {
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = A(() => te({}, e, Ln), [e]), {
+  } = G(t.instanceData, "config"), a = t.data, i = A(() => ne({}, e, Ln), [e]), {
     control: o,
     handleSubmit: s,
     watch: l,
@@ -9187,7 +9254,7 @@ function wd({
           },
           ...m
         })
-      }), /* @__PURE__ */ r(ie, {
+      }), /* @__PURE__ */ r(te, {
         my: "md",
         label: "Bar",
         labelPosition: "center"
@@ -9221,7 +9288,7 @@ function wd({
             })
           })]
         })]
-      }), /* @__PURE__ */ r(ie, {
+      }), /* @__PURE__ */ r(te, {
         my: "md",
         label: "Line",
         labelPosition: "center"
@@ -9259,7 +9326,7 @@ function wd({
     })
   });
 }
-class Sd extends ye {
+class Id extends ye {
   constructor() {
     super(...arguments);
     E(this, "VERSION", 1);
@@ -9271,14 +9338,14 @@ class Sd extends ye {
     }));
   }
 }
-const _d = {
+const Dd = {
   displayName: "Pareto Chart",
-  migrator: new Sd(),
+  migrator: new Id(),
   name: "paretoChart",
-  viewRender: Cd,
-  configRender: wd,
+  viewRender: Sd,
+  configRender: _d,
   createConfig: () => Ln
-}, Id = [{
+}, Rd = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -9325,12 +9392,12 @@ const _d = {
   value: t.value,
   type: "single",
   category: "basic"
-})), Dd = [Js, Ks, tl, el, Zs, nl], Ha = {
+})), kd = [Js, Ks, tl, el, Zs, nl], Ha = {
   id: "dashboard",
   version: rl,
   manifest: {
-    viz: [cn, rc, ul, Xc, tu, iu, mu, _d, Ku, sd, vd],
-    color: [...Id, ...Dd]
+    viz: [cn, rc, ul, Xc, tu, iu, mu, Dd, ed, cd, xd],
+    color: [...Rd, ...kd]
   }
 }, lt = new il(), Xa = () => {
   try {
@@ -9348,27 +9415,27 @@ try {
   lt.install(Ha);
 } catch {
 }
-function Rd(t, e) {
+function Td(t, e) {
   const {
     value: n,
     set: a
-  } = G(t.operation.operationData, "config"), [i, o] = de(te({}, n, e)), s = async () => {
+  } = G(t.operation.operationData, "config"), [i, o] = de(ne({}, n, e)), s = async () => {
     await a(i);
   };
   return K(() => {
-    o(te({}, n, e));
+    o(ne({}, n, e));
   }, [n]), {
     config: i,
     setConfig: o,
     commit: s
   };
 }
-function kd(t) {
+function Vd(t) {
   const {
     config: e,
     setConfig: n,
     commit: a
-  } = Rd(t, {
+  } = Td(t, {
     urlTemplate: "",
     openInNewTab: !0
   });
@@ -9391,33 +9458,33 @@ function kd(t) {
       value: e.urlTemplate,
       onChange: s,
       onBlur: i
-    }), /* @__PURE__ */ r(Fe, {
+    }), /* @__PURE__ */ r(Pe, {
       label: "Open in new Tab",
       checked: e.openInNewTab,
       onChange: (l) => o(l.currentTarget.checked)
     })]
   });
 }
-function Td(t) {
+function zd(t) {
   return ao(t, (n) => {
     if (typeof n == "string")
       return encodeURIComponent(n);
   });
 }
-async function Vd(t, e) {
+async function Ed(t, e) {
   const {
     urlTemplate: n,
     openInNewTab: a
-  } = await e.operationData.getItem("config"), o = Nr(n || "")(Td(t));
+  } = await e.operationData.getItem("config"), o = Nr(n || "")(zd(t));
   window.open(o, a ? "_blank" : "_self", "noopener");
 }
-const zd = {
+const Od = {
   displayName: "Open Link",
   id: "builtin:op:open-link",
-  configRender: kd,
-  run: Vd
+  configRender: Vd,
+  run: Ed
 };
-function Ed(t) {
+function Pd(t) {
   const {
     value: e,
     set: n
@@ -9426,25 +9493,25 @@ function Ed(t) {
   });
   return [(e == null ? void 0 : e.template) || "", a];
 }
-function Od(t) {
-  const [e, n] = Ed(t.operation);
+function Fd(t) {
+  const [e, n] = Pd(t.operation);
   return /* @__PURE__ */ r(k, {
     defaultValue: e,
     onBlur: (a) => n(a.currentTarget.value),
     label: "console.log"
   });
 }
-async function Fd(t, e) {
+async function Md(t, e) {
   const n = await e.operationData.getItem("config"), a = Nr(n.template || "");
   console.log("run with payload", t), console.log(a(t));
 }
-const Pd = {
+const Ad = {
   displayName: "console.log (debug)",
   id: "builtin:op:debug",
-  configRender: Od,
-  run: Fd
-}, $n = [Pd, zd];
-class Md {
+  configRender: Fd,
+  run: Md
+}, $n = [Ad, Od];
+class Ld {
   constructor(e, n = $n) {
     E(this, "attachments");
     this.operations = n;
@@ -9495,7 +9562,7 @@ class Md {
   }
 }
 const Ir = "__TRIGGERS";
-class Ad {
+class qd {
   constructor(e, n) {
     E(this, "attachments");
     this.instance = e, this.component = n;
@@ -9515,9 +9582,9 @@ class Ad {
       (n) => {
         const a = Or(n).map(
           (i) => ({
-            id: re(i, "id"),
-            schemaRef: re(i, "schemaRef"),
-            config: Ft(re(i, "data.config"))
+            id: ae(i, "id"),
+            schemaRef: ae(i, "schemaRef"),
+            config: Pt(ae(i, "data.config"))
           })
         );
         e(a);
@@ -9553,7 +9620,7 @@ class Ja {
     E(this, "operationManager");
     E(this, "triggerManager");
     E(this, "attachments");
-    this.operationManager = new Md(e, a), this.triggerManager = new Ad(e, n);
+    this.operationManager = new Ld(e, a), this.triggerManager = new qd(e, n);
     const i = async (o) => {
       const { id: s, triggerRef: l, operationRef: u } = await o.getItem(null);
       return {
@@ -9601,14 +9668,14 @@ class Ja {
     );
   }
 }
-function Ld(t, e) {
+function $d(t, e) {
   const [n, a] = de([]);
   return ft(async () => {
     const i = await t.getInteractionList();
     a(i);
   }, [e]), n;
 }
-const qd = D(({
+const Nd = D(({
   item: t,
   manager: e,
   instance: n,
@@ -9632,7 +9699,7 @@ const qd = D(({
         operationId: l,
         variables: p,
         operationManager: e.operationManager
-      }), /* @__PURE__ */ r(F, {
+      }), /* @__PURE__ */ r(P, {
         "aria-label": "delete-interaction",
         variant: "outline",
         color: "red",
@@ -9642,13 +9709,13 @@ const qd = D(({
     });
   }
   return null;
-}), $d = (t) => {
+}), jd = (t) => {
   const [e, n] = de(0), {
     interactionManager: a,
     instance: i,
     sampleData: o,
     variables: s
-  } = t, l = Ld(a, e), u = async () => {
+  } = t, l = $d(a, e), u = async () => {
     const h = await a.triggerManager.createOrGetTrigger(fe(), a.triggerManager.getTriggerSchemaList()[0]), f = await a.operationManager.createOrGetOperation(fe(), a.operationManager.getOperationSchemaList()[0]);
     await a.addInteraction(h, f), n((m) => m + 1);
   };
@@ -9656,14 +9723,14 @@ const qd = D(({
     await a.removeInteraction(h.id), n((f) => f + 1);
   }
   return /* @__PURE__ */ c(w, {
-    children: [l.map((h) => /* @__PURE__ */ r(qd, {
+    children: [l.map((h) => /* @__PURE__ */ r(Nd, {
       onRemove: p,
       instance: i,
       sampleData: o,
       variables: s,
       item: h,
       manager: t.interactionManager
-    }, h.id)), /* @__PURE__ */ r(F, {
+    }, h.id)), /* @__PURE__ */ r(P, {
       style: {
         width: "fit-content"
       },
@@ -9671,13 +9738,13 @@ const qd = D(({
       children: "Add interaction"
     })]
   });
-}, Nd = () => {
+}, Bd = () => {
   const {
     panel: t,
     data: e
   } = he(), n = t.viz, {
     vizManager: a
-  } = Me(Te), i = t.json, o = Pe(() => a.getOrCreateInstance(i), [a, n.type]), s = Pe(() => new Ja(o, a.resolveComponent(n.type), $n), [o, n.type]);
+  } = Me(Te), i = t.json, o = Fe(() => a.getOrCreateInstance(i), [a, n.type]), s = Fe(() => new Ja(o, a.resolveComponent(n.type), $n), [o, n.type]);
   return K(() => o.instanceData.watchItem(
     null,
     io((l) => {
@@ -9693,12 +9760,12 @@ const qd = D(({
     sampleData: e,
     variables: []
   };
-}, jd = () => {
-  const t = Nd();
-  return /* @__PURE__ */ r($d, {
+}, Gd = () => {
+  const t = Bd();
+  return /* @__PURE__ */ r(jd, {
     ...t
   });
-}, Bd = D(() => {
+}, Wd = D(() => {
   const {
     panel: t
   } = he(), [e, n] = x.useState(t.description), a = t.description !== e, i = x.useCallback(() => {
@@ -9735,20 +9802,20 @@ const qd = D(({
       p: "0"
     })]
   });
-}), Gd = D(() => {
+}), Qd = D(() => {
   const {
     panel: t
   } = he(), {
     style: e
   } = t;
   return /* @__PURE__ */ r(U, {
-    children: /* @__PURE__ */ r(Fe, {
+    children: /* @__PURE__ */ r(Pe, {
       label: "Border",
       checked: e.border.enabled,
       onChange: (n) => e.border.setEnabled(n.currentTarget.checked)
     })
   });
-}), Wd = D(() => {
+}), Yd = D(() => {
   const {
     panel: {
       title: t,
@@ -9803,7 +9870,7 @@ const qd = D(({
       })]
     })
   });
-}), Qd = D(() => {
+}), Ud = D(() => {
   const {
     panel: t
   } = he(), {
@@ -9840,7 +9907,7 @@ const qd = D(({
     }
   });
 });
-function Yd() {
+function Hd() {
   return /* @__PURE__ */ c(g, {
     grow: !0,
     noWrap: !0,
@@ -9855,26 +9922,26 @@ function Yd() {
         flexGrow: 0,
         height: "100%"
       },
-      children: [/* @__PURE__ */ r(ie, {
+      children: [/* @__PURE__ */ r(te, {
         label: "Style",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ r(Gd, {}), /* @__PURE__ */ r(ie, {
+      }), /* @__PURE__ */ r(Qd, {}), /* @__PURE__ */ r(te, {
         label: "Info",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ r(Qd, {}), /* @__PURE__ */ r(Bd, {})]
+      }), /* @__PURE__ */ r(Ud, {}), /* @__PURE__ */ r(Wd, {})]
     }), /* @__PURE__ */ r(q, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ r(Wd, {})
+      children: /* @__PURE__ */ r(Yd, {})
     })]
   });
 }
-const Ud = D(function() {
+const Xd = D(function() {
   const e = ee(), {
     panel: {
       queryID: n,
@@ -9893,7 +9960,7 @@ const Ud = D(function() {
       },
       children: [/* @__PURE__ */ r(v, {
         children: "Select a Query"
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(N, {
         data: i,
         value: n,
         onChange: a,
@@ -9909,7 +9976,7 @@ const Ud = D(function() {
   });
 });
 function Ka(t, e, n) {
-  const a = Pe(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
+  const a = Fe(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
   return ft(async () => {
     if (await i.migrator.needMigration(e) && !a.has(e.id))
       try {
@@ -9921,7 +9988,7 @@ function Ka(t, e, n) {
       s(!0);
   }, [e]), o;
 }
-function Hd({
+function Jd({
   setVizConf: t,
   ...e
 }) {
@@ -9944,7 +10011,7 @@ function Hd({
     children: "Checking update..."
   });
 }
-function Xd(t) {
+function Kd(t) {
   const {
     vizManager: e,
     panel: n
@@ -9960,7 +10027,7 @@ function Xd(t) {
     children: "Checking update"
   });
 }
-function Jd(t, e) {
+function Zd(t, e) {
   const {
     vizManager: n
   } = Me(Te), {
@@ -9982,13 +10049,13 @@ function Jd(t, e) {
     style: u.json
   };
   try {
-    return n.resolveComponent(a.type), /* @__PURE__ */ r(Xd, {
+    return n.resolveComponent(a.type), /* @__PURE__ */ r(Kd, {
       panel: p,
       data: t,
       vizManager: n
     });
   } catch (h) {
-    return console.info(re(h, "message")), null;
+    return console.info(ae(h, "message")), null;
   }
 }
 function Dr(t, e, n, a) {
@@ -9997,7 +10064,7 @@ function Dr(t, e, n, a) {
       return null;
   }
 }
-const Kd = ["rich-text"], Za = D(function({
+const eh = ["rich-text"], Za = D(function({
   height: e,
   viz: n,
   data: a,
@@ -10007,11 +10074,11 @@ const Kd = ["rich-text"], Za = D(function({
     ref: o,
     width: s,
     height: l
-  } = rn(), u = x.useMemo(() => !Array.isArray(a) || a.length === 0, [a]), p = Jd(a, {
+  } = rn(), u = x.useMemo(() => !Array.isArray(a) || a.length === 0, [a]), p = Zd(a, {
     w: s,
     h: l
   });
-  if (!(!Kd.includes(n.type) || !!p))
+  if (!(!eh.includes(n.type) || !!p))
     return /* @__PURE__ */ r("div", {
       className: "viz-root",
       ref: o,
@@ -10045,7 +10112,7 @@ const Kd = ["rich-text"], Za = D(function({
     })]
   });
 });
-function Zd() {
+function th() {
   const {
     data: t,
     loading: e,
@@ -10061,7 +10128,7 @@ function Zd() {
   });
 }
 const un = [];
-function eh() {
+function nh() {
   const {
     vizManager: t
   } = Me(Te);
@@ -10070,14 +10137,14 @@ function eh() {
     label: e.displayName
   })).concat(un), [t]);
 }
-function th(t, e) {
+function rh(t, e) {
   try {
     return t.resolveComponent(e).createConfig();
   } catch {
     return null;
   }
 }
-function nh() {
+function ah() {
   const {
     data: t,
     panel: {
@@ -10106,7 +10173,7 @@ function nh() {
     setTitle: s
   };
   try {
-    return h.resolveComponent(f.viz.type), /* @__PURE__ */ r(Hd, {
+    return h.resolveComponent(f.viz.type), /* @__PURE__ */ r(Jd, {
       setVizConf: e.setConf,
       panel: f,
       panelInfoEditor: m,
@@ -10114,10 +10181,10 @@ function nh() {
       data: t
     });
   } catch (y) {
-    return console.info(re(y, "message")), null;
+    return console.info(ae(y, "message")), null;
   }
 }
-function rh() {
+function ih() {
   const {
     data: t,
     panel: {
@@ -10128,7 +10195,7 @@ function rh() {
   } = Me(Te), s = x.useCallback(() => {
     if (!i)
       return;
-    const y = th(o, n);
+    const y = rh(o, n);
     e.setType(n), e.setConf(y || {});
   }, [e, i, n]), l = (y) => {
     try {
@@ -10139,13 +10206,13 @@ function rh() {
   }, u = x.useMemo(() => {
     var y;
     return (y = un.find((I) => I.value === n)) == null ? void 0 : y.Panel;
-  }, [n, un]), p = nh(), h = u ? Et(u, {
+  }, [n, un]), p = ah(), h = u ? Et(u, {
     data: t,
     conf: e.conf,
     setConf: e.setConf
-  }) : null, f = p || h, m = eh();
+  }) : null, f = p || h, m = nh();
   return /* @__PURE__ */ c(U, {
-    children: [/* @__PURE__ */ r(j, {
+    children: [/* @__PURE__ */ r(N, {
       label: "Visualization",
       value: n,
       onChange: a,
@@ -10165,7 +10232,7 @@ function rh() {
     })]
   });
 }
-function ah() {
+function oh() {
   return /* @__PURE__ */ c(g, {
     grow: !0,
     noWrap: !0,
@@ -10182,18 +10249,18 @@ function ah() {
         overflow: "scroll",
         height: "100%"
       },
-      children: /* @__PURE__ */ r(rh, {})
+      children: /* @__PURE__ */ r(ih, {})
     }), /* @__PURE__ */ r(q, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ r(Zd, {})
+      children: /* @__PURE__ */ r(th, {})
     })]
   });
 }
-const ih = D(function({
+const sh = D(function({
   opened: e,
   close: n
 }) {
@@ -10258,26 +10325,26 @@ const ih = D(function({
           children: [/* @__PURE__ */ r(Tt, {
             visible: l,
             exitTransitionDuration: 0
-          }), /* @__PURE__ */ r(Ud, {})]
+          }), /* @__PURE__ */ r(Xd, {})]
         }), /* @__PURE__ */ r(V.Panel, {
           value: "Panel",
           pt: "sm",
-          children: i === "Panel" && /* @__PURE__ */ r(Yd, {})
+          children: i === "Panel" && /* @__PURE__ */ r(Hd, {})
         }), /* @__PURE__ */ r(V.Panel, {
           value: "Visualization",
           pt: "sm",
-          children: i === "Visualization" && /* @__PURE__ */ r(ah, {})
+          children: i === "Visualization" && /* @__PURE__ */ r(oh, {})
         }), /* @__PURE__ */ r(V.Panel, {
           value: "Interactions",
           pt: "sm",
           children: /* @__PURE__ */ r(Xe, {
-            children: /* @__PURE__ */ r(jd, {})
+            children: /* @__PURE__ */ r(Gd, {})
           })
         })]
       })
     })
   });
-}), oh = D(({
+}), lh = D(({
   view: t
 }) => {
   const e = ee(), n = Qi(), [a, i] = x.useState(!1), o = () => i(!0), s = () => i(!1), {
@@ -10341,7 +10408,7 @@ const ih = D(function({
             }),
             children: "Full Screen"
           }), h && /* @__PURE__ */ c(U, {
-            children: [/* @__PURE__ */ r(ie, {
+            children: [/* @__PURE__ */ r(te, {
               label: "Edit",
               labelPosition: "center"
             }), /* @__PURE__ */ r(ue.Item, {
@@ -10367,13 +10434,13 @@ const ih = D(function({
           })]
         })]
       })
-    }), h && /* @__PURE__ */ r(ih, {
+    }), h && /* @__PURE__ */ r(sh, {
       opened: a,
       close: s
     })]
   });
 });
-const sh = D(function() {
+const ch = D(function() {
   const {
     panel: e
   } = he(), {
@@ -10395,12 +10462,12 @@ const sh = D(function() {
     })
   }) : null;
 });
-function lh(t) {
+function uh(t) {
   return !["richText"].includes(t);
 }
-const ch = {
+const dh = {
   border: "1px solid #ced4da"
-}, uh = {
+}, hh = {
   border: "1px dashed transparent",
   transition: "border-color 300ms ease",
   "&:hover": {
@@ -10413,7 +10480,7 @@ const ch = {
   const a = ee(), {
     data: i,
     state: o
-  } = a.getDataStuffByID(e.queryID), s = lh(e.viz.type) && o === "loading", l = e.title ? "calc(100% - 25px - 5px)" : "100%", u = e.style.border.enabled ? ch : uh;
+  } = a.getDataStuffByID(e.queryID), s = uh(e.viz.type) && o === "loading", l = e.title ? "calc(100% - 25px - 5px)" : "100%", u = e.style.border.enabled ? dh : hh;
   return /* @__PURE__ */ r(Xo, {
     value: {
       panel: e,
@@ -10436,9 +10503,9 @@ const ch = {
           zIndex: 310
         },
         children: /* @__PURE__ */ r(xa, {})
-      }), /* @__PURE__ */ r(oh, {
+      }), /* @__PURE__ */ r(lh, {
         view: n
-      }), /* @__PURE__ */ r(sh, {}), /* @__PURE__ */ r(Za, {
+      }), /* @__PURE__ */ r(ch, {}), /* @__PURE__ */ r(Za, {
         viz: e.viz,
         data: i,
         loading: s,
@@ -10464,7 +10531,7 @@ const ch = {
       sx: {
         flexGrow: 0
       },
-      children: /* @__PURE__ */ r(F, {
+      children: /* @__PURE__ */ r(P, {
         variant: "default",
         size: "sm",
         onClick: a,
@@ -10511,7 +10578,7 @@ function ni() {
     };
   }, []);
 }
-const dh = x.forwardRef(({
+const ph = x.forwardRef(({
   handleAxis: t
 }, e) => /* @__PURE__ */ r(z, {
   ref: e,
@@ -10531,7 +10598,7 @@ const dh = x.forwardRef(({
   children: /* @__PURE__ */ r(bo, {
     size: 16
   })
-})), hh = x.forwardRef(({
+})), mh = x.forwardRef(({
   handleAxis: t,
   ...e
 }, n) => /* @__PURE__ */ r(z, {
@@ -10553,7 +10620,7 @@ const dh = x.forwardRef(({
   children: /* @__PURE__ */ r(vo, {
     size: 16
   })
-})), ph = na(ta), mh = D(function({
+})), fh = na(ta), gh = D(function({
   view: e,
   className: n = "layout",
   rowHeight: a = 10,
@@ -10569,7 +10636,7 @@ const dh = x.forwardRef(({
       !h || h.layout.set(p);
     });
   }, [e]);
-  return /* @__PURE__ */ r(ph, {
+  return /* @__PURE__ */ r(fh, {
     onLayoutChange: s,
     className: `dashboard-layout ${n}`,
     rowHeight: a,
@@ -10577,7 +10644,7 @@ const dh = x.forwardRef(({
     isDraggable: i,
     isResizable: o,
     draggableHandle: ".react-grid-customDragHandle",
-    resizeHandle: /* @__PURE__ */ r(hh, {}),
+    resizeHandle: /* @__PURE__ */ r(mh, {}),
     children: e.panels.current.map((l, u) => /* @__PURE__ */ c("div", {
       "data-grid": {
         ...l.layout
@@ -10585,18 +10652,18 @@ const dh = x.forwardRef(({
       style: {
         position: "relative"
       },
-      children: [i && /* @__PURE__ */ r(dh, {}), /* @__PURE__ */ r(Nn, {
+      children: [i && /* @__PURE__ */ r(ph, {}), /* @__PURE__ */ r(Nn, {
         view: e,
         panel: l
       })]
     }, l.id))
   });
-}), fh = na(ta), gh = D(function({
+}), bh = na(ta), vh = D(function({
   view: e,
   className: n = "layout",
   rowHeight: a = 10
 }) {
-  return /* @__PURE__ */ r(fh, {
+  return /* @__PURE__ */ r(bh, {
     className: `dashboard-layout ${n}`,
     rowHeight: a,
     isDraggable: !1,
@@ -10610,11 +10677,11 @@ const dh = x.forwardRef(({
       })
     }, i.id))
   });
-}), bh = D(({
+}), yh = D(({
   children: t
 }) => /* @__PURE__ */ r(q, {
   children: t
-})), vh = D(({
+})), xh = D(({
   children: t,
   view: e
 }) => /* @__PURE__ */ r(Ce, {
@@ -10649,23 +10716,23 @@ const dh = x.forwardRef(({
   withinPortal: !1,
   transitionDuration: 0,
   children: t
-})), yh = D(({
+})), Ch = D(({
   view: t,
   children: e
 }) => {
   switch (t.type) {
     case De.Modal:
-      return /* @__PURE__ */ r(vh, {
+      return /* @__PURE__ */ r(xh, {
         view: t,
         children: e
       });
     case De.Division:
     default:
-      return /* @__PURE__ */ r(bh, {
+      return /* @__PURE__ */ r(yh, {
         children: e
       });
   }
-}), xh = D(function({
+}), wh = D(function({
   view: e,
   saveDashboardChanges: n
 }) {
@@ -10693,7 +10760,7 @@ const dh = x.forwardRef(({
         exitFullScreen: i
       }), !o && /* @__PURE__ */ r(ya, {
         saveChanges: n
-      }), /* @__PURE__ */ r(yh, {
+      }), /* @__PURE__ */ r(Ch, {
         view: e,
         children: /* @__PURE__ */ c(q, {
           className: "dashboard-sticky-parent",
@@ -10706,7 +10773,7 @@ const dh = x.forwardRef(({
             sx: {
               display: o ? "none" : "block"
             },
-            children: /* @__PURE__ */ r(mh, {
+            children: /* @__PURE__ */ r(gh, {
               view: e,
               isDraggable: !0,
               isResizable: !0
@@ -10716,7 +10783,7 @@ const dh = x.forwardRef(({
       })]
     })
   });
-}), Ch = D(function({
+}), Sh = D(function({
   view: e
 }) {
   const {
@@ -10747,7 +10814,7 @@ const dh = x.forwardRef(({
         }), /* @__PURE__ */ r(ca, {
           view: e
         })]
-      }), /* @__PURE__ */ r(gh, {
+      }), /* @__PURE__ */ r(vh, {
         view: e
       })]
     })
@@ -10783,7 +10850,7 @@ const dh = x.forwardRef(({
   setOptionsQuery(e) {
     t.options_query = e;
   }
-})), wh = () => ai.create({
+})), _h = () => ai.create({
   required: !1,
   default_value: "",
   static_options: [],
@@ -10809,7 +10876,7 @@ const dh = x.forwardRef(({
   setOptionsQuery(e) {
     t.options_query = e;
   }
-})), Sh = () => ii.create({
+})), Ih = () => ii.create({
   default_value: [],
   static_options: [],
   options_query: {
@@ -10823,9 +10890,9 @@ const dh = x.forwardRef(({
   setDefaultValue(e) {
     t.default_value = e;
   }
-})), _h = () => oi.create({
+})), Dh = () => oi.create({
   default_value: !1
-}), Ih = b.model("FilterConfigModel_DateRange", {
+}), Rh = b.model("FilterConfigModel_DateRange", {
   required: b.boolean,
   inputFormat: b.enumeration("DateRangeInputFormat", ["YYYY", "YYYY-MM", "YYYY-MM-DD"]),
   default_value: b.optional(b.array(b.union(b.Date, b.null)), [null, null]),
@@ -10843,7 +10910,7 @@ const dh = x.forwardRef(({
   setDefaultValue(e) {
     t.default_value.length = 0, t.default_value.push(...e);
   }
-})), si = b.snapshotProcessor(Ih, {
+})), si = b.snapshotProcessor(Rh, {
   preProcessor({ default_value: t, ...e }) {
     return {
       ...e,
@@ -10856,7 +10923,7 @@ const dh = x.forwardRef(({
       default_value: t.map((n) => typeof n == "number" ? new Date(n).toISOString() : "")
     };
   }
-}), Dh = () => si.create({
+}), kh = () => si.create({
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
@@ -10894,19 +10961,19 @@ const dh = x.forwardRef(({
   setType(e) {
     switch (e) {
       case me.Select:
-        t.config = wh();
+        t.config = _h();
         break;
       case me.MultiSelect:
-        t.config = Sh();
+        t.config = Ih();
         break;
       case me.TextInput:
         t.config = ba();
         break;
       case me.Checkbox:
-        t.config = _h();
+        t.config = Dh();
         break;
       case me.DateRange:
-        t.config = Dh();
+        t.config = kh();
         break;
     }
     t.type = e;
@@ -10914,7 +10981,7 @@ const dh = x.forwardRef(({
   setVisibleInViewsIDs(e) {
     t.visibleInViewsIDs.length = 0, t.visibleInViewsIDs.push(...e);
   }
-})), Rh = b.model("FiltersModel", {
+})), Th = b.model("FiltersModel", {
   original: b.optional(b.array(Rr), []),
   current: b.optional(b.array(Rr), []),
   values: b.optional(b.frozen(), {})
@@ -10961,14 +11028,14 @@ const dh = x.forwardRef(({
     return t.values[e];
   }
 }));
-function kh(t) {
+function Vh(t) {
   return t === void 0 ? t : Array.isArray(t) ? t.map((e) => {
     const n = new Date(e);
     return n != null ? n : e;
   }) : t;
 }
-function Th(t) {
-  const e = t.reduce((n, a) => (n[a.key] = kh(a.config.default_value), n), {});
+function zh(t) {
+  const e = t.reduce((n, a) => (n[a.key] = Vh(a.config.default_value), n), {});
   return {
     original: t,
     current: t,
@@ -11047,11 +11114,11 @@ var jn = { exports: {} };
     s.saveAs = u.saveAs = u, t.exports = u;
   });
 })(jn);
-function Vh(t, e) {
+function Eh(t, e) {
   const n = new Blob([e], { type: "text/csv" });
   jn.exports.saveAs(n, `${t}.csv`);
 }
-function zh(t) {
+function Oh(t) {
   const e = new Ao();
   t.forEach(({ id: n, data: a }) => {
     e.file(`${n}.csv`, li(a));
@@ -11082,7 +11149,7 @@ const ci = b.model("QueryModel", {
     const { id: e, type: n, key: a, sql: i } = t;
     return { id: e, type: n, key: a, sql: i };
   }
-})), Eh = b.compose(
+})), Ph = b.compose(
   "QueryModel",
   ci,
   b.model({
@@ -11141,9 +11208,9 @@ const ci = b.model("QueryModel", {
       })
     );
   }
-})), Oh = b.model("QueriesModel", {
+})), Fh = b.model("QueriesModel", {
   original: b.optional(b.array(ci), []),
-  current: b.optional(b.array(Eh), [])
+  current: b.optional(b.array(Ph), [])
 }).views((t) => ({
   get changed() {
     return t.original.length !== t.current.length ? !0 : t.original.some((e, n) => !$.isEqual(e.configurations, t.current[n].configurations));
@@ -11188,7 +11255,7 @@ const ci = b.model("QueryModel", {
       id: n,
       data: a.toJSON()
     }));
-    zh(e);
+    Oh(e);
   },
   downloadDataByQueryID(e) {
     const n = t.findByID(e);
@@ -11197,7 +11264,7 @@ const ci = b.model("QueryModel", {
       return;
     }
     const { id: a, data: i } = n, o = li(i);
-    Vh(a, o);
+    Eh(a, o);
   },
   refetchDataByQueryID(e) {
     const n = t.findByID(e);
@@ -11217,7 +11284,7 @@ const ci = b.model("QueryModel", {
   setValue(e) {
     t.value = e;
   }
-})), Fh = b.model("SQLSnippetsModel", {
+})), Mh = b.model("SQLSnippetsModel", {
   original: b.optional(b.array(kr), []),
   current: b.optional(b.array(kr), [])
 }).views((t) => ({
@@ -11240,7 +11307,7 @@ const ci = b.model("QueryModel", {
   replaceByIndex(e, n) {
     t.current.splice(e, 1, n);
   }
-})), Ph = b.model("ContextModel", {
+})), Ah = b.model("ContextModel", {
   current: b.optional(b.frozen(), {})
 }).views((t) => ({
   get keys() {
@@ -11259,7 +11326,7 @@ const ci = b.model("QueryModel", {
   set(e, n) {
     t.current[e] = n;
   }
-})), Mh = b.model("PanelLayoutModel", {
+})), Lh = b.model("PanelLayoutModel", {
   x: b.number,
   y: b.number,
   w: b.number,
@@ -11283,7 +11350,7 @@ const ci = b.model("QueryModel", {
     const { x: n, y: a, w: i, h: o, moved: s } = e;
     t.x = n, t.y = a, t.w = i, t.h = o, t.moved = !!s, t.static = !!e.static;
   }
-})), Ah = b.model("PanelStyleBorderModel", {
+})), qh = b.model("PanelStyleBorderModel", {
   enabled: b.boolean
 }).views((t) => ({
   get json() {
@@ -11296,8 +11363,8 @@ const ci = b.model("QueryModel", {
   setEnabled(e) {
     t.enabled = e;
   }
-})), Lh = b.model("PanelStyleModel", {
-  border: Ah
+})), $h = b.model("PanelStyleModel", {
+  border: qh
 }).views((t) => ({
   get json() {
     const { border: e } = t;
@@ -11305,7 +11372,7 @@ const ci = b.model("QueryModel", {
       border: e.json
     };
   }
-})).actions((t) => ({})), qh = b.model("PanelVizModel", {
+})).actions((t) => ({})), Nh = b.model("PanelVizModel", {
   type: b.string,
   conf: b.frozen()
 }).views((t) => ({
@@ -11326,10 +11393,10 @@ const ci = b.model("QueryModel", {
   id: b.string,
   title: b.string,
   description: b.string,
-  layout: Mh,
+  layout: Lh,
   queryID: b.string,
-  viz: qh,
-  style: Lh
+  viz: Nh,
+  style: $h
 }).views((t) => ({
   get json() {
     const { id: e, title: n, description: a, queryID: i } = t;
@@ -11356,7 +11423,7 @@ const ci = b.model("QueryModel", {
   setQueryID(e) {
     t.queryID = e;
   }
-})).actions((t) => ({})), $h = b.model("PanelsModel", {
+})).actions((t) => ({})), jh = b.model("PanelsModel", {
   original: b.optional(b.array(Tr), []),
   current: b.optional(b.array(Tr), [])
 }).views((t) => ({
@@ -11444,7 +11511,7 @@ const ci = b.model("QueryModel", {
   name: b.string,
   type: b.string,
   config: b.frozen(),
-  panels: $h
+  panels: jh
 }).views((t) => ({
   get json() {
     const { id: e, name: n, type: a, config: i } = t;
@@ -11566,7 +11633,7 @@ const ci = b.model("QueryModel", {
     n !== -1 && t.visibleViewIDs.splice(n, 1);
   }
 }));
-function Nh(t) {
+function Bh(t) {
   const e = t.length > 0 ? [t[0].id] : [], n = t.length > 0 ? t[0].id : "", a = t.map((i) => ({
     ...i,
     panels: {
@@ -11581,14 +11648,14 @@ function Nh(t) {
     idOfVIE: n
   });
 }
-const jh = b.model({
+const Gh = b.model({
   id: b.identifier,
   name: b.string,
-  filters: Rh,
-  queries: Oh,
-  sqlSnippets: Fh,
+  filters: Th,
+  queries: Fh,
+  sqlSnippets: Mh,
   views: ui,
-  context: Ph
+  context: Ah
 }).views((t) => ({
   get payloadForSQL() {
     return {
@@ -11622,10 +11689,10 @@ const jh = b.model({
   }
 }));
 function di({ id: t, name: e, filters: n, views: a, definition: { queries: i, sqlSnippets: o } }, s) {
-  return jh.create({
+  return Gh.create({
     id: t,
     name: e,
-    filters: Th(n),
+    filters: zh(n),
     queries: {
       original: i,
       current: i
@@ -11635,10 +11702,10 @@ function di({ id: t, name: e, filters: n, views: a, definition: { queries: i, sq
       current: o
     },
     context: s,
-    views: Nh(a)
+    views: Bh(a)
   });
 }
-const wp = D(function({
+const _p = D(function({
   context: e,
   dashboard: n,
   update: a,
@@ -11661,7 +11728,7 @@ const wp = D(function({
       }
     };
     await a(I);
-  }, h = Pe(Xa, []);
+  }, h = Fe(Xa, []);
   return /* @__PURE__ */ r(Er, {
     children: /* @__PURE__ */ r(aa, {
       value: u,
@@ -11679,7 +11746,7 @@ const wp = D(function({
           },
           children: /* @__PURE__ */ r(Te.Provider, {
             value: h,
-            children: u.views.visibleViews.map((f) => /* @__PURE__ */ r(xh, {
+            children: u.views.visibleViews.map((f) => /* @__PURE__ */ r(wh, {
               view: f,
               saveDashboardChanges: p
             }, f.id))
@@ -11689,7 +11756,7 @@ const wp = D(function({
     })
   });
 });
-function Sp({
+function Ip({
   context: t,
   dashboard: e,
   className: n = "dashboard",
@@ -11711,7 +11778,7 @@ function Sp({
         },
         children: /* @__PURE__ */ r(q, {
           className: `${n} dashboard-root dashboard-sticky-parent`,
-          children: i.views.visibleViews.map((o) => /* @__PURE__ */ r(Ch, {
+          children: i.views.visibleViews.map((o) => /* @__PURE__ */ r(Sh, {
             view: o
           }, o.id))
         })
@@ -11720,29 +11787,29 @@ function Sp({
   });
 }
 export {
-  Ph as ContextModel,
-  wp as Dashboard,
+  Ah as ContextModel,
+  _p as Dashboard,
   Ss as DashboardFilterType,
   ws as DashboardMode,
   De as EViewComponentType,
   Rr as FilterModel,
-  Rh as FiltersModel,
+  Th as FiltersModel,
   Se as LayoutStateContext,
-  xh as MainDashboardView,
+  wh as MainDashboardView,
   aa as ModelContextProvider,
   Nn as Panel,
   Xo as PanelContextProvider,
-  Oh as QueriesModel,
-  Eh as QueryModel,
-  Sp as ReadOnlyDashboard,
-  Ch as ReadOnlyDashboardView,
+  Fh as QueriesModel,
+  Ph as QueryModel,
+  Ip as ReadOnlyDashboard,
+  Sh as ReadOnlyDashboardView,
   kr as SQLSnippetModel,
-  Fh as SQLSnippetsModel,
+  Mh as SQLSnippetsModel,
   Vr as ViewModel,
   ui as ViewsModel,
   di as createDashboardModel,
-  Nh as createDashboardViewsModel,
-  Th as getInitialFiltersPayload,
+  Bh as createDashboardViewsModel,
+  zh as getInitialFiltersPayload,
   ee as useModelContext,
   he as usePanelContext
 };