@devtable/dashboard 10.24.0 → 10.24.1

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var th = Object.defineProperty;
 var nh = (e, t, n) => t in e ? th(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var H = (e, t, n) => (nh(e, typeof t != "symbol" ? t + "" : t, n), n);
 import R, { useState as Q, useEffect as q, useCallback as nt, useMemo as M, forwardRef as we, createElement as ti, useContext as Ut, useRef as ni, createContext as ul, memo as rh } from "react";
-import { Select as F, Stack as S, Text as C, Group as v, TextInput as z, Button as I, Box as P, Switch as Xe, NumberInput as ie, Divider as L, Table as Vt, ActionIcon as K, MultiSelect as dr, Paper as Go, Code as fs, Modal as Te, Tabs as g, LoadingOverlay as kn, Alert as Yo, NativeSelect as hl, useMantineTheme as pl, ColorInput as Ho, ColorSwatch as Ui, Slider as ih, Overlay as Xt, Checkbox as xe, Center as Tn, CheckIcon as oh, MANTINE_SIZES as ah, SimpleGrid as ln, Tooltip as Ne, SegmentedControl as sh, HoverCard as ot, Anchor as Xi, Textarea as lh, Collapse as Qo, Mark as ch, createStyles as Gn, Popover as Ri, Flex as Yn, Badge as ur, CloseButton as fl, Menu as he, Affix as dh, Header as uh, ThemeIcon as Oi, List as ms, UnstyledButton as hh, Navbar as Ht, JsonInput as ml, Drawer as ph, Radio as gs, Skeleton as bs, NavLink as Ji, Pagination as fh, AppShell as gl } from "@mantine/core";
+import { Select as F, Stack as S, Text as C, Group as v, TextInput as z, Button as I, Box as V, Switch as Xe, NumberInput as ie, Divider as L, Table as Vt, ActionIcon as K, MultiSelect as dr, Paper as Go, Code as fs, Modal as Te, Tabs as g, LoadingOverlay as kn, Alert as Yo, NativeSelect as hl, useMantineTheme as pl, ColorInput as Ho, ColorSwatch as Ui, Slider as ih, Overlay as Xt, Checkbox as xe, Center as Tn, CheckIcon as oh, MANTINE_SIZES as ah, SimpleGrid as ln, Tooltip as Ne, SegmentedControl as sh, HoverCard as ot, Anchor as Xi, Textarea as lh, Collapse as Qo, Mark as ch, createStyles as Gn, Popover as Ri, Flex as Yn, Badge as ur, CloseButton as fl, Menu as he, Affix as dh, Header as uh, ThemeIcon as Oi, List as ms, UnstyledButton as hh, Navbar as Ht, JsonInput as ml, Drawer as ph, Radio as gs, Skeleton as bs, NavLink as Ji, Pagination as fh, AppShell as gl } from "@mantine/core";
 import { useModals as Jt, ModalsProvider as bl } from "@mantine/modals";
 import { useBoolean as Je, useCreation as Lt, useAsyncEffect as vr, useRequest as wn, useLatest as ys, usePrevious as mh } from "ahooks";
 import { observable as yl, runInAction as ar, toJS as Zt, reaction as St, makeAutoObservable as wr } from "mobx";
@@ -116,25 +116,25 @@ function Jp() {
     function T(_) {
       if (_ === null || typeof _ != "object")
         return null;
-      var V = w && _[w] || _[x];
-      return typeof V == "function" ? V : null;
+      var P = w && _[w] || _[x];
+      return typeof P == "function" ? P : null;
     }
     var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function A(_) {
       {
-        for (var V = arguments.length, G = new Array(V > 1 ? V - 1 : 0), ne = 1; ne < V; ne++)
+        for (var P = arguments.length, G = new Array(P > 1 ? P - 1 : 0), ne = 1; ne < P; ne++)
           G[ne - 1] = arguments[ne];
-        W("error", _, G);
+        j("error", _, G);
       }
     }
-    function W(_, V, G) {
+    function j(_, P, G) {
       {
         var ne = $.ReactDebugCurrentFrame, pe = ne.getStackAddendum();
-        pe !== "" && (V += "%s", G = G.concat([pe]));
+        pe !== "" && (P += "%s", G = G.concat([pe]));
         var Se = G.map(function(de) {
           return String(de);
         });
-        Se.unshift("Warning: " + V), Function.prototype.apply.call(console[_], console, Se);
+        Se.unshift("Warning: " + P), Function.prototype.apply.call(console[_], console, Se);
       }
     }
     var Y = !1, B = !1, O = !1, E = !1, U = !1, re;
@@ -146,11 +146,11 @@ function Jp() {
       // with.
       _.$$typeof === re || _.getModuleId !== void 0));
     }
-    function oe(_, V, G) {
+    function oe(_, P, G) {
       var ne = _.displayName;
       if (ne)
         return ne;
-      var pe = V.displayName || V.name || "";
+      var pe = P.displayName || P.name || "";
       return pe !== "" ? G + "(" + pe + ")" : G;
     }
     function be(_) {
@@ -180,8 +180,8 @@ function Jp() {
       if (typeof _ == "object")
         switch (_.$$typeof) {
           case l:
-            var V = _;
-            return be(V) + ".Consumer";
+            var P = _;
+            return be(P) + ".Consumer";
           case s:
             var G = _;
             return be(G._context) + ".Provider";
@@ -264,7 +264,7 @@ function Jp() {
       }
     }
     var Jn = $.ReactCurrentDispatcher, Ln;
-    function tn(_, V, G) {
+    function tn(_, P, G) {
       {
         if (Ln === void 0)
           try {
@@ -282,7 +282,7 @@ function Jp() {
       var An = typeof WeakMap == "function" ? WeakMap : Map;
       nn = new An();
     }
-    function En(_, V) {
+    function En(_, P) {
       if (!_ || fn)
         return "";
       {
@@ -297,7 +297,7 @@ function Jp() {
       var Se;
       Se = Jn.current, Jn.current = null, Ii();
       try {
-        if (V) {
+        if (P) {
           var de = function() {
             throw Error();
           };
@@ -353,14 +353,14 @@ function Jp() {
       var On = _ ? _.displayName || _.name : "", ps = On ? tn(On) : "";
       return typeof _ == "function" && nn.set(_, ps), ps;
     }
-    function Zn(_, V, G) {
+    function Zn(_, P, G) {
       return En(_, !1);
     }
     function er(_) {
-      var V = _.prototype;
-      return !!(V && V.isReactComponent);
+      var P = _.prototype;
+      return !!(P && P.isReactComponent);
     }
-    function rn(_, V, G) {
+    function rn(_, P, G) {
       if (_ == null)
         return "";
       if (typeof _ == "function")
@@ -378,11 +378,11 @@ function Jp() {
           case c:
             return Zn(_.render);
           case h:
-            return rn(_.type, V, G);
+            return rn(_.type, P, G);
           case f: {
             var ne = _, pe = ne._payload, Se = ne._init;
             try {
-              return rn(Se(pe), V, G);
+              return rn(Se(pe), P, G);
             } catch {
             }
           }
@@ -392,12 +392,12 @@ function Jp() {
     var tr = Object.prototype.hasOwnProperty, ts = {}, ns = $.ReactDebugCurrentFrame;
     function Mr(_) {
       if (_) {
-        var V = _._owner, G = rn(_.type, _._source, V ? V.type : null);
+        var P = _._owner, G = rn(_.type, _._source, P ? P.type : null);
         ns.setExtraStackFrame(G);
       } else
         ns.setExtraStackFrame(null);
     }
-    function Ru(_, V, G, ne, pe) {
+    function Ru(_, P, G, ne, pe) {
       {
         var Se = Function.call.bind(tr);
         for (var de in _)
@@ -408,7 +408,7 @@ function Jp() {
                 var it = Error((ne || "React class") + ": " + G + " type `" + de + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof _[de] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw it.name = "Invariant Violation", it;
               }
-              le = _[de](V, de, ne, G, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              le = _[de](P, de, ne, G, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Ve) {
               le = Ve;
             }
@@ -422,7 +422,7 @@ function Jp() {
     }
     function Fu(_) {
       {
-        var V = typeof Symbol == "function" && Symbol.toStringTag, G = V && _[Symbol.toStringTag] || _.constructor.name || "Object";
+        var P = typeof Symbol == "function" && Symbol.toStringTag, G = P && _[Symbol.toStringTag] || _.constructor.name || "Object";
         return G;
       }
     }
@@ -449,30 +449,30 @@ function Jp() {
     zi = {};
     function Nu(_) {
       if (tr.call(_, "ref")) {
-        var V = Object.getOwnPropertyDescriptor(_, "ref").get;
-        if (V && V.isReactWarning)
+        var P = Object.getOwnPropertyDescriptor(_, "ref").get;
+        if (P && P.isReactWarning)
           return !1;
       }
       return _.ref !== void 0;
     }
     function Bu(_) {
       if (tr.call(_, "key")) {
-        var V = Object.getOwnPropertyDescriptor(_, "key").get;
-        if (V && V.isReactWarning)
+        var P = Object.getOwnPropertyDescriptor(_, "key").get;
+        if (P && P.isReactWarning)
           return !1;
       }
       return _.key !== void 0;
     }
-    function qu(_, V) {
-      if (typeof _.ref == "string" && nr.current && V && nr.current.stateNode !== V) {
+    function qu(_, P) {
+      if (typeof _.ref == "string" && nr.current && P && nr.current.stateNode !== P) {
         var G = ye(nr.current.type);
         zi[G] || (A('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ye(nr.current.type), _.ref), zi[G] = !0);
       }
     }
-    function Wu(_, V) {
+    function Wu(_, P) {
       {
         var G = function() {
-          os || (os = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", V));
+          os || (os = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
         };
         G.isReactWarning = !0, Object.defineProperty(_, "key", {
           get: G,
@@ -480,10 +480,10 @@ function Jp() {
         });
       }
     }
-    function ju(_, V) {
+    function ju(_, P) {
       {
         var G = function() {
-          as || (as = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", V));
+          as || (as = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
         };
         G.isReactWarning = !0, Object.defineProperty(_, "ref", {
           get: G,
@@ -491,13 +491,13 @@ function Jp() {
         });
       }
     }
-    var Gu = function(_, V, G, ne, pe, Se, de) {
+    var Gu = function(_, P, G, ne, pe, Se, de) {
       var le = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: _,
-        key: V,
+        key: P,
         ref: G,
         props: de,
         // Record the component responsible for creating this element.
@@ -520,12 +520,12 @@ function Jp() {
         value: pe
       }), Object.freeze && (Object.freeze(le.props), Object.freeze(le)), le;
     };
-    function Yu(_, V, G, ne, pe) {
+    function Yu(_, P, G, ne, pe) {
       {
         var Se, de = {}, le = null, it = null;
-        G !== void 0 && (is(G), le = "" + G), Bu(V) && (is(V.key), le = "" + V.key), Nu(V) && (it = V.ref, qu(V, pe));
-        for (Se in V)
-          tr.call(V, Se) && !Vu.hasOwnProperty(Se) && (de[Se] = V[Se]);
+        G !== void 0 && (is(G), le = "" + G), Bu(P) && (is(P.key), le = "" + P.key), Nu(P) && (it = P.ref, qu(P, pe));
+        for (Se in P)
+          tr.call(P, Se) && !Vu.hasOwnProperty(Se) && (de[Se] = P[Se]);
         if (_ && _.defaultProps) {
           var Ve = _.defaultProps;
           for (Se in Ve)
@@ -541,7 +541,7 @@ function Jp() {
     var Li = $.ReactCurrentOwner, ss = $.ReactDebugCurrentFrame;
     function Rn(_) {
       if (_) {
-        var V = _._owner, G = rn(_.type, _._source, V ? V.type : null);
+        var P = _._owner, G = rn(_.type, _._source, P ? P.type : null);
         ss.setExtraStackFrame(G);
       } else
         ss.setExtraStackFrame(null);
@@ -566,10 +566,10 @@ Check the render method of \`` + _ + "`.";
     function Hu(_) {
       {
         if (_ !== void 0) {
-          var V = _.fileName.replace(/^.*[\\\/]/, ""), G = _.lineNumber;
+          var P = _.fileName.replace(/^.*[\\\/]/, ""), G = _.lineNumber;
           return `
 
-Check your code at ` + V + ":" + G + ".";
+Check your code at ` + P + ":" + G + ".";
         }
         return "";
       }
@@ -577,22 +577,22 @@ Check your code at ` + V + ":" + G + ".";
     var cs = {};
     function Qu(_) {
       {
-        var V = ls();
-        if (!V) {
+        var P = ls();
+        if (!P) {
           var G = typeof _ == "string" ? _ : _.displayName || _.name;
-          G && (V = `
+          G && (P = `
 
 Check the top-level render call using <` + G + ">.");
         }
-        return V;
+        return P;
       }
     }
-    function ds(_, V) {
+    function ds(_, P) {
       {
         if (!_._store || _._store.validated || _.key != null)
           return;
         _._store.validated = !0;
-        var G = Qu(V);
+        var G = Qu(P);
         if (cs[G])
           return;
         cs[G] = !0;
@@ -600,14 +600,14 @@ Check the top-level render call using <` + G + ">.");
         _ && _._owner && _._owner !== Li.current && (ne = " It was passed a child from " + ye(_._owner.type) + "."), Rn(_), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', G, ne), Rn(null);
       }
     }
-    function us(_, V) {
+    function us(_, P) {
       {
         if (typeof _ != "object")
           return;
         if ($i(_))
           for (var G = 0; G < _.length; G++) {
             var ne = _[G];
-            Ei(ne) && ds(ne, V);
+            Ei(ne) && ds(ne, P);
           }
         else if (Ei(_))
           _._store && (_._store.validated = !0);
@@ -615,39 +615,39 @@ Check the top-level render call using <` + G + ">.");
           var pe = T(_);
           if (typeof pe == "function" && pe !== _.entries)
             for (var Se = pe.call(_), de; !(de = Se.next()).done; )
-              Ei(de.value) && ds(de.value, V);
+              Ei(de.value) && ds(de.value, P);
         }
       }
     }
     function Ku(_) {
       {
-        var V = _.type;
-        if (V == null || typeof V == "string")
+        var P = _.type;
+        if (P == null || typeof P == "string")
           return;
         var G;
-        if (typeof V == "function")
-          G = V.propTypes;
-        else if (typeof V == "object" && (V.$$typeof === c || // Note: Memo only checks outer props here.
+        if (typeof P == "function")
+          G = P.propTypes;
+        else if (typeof P == "object" && (P.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        V.$$typeof === h))
-          G = V.propTypes;
+        P.$$typeof === h))
+          G = P.propTypes;
         else
           return;
         if (G) {
-          var ne = ye(V);
+          var ne = ye(P);
           Ru(G, _.props, "prop", ne, _);
-        } else if (V.PropTypes !== void 0 && !Ai) {
+        } else if (P.PropTypes !== void 0 && !Ai) {
           Ai = !0;
-          var pe = ye(V);
+          var pe = ye(P);
           A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", pe || "Unknown");
         }
-        typeof V.getDefaultProps == "function" && !V.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Uu(_) {
       {
-        for (var V = Object.keys(_.props), G = 0; G < V.length; G++) {
-          var ne = V[G];
+        for (var P = Object.keys(_.props), G = 0; G < P.length; G++) {
+          var ne = P[G];
           if (ne !== "children" && ne !== "key") {
             Rn(_), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Rn(null);
             break;
@@ -656,7 +656,7 @@ Check the top-level render call using <` + G + ">.");
         _.ref !== null && (Rn(_), A("Invalid attribute `ref` supplied to `React.Fragment`."), Rn(null));
       }
     }
-    function hs(_, V, G, ne, pe, Se) {
+    function hs(_, P, G, ne, pe, Se) {
       {
         var de = te(_);
         if (!de) {
@@ -667,11 +667,11 @@ Check the top-level render call using <` + G + ">.");
           var Ve;
           _ === null ? Ve = "null" : $i(_) ? Ve = "array" : _ !== void 0 && _.$$typeof === t ? (Ve = "<" + (ye(_.type) || "Unknown") + " />", le = " Did you accidentally export a JSX literal instead of a component?") : Ve = typeof _, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ve, le);
         }
-        var Be = Yu(_, V, G, pe, Se);
+        var Be = Yu(_, P, G, pe, Se);
         if (Be == null)
           return Be;
         if (de) {
-          var _t = V.children;
+          var _t = P.children;
           if (_t !== void 0)
             if (ne)
               if ($i(_t)) {
@@ -686,11 +686,11 @@ Check the top-level render call using <` + G + ">.");
         return _ === r ? Uu(Be) : Ku(Be), Be;
       }
     }
-    function Xu(_, V, G) {
-      return hs(_, V, G, !0);
+    function Xu(_, P, G) {
+      return hs(_, P, G, !0);
     }
-    function Ju(_, V, G) {
-      return hs(_, V, G, !1);
+    function Ju(_, P, G) {
+      return hs(_, P, G, !1);
     }
     var Zu = Ju, eh = Xu;
     ir.Fragment = r, ir.jsx = Zu, ir.jsxs = eh;
@@ -699,7 +699,7 @@ Check the top-level render call using <` + G + ">.");
 (function(e) {
   process.env.NODE_ENV === "production" ? e.exports = Xp() : e.exports = Jp();
 })(Up);
-const j = fr.Fragment, i = fr.jsx, u = fr.jsxs, Mn = {
+const W = fr.Fragment, i = fr.jsx, u = fr.jsxs, Mn = {
   CryptoJS: xl,
   d3Array: Th,
   dayjs: ee,
@@ -1164,7 +1164,7 @@ class sa {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const hc = "10.24.0", vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const hc = "10.24.1", vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: hc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1382,10 +1382,10 @@ function Tf({
     min: x,
     max: T
   } = M(() => {
-    const A = xh(h, (Y) => Y[w.columnKey]), W = vh(h, (Y) => Y[w.columnKey]);
+    const A = xh(h, (Y) => Y[w.columnKey]), j = vh(h, (Y) => Y[w.columnKey]);
     return {
       min: ce(A, w.columnKey),
-      max: ce(W, w.columnKey)
+      max: ce(j, w.columnKey)
     };
   }, [h, w]), $ = {
     tooltip: {},
@@ -1632,7 +1632,7 @@ class ht extends R.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ u(P, { children: [
+      return /* @__PURE__ */ u(V, { children: [
         /* @__PURE__ */ i(C, { size: "xs", children: (t = this.state.error) == null ? void 0 : t.message }),
         /* @__PURE__ */ i(I, { variant: "subtle", size: "xs", mx: "auto", compact: !0, sx: {
           display: "block"
@@ -1776,7 +1776,7 @@ const vt = R.forwardRef(Ef), kt = {
   }]
 };
 function Rf(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function Of(e) {
   return /* @__PURE__ */ i(C, { children: "Click chart's series" });
@@ -2520,7 +2520,7 @@ const pm = D((e) => {
   } = e, c = Lt(() => new lm(o, s), [o, s]);
   return vr(async () => {
     await c.configOperation(a, l);
-  }, [a, c]), cm(c) ? /* @__PURE__ */ u(j, { children: [
+  }, [a, c]), cm(c) ? /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(dm, { model: c, onClick: n }),
     /* @__PURE__ */ i(Te, { size: 600, opened: t, onClose: r, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(hm, { model: c }),
@@ -2600,7 +2600,7 @@ const bm = D(({
     setTrue: n,
     setFalse: r
   }] = Je(!1), o = e.model;
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Te, { opened: t, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(ym, { model: o }),
       /* @__PURE__ */ i(xm, { model: o }),
@@ -5655,8 +5655,8 @@ function Hg(e, t, n = {}) {
     e.doc.nodesBetween(m, w, (x, T) => {
       if (!x.isText && !x.marks.length)
         return;
-      const $ = Math.max(m, T), A = Math.min(w, T + x.nodeSize), W = A - $;
-      s += W, l.push(...x.marks.map((Y) => ({
+      const $ = Math.max(m, T), A = Math.min(w, T + x.nodeSize), j = A - $;
+      s += j, l.push(...x.marks.map((Y) => ({
         mark: Y,
         from: $,
         to: A
@@ -5794,7 +5794,7 @@ const tb = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
       const $ = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let E = l.depth - $; E >= l.depth - 3; E -= 1)
         T = fe.from(l.node(E).copy(T));
-      const A = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, W = qr(h, l.node().type.name, l.node().attrs), Y = ((a = s.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(W)) || void 0;
+      const A = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, j = qr(h, l.node().type.name, l.node().attrs), Y = ((a = s.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(j)) || void 0;
       T = T.append(fe.from(s.createAndFill(null, Y) || void 0));
       const B = l.before(l.depth - ($ - 1));
       t.replace(B, l.after(-A), new _e(T, 4 - $, 0));
@@ -5816,10 +5816,10 @@ const tb = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
   if (!Br(t.doc, l.pos, 2))
     return !1;
   if (r) {
-    const { selection: T, storedMarks: $ } = n, { splittableMarks: A } = o.extensionManager, W = $ || T.$to.parentOffset && T.$from.marks();
-    if (t.split(l.pos, 2, x).scrollIntoView(), !W || !r)
+    const { selection: T, storedMarks: $ } = n, { splittableMarks: A } = o.extensionManager, j = $ || T.$to.parentOffset && T.$from.marks();
+    if (t.split(l.pos, 2, x).scrollIntoView(), !j || !r)
       return !0;
-    const Y = W.filter((B) => A.includes(B.type.name));
+    const Y = j.filter((B) => A.includes(B.type.name));
     t.ensureMarks(Y);
   }
   return !0;
@@ -5842,11 +5842,11 @@ const tb = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
   const o = e.doc.nodeAt(r);
   return n.node.type === (o == null ? void 0 : o.type) && Fc(e.doc, r) && e.join(r), !0;
 }, rb = (e, t, n, r = {}) => ({ editor: o, tr: a, state: s, dispatch: l, chain: c, commands: d, can: p }) => {
-  const { extensions: h, splittableMarks: f } = o.extensionManager, m = rt(e, s.schema), w = rt(t, s.schema), { selection: x, storedMarks: T } = s, { $from: $, $to: A } = x, W = $.blockRange(A), Y = T || x.$to.parentOffset && x.$from.marks();
-  if (!W)
+  const { extensions: h, splittableMarks: f } = o.extensionManager, m = rt(e, s.schema), w = rt(t, s.schema), { selection: x, storedMarks: T } = s, { $from: $, $to: A } = x, j = $.blockRange(A), Y = T || x.$to.parentOffset && x.$from.marks();
+  if (!j)
     return !1;
   const B = ya((O) => Vs(O.type.name, h))(x);
-  if (W.depth >= 1 && B && W.depth - B.depth <= 1) {
+  if (j.depth >= 1 && B && j.depth - B.depth <= 1) {
     if (B.node.type === m)
       return d.liftListItem(w);
     if (Vs(B.node.type.name, h) && m.validContent(B.node.content) && l)
@@ -6210,7 +6210,7 @@ function yb() {
     open: t,
     close: n
   }] = na(!1);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Te, { opened: e, onClose: n, title: "About FunctionUtils", zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ i(fi, { value: tf, styles: {
       root: {
         border: "none"
@@ -6228,7 +6228,7 @@ function yb() {
 const xb = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(P, { sx: {
+}) => /* @__PURE__ */ i(V, { sx: {
   position: "relative",
   flexGrow: 1
 }, children: /* @__PURE__ */ i(ct, { className: "function-editor", height: "100%", defaultLanguage: "javascript", value: e, onChange: (r) => {
@@ -6288,8 +6288,8 @@ const xb = ({
     open: c,
     close: d
   }] = na(!1);
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(Te, { opened: l, onClose: d, title: "Authentication", withinPortal: !0, zIndex: 320, size: "900px", children: /* @__PURE__ */ i(P, { h: 600, children: /* @__PURE__ */ i(yr, { value: e, onChange: t, defaultValue: a, label: n }) }) }),
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ i(Te, { opened: l, onClose: d, title: "Authentication", withinPortal: !0, zIndex: 320, size: "900px", children: /* @__PURE__ */ i(V, { h: 600, children: /* @__PURE__ */ i(yr, { value: e, onChange: t, defaultValue: a, label: n }) }) }),
     /* @__PURE__ */ i(I, { onClick: c, ...o, children: r })
   ] });
 }), Bs = ["function aggregation({ queryData }, utils) {", '    return "Aggregation Result";', "}"].join(`
@@ -6449,7 +6449,7 @@ function Db({
   }, [a]), c = R.useMemo(() => !k.isEqual(o, t), [o, t]), d = () => {
     n(o.map((f) => f.toString()));
   }, p = pl(), h = R.useMemo(() => Object.entries(p.colors).map(([f, m]) => m[6]), [p]);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { position: "left", ref: r, children: [
       /* @__PURE__ */ i(C, { children: e }),
       /* @__PURE__ */ i(K, { mr: 5, variant: "filled", color: "blue", disabled: !c, onClick: d, children: /* @__PURE__ */ i(ve, { size: 20 }) })
@@ -6555,7 +6555,7 @@ function zb({
   }, [s]), c = R.useCallback((h) => {
     s((f) => (f.splice(h, 1), [...f]));
   }, [s]), d = R.useMemo(() => !k.isEqual(a.map(String), t.map(String)), [a, t]);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { position: "left", ref: o, children: [
       /* @__PURE__ */ i(C, { children: e }),
       /* @__PURE__ */ i(K, { mr: 5, variant: "filled", color: "blue", disabled: !d, onClick: () => {
@@ -6600,7 +6600,7 @@ const Lb = R.forwardRef(zb), Qc = R.forwardRef(function({
       }
     });
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(L, { my: "xs", label: "Typography", labelPosition: "center" }),
     /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(z, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
       flex: 1
@@ -6621,7 +6621,7 @@ const Lb = R.forwardRef(zb), Qc = R.forwardRef(function({
         value: "continuous"
       }], value: t.color.type, onChange: s }),
       o === "static" && /* @__PURE__ */ i(at, { value: t.color.staticColor, onChange: (l) => a("color.staticColor", l) }),
-      o === "continuous" && /* @__PURE__ */ u(j, { children: [
+      o === "continuous" && /* @__PURE__ */ u(W, { children: [
         /* @__PURE__ */ i(Lb, { label: "Value Range", value: t.color.valueRange, type: "number", onChange: (l) => a("color.valueRange", l) }),
         /* @__PURE__ */ i(Ib, { label: "Color Range", value: t.color.colorRange, onChange: (l) => a("color.colorRange", l) })
       ] })
@@ -6637,7 +6637,7 @@ R.forwardRef(function({
     const c = k.cloneDeep(t);
     k.set(c, s, l), n(c);
   };
-  return /* @__PURE__ */ u(P, { px: "sm", py: "md", ref: o, children: [
+  return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: o, children: [
     /* @__PURE__ */ i(C, { weight: "bold", pb: 0, children: t.name }),
     /* @__PURE__ */ i(L, { my: "xs", label: "Data", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
@@ -6898,14 +6898,10 @@ function Wb({
     data: o,
     variables: r
   }), [l, o, r]);
-  return !n || !a || !s ? null : /* @__PURE__ */ i(P, { sx: {
-    width: a,
-    height: s,
-    overflow: "hidden"
-  }, children: /* @__PURE__ */ i(lt, { echarts: me, option: m, style: {
+  return !n || !a || !s ? null : /* @__PURE__ */ i(lt, { echarts: me, option: m, style: {
     width: a,
     height: s
-  }, onEvents: f, notMerge: !0, theme: "merico-light" }) });
+  }, onEvents: f, notMerge: !0, theme: "merico-light" });
 }
 function jb({
   control: e,
@@ -6980,7 +6976,7 @@ const Yb = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(P, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -7028,7 +7024,7 @@ const Yb = ({
   }, f = () => {
     h(kt.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
@@ -7086,7 +7082,7 @@ const Yb = ({
 ] })), Qb = ({
   control: e,
   watch: t
-}) => (t(["y_axis"]), /* @__PURE__ */ u(j, { children: [
+}) => (t(["y_axis"]), /* @__PURE__ */ u(W, { children: [
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
       field: n
@@ -7148,7 +7144,7 @@ const Yb = ({
   }), c = t("tooltip.metrics.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -7512,7 +7508,7 @@ const dy = {
   payload: []
 };
 function uy(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function hy(e) {
   return /* @__PURE__ */ i(C, { children: "Click this button" });
@@ -7783,7 +7779,7 @@ const Sy = {
   }]
 };
 function ky(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function Ty(e) {
   return /* @__PURE__ */ i(C, { children: "Click chart's series" });
@@ -8115,7 +8111,7 @@ function Ny({
   hide_in_legend: f,
   ...m
 }, w, x, T, $) {
-  const A = t.type !== "category", W = {
+  const A = t.type !== "category", j = {
     label: {
       show: !!o,
       position: o,
@@ -8133,20 +8129,20 @@ function Ny({
     },
     ...m
   };
-  if (p && (W.endLabel = {
+  if (p && (j.endLabel = {
     show: !0,
     formatter: a,
     offset: [-12, 12],
     align: "right"
   }), !s || s === e)
-    return W.data = Py({
+    return j.data = Py({
       dataTemplate: w,
       data: x,
       aggregation_on_value: l,
       x_axis_data_key: e,
       y_axis_data_key: n,
       valueTypedXAxis: A
-    }), W;
+    }), j;
   const Y = Vy({
     group_by_key: s,
     data: x,
@@ -8154,7 +8150,7 @@ function Ny({
     y_axis_data_key: n
   });
   return Object.entries(Y).map(([B, O]) => {
-    const E = Ze(W);
+    const E = Ze(j);
     return E.name = B, E.color = void 0, E.data = O, E;
   });
 }
@@ -8402,11 +8398,7 @@ function Uy({
       bottom: xr(x.bottom, o, s)
     };
   }, [a, s]), w = Math.max(0, c - p - f);
-  return /* @__PURE__ */ u(P, { sx: {
-    width: l,
-    height: c,
-    overflow: "hidden"
-  }, children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(C, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: Ws(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(m.top).map((x, T) => /* @__PURE__ */ i(R.Fragment, { children: x }, T)) }),
@@ -8429,19 +8421,19 @@ const ka = we(({
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(L, { variant: "dashed", label: "Scroll to Zoom", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ i(P, { sx: {
+      /* @__PURE__ */ i(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Enable on X Axis", checked: e.x_axis_scroll, onChange: (o) => r("x_axis_scroll")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ i(P, { sx: {
+      /* @__PURE__ */ i(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Enable on Y Axis", checked: e.y_axis_scroll, onChange: (o) => r("y_axis_scroll")(o.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ i(L, { variant: "dashed", label: "Slider for Zooming", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ i(P, { sx: {
+      /* @__PURE__ */ i(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Slider for X Axis", checked: e.x_axis_slider, onChange: (o) => r("x_axis_slider")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ i(Ne, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ i(P, { sx: {
+      /* @__PURE__ */ i(Ne, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ i(V, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Slider for Y Axis", disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (o) => r("y_axis_slider")(o.currentTarget.checked) }) }) })
     ] })
@@ -8951,7 +8943,7 @@ function dx({
   seriesItem: n
 }) {
   const r = !!n.barWidth.trim();
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.stack`, control: e, render: ({
         field: o
@@ -8993,7 +8985,7 @@ function dx({
 const ux = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -9026,8 +9018,8 @@ const ux = ({
   }, p = () => {
     d(Ta.dynamic.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ i(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
@@ -9059,7 +9051,7 @@ const ux = ({
       size: r
     });
   };
-  return /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(ie, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(ie, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
 }, mx = [{
   label: "Static",
   value: "static"
@@ -9111,7 +9103,7 @@ function yx({
   seriesItem: n
 }) {
   const r = n.showSymbol;
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Line Settings", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(
@@ -9152,12 +9144,12 @@ function yx({
       /* @__PURE__ */ u(S, { children: [
         /* @__PURE__ */ i(y, { name: `series.${t}.smooth`, control: e, render: ({
           field: o
-        }) => /* @__PURE__ */ i(P, { sx: {
+        }) => /* @__PURE__ */ i(V, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ i(Xe, { label: "Smooth Line", checked: o.value, onChange: (a) => o.onChange(a.currentTarget.checked) }) }) }),
         /* @__PURE__ */ i(y, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: o
-        }) => /* @__PURE__ */ i(P, { sx: {
+        }) => /* @__PURE__ */ i(V, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ i(Xe, { label: "Display Name on Line", checked: o.value ?? !1, onChange: (a) => o.onChange(a.currentTarget.checked) }) }) })
       ] })
@@ -9165,7 +9157,7 @@ function yx({
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(P, { mt: 10, mb: -10, sx: {
+      }) => /* @__PURE__ */ i(V, { mt: 10, mb: -10, sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Show Symbol on Line", checked: o.value, onChange: (a) => o.onChange(a.currentTarget.checked) }) }) }),
       r && /* @__PURE__ */ i(y, { name: `series.${t}.symbolSize`, control: e, render: ({
@@ -10244,7 +10236,7 @@ function sv({
     width: o,
     height: a
   } = e.viewport;
-  return /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(av, { width: o, height: a, data: r, conf: n }) });
+  return /* @__PURE__ */ i(av, { width: o, height: a, data: r, conf: n });
 }
 const lv = [{
   label: "Top",
@@ -10377,7 +10369,7 @@ const lv = [{
           width: "100%"
         }, children: [
           /* @__PURE__ */ i(C, { children: "Min Value" }),
-          /* @__PURE__ */ i(Ne, { label: "Check to enable specific min value", children: /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(y, { name: `series.${n}.min.enable_value`, control: t, render: ({
+          /* @__PURE__ */ i(Ne, { label: "Check to enable specific min value", children: /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(y, { name: `series.${n}.min.enable_value`, control: t, render: ({
             field: c
           }) => /* @__PURE__ */ i(xe, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
@@ -10397,7 +10389,7 @@ const lv = [{
           width: "100%"
         }, children: [
           /* @__PURE__ */ i(C, { children: "Max Value" }),
-          /* @__PURE__ */ i(Ne, { label: "Check to enable specific max value", children: /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(y, { name: `series.${n}.max.enable_value`, control: t, render: ({
+          /* @__PURE__ */ i(Ne, { label: "Check to enable specific max value", children: /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(y, { name: `series.${n}.max.enable_value`, control: t, render: ({
             field: c
           }) => /* @__PURE__ */ i(xe, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
@@ -10451,7 +10443,7 @@ const lv = [{
       /* @__PURE__ */ i(y, { name: `series.${n}.axisLabel.position`, control: t, render: ({
         field: l
       }) => /* @__PURE__ */ i(Ia, { label: "Position", options: hv[s], ...l }) }),
-      /* @__PURE__ */ i(P, {})
+      /* @__PURE__ */ i(V, {})
     ] }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
       field: l
@@ -10775,7 +10767,7 @@ function Tv(e, t, n, r) {
 const Dv = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10818,8 +10810,8 @@ const Dv = ({
   }, p = () => {
     d(Zc.dynamic.value);
   };
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ i(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
@@ -11003,7 +10995,7 @@ function Ov(e, t, n) {
   return De({}, s, Rv);
 }
 function Fv(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function Pv(e) {
   return /* @__PURE__ */ i(C, { children: "Click heat block" });
@@ -11128,7 +11120,7 @@ function Nv({
     width: l,
     height: c
   } = e.viewport;
-  return /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(Vv, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n }) });
+  return /* @__PURE__ */ i(Vv, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n });
 }
 function Bv({
   control: e,
@@ -11220,7 +11212,7 @@ const qv = ({
   }), c = t("tooltip.metrics.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -11257,7 +11249,7 @@ const Gv = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(P, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -11309,7 +11301,7 @@ const Gv = ({
   }, f = () => {
     h(Yv.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
@@ -11630,7 +11622,7 @@ const t0 = {
   }]
 };
 function n0(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function r0(e) {
   return /* @__PURE__ */ i(C, { children: "Click chart's series" });
@@ -12045,7 +12037,7 @@ const x0 = `
 }
 `, v0 = () => {
   const [e, t] = Q(!1);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see params for Label Template" }),
     /* @__PURE__ */ i(Qo, { in: e, children: /* @__PURE__ */ i(Sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: x0 }) })
   ] });
@@ -12537,7 +12529,7 @@ const od = {
   }]
 };
 function V0(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function N0(e) {
   return /* @__PURE__ */ i(C, { children: "Click chart's series" });
@@ -12698,7 +12690,7 @@ const H0 = {
   triggers: [od]
 };
 function Q0(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function K0(e) {
   return /* @__PURE__ */ i(C, { children: "Click heat block" });
@@ -12988,7 +12980,7 @@ function ow({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c || !a || Cl(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(iw, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n }) });
+  return !l || !c || !a || Cl(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ i(iw, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n });
 }
 function aw({
   control: e,
@@ -13042,7 +13034,7 @@ function sw({
     const m = k.get(s, "0.id", null);
     p(m);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(Yo, { icon: /* @__PURE__ */ i(Dn, { size: 16 }), title: "Additional Series", children: [
       "By setting ",
       /* @__PURE__ */ i(ch, { children: "Series Name Key" }),
@@ -13138,7 +13130,7 @@ function cw({
     const m = k.get(s, "0.id", null);
     p(m);
   };
-  return /* @__PURE__ */ i(j, { children: /* @__PURE__ */ u(g, { value: d, onTabChange: p, styles: {
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ u(g, { value: d, onTabChange: p, styles: {
     tab: {
       paddingTop: "0px",
       paddingBottom: "0px"
@@ -13831,7 +13823,7 @@ function Ow({
   }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = M(() => Tw(De({}, t, La), o), [t, o]), s = ni(null), l = (c) => {
     s.current = c;
   };
-  return !n || !r || !t ? null : /* @__PURE__ */ u(P, { sx: {
+  return !n || !r || !t ? null : /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ i(Rw, { conf: t, queryData: o }),
@@ -13909,7 +13901,7 @@ const Vw = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(P, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -13958,7 +13950,7 @@ const Vw = ({
   }, m = () => {
     f(_i.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: n }),
@@ -14446,7 +14438,7 @@ const t_ = {
   }]
 };
 function n_(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function r_(e) {
   return /* @__PURE__ */ i(C, { children: "Click scatter" });
@@ -14946,7 +14938,7 @@ function w_({
       bottom: xr(x.bottom, o, s)
     };
   }, [a, s]), w = Math.max(0, c - p - f);
-  return !l || !c ? null : /* @__PURE__ */ u(P, { children: [
+  return !l || !c ? null : /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(C, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: Qs(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(m.top).map((x) => x) }),
@@ -15255,7 +15247,7 @@ function I_({
 const M_ = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -15288,8 +15280,8 @@ const M_ = ({
   }, p = () => {
     d(Tr.dynamic.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ i(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
@@ -15367,7 +15359,7 @@ const M_ = ({
 }), O_ = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -15410,8 +15402,8 @@ const M_ = ({
   }, p = () => {
     d(bd.dynamic.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ i(V, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
@@ -15443,7 +15435,7 @@ const M_ = ({
       size: r
     });
   };
-  return /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(ie, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(ie, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
 }, N_ = [{
   label: "Static",
   value: "static"
@@ -15610,7 +15602,7 @@ const G_ = ({
   }), c = t("tooltip.metrics.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -15667,7 +15659,7 @@ const K_ = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(P, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -15715,7 +15707,7 @@ const K_ = ({
   }, f = () => {
     h(fd.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
@@ -16280,7 +16272,7 @@ const yC = {
     height: c,
     justifyContent: yC[a],
     alignItems: xC[s]
-  }, children: /* @__PURE__ */ i(P, { children: Object.values(p).map((h, f) => /* @__PURE__ */ i(R.Fragment, { children: h }, f)) }) });
+  }, children: /* @__PURE__ */ i(V, { children: Object.values(p).map((h, f) => /* @__PURE__ */ i(R.Fragment, { children: h }, f)) }) });
 }), wC = [{
   label: "Left",
   value: "left"
@@ -16663,7 +16655,7 @@ const OC = [{
   }), c = t("levels.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -17208,23 +17200,24 @@ function p1({
     getCoreRowModel: nc(),
     getSortedRowModel: Lp()
   }), {
-    rows: W
+    rows: j
   } = A.getRowModel(), Y = R.useRef(null), B = Ap({
     parentRef: Y,
-    size: W.length,
+    size: j.length,
     estimateSize: nt(() => 28, []),
     overscan: 20
   }), {
     virtualItems: O,
     totalSize: E
-  } = B, U = O.length > 0 && ((Ae = O == null ? void 0 : O[0]) == null ? void 0 : Ae.start) || 0, re = O.length > 0 ? E - (((Ue = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ue.end) || 0) : 0, te = W.length, oe = te > 0, be = oe ? n - 22 : n, ye = oe ? 22 : 0;
+  } = B, U = O.length > 0 && ((Ae = O == null ? void 0 : O[0]) == null ? void 0 : Ae.start) || 0, re = O.length > 0 ? E - (((Ue = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Ue.end) || 0) : 0, te = j.length, oe = te > 0, be = oe ? n - 22 : n, ye = oe ? 22 : 0;
   return !Array.isArray(f) || f.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: Y, style: {
     height: n,
-    width: t
+    width: t,
+    padding: "0 5px"
   }, "data-enable-scrollbar": !0, className: h(p.root, {
     "table-highlight-on-hover": r.highlightOnHover
   }), children: [
-    te > 0 && /* @__PURE__ */ i(P, { className: p.info_bar, sx: {
+    te > 0 && /* @__PURE__ */ i(V, { className: p.info_bar, sx: {
       height: 22
     }, children: /* @__PURE__ */ u(C, { align: "right", pr: 6, size: 14, color: "dimmed", fw: "normal", children: [
       "Total: ",
@@ -17244,7 +17237,7 @@ function p1({
           height: `${U}px`
         } }) }),
         O.map((Me) => {
-          const Pe = W[Me.index];
+          const Pe = j[Me.index];
           return /* @__PURE__ */ i("tr", { children: Pe.getVisibleCells().map(($e) => /* @__PURE__ */ i("td", { children: Gr($e.column.columnDef.cell, $e.getContext()) }, $e.id)) }, Pe.id);
         }),
         re > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
@@ -17416,7 +17409,7 @@ const y1 = D(({
   const x = () => {
     p(), s(t);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "outline", onClick: d, children: l == null ? void 0 : l.displayName }),
     /* @__PURE__ */ i(Te, { size: 508, title: "Setup color interpolation", opened: c, onClose: p, zIndex: 320, children: c && /* @__PURE__ */ u(S, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ i(F, { label: "Color style", value: a.interpolation, data: h, onChange: f }),
@@ -17494,12 +17487,12 @@ const k1 = we((e, t) => {
   };
   return q(() => {
     l(e);
-  }, [e]), /* @__PURE__ */ u(j, { children: [
+  }, [e]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Custom Cell Content" }),
     /* @__PURE__ */ i(Te, { size: 800, title: "Custom cell content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(P, { sx: {
+      /* @__PURE__ */ i(V, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (h) => l(h ?? ""), theme: "vs-dark", options: {
         minimap: {
@@ -17604,7 +17597,7 @@ const k1 = we((e, t) => {
   };
   t("columns");
   const l = t("use_raw_columns");
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(y, { name: "use_raw_columns", control: e, render: ({
       field: c
     }) => /* @__PURE__ */ i(Xe, { mt: 20, mb: 20, label: "Use Original Data Columns", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }),
@@ -17879,7 +17872,7 @@ const io = {
 }), B1 = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(P, { sx: {
+}) => /* @__PURE__ */ i(V, { sx: {
   position: "relative"
 }, children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
@@ -17903,7 +17896,7 @@ const io = {
   };
   return q(() => {
     l(e);
-  }, [e]), /* @__PURE__ */ u(j, { children: [
+  }, [e]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Edit Content" }),
@@ -18089,7 +18082,7 @@ const K1 = ({
   ...pa
 }, Xs = ({
   message: e
-}) => /* @__PURE__ */ i(P, { sx: oo, children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ i(V, { sx: oo, children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
   __html: e
 }, style: {
   fontSize: "14px",
@@ -18130,10 +18123,10 @@ function X1({
   }), {
     refreshDeps: [a, n]
   });
-  return !r || !o || !n ? null : c ? /* @__PURE__ */ i(P, { sx: {
+  return !r || !o || !n ? null : c ? /* @__PURE__ */ i(V, { sx: {
     position: "relative",
     height: o
-  }, children: /* @__PURE__ */ i(kn, { visible: !0 }) }) : l ? /* @__PURE__ */ i(P, { sx: oo, "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(U1, { error: l, width: r, height: o }) }) : !s || !Array.isArray(s.replies) || s.replies.length === 0 ? null : /* @__PURE__ */ i(P, { sx: oo, "data-enable-scrollbar": !0, children: s.replies.map((d, p) => /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ i(kn, { visible: !0 }) }) : l ? /* @__PURE__ */ i(V, { sx: oo, "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(U1, { error: l, width: r, height: o }) }) : !s || !Array.isArray(s.replies) || s.replies.length === 0 ? null : /* @__PURE__ */ i(V, { sx: oo, "data-enable-scrollbar": !0, children: s.replies.map((d, p) => /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, p)) });
 }
@@ -18411,7 +18404,7 @@ function pS(e, t, n) {
   return De({}, p, dS);
 }
 function fS(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function mS(e) {
   return /* @__PURE__ */ i(C, { children: "Click heat block" });
@@ -18521,7 +18514,7 @@ function yS({
     width: l,
     height: c
   } = e.viewport;
-  return !a.calendar.data_key || !a.heat_block.data_key ? null : /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(bS, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n }) });
+  return !a.calendar.data_key || !a.heat_block.data_key ? null : /* @__PURE__ */ i(bS, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n });
 }
 function xS({
   control: e,
@@ -18597,7 +18590,7 @@ const vS = ({
   }), c = t("tooltip.metrics.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -19047,13 +19040,13 @@ function BS({
       value_data_key: t,
       valueTypedXAxis: w
     }), A;
-  const W = NS({
+  const j = NS({
     group_by_key: a,
     data: x,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(W).map(([Y, B]) => {
+  return Object.entries(j).map(([Y, B]) => {
     const O = Ze(A);
     return O.name = Y, O.color = void 0, O.data = B, O;
   });
@@ -19262,7 +19255,7 @@ function XS({
     width: l,
     height: c
   } = e.viewport;
-  return /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(US, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n }) });
+  return /* @__PURE__ */ i(US, { variables: o, width: l, height: c, data: s, conf: a, interactionManager: n });
 }
 const JS = [{
   label: "solid",
@@ -19445,7 +19438,7 @@ function ik({
   seriesItem: n
 }) {
   const r = !!n.barWidth.trim();
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.stack`, control: e, render: ({
         field: o
@@ -20558,7 +20551,7 @@ function Vk({
   }, [d]), !s.data_key || !c || !d || !o || !a)
     return null;
   const f = Math.max(o, 300), m = Math.max(a, 370);
-  return /* @__PURE__ */ u(P, { sx: {
+  return /* @__PURE__ */ u(V, { sx: {
     overflow: "hidden",
     height: m,
     width: f
@@ -20634,7 +20627,7 @@ const Bk = ({
   }), c = t("metrics.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -20842,7 +20835,7 @@ function Qk() {
 }
 const el = ({
   postfix: e
-}) => e ? /* @__PURE__ */ u(j, { children: [
+}) => e ? /* @__PURE__ */ u(W, { children: [
   /* @__PURE__ */ i(C, { size: "12px", color: "#818388", sx: {
     lineHeight: 1
   }, children: "/" }),
@@ -21016,7 +21009,7 @@ const eT = ({
     const x = k.get(l, "0.id", null);
     f(x);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(L, { mt: 15, variant: "dashed", label: "Metrics", labelPosition: "center" }),
     /* @__PURE__ */ u(g, { value: h, onTabChange: f, styles: {
       tab: {
@@ -21077,7 +21070,7 @@ function rT({
   control: e,
   watch: t
 }) {
-  return t("styles"), /* @__PURE__ */ u(j, { children: [
+  return t("styles"), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(L, { mt: 15, variant: "dashed", label: "Styles", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
       /* @__PURE__ */ i(y, { name: "styles.justify", control: e, render: ({
@@ -21267,7 +21260,7 @@ const cT = ({
   }), c = t("tooltip.metrics.0.id"), [d, p] = Q(() => c ?? null);
   return q(() => {
     c && p((h) => h !== null ? h : c);
-  }, [c]), /* @__PURE__ */ u(j, { children: [
+  }, [c]), /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { spacing: 2, sx: {
       cursor: "default",
       userSelect: "none"
@@ -21304,7 +21297,7 @@ const hT = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(P, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -21356,7 +21349,7 @@ const hT = ({
   }, f = () => {
     h(pT.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
@@ -21851,7 +21844,7 @@ function MT(e, t, n) {
   return De({}, s, IT);
 }
 function $T(e) {
-  return /* @__PURE__ */ i(j, {});
+  return /* @__PURE__ */ i(W, {});
 }
 function zT(e) {
   return /* @__PURE__ */ i(C, { children: "Click heat block" });
@@ -22066,7 +22059,7 @@ const PT = {
     border: "0.0625rem solid rgb(233, 236, 239)",
     boxShadow: "rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"
   }
-}, withArrow: !0, children: /* @__PURE__ */ i(P, { sx: {
+}, withArrow: !0, children: /* @__PURE__ */ i(V, { sx: {
   height: "16px",
   alignSelf: "center"
 }, children: /* @__PURE__ */ i(Dn, { size: 16, color: "gray" }) }) }), NT = D(({
@@ -22079,10 +22072,10 @@ const PT = {
   },
   value: a,
   onChange: s
-}) => /* @__PURE__ */ u(P, { children: [
+}) => /* @__PURE__ */ u(V, { children: [
   /* @__PURE__ */ i(C, { children: " " }),
   /* @__PURE__ */ i(xe, { label: /* @__PURE__ */ u(v, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
-    /* @__PURE__ */ i(P, { sx: {
+    /* @__PURE__ */ i(V, { sx: {
       flexGrow: 1
     }, children: e }),
     /* @__PURE__ */ i(VT, { description: n, isDescriptionEmpty: r })
@@ -22326,7 +22319,7 @@ const PT = {
     unstyled: r
   }), [m, w] = Q(!1), x = (Y) => {
     w(Y);
-  }, T = m && (l == null ? void 0 : l.length) > 0, [$, A] = Q(""), W = M(() => {
+  }, T = m && (l == null ? void 0 : l.length) > 0, [$, A] = Q(""), j = M(() => {
     if (!$)
       return d;
     const Y = $.toLowerCase(), B = (O) => {
@@ -22340,7 +22333,7 @@ const PT = {
       /* @__PURE__ */ i(C, { className: h.label, children: s }),
       T && /* @__PURE__ */ i(Ne, { label: `${l.length} selected`, children: /* @__PURE__ */ i(ur, { children: l.length }) })
     ] }),
-    /* @__PURE__ */ i(Rp, { disabled: e, allowClear: !0, className: f(h.root, "check-select"), dropdownClassName: f(h.dropdown, ""), onDropdownVisibleChange: x, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ i(fl, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ i(Ld, { errorMessage: p }), maxTagTextLength: 10, maxTagPlaceholder: (Y) => `${Y.length} selected`, searchValue: $, onSearch: A, filterOption: !1, children: W.map((Y) => /* @__PURE__ */ u(Op, { title: Y.label, children: [
+    /* @__PURE__ */ i(Rp, { disabled: e, allowClear: !0, className: f(h.root, "check-select"), dropdownClassName: f(h.dropdown, ""), onDropdownVisibleChange: x, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ i(fl, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ i(Ld, { errorMessage: p }), maxTagTextLength: 10, maxTagPlaceholder: (Y) => `${Y.length} selected`, searchValue: $, onSearch: A, filterOption: !1, children: j.map((Y) => /* @__PURE__ */ u(Op, { title: Y.label, children: [
       /* @__PURE__ */ i(C, { size: "sm", "data-role": "label", children: Y.label }),
       Y.description && /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", "data-role": "description", children: Y.description })
     ] }, Y.value)) })
@@ -24572,14 +24565,14 @@ const qD = (e) => new BD(e), WD = D(({
   }), f = R.useCallback(() => {
     l(s);
   }, [s, l]), m = !c && e.type !== Z.Modal;
-  return /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(V, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
   }, children: /* @__PURE__ */ u(he, { withinPortal: !0, children: [
-    /* @__PURE__ */ i(he.Target, { children: /* @__PURE__ */ i(P, { className: "panel-dropdown-target", sx: {
+    /* @__PURE__ */ i(he.Target, { children: /* @__PURE__ */ i(V, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
@@ -24602,7 +24595,7 @@ const cu = D(() => {
   const [e, t] = R.useState(!1), {
     panel: n
   } = $n();
-  return jD(n.description) ? null : /* @__PURE__ */ u(j, { children: [
+  return jD(n.description) ? null : /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Te, { opened: e, onClose: () => t(!1), title: n.title, withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ i(fi, { value: n.description, styles: {
       root: {
         border: "none"
@@ -24800,7 +24793,11 @@ const XD = D(function({
     w: r,
     h: o
   }), s = r > 0 && o > 0;
-  return /* @__PURE__ */ i("div", { className: "viz-root", ref: n, children: s && /* @__PURE__ */ i(ht, { children: a }) });
+  return /* @__PURE__ */ i("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ i(V, { sx: {
+    width: r,
+    height: o,
+    overflow: "hidden"
+  }, children: s && /* @__PURE__ */ i(ht, { children: a }) }) });
 }), JD = D(({
   panel: e
 }) => /* @__PURE__ */ u(S, { children: [
@@ -24829,18 +24826,18 @@ const XD = D(function({
   const {
     ref: r,
     downloadPanelScreenshot: o
-  } = YD(e), a = e.title ? "calc(100% - 25px - 5px)" : "100%";
+  } = YD(e), a = e.title ? "calc(100% - 25px)" : "100%";
   return /* @__PURE__ */ i(wc, { value: {
     panel: e,
     data: e.data,
     loading: e.dataLoading,
     errors: e.queryErrors,
     downloadPanelScreenshot: o
-  }, children: /* @__PURE__ */ u(P, { className: "panel-root", ref: r, p: 5, pt: 0, sx: {
+  }, children: /* @__PURE__ */ u(V, { className: "panel-root", ref: r, p: 0, sx: {
     ...ZD,
     ...t
   }, children: [
-    /* @__PURE__ */ i(P, { sx: {
+    /* @__PURE__ */ i(V, { sx: {
       position: "absolute",
       left: 0,
       top: 0,
@@ -24885,14 +24882,14 @@ const iI = D(({
   } = R.useContext(Ti), s = R.useCallback(() => {
     o(r);
   }, [r, o]), l = !a && e.type !== Z.Modal;
-  return rI(t.viz.type) ? /* @__PURE__ */ i(P, { sx: {
+  return rI(t.viz.type) ? /* @__PURE__ */ i(V, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 300
   }, children: /* @__PURE__ */ u(he, { withinPortal: !0, children: [
-    /* @__PURE__ */ i(he.Target, { children: /* @__PURE__ */ i(P, { className: "panel-dropdown-target", sx: {
+    /* @__PURE__ */ i(he.Target, { children: /* @__PURE__ */ i(V, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
@@ -25074,8 +25071,8 @@ const mI = D(({
     ref: r,
     downloadScreenshot: o
   } = Qa(t);
-  return /* @__PURE__ */ u(j, { children: [
-    /* @__PURE__ */ i(P, { ref: r, sx: n, children: e }),
+  return /* @__PURE__ */ u(W, { children: [
+    /* @__PURE__ */ i(V, { ref: r, sx: n, children: e }),
     /* @__PURE__ */ i(mI, { downloadScreenShot: o })
   ] });
 }), yu = D(({
@@ -25089,7 +25086,7 @@ const mI = D(({
     downloadScreenshot: l
   } = Qa(t);
   return /* @__PURE__ */ i(Te, { size: r.width, centered: !0, opened: o, onClose: a, withCloseButton: !1, title: /* @__PURE__ */ u(v, { position: "apart", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ i(P, { children: r.custom_modal_title.value }),
+    /* @__PURE__ */ i(V, { children: r.custom_modal_title.value }),
     /* @__PURE__ */ i(yu, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (c) => {
     c.stopPropagation();
@@ -25124,7 +25121,7 @@ const mI = D(({
     }
   }, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ i(P, { ref: s, children: e }) });
+  }, children: /* @__PURE__ */ i(V, { ref: s, children: e }) });
 }), bI = (e) => e.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: e.color ? e.color : "..."
@@ -25187,13 +25184,13 @@ const wI = D(({
     ref: a,
     downloadScreenshot: s
   } = Qa(t);
-  return /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ i(V, { sx: {
     height: "100%",
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
   }, children: /* @__PURE__ */ i(Te, { size: n.width, opened: !0, onClose: k.noop, withCloseButton: !1, title: /* @__PURE__ */ u(v, { position: "apart", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ i(P, { children: n.custom_modal_title.value }),
+    /* @__PURE__ */ i(V, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ i(yu, { downloadScreenshot: s })
   ] }), trapFocus: !0, onDragStart: (l) => {
     l.stopPropagation();
@@ -25234,7 +25231,7 @@ const wI = D(({
     }
   }, withinPortal: !1, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ i(P, { ref: a, children: e }) }) });
+  }, children: /* @__PURE__ */ i(V, { ref: a, children: e }) }) });
 }), _I = ({
   variant: e,
   orientation: t
@@ -25288,7 +25285,7 @@ const wI = D(({
       return /* @__PURE__ */ u(g.Panel, { value: l.id, sx: {
         position: "relative"
       }, children: [
-        /* @__PURE__ */ u(P, { sx: {
+        /* @__PURE__ */ u(V, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -25338,10 +25335,10 @@ const wI = D(({
   return /* @__PURE__ */ i(Ti.Provider, { value: {
     viewPanelInFullScreen: k.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ i(P, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(kI, { view: t, children: /* @__PURE__ */ u(P, { sx: {
+  }, children: /* @__PURE__ */ i(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(kI, { view: t, children: /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ i(P, { className: "dashboard-sticky-area", sx: {
+    /* @__PURE__ */ i(V, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ i(Ed, { view: t }) }),
@@ -25362,14 +25359,14 @@ const wI = D(({
   return /* @__PURE__ */ i(Ti.Provider, { value: {
     viewPanelInFullScreen: o,
     inFullScreen: s
-  }, children: /* @__PURE__ */ u(P, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     height: t.type === Z.Modal ? "0 !important" : "100%"
   }, children: [
     s && /* @__PURE__ */ i(sI, { view: t, panel: l, exitFullScreen: a }),
-    /* @__PURE__ */ i(xI, { view: t, children: /* @__PURE__ */ u(P, { sx: {
+    /* @__PURE__ */ i(xI, { view: t, children: /* @__PURE__ */ u(V, { sx: {
       position: "relative"
     }, children: [
-      !s && /* @__PURE__ */ i(P, { className: "dashboard-sticky-area", sx: {
+      !s && /* @__PURE__ */ i(V, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ i(Ed, { view: t }) }),
@@ -26637,7 +26634,7 @@ const QI = D(() => {
 }, JI = D(() => {
   var n;
   const e = Ce(), t = ((n = e.views.VIE) == null ? void 0 : n.type) === Z.Tabs;
-  return /* @__PURE__ */ i(P, { sx: XI, pl: {
+  return /* @__PURE__ */ i(V, { sx: XI, pl: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -26655,10 +26652,10 @@ const QI = D(() => {
       borderBottom: "1px solid #e9ecef",
       background: "rgb(231, 245, 255)"
     }, children: "Add a Panel" }),
-    /* @__PURE__ */ i(P, {}),
-    /* @__PURE__ */ i(P, {})
+    /* @__PURE__ */ i(V, {}),
+    /* @__PURE__ */ i(V, {})
   ] }) });
-}), ZI = D((e) => /* @__PURE__ */ u(j, { children: [
+}), ZI = D((e) => /* @__PURE__ */ u(W, { children: [
   /* @__PURE__ */ i(UI, { ...e }),
   /* @__PURE__ */ i(JI, {})
 ] }));
@@ -26977,9 +26974,9 @@ const xM = rh(({
   ...o
 }) => {
   const a = M(() => yM(e.interactions), [e.interactions]);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Ss, { type: "target", position: r, isConnectable: t }),
-    /* @__PURE__ */ i(P, { sx: {
+    /* @__PURE__ */ i(V, { sx: {
       position: "absolute",
       top: 0,
       right: 0
@@ -27056,7 +27053,7 @@ function SM({
   active: n,
   openSettings: r
 }) {
-  return /* @__PURE__ */ u(P, { sx: {
+  return /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ i(hh, { sx: (o) => ({
@@ -27088,7 +27085,7 @@ const kM = D(() => {
   const e = Fe(), t = Ce(), n = nt((o) => () => t.views.setIDOfVIE(o), [t]), r = (o) => {
     e.editor.open(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ u(P, { sx: {
+  return /* @__PURE__ */ u(V, { sx: {
     position: "relative"
   }, children: [
     t.views.options.map((o) => /* @__PURE__ */ i(SM, { active: t.views.idOfVIE === o.value, name: o.label, onClick: n(o.value), openSettings: () => r(o.value) }, o.value)),
@@ -27161,7 +27158,7 @@ const kM = D(() => {
 }), DM = D(function({
   config: t
 }) {
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(xe, { checked: t.default_value, onChange: (n) => t.setDefaultValue(n.currentTarget.checked), label: "Default Checked" }),
     /* @__PURE__ */ i(Aa, { label: "Description", value: t.description, onChange: t.setDescription, styles: {
       root: {
@@ -27188,7 +27185,7 @@ const kM = D(() => {
 }], MM = D(function({
   config: t
 }) {
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ u(v, { children: [
       /* @__PURE__ */ i(xe, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
       /* @__PURE__ */ i(xe, { checked: t.clearable, onChange: (n) => t.setClearable(n.currentTarget.checked), disabled: t.max_days > 0, label: "Clearable" }),
@@ -27230,7 +27227,7 @@ const kM = D(() => {
 }
 `, Du = () => {
   const [e, t] = Q(!1);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see expected data structure" }),
     /* @__PURE__ */ i(Qo, { in: e, children: /* @__PURE__ */ i(Sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: $M }) })
   ] });
@@ -27243,14 +27240,14 @@ const kM = D(() => {
       value: ""
     });
   }, r = t.static_options, o = [...r];
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(z, { label: "Width", description: "At least 160px", value: t.min_width, onChange: (a) => t.setMinWidth(a.currentTarget.value), placeholder: "default: 200px" }),
     /* @__PURE__ */ i(L, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ u(S, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
     }, children: [
-      t.usingQuery && /* @__PURE__ */ u(j, { children: [
+      t.usingQuery && /* @__PURE__ */ u(W, { children: [
         /* @__PURE__ */ i(Xt, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
@@ -27307,7 +27304,7 @@ const kM = D(() => {
     label: "No default selection",
     value: ""
   }, ...r];
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(xe, { checked: t.required, onChange: (a) => t.setRequired(a.currentTarget.checked), label: "Required" }),
     /* @__PURE__ */ i(z, { label: "Width", value: t.width, onChange: (a) => t.setWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ i(L, { label: "Configure options", labelPosition: "center" }),
@@ -27315,7 +27312,7 @@ const kM = D(() => {
       position: "relative",
       minHeight: "50px"
     }, children: [
-      t.usingQuery && /* @__PURE__ */ u(j, { children: [
+      t.usingQuery && /* @__PURE__ */ u(W, { children: [
         /* @__PURE__ */ i(Xt, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
@@ -27363,7 +27360,7 @@ const kM = D(() => {
 }), AM = D(function({
   config: t
 }) {
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(z, { label: "Default Value", value: t.default_value, onChange: (n) => {
       t.setDefaultValue(n.currentTarget.value);
     } }),
@@ -27379,14 +27376,14 @@ const kM = D(() => {
 }
 `, RM = () => {
   const [e, t] = Q(!1);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see expected data structure" }),
     /* @__PURE__ */ i(Qo, { in: e, children: /* @__PURE__ */ i(Sn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: EM }) })
   ] });
 }, OM = D(function({
   config: t
 }) {
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(z, { label: "Min-width", value: t.min_width, onChange: (n) => t.setMinWidth(n.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ i(L, { label: "Fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(ie, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
@@ -27399,7 +27396,7 @@ const kM = D(() => {
   const [n, r] = R.useState(t.plainDefaultValue);
   return R.useEffect(() => {
     r(t.plainDefaultValue);
-  }, [t]), /* @__PURE__ */ u(P, { sx: {
+  }, [t]), /* @__PURE__ */ u(V, { sx: {
     maxWidth: "480px"
   }, children: [
     /* @__PURE__ */ i(C, { pb: "md", color: "gray", children: "Preview" }),
@@ -27437,7 +27434,7 @@ const kM = D(() => {
 }) {
   const n = Ce(), r = R.useMemo(() => PM[t.type], [t.type]);
   return /* @__PURE__ */ u(v, { grow: !0, spacing: 20, align: "top", children: [
-    /* @__PURE__ */ u(P, { sx: {
+    /* @__PURE__ */ u(V, { sx: {
       maxWidth: "600px"
     }, children: [
       /* @__PURE__ */ i(C, { pb: "md", color: "gray", children: "Edit" }),
@@ -27508,7 +27505,7 @@ const kM = D(() => {
         zIndex: 320
       });
     }, children: "Delete this filter" }) }),
-    /* @__PURE__ */ i(P, { sx: {
+    /* @__PURE__ */ i(V, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -27580,7 +27577,7 @@ const kM = D(() => {
   } = qt(), {
     style: t
   } = e;
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(L, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ u(S, { spacing: 20, children: [
       /* @__PURE__ */ u(v, { grow: !0, align: "top", children: [
@@ -27685,7 +27682,7 @@ function Iu({
     columnResizeMode: "onChange",
     getCoreRowModel: nc()
   });
-  return e.length === 0 ? /* @__PURE__ */ i(P, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ i(V, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ u(Vt, { sx: HM, children: [
     /* @__PURE__ */ i("thead", { children: n.getHeaderGroups().map((r) => /* @__PURE__ */ i("tr", { children: r.headers.map((o) => /* @__PURE__ */ u("th", { style: {
@@ -27739,7 +27736,7 @@ const QM = ({
         /* @__PURE__ */ i(K, { variant: "subtle", color: "blue", disabled: s || p, onClick: c, children: /* @__PURE__ */ i(Zo, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ u(P, { sx: {
+    /* @__PURE__ */ u(V, { sx: {
       position: "relative",
       overflow: "auto"
     }, children: [
@@ -27754,7 +27751,7 @@ const QM = ({
   } = qt(), [o, a] = Q(!1), s = (l) => {
     t.editor.setPath(["_QUERIES_", l]);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(ph, { opened: o, onClose: () => a(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ i(xe.Group, { value: [...r.queryIDs], onChange: r.setQueryIDs, children: /* @__PURE__ */ i(S, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ i(xe, { label: l.label, value: l.value }, l.value)) }) }) }),
     /* @__PURE__ */ u(S, { spacing: 6, children: [
       /* @__PURE__ */ i(v, { position: "right", children: /* @__PURE__ */ i(I, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ i(sp, { size: 16 }), onClick: () => a(!0), children: "Click me to choose queries for this panel" }) }),
@@ -27769,7 +27766,7 @@ const QM = ({
   const {
     panel: e
   } = $n();
-  return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(V, { sx: {
     height: "100%",
     flexGrow: 0,
     flexShrink: 0,
@@ -27893,13 +27890,13 @@ const Mu = Gn((e) => ({
     const d = k.cloneDeep(t);
     k.set(d, l, c), n(d);
   };
-  return /* @__PURE__ */ u(P, { px: "sm", py: "md", ref: a, children: [
+  return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: a, children: [
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(z, { label: "Name", required: !0, value: t.name, onChange: (l) => s("name", l.currentTarget.value) }),
       /* @__PURE__ */ i(X, { label: "Data Field", required: !0, value: t.data_field, onChange: (l) => s("data_field", l) })
     ] }),
     /* @__PURE__ */ i(gi, { label: "Aggregation", value: t.aggregation, onChange: (l) => s("aggregation", l) }),
-    t.aggregation.type !== "custom" && /* @__PURE__ */ u(j, { children: [
+    t.aggregation.type !== "custom" && /* @__PURE__ */ u(W, { children: [
       /* @__PURE__ */ i(L, { my: "xs", label: "Format", labelPosition: "center" }),
       /* @__PURE__ */ i(vt, { value: t.formatter, onChange: (l) => s("formatter", l) })
     ] }),
@@ -27940,10 +27937,10 @@ const Mu = Gn((e) => ({
   } = Mu();
   return /* @__PURE__ */ u(v, { className: t.root, noWrap: !0, align: "start", children: [
     /* @__PURE__ */ i(Go, { withBorder: !0, p: "md", className: "var-list-container", children: /* @__PURE__ */ u(S, { justify: "space-between", children: [
-      /* @__PURE__ */ i(P, { className: "var-list-actions", children: /* @__PURE__ */ i(I, { variant: "light", size: "sm", onClick: e.addNew, fullWidth: !0, children: "Add Variable" }) }),
+      /* @__PURE__ */ i(V, { className: "var-list-actions", children: /* @__PURE__ */ i(I, { variant: "light", size: "sm", onClick: e.addNew, fullWidth: !0, children: "Add Variable" }) }),
       /* @__PURE__ */ i(t$, { uiModel: e })
     ] }) }),
-    e.selected ? /* @__PURE__ */ i(j, { children: /* @__PURE__ */ i(o$, { uiModel: e, variable: e.selected }) }) : /* @__PURE__ */ i("span", { children: "Select or create a new variable on right side" })
+    e.selected ? /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(o$, { uiModel: e, variable: e.selected }) }) : /* @__PURE__ */ i("span", { children: "Select or create a new variable on right side" })
   ] });
 }, s$ = D(a$);
 function l$() {
@@ -28067,7 +28064,7 @@ const h$ = D(() => {
   }] = na(!1), c = () => {
     e.moveToView(t, r), l();
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(I, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftIcon: /* @__PURE__ */ i(El, { size: 14 }), children: "Move into Another View" }),
     /* @__PURE__ */ i(Te, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ u(S, { sx: {
       maxHeight: "calc(100vh - 185px)",
@@ -28105,7 +28102,7 @@ const h$ = D(() => {
   width: "100%",
   height: "100%"
 }, children: [
-  /* @__PURE__ */ i(P, { sx: {
+  /* @__PURE__ */ i(V, { sx: {
     maxWidth: "calc(100% - 610px - 10px)",
     height: "100%",
     overflow: "auto"
@@ -28432,7 +28429,7 @@ const D$ = D(({
   const {
     tables: t
   } = e;
-  return t.loading ? /* @__PURE__ */ i($u, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ i(P, { h: "100%", sx: {
+  return t.loading ? /* @__PURE__ */ i($u, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ i(V, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -28442,7 +28439,7 @@ const D$ = D(({
   }, active: e.table_name === o.table_name }, o.table_name)) }, n)) });
 }), I$ = ({
   visible: e
-}) => /* @__PURE__ */ i(P, { py: 10, sx: {
+}) => /* @__PURE__ */ i(V, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
@@ -28510,7 +28507,7 @@ const D$ = D(({
     fontFamily: "monospace"
   }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ i(I$, { visible: !0 }) : /* @__PURE__ */ u(ht, { children: [
     /* @__PURE__ */ i(z$, { dataSource: e }),
-    /* @__PURE__ */ u(P, { py: 10, sx: {
+    /* @__PURE__ */ u(V, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -28541,7 +28538,7 @@ const D$ = D(({
 }, children: e.tables.error }) : /* @__PURE__ */ u(Yn, { sx: {
   height: "100%"
 }, children: [
-  /* @__PURE__ */ i(P, { w: 300, sx: {
+  /* @__PURE__ */ i(V, { w: 300, sx: {
     flexGrow: 0,
     flexShrink: 0,
     position: "relative"
@@ -28580,7 +28577,7 @@ const D$ = D(({
   triggerButtonProps: t = {}
 }) => {
   const [n, r] = Q(!1);
-  return e.type === "http" ? null : /* @__PURE__ */ u(j, { children: [
+  return e.type === "http" ? null : /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Te, { opened: n, onClose: () => r(!1), title: /* @__PURE__ */ u(v, { position: "apart", sx: {
       flexGrow: 1
     }, children: [
@@ -28595,7 +28592,7 @@ const D$ = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: R$, children: /* @__PURE__ */ i(P, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: R$, children: /* @__PURE__ */ i(V, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ i(E$, { dataSource: e }) }) }),
     /* @__PURE__ */ i(I, { variant: "subtle", onClick: () => r(!0), px: 16, styles: {
@@ -28631,7 +28628,7 @@ const D$ = D(({
     });
   }, c = M(() => n.datasources.find(e), [n, e]);
   return /* @__PURE__ */ i(F, { data: a, label: /* @__PURE__ */ u(v, { position: "apart", children: [
-    /* @__PURE__ */ i(P, { children: "Data Source" }),
+    /* @__PURE__ */ i(V, { children: "Data Source" }),
     c && /* @__PURE__ */ i(zu, { dataSource: c, triggerButtonProps: {
       compact: !0,
       size: "xs",
@@ -28773,7 +28770,7 @@ WHERE
   ] }) });
 }), Za = D(() => {
   const [e, t] = Q(!1);
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Te, { opened: e, onClose: () => t(!1), title: "Query Variables", zIndex: 320, size: "800px", children: /* @__PURE__ */ i(Lu, {}) }),
     /* @__PURE__ */ i(I, { variant: "subtle", onClick: () => t(!0), px: 16, styles: {
       inner: {
@@ -28833,8 +28830,8 @@ WHERE
       /* @__PURE__ */ i("td", { children: k.capitalize(a.type) }),
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(Xi, { component: "button", type: "button", onClick: () => r(a), children: a.label }) }),
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ u(S, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
-        a.views.map((s) => /* @__PURE__ */ i(Xi, { component: "button", type: "button", onClick: () => o(s.id), children: /* @__PURE__ */ i(P, { children: s.label }) })),
-        a.views.length === 0 && /* @__PURE__ */ i(P, { children: "--" })
+        a.views.map((s) => /* @__PURE__ */ i(Xi, { component: "button", type: "button", onClick: () => o(s.id), children: /* @__PURE__ */ i(V, { children: s.label }) })),
+        a.views.length === 0 && /* @__PURE__ */ i(V, { children: "--" })
       ] }) })
     ] }, a.id)) })
   ] }) });
@@ -29124,7 +29121,7 @@ WHERE
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(P, { sx: {
+}) => /* @__PURE__ */ u(V, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -29168,7 +29165,7 @@ WHERE
   }, h = () => {
     p(lo.func_content);
   };
-  return /* @__PURE__ */ u(j, { children: [
+  return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(K, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: r, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ i(Il, { size: 14 }) }),
@@ -29205,7 +29202,7 @@ WHERE
   ] });
 }), az = D(({
   view: e
-}) => /* @__PURE__ */ u(j, { children: [
+}) => /* @__PURE__ */ u(W, { children: [
   /* @__PURE__ */ i(Z$, { view: e }),
   /* @__PURE__ */ i(oz, { view: e }),
   /* @__PURE__ */ i(nz, { view: e })
@@ -29262,7 +29259,7 @@ WHERE
         zIndex: 320
       });
     }, children: "Delete this view" }) }),
-    /* @__PURE__ */ i(P, { sx: {
+    /* @__PURE__ */ i(V, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -29294,7 +29291,7 @@ const bz = D(() => /* @__PURE__ */ i(S, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ i(Lu, {}) })), yz = D(() => {
   const e = Fe().editor, t = e.path;
-  return dz(t) ? /* @__PURE__ */ i(bz, {}) : uz(t) ? /* @__PURE__ */ i(qM, {}) : hz(t) ? /* @__PURE__ */ i(P, { p: "xs", pl: 20, children: /* @__PURE__ */ i(BM, { id: t[1] }) }) : pz(t) ? /* @__PURE__ */ i(J$, { id: t[1] }) : fz(t) ? /* @__PURE__ */ i(K$, { id: t[1] }) : mz(t) ? /* @__PURE__ */ i(P, { p: "xs", pl: 20, children: /* @__PURE__ */ i(cz, { id: t[1] }) }) : gz(t) ? /* @__PURE__ */ i(b$, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ i(P, { children: e.path });
+  return dz(t) ? /* @__PURE__ */ i(bz, {}) : uz(t) ? /* @__PURE__ */ i(qM, {}) : hz(t) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(BM, { id: t[1] }) }) : pz(t) ? /* @__PURE__ */ i(J$, { id: t[1] }) : fz(t) ? /* @__PURE__ */ i(K$, { id: t[1] }) : mz(t) ? /* @__PURE__ */ i(V, { p: "xs", pl: 20, children: /* @__PURE__ */ i(cz, { id: t[1] }) }) : gz(t) ? /* @__PURE__ */ i(b$, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ i(V, { children: e.path });
 }), xz = D(() => /* @__PURE__ */ i(yz, {})), vz = D(() => {
   const e = Fe();
   return /* @__PURE__ */ i(I, { variant: "subtle", leftIcon: /* @__PURE__ */ i(Bt, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => {
@@ -29390,7 +29387,7 @@ const bz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, [s]), /* @__PURE__ */ i(Ji, { active: r, defaultOpened: s, opened: l, onChange: c, label: e.label, onClick: () => a(e), icon: e.Icon ? /* @__PURE__ */ i(e.Icon, { size: 18 }) : null, children: (d = e.children) == null ? void 0 : d.map((p) => p._type === "ACTION" ? /* @__PURE__ */ i(kz, { action_type: p._action_type, parentID: p.parentID }, `_ADD_${p.value}_`) : /* @__PURE__ */ i(Au, { option: p }, p.value)) }, e.label);
 }), Tz = D(() => {
   const e = Fe();
-  return /* @__PURE__ */ i(P, { sx: {
+  return /* @__PURE__ */ i(V, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ i(Au, { option: t }, t.value)) });
 }), Dz = D(() => {
@@ -29512,7 +29509,7 @@ const Lz = {
   return /* @__PURE__ */ i(bl, { children: /* @__PURE__ */ i(fc, { value: h, children: /* @__PURE__ */ i(yc, { value: h.content, children: /* @__PURE__ */ i(ca.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ i(jt.Provider, { value: m, children: /* @__PURE__ */ u(ki, { configure: w, children: [
-    /* @__PURE__ */ i(gl, { padding: 0, header: /* @__PURE__ */ i(ZI, { saveDashboardChanges: f, headerSlot: l }), navbar: /* @__PURE__ */ i(TM, {}), styles: Lz, children: /* @__PURE__ */ i(P, { className: `${o} dashboard-root`, sx: {
+    /* @__PURE__ */ i(gl, { padding: 0, header: /* @__PURE__ */ i(ZI, { saveDashboardChanges: f, headerSlot: l }), navbar: /* @__PURE__ */ i(TM, {}), styles: Lz, children: /* @__PURE__ */ i(V, { className: `${o} dashboard-root`, sx: {
       position: "relative"
     }, children: h.content.views.visibleViews.map((x) => /* @__PURE__ */ i(TI, { view: x }, x.id)) }) }),
     /* @__PURE__ */ i(Mz, {})
@@ -29704,7 +29701,7 @@ const lE = D(({
     setFullScreenPanelID: s
   }, children: /* @__PURE__ */ i(ca.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ i(P, { className: `${r} dashboard-root`, children: /* @__PURE__ */ i(jt.Provider, { value: p, children: /* @__PURE__ */ i(ki, { configure: h, children: d.content.views.visibleViews.map((f) => /* @__PURE__ */ i(Ka, { view: f }, f.id)) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ i(V, { className: `${r} dashboard-root`, children: /* @__PURE__ */ i(jt.Provider, { value: p, children: /* @__PURE__ */ i(ki, { configure: h, children: d.content.views.visibleViews.map((f) => /* @__PURE__ */ i(Ka, { view: f }, f.id)) }) }) }) }) }) }) }) });
 });
 var uo = {}, Fz = {
   get exports() {
@@ -29916,9 +29913,9 @@ var go = {}, Hz = {
     }, f = function(x, T) {
       var $, A = l.meridiem;
       if (A) {
-        for (var W = 1; W <= 24; W += 1)
-          if (x.indexOf(A(W, 0, T)) > -1) {
-            $ = W > 12;
+        for (var j = 1; j <= 24; j += 1)
+          if (x.indexOf(A(j, 0, T)) > -1) {
+            $ = j > 12;
             break;
           }
       } else
@@ -29962,12 +29959,12 @@ var go = {}, Hz = {
         return te || $[oe] || n[oe] || $[be].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ye, Ae, Ue) {
           return Ae || Ue.slice(1);
         });
-      })).match(r), W = A.length, Y = 0; Y < W; Y += 1) {
+      })).match(r), j = A.length, Y = 0; Y < j; Y += 1) {
         var B = A[Y], O = m[B], E = O && O[0], U = O && O[1];
         A[Y] = U ? { regex: E, parser: U } : B.replace(/^\[|\]$/g, "");
       }
       return function(re) {
-        for (var te = {}, oe = 0, be = 0; oe < W; oe += 1) {
+        for (var te = {}, oe = 0, be = 0; oe < j; oe += 1) {
           var ye = A[oe];
           if (typeof ye == "string")
             be += ye.length;
@@ -29987,7 +29984,7 @@ var go = {}, Hz = {
     }
     return function(x, T, $) {
       $.p.customParseFormat = !0, x && x.parseTwoDigitYear && (c = x.parseTwoDigitYear);
-      var A = T.prototype, W = A.parse;
+      var A = T.prototype, j = A.parse;
       A.parse = function(Y) {
         var B = Y.date, O = Y.utc, E = Y.args;
         this.$u = O;
@@ -30017,7 +30014,7 @@ var go = {}, Hz = {
             Ae === ye && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
-          W.call(this, Y);
+          j.call(this, Y);
       };
     };
   });
@@ -30068,7 +30065,7 @@ var yo = {}, Xz = {
       return T(B) ? Math.ceil(B) : Math.floor(B);
     }, A = function(B) {
       return Math.abs(B);
-    }, W = function(B, O) {
+    }, j = function(B, O) {
       return B ? T(B) ? { negative: !0, format: "" + A(B) + O } : { negative: !1, format: "" + B + O } : { negative: !1, format: "" };
     }, Y = function() {
       function B(E, U, re) {
@@ -30102,11 +30099,11 @@ var yo = {}, Xz = {
         var E = this.$ms;
         this.$d.years = $(E / d), E %= d, this.$d.months = $(E / p), E %= p, this.$d.days = $(E / l), E %= l, this.$d.hours = $(E / s), E %= s, this.$d.minutes = $(E / a), E %= a, this.$d.seconds = $(E / o), E %= o, this.$d.milliseconds = E;
       }, O.toISOString = function() {
-        var E = W(this.$d.years, "Y"), U = W(this.$d.months, "M"), re = +this.$d.days || 0;
+        var E = j(this.$d.years, "Y"), U = j(this.$d.months, "M"), re = +this.$d.days || 0;
         this.$d.weeks && (re += 7 * this.$d.weeks);
-        var te = W(re, "D"), oe = W(this.$d.hours, "H"), be = W(this.$d.minutes, "M"), ye = this.$d.seconds || 0;
+        var te = j(re, "D"), oe = j(this.$d.hours, "H"), be = j(this.$d.minutes, "M"), ye = this.$d.seconds || 0;
         this.$d.milliseconds && (ye += this.$d.milliseconds / 1e3);
-        var Ae = W(ye, "S"), Ue = E.negative || U.negative || te.negative || oe.negative || be.negative || Ae.negative, Me = oe.format || be.format || Ae.format ? "T" : "", Pe = (Ue ? "-" : "") + "P" + E.format + U.format + te.format + Me + oe.format + be.format + Ae.format;
+        var Ae = j(ye, "S"), Ue = E.negative || U.negative || te.negative || oe.negative || be.negative || Ae.negative, Me = oe.format || be.format || Ae.format ? "T" : "", Pe = (Ue ? "-" : "") + "P" + E.format + U.format + te.format + Me + oe.format + be.format + Ae.format;
         return Pe === "P" || Pe === "-P" ? "P0D" : Pe;
       }, O.toJSON = function() {
         return this.toISOString();
@@ -30418,14 +30415,14 @@ var Mo = {}, xL = {
       var a = r.prototype, s = function(h) {
         return h && (h.indexOf ? h : h.s);
       }, l = function(h, f, m, w, x) {
-        var T = h.name ? h : h.$locale(), $ = s(T[f]), A = s(T[m]), W = $ || A.map(function(B) {
+        var T = h.name ? h : h.$locale(), $ = s(T[f]), A = s(T[m]), j = $ || A.map(function(B) {
           return B.slice(0, w);
         });
         if (!x)
-          return W;
+          return j;
         var Y = T.weekStart;
-        return W.map(function(B, O) {
-          return W[(O + (Y || 0)) % 7];
+        return j.map(function(B, O) {
+          return j[(O + (Y || 0)) % 7];
         });
       }, c = function() {
         return o.Ls[o.locale()];
@@ -30507,8 +30504,8 @@ var $o = {}, wL = {
         var d = this.$locale().formats, p = function(h, f) {
           return h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(m, w, x) {
             var T = x && x.toUpperCase();
-            return w || f[x] || n[x] || f[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function($, A, W) {
-              return A || W.slice(1);
+            return w || f[x] || n[x] || f[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function($, A, j) {
+              return A || j.slice(1);
             });
           });
         }(c, d === void 0 ? {} : d);
@@ -30574,8 +30571,8 @@ var Lo = {}, kL = {
             var te, oe;
             T[te = re, oe = a.$utils().p(te), oe === "date" ? "day" : oe] = w[re];
           });
-          var A = T.day || (T.year || T.month >= 0 ? 1 : $.date()), W = T.year || $.year(), Y = T.month >= 0 ? T.month : T.year || T.day ? 0 : $.month(), B = T.hour || 0, O = T.minute || 0, E = T.second || 0, U = T.millisecond || 0;
-          return x ? new Date(Date.UTC(W, Y, A, B, O, E, U)) : new Date(W, Y, A, B, O, E, U);
+          var A = T.day || (T.year || T.month >= 0 ? 1 : $.date()), j = T.year || $.year(), Y = T.month >= 0 ? T.month : T.year || T.day ? 0 : $.month(), B = T.hour || 0, O = T.minute || 0, E = T.second || 0, U = T.millisecond || 0;
+          return x ? new Date(Date.UTC(j, Y, A, B, O, E, U)) : new Date(j, Y, A, B, O, E, U);
         }
         return w;
       }, l = a.parse;
@@ -30714,7 +30711,7 @@ var Oo = {}, AL = {
         return a.fromToBase(d, p, h, f);
       }
       o.en.relativeTime = s, a.fromToBase = function(d, p, h, f, m) {
-        for (var w, x, T, $ = h.$locale().relativeTime || s, A = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], W = A.length, Y = 0; Y < W; Y += 1) {
+        for (var w, x, T, $ = h.$locale().relativeTime || s, A = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], j = A.length, Y = 0; Y < j; Y += 1) {
           var B = A[Y];
           B.d && (w = f ? o(d).diff(h, B.d, !0) : h.diff(d, B.d, !0));
           var O = (n.rounding || Math.round)(Math.abs(w));
@@ -30764,14 +30761,14 @@ var Fo = {}, RL = {
         w === void 0 && (w = {});
         var x = new Date(f), T = function($, A) {
           A === void 0 && (A = {});
-          var W = A.timeZoneName || "short", Y = $ + "|" + W, B = r[Y];
-          return B || (B = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: $, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: W }), r[Y] = B), B;
+          var j = A.timeZoneName || "short", Y = $ + "|" + j, B = r[Y];
+          return B || (B = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: $, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: j }), r[Y] = B), B;
         }(m, w);
         return T.formatToParts(x);
       }, d = function(f, m) {
         for (var w = c(f, m), x = [], T = 0; T < w.length; T += 1) {
-          var $ = w[T], A = $.type, W = $.value, Y = n[A];
-          Y >= 0 && (x[Y] = parseInt(W, 10));
+          var $ = w[T], A = $.type, j = $.value, Y = n[A];
+          Y >= 0 && (x[Y] = parseInt(j, 10));
         }
         var B = x[3], O = B === 24 ? 0 : B, E = x[0] + "-" + x[1] + "-" + x[2] + " " + O + ":" + x[4] + ":" + x[5] + ":000", U = +f;
         return (s.utc(E).valueOf() - (U -= U % 1e3)) / 6e4;
@@ -30780,8 +30777,8 @@ var Fo = {}, RL = {
         f === void 0 && (f = l);
         var w = this.utcOffset(), x = this.toDate(), T = x.toLocaleString("en-US", { timeZone: f }), $ = Math.round((x - new Date(T)) / 1e3 / 60), A = s(T).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(x.getTimezoneOffset() / 15) - $, !0);
         if (m) {
-          var W = A.utcOffset();
-          A = A.add(w - W, "minute");
+          var j = A.utcOffset();
+          A = A.add(w - j, "minute");
         }
         return A.$x.$timezone = f, A;
       }, p.offsetName = function(f) {
@@ -30806,7 +30803,7 @@ var Fo = {}, RL = {
             return [re, E];
           var oe = d(re -= 60 * (te - E) * 1e3, U);
           return te === oe ? [re, te] : [O - 60 * Math.min(te, oe) * 1e3, Math.max(te, oe)];
-        }(s.utc(f, x).valueOf(), $, T), W = A[0], Y = A[1], B = s(W).utcOffset(Y);
+        }(s.utc(f, x).valueOf(), $, T), j = A[0], Y = A[1], B = s(j).utcOffset(Y);
         return B.$x.$timezone = T, B;
       }, s.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -30931,15 +30928,15 @@ var Bo = {}, WL = {
           return re === 0 ? 0 : U === "+" ? re : -re;
         }(x), x === null))
           return this;
-        var A = Math.abs(x) <= 16 ? 60 * x : x, W = this;
+        var A = Math.abs(x) <= 16 ? 60 * x : x, j = this;
         if (T)
-          return W.$offset = A, W.$u = x === 0, W;
+          return j.$offset = A, j.$u = x === 0, j;
         if (x !== 0) {
           var Y = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (W = this.local().add(A + Y, n)).$offset = A, W.$x.$localOffset = Y;
+          (j = this.local().add(A + Y, n)).$offset = A, j.$x.$localOffset = Y;
         } else
-          W = this.utc();
-        return W;
+          j = this.utc();
+        return j;
       };
       var f = c.format;
       c.format = function(x) {
@@ -30963,8 +30960,8 @@ var Bo = {}, WL = {
       c.diff = function(x, T, $) {
         if (x && this.$u === x.$u)
           return w.call(this, x, T, $);
-        var A = this.local(), W = l(x).local();
-        return w.call(A, W, T, $);
+        var A = this.local(), j = l(x).local();
+        return w.call(A, j, T, $);
       };
     };
   });