@devtable/dashboard 10.25.0 → 10.25.1

package/dist/dashboard.es.js

@@ -1,8 +1,8 @@
 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);
+var Y = (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 V, Switch as Xe, NumberInput as ie, Divider as L, Table as Vt, ActionIcon as K, MultiSelect as dr, Paper as ja, Code as fs, Modal as Te, Tabs as g, LoadingOverlay as kn, Alert as Ga, NativeSelect as hl, useMantineTheme as pl, ColorInput as Ya, ColorSwatch as Ui, Slider as ih, Overlay as Xt, Checkbox as me, Center as Tn, CheckIcon as ah, MANTINE_SIZES as oh, SimpleGrid as ln, Tooltip as Ne, SegmentedControl as sh, HoverCard as at, Anchor as Xi, Textarea as lh, Collapse as Ha, 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 L, Button as I, Box as N, Switch as Xe, NumberInput as ie, Divider as A, Table as Vt, ActionIcon as K, MultiSelect as dr, Paper as ja, Code as fs, Modal as Te, Tabs as g, LoadingOverlay as kn, Alert as Ga, NativeSelect as hl, useMantineTheme as pl, ColorInput as Ya, ColorSwatch as Ui, Slider as ih, Overlay as Xt, Checkbox as me, Center as Tn, CheckIcon as ah, MANTINE_SIZES as oh, SimpleGrid as ln, Tooltip as Ne, SegmentedControl as sh, HoverCard as at, Anchor as Xi, Textarea as lh, Collapse as Ha, 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 or, toJS as Zt, reaction as St, makeAutoObservable as wr } from "mobx";
@@ -120,7 +120,7 @@ function Jp() {
       return typeof P == "function" ? P : null;
     }
     var $ = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function A(_) {
+    function z(_) {
       {
         for (var P = arguments.length, G = new Array(P > 1 ? P - 1 : 0), ne = 1; ne < P; ne++)
           G[ne - 1] = arguments[ne];
@@ -137,10 +137,10 @@ function Jp() {
         Se.unshift("Warning: " + P), Function.prototype.apply.call(console[_], console, Se);
       }
     }
-    var Y = !1, B = !1, O = !1, E = !1, U = !1, re;
+    var U = !1, V = !1, O = !1, E = !1, H = !1, re;
     re = Symbol.for("react.module.reference");
     function te(_) {
-      return !!(typeof _ == "string" || typeof _ == "function" || _ === r || _ === o || U || _ === a || _ === d || _ === p || E || _ === m || Y || B || O || typeof _ == "object" && _ !== null && (_.$$typeof === f || _.$$typeof === h || _.$$typeof === s || _.$$typeof === l || _.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof _ == "string" || typeof _ == "function" || _ === r || _ === o || H || _ === a || _ === d || _ === p || E || _ === m || U || V || O || typeof _ == "object" && _ !== null && (_.$$typeof === f || _.$$typeof === h || _.$$typeof === s || _.$$typeof === l || _.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -159,7 +159,7 @@ function Jp() {
     function xe(_) {
       if (_ == null)
         return null;
-      if (typeof _.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof _ == "function")
+      if (typeof _.tag == "number" && z("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof _ == "function")
         return _.displayName || _.name || null;
       if (typeof _ == "string")
         return _;
@@ -260,7 +260,7 @@ function Jp() {
             })
           });
         }
-        Ue < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Ue < 0 && z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Jn = $.ReactCurrentDispatcher, Ln;
@@ -412,7 +412,7 @@ function Jp() {
             } catch (Ve) {
               le = Ve;
             }
-            le && !(le instanceof Error) && (Mr(pe), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", G, de, typeof le), Mr(null)), le instanceof Error && !(le.message in ts) && (ts[le.message] = !0, Mr(pe), A("Failed %s type: %s", G, le.message), Mr(null));
+            le && !(le instanceof Error) && (Mr(pe), z("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ne || "React class", G, de, typeof le), Mr(null)), le instanceof Error && !(le.message in ts) && (ts[le.message] = !0, Mr(pe), z("Failed %s type: %s", G, le.message), Mr(null));
           }
       }
     }
@@ -438,7 +438,7 @@ function Jp() {
     }
     function is(_) {
       if (Pu(_))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Fu(_)), rs(_);
+        return z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Fu(_)), rs(_);
     }
     var nr = $.ReactCurrentOwner, Vu = {
       key: !0,
@@ -466,13 +466,13 @@ function Jp() {
     function qu(_, P) {
       if (typeof _.ref == "string" && nr.current && P && nr.current.stateNode !== P) {
         var G = xe(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', xe(nr.current.type), _.ref), zi[G] = !0);
+        zi[G] || (z('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', xe(nr.current.type), _.ref), zi[G] = !0);
       }
     }
     function Wu(_, P) {
       {
         var G = function() {
-          as || (as = !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));
+          as || (as = !0, z("%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,
@@ -483,7 +483,7 @@ function Jp() {
     function ju(_, P) {
       {
         var G = function() {
-          os || (os = !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));
+          os || (os = !0, z("%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,
@@ -597,7 +597,7 @@ Check the top-level render call using <` + G + ">.");
           return;
         cs[G] = !0;
         var ne = "";
-        _ && _._owner && _._owner !== Li.current && (ne = " It was passed a child from " + xe(_._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);
+        _ && _._owner && _._owner !== Li.current && (ne = " It was passed a child from " + xe(_._owner.type) + "."), Rn(_), z('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(_, P) {
@@ -639,9 +639,9 @@ Check the top-level render call using <` + G + ">.");
         } else if (P.PropTypes !== void 0 && !Ai) {
           Ai = !0;
           var pe = xe(P);
-          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", pe || "Unknown");
+          z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", pe || "Unknown");
         }
-        typeof P.getDefaultProps == "function" && !P.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 && z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Uu(_) {
@@ -649,11 +649,11 @@ Check the top-level render call using <` + 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);
+            Rn(_), z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ne), Rn(null);
             break;
           }
         }
-        _.ref !== null && (Rn(_), A("Invalid attribute `ref` supplied to `React.Fragment`."), Rn(null));
+        _.ref !== null && (Rn(_), z("Invalid attribute `ref` supplied to `React.Fragment`."), Rn(null));
       }
     }
     function hs(_, P, G, ne, pe, Se) {
@@ -665,7 +665,7 @@ Check the top-level render call using <` + G + ">.");
           var it = Hu(pe);
           it ? le += it : le += ls();
           var Ve;
-          _ === null ? Ve = "null" : $i(_) ? Ve = "array" : _ !== void 0 && _.$$typeof === t ? (Ve = "<" + (xe(_.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);
+          _ === null ? Ve = "null" : $i(_) ? Ve = "array" : _ !== void 0 && _.$$typeof === t ? (Ve = "<" + (xe(_.type) || "Unknown") + " />", le = " Did you accidentally export a JSX literal instead of a component?") : Ve = typeof _, z("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(_, P, G, pe, Se);
         if (Be == null)
@@ -679,7 +679,7 @@ Check the top-level render call using <` + G + ">.");
                   us(_t[On], _);
                 Object.freeze && Object.freeze(_t);
               } else
-                A("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                z("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               us(_t, _);
         }
@@ -941,7 +941,7 @@ async function lc() {
 }
 class cc {
   constructor(t) {
-    H(this, "rootRef");
+    Y(this, "rootRef");
     this.rootRef = yl({
       current: t
     });
@@ -983,8 +983,8 @@ class cc {
 }
 class cf {
   constructor() {
-    H(this, "channels", /* @__PURE__ */ new Map());
-    H(this, "globalChannel", new xs());
+    Y(this, "channels", /* @__PURE__ */ new Map());
+    Y(this, "globalChannel", new xs());
   }
   getChannel(t) {
     const n = this.channels.get(t);
@@ -996,7 +996,7 @@ class cf {
 }
 class df {
   constructor(t) {
-    H(this, "instances", /* @__PURE__ */ new Map());
+    Y(this, "instances", /* @__PURE__ */ new Map());
     this.pluginManager = t;
   }
   get availableVizList() {
@@ -1120,7 +1120,7 @@ const uf = (e) => {
 };
 class xf {
   constructor(t) {
-    H(this, "symbol");
+    Y(this, "symbol");
     this.symbol = Symbol(t);
   }
 }
@@ -1129,9 +1129,9 @@ function Yt(e) {
 }
 class oo {
   constructor() {
-    H(this, "parent");
-    H(this, "factoryRegistry", /* @__PURE__ */ new Map());
-    H(this, "instanceRegistry", /* @__PURE__ */ new Map());
+    Y(this, "parent");
+    Y(this, "factoryRegistry", /* @__PURE__ */ new Map());
+    Y(this, "instanceRegistry", /* @__PURE__ */ new Map());
   }
   createScoped() {
     const t = new oo();
@@ -1164,14 +1164,14 @@ class oo {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const hc = "10.25.0", vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const hc = "10.25.1", vf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: hc
 }, Symbol.toStringTag, { value: "Module" }));
 class wf {
   constructor(t) {
-    H(this, "staticColors", /* @__PURE__ */ new Map());
-    H(this, "interpolations", /* @__PURE__ */ new Map());
+    Y(this, "staticColors", /* @__PURE__ */ new Map());
+    Y(this, "interpolations", /* @__PURE__ */ new Map());
     t.installedPlugins.forEach((n) => {
       n.manifest.color.forEach((r) => {
         this.register(r);
@@ -1204,12 +1204,12 @@ class _f {
      * Id to plugin map
      * @private
      */
-    H(this, "plugins", /* @__PURE__ */ new Map());
+    Y(this, "plugins", /* @__PURE__ */ new Map());
     /**
      * Name to component map
      */
-    H(this, "vizComponents", /* @__PURE__ */ new Map());
-    H(this, "factory", {
+    Y(this, "vizComponents", /* @__PURE__ */ new Map());
+    Y(this, "factory", {
       viz: (t) => {
         const n = this.vizComponents.get(t);
         if (n)
@@ -1234,7 +1234,7 @@ class _f {
 }
 class Cf {
   constructor() {
-    H(this, "migrations", []);
+    Y(this, "migrations", []);
   }
   version(t, n) {
     return this.migrations.push({
@@ -1317,7 +1317,7 @@ const J = (e, t) => {
     name: "Z Axis Name"
   }
 };
-function N(e) {
+function B(e) {
   const [t, n] = e.split(".");
   return {
     queryID: t,
@@ -1325,7 +1325,7 @@ function N(e) {
   };
 }
 function Sf(e) {
-  return e.includes(".") ? N(e) : {
+  return e.includes(".") ? B(e) : {
     queryID: "",
     columnKey: e
   };
@@ -1335,13 +1335,13 @@ function Kt(e, t) {
   const {
     queryID: n,
     columnKey: r
-  } = N(t);
+  } = B(t);
   return n ? r ? ((a = e[n]) == null ? void 0 : a.map((o) => o[r])) ?? [] : e[n] : [];
 }
 function Cr(e, t) {
   const {
     queryID: n
-  } = N(t);
+  } = B(t);
   return n ? e[n] : [];
 }
 function kf(e) {
@@ -1351,7 +1351,7 @@ function Vr(e, t) {
   const {
     queryID: n,
     columnKey: r
-  } = N(t);
+  } = B(t);
   return e[r];
 }
 ge.use([bt, _r, yt, xt, st]);
@@ -1375,16 +1375,16 @@ function Tf({
     y: m,
     z: w
   } = M(() => ({
-    x: N(o),
-    y: N(s),
-    z: N(l)
+    x: B(o),
+    y: B(s),
+    z: B(l)
   }), [o, s, l]), {
     min: x,
     max: T
   } = M(() => {
-    const A = xh(h, (Y) => Y[w.columnKey]), j = vh(h, (Y) => Y[w.columnKey]);
+    const z = xh(h, (U) => U[w.columnKey]), j = vh(h, (U) => U[w.columnKey]);
     return {
-      min: ce(A, w.columnKey),
+      min: ce(z, w.columnKey),
       max: ce(j, w.columnKey)
     };
   }, [h, w]), $ = {
@@ -1420,7 +1420,7 @@ function Tf({
       wireframe: {
         // show: false
       },
-      data: h.map((A) => [A[f.columnKey], A[m.columnKey], A[w.columnKey]])
+      data: h.map((z) => [z[f.columnKey], z[m.columnKey], z[w.columnKey]])
     }]
   };
   return t ? /* @__PURE__ */ i(lt, { echarts: ge, option: $, style: {
@@ -1515,7 +1515,7 @@ function $f({
       }) => /* @__PURE__ */ i(X, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ i(y, { name: "xAxis3D.name", control: a, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { sx: {
+      }) => /* @__PURE__ */ i(L, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -1529,7 +1529,7 @@ function $f({
       }) => /* @__PURE__ */ i(X, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ i(y, { name: "yAxis3D.name", control: a, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { sx: {
+      }) => /* @__PURE__ */ i(L, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -1543,7 +1543,7 @@ function $f({
       }) => /* @__PURE__ */ i(X, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ i(y, { name: "zAxis3D.name", control: a, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { sx: {
+      }) => /* @__PURE__ */ i(L, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -1581,7 +1581,7 @@ function zf(e, {
 class Lf extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 2);
+    Y(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -1632,7 +1632,7 @@ class ht extends R.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ u(V, { children: [
+      return /* @__PURE__ */ u(N, { 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"
@@ -1800,14 +1800,14 @@ const Ff = [{
     k.set(l, o, s), n(l);
   };
   return /* @__PURE__ */ u(S, { spacing: 0, children: [
-    e && /* @__PURE__ */ i(L, { mb: -5, mt: 5, variant: "dotted", label: e, labelPosition: "right", labelProps: {
+    e && /* @__PURE__ */ i(A, { mb: -5, mt: 5, variant: "dotted", label: e, labelPosition: "right", labelProps: {
       color: "dimmed"
     } }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(ie, { label: "Max Width", hideControls: !0, value: t.width, onChange: a("width") }),
       /* @__PURE__ */ i(F, { label: "Overflow", data: Ff, value: t.overflow, onChange: a("overflow") }),
       /* @__PURE__ */ i(
-        z,
+        L,
         {
           label: "Ellipsis",
           value: t.ellipsis,
@@ -1912,7 +1912,7 @@ function zn(e, t) {
     const {
       queryID: n,
       columnKey: r
-    } = N(t);
+    } = B(t);
     return k.keyBy(e[n], r);
   }, [e, t]);
 }
@@ -1956,7 +1956,7 @@ class Nn {
 }
 class uo {
   constructor(t, n, r) {
-    H(this, "attachmentStorage");
+    Y(this, "attachmentStorage");
     this.instance = t, this.attachmentKey = n, this.constructInstance = r, this.attachmentStorage = new Nn(t.instanceData, n);
   }
   async getInstance(t) {
@@ -2012,7 +2012,7 @@ function Vf(e) {
     urlTemplate: l.currentTarget.value
   });
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(z, { label: "Url", value: t.urlTemplate, onChange: s, onBlur: a }),
+    /* @__PURE__ */ i(L, { label: "Url", value: t.urlTemplate, onChange: s, onBlur: a }),
     /* @__PURE__ */ i(Xe, { label: "Open in new Tab", checked: t.openInNewTab, onChange: (l) => o(l.currentTarget.checked) })
   ] });
 }
@@ -2032,7 +2032,7 @@ async function Nf(e, t) {
 class Bf extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 1);
+    Y(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (n) => n);
@@ -2063,7 +2063,7 @@ function Wf(e) {
 }
 function jf(e) {
   const [t, n] = Wf(e.operation);
-  return /* @__PURE__ */ i(z, { defaultValue: t, onBlur: (r) => n(r.currentTarget.value), label: "console.log" });
+  return /* @__PURE__ */ i(L, { defaultValue: t, onBlur: (r) => n(r.currentTarget.value), label: "console.log" });
 }
 async function Gf(e, t) {
   const n = await t.operationData.getItem("config"), r = Ka(n.template || "");
@@ -2116,7 +2116,7 @@ const Kf = {
   const [n, r] = Q(e);
   return q(() => {
     r(e);
-  }, [e]), /* @__PURE__ */ i(z, { size: "xs", label: "", value: n, onChange: (o) => r(o.currentTarget.value), sx: {
+  }, [e]), /* @__PURE__ */ i(L, { size: "xs", label: "", value: n, onChange: (o) => r(o.currentTarget.value), sx: {
     flexGrow: 1
   }, rightSection: /* @__PURE__ */ i(K, { color: "green", size: "xs", onClick: () => {
     t(n);
@@ -2219,7 +2219,7 @@ const am = {
 }, hi = [Yf, qf, Kf, tm, am];
 class om {
   constructor(t, n = hi) {
-    H(this, "attachments");
+    Y(this, "attachments");
     this.operations = n;
     const r = async (a) => {
       const {
@@ -2295,7 +2295,7 @@ class om {
 const Ds = "__TRIGGERS";
 class sm {
   constructor(t, n) {
-    H(this, "attachments");
+    Y(this, "attachments");
     this.instance = t, this.component = n;
     const r = async (a) => {
       const {
@@ -2366,9 +2366,9 @@ class sm {
 }
 class ho {
   constructor(t, n, r) {
-    H(this, "operationManager");
-    H(this, "triggerManager");
-    H(this, "attachments");
+    Y(this, "operationManager");
+    Y(this, "triggerManager");
+    Y(this, "attachments");
     this.operationManager = new om(t, r), this.triggerManager = new sm(t, n);
     const a = async (o) => {
       const {
@@ -2457,10 +2457,10 @@ const It = ({
 };
 class lm {
   constructor(t, n) {
-    H(this, "operationId");
-    H(this, "operation");
-    H(this, "operationSchema");
-    H(this, "variables", []);
+    Y(this, "operationId");
+    Y(this, "operation");
+    Y(this, "operationSchema");
+    Y(this, "variables", []);
     this.operationManager = t, this.instance = n, wr(this);
   }
   get schemaList() {
@@ -2537,10 +2537,10 @@ const pm = D((e) => {
 });
 class fm {
   constructor(t, n) {
-    H(this, "triggerId");
-    H(this, "trigger");
-    H(this, "triggerSchema");
-    H(this, "sampleData");
+    Y(this, "triggerId");
+    Y(this, "trigger");
+    Y(this, "triggerSchema");
+    Y(this, "sampleData");
     this.triggerManager = t, this.instance = n, wr(this);
   }
   get schemaList() {
@@ -2735,7 +2735,7 @@ function Dm(e, t) {
   } = e;
   if (!n.data_key || !r.data_key)
     return [];
-  const a = N(n.data_key), o = N(r.data_key);
+  const a = B(n.data_key), o = B(r.data_key);
   if (a.queryID !== o.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const s = k.groupBy(t[a.queryID], a.columnKey), l = Tm(s, o.columnKey), c = l.map((d) => d.outliers).flat();
@@ -2854,7 +2854,7 @@ function Am(e, t) {
       <td style="text-align: left; padding: 0 1em;">${t[1]}</td>
     </tr>
     `], a = e.tooltip.metrics.map((s) => {
-    const l = N(s.data_key);
+    const l = B(s.data_key);
     return `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${s.name}</th>
@@ -2893,7 +2893,7 @@ const mr = we(function({
   onChange: n,
   ...r
 }, a) {
-  return /* @__PURE__ */ i(z, { ref: a, value: t, onChange: n, ...r });
+  return /* @__PURE__ */ i(L, { ref: a, value: t, onChange: n, ...r });
 }), po = {
   fontSize: "14px",
   lineHeight: "32px",
@@ -5655,11 +5655,11 @@ 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), j = A - $;
-      s += j, l.push(...x.marks.map((Y) => ({
-        mark: Y,
+      const $ = Math.max(m, T), z = Math.min(w, T + x.nodeSize), j = z - $;
+      s += j, l.push(...x.marks.map((U) => ({
+        mark: U,
         from: $,
-        to: A
+        to: z
       })));
     });
   }), s === 0)
@@ -5794,15 +5794,15 @@ 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, j = qr(h, l.node().type.name, l.node().attrs), Y = ((o = s.contentMatch.defaultType) === null || o === void 0 ? void 0 : o.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));
+      const z = 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), U = ((o = s.contentMatch.defaultType) === null || o === void 0 ? void 0 : o.createAndFill(j)) || void 0;
+      T = T.append(fe.from(s.createAndFill(null, U) || void 0));
+      const V = l.before(l.depth - ($ - 1));
+      t.replace(V, l.after(-z), new _e(T, 4 - $, 0));
       let O = -1;
-      t.doc.nodesBetween(B, t.doc.content.size, (E, U) => {
+      t.doc.nodesBetween(V, t.doc.content.size, (E, H) => {
         if (O > -1)
           return !1;
-        E.isTextblock && E.content.size === 0 && (O = U + 1);
+        E.isTextblock && E.content.size === 0 && (O = H + 1);
       }), O > -1 && t.setSelection(He.near(t.doc.resolve(O))), t.scrollIntoView();
     }
     return !0;
@@ -5816,11 +5816,11 @@ 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 } = a.extensionManager, j = $ || T.$to.parentOffset && T.$from.marks();
+    const { selection: T, storedMarks: $ } = n, { splittableMarks: z } = a.extensionManager, j = $ || T.$to.parentOffset && T.$from.marks();
     if (t.split(l.pos, 2, x).scrollIntoView(), !j || !r)
       return !0;
-    const Y = j.filter((B) => A.includes(B.type.name));
-    t.ensureMarks(Y);
+    const U = j.filter((V) => z.includes(V.type.name));
+    t.ensureMarks(U);
   }
   return !0;
 }, ji = (e, t) => {
@@ -5842,18 +5842,18 @@ const tb = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: r, edit
   const a = e.doc.nodeAt(r);
   return n.node.type === (a == null ? void 0 : a.type) && Fc(e.doc, r) && e.join(r), !0;
 }, rb = (e, t, n, r = {}) => ({ editor: a, tr: o, state: s, dispatch: l, chain: c, commands: d, can: p }) => {
-  const { extensions: h, splittableMarks: f } = a.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();
+  const { extensions: h, splittableMarks: f } = a.extensionManager, m = rt(e, s.schema), w = rt(t, s.schema), { selection: x, storedMarks: T } = s, { $from: $, $to: z } = x, j = $.blockRange(z), U = T || x.$to.parentOffset && x.$from.marks();
   if (!j)
     return !1;
-  const B = yo((O) => Vs(O.type.name, h))(x);
-  if (j.depth >= 1 && B && j.depth - B.depth <= 1) {
-    if (B.node.type === m)
+  const V = yo((O) => Vs(O.type.name, h))(x);
+  if (j.depth >= 1 && V && j.depth - V.depth <= 1) {
+    if (V.node.type === m)
       return d.liftListItem(w);
-    if (Vs(B.node.type.name, h) && m.validContent(B.node.content) && l)
-      return c().command(() => (o.setNodeMarkup(B.pos, m), !0)).command(() => ji(o, m)).command(() => Gi(o, m)).run();
+    if (Vs(V.node.type.name, h) && m.validContent(V.node.content) && l)
+      return c().command(() => (o.setNodeMarkup(V.pos, m), !0)).command(() => ji(o, m)).command(() => Gi(o, m)).run();
   }
-  return !n || !Y || !l ? c().command(() => p().wrapInList(m, r) ? !0 : d.clearNodes()).wrapInList(m, r).command(() => ji(o, m)).command(() => Gi(o, m)).run() : c().command(() => {
-    const O = p().wrapInList(m, r), E = Y.filter((U) => f.includes(U.type.name));
+  return !n || !U || !l ? c().command(() => p().wrapInList(m, r) ? !0 : d.clearNodes()).wrapInList(m, r).command(() => ji(o, m)).command(() => Gi(o, m)).run() : c().command(() => {
+    const O = p().wrapInList(m, r), E = U.filter((H) => f.includes(H.type.name));
     return o.ensureMarks(E), O ? !0 : d.clearNodes();
   }).wrapInList(m, r).command(() => ji(o, m)).command(() => Gi(o, m)).run();
 }, ib = (e, t = {}, n = {}) => ({ state: r, commands: a }) => {
@@ -6228,7 +6228,7 @@ function yb() {
 const xb = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(V, { sx: {
+}) => /* @__PURE__ */ i(N, { sx: {
   position: "relative",
   flexGrow: 1
 }, children: /* @__PURE__ */ i(ct, { className: "function-editor", height: "100%", defaultLanguage: "javascript", value: e, onChange: (r) => {
@@ -6289,7 +6289,7 @@ const xb = ({
     close: d
   }] = to(!1);
   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: o, label: n }) }) }),
+    /* @__PURE__ */ i(Te, { opened: l, onClose: d, title: "Authentication", withinPortal: !0, zIndex: 320, size: "900px", children: /* @__PURE__ */ i(N, { h: 600, children: /* @__PURE__ */ i(yr, { value: e, onChange: t, defaultValue: o, label: n }) }) }),
     /* @__PURE__ */ i(I, { onClick: c, ...a, children: r })
   ] });
 }), Bs = ["function aggregation({ queryData }, utils) {", '    return "Aggregation Result";', "}"].join(`
@@ -6479,7 +6479,7 @@ function Mb({
   })), [r]), o = R.useMemo(() => a.some((s) => s.value === e), [e, a]);
   return /* @__PURE__ */ u(v, { position: "apart", spacing: 4, ref: n, children: [
     /* @__PURE__ */ i(
-      z,
+      L,
       {
         placeholder: "Set any color",
         value: o ? "" : e,
@@ -6563,7 +6563,7 @@ function zb({
       }, children: /* @__PURE__ */ i(ve, { size: 20 }) })
     ] }),
     /* @__PURE__ */ u(v, { children: [
-      o.map((h, f) => /* @__PURE__ */ i(z, { type: r, value: h, onChange: (m) => {
+      o.map((h, f) => /* @__PURE__ */ i(L, { type: r, value: h, onChange: (m) => {
         const w = m.currentTarget.value;
         s((x) => (x.splice(f, 1, w), [...x]));
       }, rightSection: /* @__PURE__ */ i(K, { onClick: () => c(f), color: "red", children: /* @__PURE__ */ i(be, { size: 14 }) }), sx: {
@@ -6601,8 +6601,8 @@ const Lb = R.forwardRef(zb), Qc = R.forwardRef(function({
     });
   };
   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: {
+    /* @__PURE__ */ i(A, { my: "xs", label: "Typography", labelPosition: "center" }),
+    /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(L, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
       flex: 1
     }, value: t.size, onChange: (l) => o("size", l.currentTarget.value) }) }),
     /* @__PURE__ */ i(v, { position: "apart", grow: !0, sx: {
@@ -6611,7 +6611,7 @@ const Lb = R.forwardRef(zb), Qc = R.forwardRef(function({
         maxWidth: "100%"
       }
     }, children: /* @__PURE__ */ i(Hc, { label: "Font Weight", value: t.weight, onChange: (l) => o("weight", l) }) }),
-    /* @__PURE__ */ i(L, { my: "xs", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { my: "xs", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(F, { label: "Color Type", data: [{
         label: "Static Color",
@@ -6637,15 +6637,15 @@ R.forwardRef(function({
     const c = k.cloneDeep(t);
     k.set(c, s, l), n(c);
   };
-  return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: a, children: [
+  return /* @__PURE__ */ u(N, { px: "sm", py: "md", ref: a, children: [
     /* @__PURE__ */ i(C, { weight: "bold", pb: 0, children: t.name }),
-    /* @__PURE__ */ i(L, { my: "xs", label: "Data", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { my: "xs", label: "Data", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ i(z, { label: "Name", required: !0, value: t.name, onChange: (s) => o("name", s.currentTarget.value) }),
+      /* @__PURE__ */ i(L, { label: "Name", required: !0, value: t.name, onChange: (s) => o("name", s.currentTarget.value) }),
       /* @__PURE__ */ i(X, { label: "Data Field", required: !0, value: t.data_field, onChange: (s) => o("data_field", s) })
     ] }),
     /* @__PURE__ */ i(gi, { label: "Aggregation", value: t.aggregation, onChange: (s) => o("aggregation", s) }),
-    /* @__PURE__ */ i(L, { my: "xs", label: "Format", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { my: "xs", label: "Format", labelPosition: "center" }),
     t.aggregation.type !== "custom" && /* @__PURE__ */ i(vt, { value: t.formatter, onChange: (s) => o("formatter", s) }),
     r && /* @__PURE__ */ i(Qc, { value: t, onChange: n })
   ] });
@@ -6655,7 +6655,7 @@ class Ab {
     valueRange: t,
     colorRange: n
   }) {
-    H(this, "mapper");
+    Y(this, "mapper");
     this.mapper = In(t, n);
   }
   getColor(t) {
@@ -6916,7 +6916,7 @@ function jb({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ i(
@@ -6934,7 +6934,7 @@ function jb({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ i(z, { label: "Content Template", placeholder: "Average: ${avg}", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", required: !0, sx: {
       flex: 1
     }, ...a }) }),
     /* @__PURE__ */ i(K, { color: "red", variant: "subtle", onClick: () => n(t), sx: {
@@ -6976,7 +6976,7 @@ const Yb = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(N, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -7047,7 +7047,7 @@ const Yb = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(z, { label: "X Axis Name", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "X Axis Name", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ i(y, { name: "x_axis.data_key", control: e, render: ({
@@ -7056,7 +7056,7 @@ const Yb = ({
       flex: 1
     }, ...n }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -15, label: "Tick Label", labelPosition: "center" }),
+  /* @__PURE__ */ i(A, { mb: -15, label: "Tick Label", labelPosition: "center" }),
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
       field: n
@@ -7086,7 +7086,7 @@ const Yb = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(z, { label: "Y Axis Name", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Y Axis Name", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ i(y, { name: "y_axis.data_key", control: e, render: ({
@@ -7096,7 +7096,7 @@ const Yb = ({
     }, ...n }) })
   ] }),
   /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "y_axis.label_formatter", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(vt, { ...n }) })
@@ -7109,7 +7109,7 @@ const Yb = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -7118,7 +7118,7 @@ const Yb = ({
       flex: 1
     }, ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -7401,7 +7401,7 @@ function ly(e) {
 class cy extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 9);
+    Y(this, "VERSION", 9);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -7656,8 +7656,8 @@ function _y({
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(y, { control: o, name: "content", render: ({
         field: f
-      }) => /* @__PURE__ */ i(z, { label: "Content Template", description: "Filter values & context entries are supported", ...f, required: !0 }) }),
-      /* @__PURE__ */ i(L, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
+      }) => /* @__PURE__ */ i(L, { label: "Content Template", description: "Filter values & context entries are supported", ...f, required: !0 }) }),
+      /* @__PURE__ */ i(A, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(ln, { cols: 2, children: [
         /* @__PURE__ */ i(
           y,
@@ -7709,7 +7709,7 @@ function _y({
 class Cy extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 2);
+    Y(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -7950,7 +7950,7 @@ function Ly({
     }
     const {
       columnKey: c
-    } = N(o.y_axis_data_key), d = k.groupBy(Cr(n, o.y_axis_data_key), l);
+    } = B(o.y_axis_data_key), d = k.groupBy(Cr(n, o.y_axis_data_key), l);
     Object.entries(d).forEach(([p, h]) => {
       const f = h.map((w, x) => [x, Number(w[c])]);
       a(o, p, p, f);
@@ -8021,7 +8021,7 @@ function Ry({
   } = t, {
     queryID: s,
     columnKey: l
-  } = N(r), c = _h(Cr(n, s), l);
+  } = B(r), c = _h(Cr(n, s), l);
   return (d, p) => {
     let h;
     p.name ? h = c[p.name] : h = n[p.dataIndex];
@@ -8087,7 +8087,7 @@ function Vy({
   const {
     queryID: a,
     columnKey: o
-  } = N(e), s = k.groupBy(t[a], o);
+  } = B(e), s = k.groupBy(t[a], o);
   return Object.entries(s).forEach(([l, c]) => {
     s[l] = So({
       [a]: c
@@ -8111,7 +8111,7 @@ function Ny({
   hide_in_legend: f,
   ...m
 }, w, x, T, $) {
-  const A = t.type !== "category", j = {
+  const z = t.type !== "category", j = {
     label: {
       show: !!a,
       position: a,
@@ -8141,17 +8141,17 @@ function Ny({
       aggregation_on_value: l,
       x_axis_data_key: e,
       y_axis_data_key: n,
-      valueTypedXAxis: A
+      valueTypedXAxis: z
     }), j;
-  const Y = Vy({
+  const U = Vy({
     group_by_key: s,
     data: x,
     x_axis_data_key: e,
     y_axis_data_key: n
   });
-  return Object.entries(Y).map(([B, O]) => {
+  return Object.entries(U).map(([V, O]) => {
     const E = Ze(j);
-    return E.name = B, E.color = void 0, E.data = O, E;
+    return E.name = V, E.color = void 0, E.data = O, E;
   });
 }
 function By(e, t, n, r, a, o) {
@@ -8419,21 +8419,21 @@ const ko = we(({
     });
   };
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(L, { variant: "dashed", label: "Scroll to Zoom", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { variant: "dashed", label: "Scroll to Zoom", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ i(V, { sx: {
+      /* @__PURE__ */ i(N, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Enable on X Axis", checked: e.x_axis_scroll, onChange: (a) => r("x_axis_scroll")(a.currentTarget.checked) }) }),
-      /* @__PURE__ */ i(V, { sx: {
+      /* @__PURE__ */ i(N, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Enable on Y Axis", checked: e.y_axis_scroll, onChange: (a) => r("y_axis_scroll")(a.currentTarget.checked) }) })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", label: "Slider for Zooming", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { variant: "dashed", label: "Slider for Zooming", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
-      /* @__PURE__ */ i(V, { sx: {
+      /* @__PURE__ */ i(N, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Slider for X Axis", checked: e.x_axis_slider, onChange: (a) => r("x_axis_slider")(a.currentTarget.checked) }) }),
-      /* @__PURE__ */ i(Ne, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ i(V, { sx: {
+      /* @__PURE__ */ i(Ne, { label: "Not available for now, will overlap y-axis's label", children: /* @__PURE__ */ i(N, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Slider for Y Axis", disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (a) => r("y_axis_slider")(a.currentTarget.checked) }) }) })
     ] })
@@ -8457,12 +8457,12 @@ function Zy({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Color", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Color", required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -8484,7 +8484,7 @@ function Zy({
         }, ...a })
       ) })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", label: "Data", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { variant: "dashed", label: "Data", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_areas.${t}.y_keys.upper`, control: e, render: ({
         field: a
@@ -8584,7 +8584,7 @@ function rx({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ i(
@@ -8602,7 +8602,7 @@ function rx({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ i(z, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -8633,7 +8633,7 @@ function rx({
         flex: 1
       } }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(
         y,
@@ -8666,7 +8666,7 @@ function rx({
         field: l
       }) => /* @__PURE__ */ i(ot, { ...l }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ i(me, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
@@ -8766,7 +8766,7 @@ function sx({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: `regressions.${n}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ i(y, { name: `regressions.${n}.group_by_key`, control: e, render: ({
@@ -8823,7 +8823,7 @@ function sx({
         }
       )
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Line Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Line Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(
         y,
@@ -8947,7 +8947,7 @@ function dx({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.stack`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
         flexGrow: 1
       }, ...a }) }),
       /* @__PURE__ */ i(
@@ -8966,17 +8966,17 @@ function dx({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Bar Width(Min)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Min)", disabled: r, sx: {
         flexGrow: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barWidth`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Bar Width", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Width", sx: {
         flexGrow: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Bar Width(Max)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Max)", disabled: r, sx: {
         flexGrow: 1
       }, ...a }) })
     ] })
@@ -8985,7 +8985,7 @@ function dx({
 const ux = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -9019,13 +9019,13 @@ const ux = ({
     d(To.dynamic.func_content);
   };
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
     /* @__PURE__ */ i(Te, { size: 800, title: "Setup dynamic size", opened: n, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
+      /* @__PURE__ */ i(A, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(ux, { value: o.func_content, onChange: d }),
       /* @__PURE__ */ u(v, { position: "apart", children: [
         /* @__PURE__ */ i(I, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Tt, { size: 20 }), children: "Reset" }),
@@ -9104,7 +9104,7 @@ function yx({
 }) {
   const r = n.showSymbol;
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Line Settings", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Line Settings", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(
         y,
@@ -9144,12 +9144,12 @@ function yx({
       /* @__PURE__ */ u(S, { children: [
         /* @__PURE__ */ i(y, { name: `series.${t}.smooth`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ i(V, { sx: {
+        }) => /* @__PURE__ */ i(N, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ i(Xe, { label: "Smooth Line", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }) }),
         /* @__PURE__ */ i(y, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ i(V, { sx: {
+        }) => /* @__PURE__ */ i(N, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ i(Xe, { label: "Display Name on Line", checked: a.value ?? !1, onChange: (o) => a.onChange(o.currentTarget.checked) }) }) })
       ] })
@@ -9157,7 +9157,7 @@ function yx({
     /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(V, { mt: 10, mb: -10, sx: {
+      }) => /* @__PURE__ */ i(N, { mt: 10, mb: -10, sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ i(Xe, { label: "Show Symbol on Line", checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }) }),
       r && /* @__PURE__ */ i(y, { name: `series.${t}.symbolSize`, control: e, render: ({
@@ -9246,7 +9246,7 @@ function wx({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.yAxisIndex`, control: e, render: ({
@@ -9283,7 +9283,7 @@ function wx({
     o === "line" && /* @__PURE__ */ i(yx, { index: t, control: e, seriesItem: r }),
     o === "bar" && /* @__PURE__ */ i(dx, { index: t, control: e, seriesItem: r }),
     o === "scatter" && /* @__PURE__ */ i(xx, { index: t, control: e }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ i(
       y,
       {
@@ -9300,11 +9300,11 @@ function wx({
         field: s
       }) => /* @__PURE__ */ i(ot, { ...s }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ i(me, { label: "Hide in legend", checked: s.value, onChange: (l) => s.onChange(l.currentTarget.checked) }) }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
     /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
       right: 5
@@ -9425,7 +9425,7 @@ function Tx({
   return t(["x_axis_data_key", "x_axis_name", "x_axis"]), /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(y, { name: "x_axis_name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(z, { label: "X Axis Name", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "X Axis Name", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
@@ -9443,7 +9443,7 @@ function Tx({
         }, ...n })
       ) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
@@ -9492,11 +9492,11 @@ function Mx({
   return /* @__PURE__ */ u(S, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ i(L, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.name`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -9508,7 +9508,7 @@ function Mx({
         }, ...r })
       ) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `y_axes.${t}.position`, control: e, render: ({
       field: r
     }) => (
@@ -9518,23 +9518,23 @@ function Mx({
       }, ...r })
     ) }) }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: r
       }) => /* @__PURE__ */ i(vt, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.min`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(z, { label: "Min", ...r }) }),
+        }) => /* @__PURE__ */ i(L, { label: "Min", ...r }) }),
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.max`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(z, { label: "Max", ...r }) })
+        }) => /* @__PURE__ */ i(L, { label: "Max", ...r }) })
       ] })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `y_axes.${t}.show`, control: e, render: ({
       field: r
     }) => /* @__PURE__ */ i(me, { label: "Visible", checked: r.value, onChange: (a) => r.onChange(a.currentTarget.checked) }) }),
@@ -9958,7 +9958,7 @@ function Qx(e, {
 class Kx extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 18);
+    Y(this, "VERSION", 18);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -10092,7 +10092,7 @@ function ev(e, t) {
     } = n;
     if (!r || !a)
       return {};
-    const h = N(r), f = N(a), m = t[h.queryID].map((x) => ({
+    const h = B(r), f = B(a), m = t[h.queryID].map((x) => ({
       name: x[h.columnKey],
       value: x[f.columnKey]
     })), w = At(o.overflow.on_axis);
@@ -10139,7 +10139,7 @@ function tv({
 }
 function nv(e, t) {
   var o;
-  const n = N(e.series[0].level_name_data_key), r = N(e.series[0].level_value_data_key), a = (o = k.maxBy(t[n.queryID], r.columnKey)) == null ? void 0 : o[r.columnKey];
+  const n = B(e.series[0].level_name_data_key), r = B(e.series[0].level_value_data_key), a = (o = k.maxBy(t[n.queryID], r.columnKey)) == null ? void 0 : o[r.columnKey];
   return (s) => {
     const c = tv({
       conf: e,
@@ -10348,7 +10348,7 @@ const lv = [{
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `series.${n}.name`, control: t, render: ({
       field: l
-    }) => /* @__PURE__ */ i(z, { label: "Series Name", ...l }) }) }),
+    }) => /* @__PURE__ */ i(L, { label: "Series Name", ...l }) }) }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: l
@@ -10357,7 +10357,7 @@ const lv = [{
         field: l
       }) => /* @__PURE__ */ i(X, { label: "Level Value Field", ...l }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Funnel Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Funnel Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${n}.min.value`, control: t, render: ({
         field: l
@@ -10369,14 +10369,14 @@ const lv = [{
           width: "100%"
         }, children: [
           /* @__PURE__ */ i(C, { children: "Min Value" }),
-          /* @__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: ({
+          /* @__PURE__ */ i(Ne, { label: "Check to enable specific min value", children: /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(y, { name: `series.${n}.min.enable_value`, control: t, render: ({
             field: c
           }) => /* @__PURE__ */ i(me, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
       ) }),
       /* @__PURE__ */ i(y, { name: `series.${n}.min.size`, control: t, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { placeholder: "0%", label: "Min Size", ...l }) })
+      }) => /* @__PURE__ */ i(L, { placeholder: "0%", label: "Min Size", ...l }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${n}.max.value`, control: t, render: ({
@@ -10389,14 +10389,14 @@ const lv = [{
           width: "100%"
         }, children: [
           /* @__PURE__ */ i(C, { children: "Max Value" }),
-          /* @__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: ({
+          /* @__PURE__ */ i(Ne, { label: "Check to enable specific max value", children: /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(y, { name: `series.${n}.max.enable_value`, control: t, render: ({
             field: c
           }) => /* @__PURE__ */ i(me, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
       ) }),
       /* @__PURE__ */ i(y, { name: `series.${n}.max.size`, control: t, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { placeholder: "100%", label: "Max Size", ...l }) })
+      }) => /* @__PURE__ */ i(L, { placeholder: "100%", label: "Max Size", ...l }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(
@@ -10438,12 +10438,12 @@ const lv = [{
         }
       )
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Label Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Label Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${n}.axisLabel.position`, control: t, render: ({
         field: l
       }) => /* @__PURE__ */ i(Io, { label: "Position", options: hv[s], ...l }) }),
-      /* @__PURE__ */ i(V, {})
+      /* @__PURE__ */ i(N, {})
     ] }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
       field: l
@@ -10561,7 +10561,7 @@ function bv(e, {
 class yv extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 3);
+    Y(this, "VERSION", 3);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -10649,7 +10649,7 @@ function Cv(e, t) {
     x_axis: n,
     y_axis: r,
     heat_block: a
-  } = e, o = N(n.data_key), s = N(r.data_key), l = N(a.data_key), c = t[o.queryID].map((d) => [k.get(d, o.columnKey), k.get(d, s.columnKey), k.get(d, l.columnKey)]);
+  } = e, o = B(n.data_key), s = B(r.data_key), l = B(a.data_key), c = t[o.queryID].map((d) => [k.get(d, o.columnKey), k.get(d, s.columnKey), k.get(d, l.columnKey)]);
   return {
     type: "heatmap",
     name: a.name,
@@ -10710,7 +10710,7 @@ function kv({
     }
   }, m = [p, h, f], w = r[`${l}---${c}`];
   return w && e.tooltip.metrics.forEach((x) => {
-    const T = N(x.data_key);
+    const T = B(x.data_key);
     m.push({
       label: x.name,
       value: Sv(k.get(w, T.columnKey, "")),
@@ -10726,8 +10726,8 @@ function Tv(e, t, n, r) {
     x_axis: a,
     y_axis: o,
     heat_block: s
-  } = e, l = N(a.data_key), c = N(o.data_key);
-  N(s.data_key);
+  } = e, l = B(a.data_key), c = B(o.data_key);
+  B(s.data_key);
   const d = k.keyBy(t[l.queryID], (p) => `${p[l.columnKey]}---${p[c.columnKey]}`);
   return {
     confine: !0,
@@ -10767,7 +10767,7 @@ function Tv(e, t, n, r) {
 const Dv = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10811,13 +10811,13 @@ const Dv = ({
     d(Zc.dynamic.value);
   };
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
     /* @__PURE__ */ i(Te, { size: 800, title: "Setup dynamic value", opened: n, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
+      /* @__PURE__ */ i(A, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(Dv, { value: o.value, onChange: d }),
       /* @__PURE__ */ u(v, { position: "apart", children: [
         /* @__PURE__ */ i(I, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Tt, { size: 20 }), children: "Reset" }),
@@ -10904,7 +10904,7 @@ function Lv(e, t) {
   };
 }
 function Av(e, t, n) {
-  const r = N(e.x_axis.data_key), a = k.uniq(t[r.queryID].map((c) => c[r.columnKey])), {
+  const r = B(e.x_axis.data_key), a = k.uniq(t[r.queryID].map((c) => c[r.columnKey])), {
     overflow: o,
     rotate: s
   } = e.x_axis.axisLabel, l = At(o.on_axis);
@@ -10936,7 +10936,7 @@ function Av(e, t, n) {
   };
 }
 function Ev(e, t, n) {
-  const r = N(e.x_axis.data_key), a = N(e.y_axis.data_key), {
+  const r = B(e.x_axis.data_key), a = B(e.y_axis.data_key), {
     nameAlignment: o,
     data_key: s,
     ...l
@@ -11085,7 +11085,7 @@ function Vv({
   variables: o
 }) {
   const s = M(() => {
-    const h = N(e.x_axis.data_key), f = N(e.y_axis.data_key);
+    const h = B(e.x_axis.data_key), f = B(e.y_axis.data_key);
     return k.keyBy(t[h.queryID], (m) => `${m[h.columnKey]}---${m[f.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Dt(a.triggerManager, ed.id), c = nt((h) => {
     const [f, m] = h.value, w = k.get(s, `${f}---${m}`, {
@@ -11137,7 +11137,7 @@ function Bv({
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: "heat_block.name", control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...r }) })
     ] }),
@@ -11149,11 +11149,11 @@ function Bv({
         field: r
       }) => /* @__PURE__ */ i(qn, { label: "Max Value", ...r }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: r
     }) => /* @__PURE__ */ i(vt, { ...r }) }),
-    /* @__PURE__ */ i(L, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "heat_block.label.show", control: e, render: ({
         field: r
@@ -11177,7 +11177,7 @@ const qv = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -11186,7 +11186,7 @@ const qv = ({
       flex: 1
     }, ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -11220,7 +11220,7 @@ const qv = ({
       /* @__PURE__ */ i(dn, { size: 14, color: "#888" }),
       /* @__PURE__ */ i(C, { size: 14, color: "#888", children: "Configure additional metrics to show in tooltip" })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", my: 10 }),
+    /* @__PURE__ */ i(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ u(g, { value: d, onTabChange: (h) => p(h), styles: {
       tab: {
         paddingTop: "0px",
@@ -11249,7 +11249,7 @@ const Gv = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(N, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -11331,11 +11331,11 @@ function Hv({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(Wt, { ...n }) }),
@@ -11385,7 +11385,7 @@ function Kv({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -11397,7 +11397,7 @@ function Kv({
         flex: 1
       }, ...n })
     ) }) }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(Wt, { ...n }) }),
@@ -11560,7 +11560,7 @@ function Zv(e) {
 class e0 extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 4);
+    Y(this, "VERSION", 4);
   }
   configVersions() {
     this.version(1, (n) => (console.log("🟥 unexpected calling"), {
@@ -11740,7 +11740,7 @@ function l0(e, t, n) {
   } = e;
   if (!r.data_key || !a)
     return [];
-  const o = N(r.data_key), s = N(a);
+  const o = B(r.data_key), s = B(a);
   if (o.queryID !== s.queryID)
     throw new Error("Please use the same query for X & Y axis");
   const l = t[o.queryID].map((h) => [h[o.columnKey], Number(h[s.columnKey])]).sort((h, f) => f[1] - h[1]), c = l.reduce((h, f) => h + f[1], 0), d = l.reduce((h, f, m) => {
@@ -11948,7 +11948,7 @@ function g0({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "bar.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Bar Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Name", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "bar.nameAlignment", control: e, render: ({
@@ -11967,7 +11967,7 @@ function g0({
       }) => /* @__PURE__ */ i(ot, { ...n }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: "bar.label_formatter", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ i(vt, { ...n }) })
@@ -11992,7 +11992,7 @@ function y0({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "line.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Line Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Line Name", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "line.nameAlignment", control: e, render: ({
@@ -12076,11 +12076,11 @@ function _0({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
@@ -12294,7 +12294,7 @@ function L0(e, {
 class A0 extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 9);
+    Y(this, "VERSION", 9);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -12440,7 +12440,7 @@ function F0(e, t, n) {
   } = e;
   if (!r || !a)
     return {};
-  const s = N(r), l = N(a), c = N(o), d = t[s.queryID].map((h) => ({
+  const s = B(r), l = B(a), c = B(o), d = t[s.queryID].map((h) => ({
     name: h[s.columnKey],
     value: Number(h[l.columnKey]),
     color: c.columnKey ? h[c.columnKey] : void 0
@@ -12657,7 +12657,7 @@ function G0(e, {
 class Y0 extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 3);
+    Y(this, "VERSION", 3);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -12758,12 +12758,12 @@ function cd(e, t) {
   return t.map(({
     data_key: n
   }) => {
-    const r = N(n);
+    const r = B(n);
     return e[r.columnKey];
   });
 }
 function U0(e, t, n) {
-  const r = N(t);
+  const r = B(t);
   return e[r.queryID].map((a) => ({
     value: cd(a, n),
     name: a[r.columnKey]
@@ -12799,7 +12799,7 @@ function J0(e, t) {
     dimensions: r
   } = t;
   return n.map((o) => {
-    const s = N(o.name_key), l = N(o.color_key);
+    const s = B(o.name_key), l = B(o.color_key);
     return {
       type: "radar",
       colorBy: "data",
@@ -12936,11 +12936,11 @@ function iw({
     const {
       queryID: h,
       columnKey: f
-    } = N(e.series_name_key), m = k.keyBy(t[h], f), w = e.additional_series.reduce((x, T) => {
-      const $ = N(T.name_key), A = k.keyBy(t[$.queryID], $.columnKey);
+    } = B(e.series_name_key), m = k.keyBy(t[h], f), w = e.additional_series.reduce((x, T) => {
+      const $ = B(T.name_key), z = k.keyBy(t[$.queryID], $.columnKey);
       return {
         ...x,
-        ...A
+        ...z
       };
     }, m);
     return {
@@ -13068,7 +13068,7 @@ function lw({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.name`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.data_key`, control: e, render: ({
@@ -13090,7 +13090,7 @@ function lw({
       )
     ] }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Formatter", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: r
       }) => /* @__PURE__ */ i(vt, { ...r }) })
@@ -13278,7 +13278,7 @@ function mw(e) {
 class gw extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 6);
+    Y(this, "VERSION", 6);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -13368,7 +13368,7 @@ function yw(e, t) {
   }));
 }
 function dd(e, t) {
-  const n = N(e.x_axis.data_key), r = N(e.regression.y_axis_data_key);
+  const n = B(e.x_axis.data_key), r = B(e.regression.y_axis_data_key);
   return k.uniqBy(t.map((a) => [a[n.columnKey], a[r.columnKey]]), 0);
 }
 function xw(e, t) {
@@ -13397,7 +13397,7 @@ function vw(e, t) {
     plot: n,
     transform: r,
     group_by_key: a
-  } = e.regression, o = N(a), s = k.groupBy(t, o.columnKey);
+  } = e.regression, o = B(a), s = k.groupBy(t, o.columnKey);
   return Object.entries(s).map(([l, c]) => {
     const d = dd(e, c);
     return {
@@ -13669,7 +13669,7 @@ function Gs(e, t, n) {
   const {
     regression: r,
     x_axis: a
-  } = n, o = N(a.data_key), s = N(r.y_axis_data_key), l = t.map((c) => [c[o.columnKey], c[s.columnKey]]);
+  } = n, o = B(a.data_key), s = B(r.y_axis_data_key), l = t.map((c) => [c[o.columnKey], c[s.columnKey]]);
   return r.transform.config.method === "linear" ? Dw(e, t, l, n) : r.transform.config.method === "exponential" ? Iw(e, t, l, n) : r.transform.config.method === "logarithmic" ? Mw(e, t, l, n) : r.transform.config.method === "polynomial" ? $w(e, t, l, n) : {
     name: e,
     expression: "",
@@ -13687,7 +13687,7 @@ function zw(e, t) {
     }];
   if (!t.regression.group_by_key)
     return [Gs("", e, t)];
-  const n = N(t.regression.group_by_key), r = k.groupBy(e, n.columnKey);
+  const n = B(t.regression.group_by_key), r = k.groupBy(e, n.columnKey);
   return Object.entries(r).map(([a, o]) => Gs(a, o, t));
 }
 const Lw = {
@@ -13815,7 +13815,7 @@ function Ow({
     const c = e.data, d = t == null ? void 0 : t.x_axis.data_key, p = (m = t == null ? void 0 : t.regression) == null ? void 0 : m.y_axis_data_key;
     if (!d || !p)
       return [];
-    const h = N(d), f = N(p);
+    const h = B(d), f = B(p);
     return c[h.queryID].map((w) => typeof w[f.columnKey] == "number" ? w : {
       ...w,
       [f.columnKey]: Number(w[f.columnKey])
@@ -13823,7 +13823,7 @@ function Ow({
   }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), o = M(() => Tw(De({}, t, Lo), a), [t, a]), s = ni(null), l = (c) => {
     s.current = c;
   };
-  return !n || !r || !t ? null : /* @__PURE__ */ u(V, { sx: {
+  return !n || !r || !t ? null : /* @__PURE__ */ u(N, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ i(Rw, { conf: t, queryData: a }),
@@ -13855,7 +13855,7 @@ function Pw({
   return /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: "regression.name", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ i(z, { label: "回归线名称", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "回归线名称", sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ i(y, { name: "regression.group_by_key", control: e, render: ({
@@ -13901,7 +13901,7 @@ const Vw = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(N, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -13975,7 +13975,7 @@ function Nw({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.data_key", control: e, render: ({
@@ -13984,11 +13984,11 @@ function Nw({
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
+    /* @__PURE__ */ i(A, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
     /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.format", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(vt, { ...n }) }) }),
-    /* @__PURE__ */ i(L, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
+    /* @__PURE__ */ i(A, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
@@ -14020,7 +14020,7 @@ function Bw({
   return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ i(S, { children: /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(z, { label: "Y轴名称", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Y轴名称", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ i(y, { name: "regression.y_axis_data_key", control: e, render: ({
@@ -14121,7 +14121,7 @@ function jw(e, {
 class Gw extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 3);
+    Y(this, "VERSION", 3);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -14371,7 +14371,7 @@ function Zw({
 class e_ extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 1);
+    Y(this, "VERSION", 1);
   }
   fixMalformedConfig(n) {
     return Oe({}, n, Ci);
@@ -14498,7 +14498,7 @@ const fd = {
 function i_(e, t) {
   if (!e.x_axis.data_key)
     return [];
-  const n = N(e.x_axis.data_key);
+  const n = B(e.x_axis.data_key);
   return [{
     source: t[n.queryID]
   }];
@@ -14644,7 +14644,7 @@ function u_({
   x_axis: e,
   scatter: t
 }, n) {
-  const r = N(e.data_key), a = N(t.y_data_key), o = N(t.name_data_key);
+  const r = B(e.data_key), a = B(t.y_data_key), o = B(t.name_data_key);
   return {
     label: {
       show: !!t.label_position,
@@ -14960,12 +14960,12 @@ const __ = we(({
     k.set(d, l, c), t(d);
   };
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Content", labelPosition: "right" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Content", labelPosition: "right" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ i(z, { label: "Content Text", value: e.content.text, onChange: (l) => s("content.text", l.currentTarget.value) }),
+      /* @__PURE__ */ i(L, { label: "Content Text", value: e.content.text, onChange: (l) => s("content.text", l.currentTarget.value) }),
       /* @__PURE__ */ i(Io, { label: "Text Position", value: e.label.position, onChange: (l) => s("label.position", l) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Endpoints", labelPosition: "right" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Endpoints", labelPosition: "right" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       n && /* @__PURE__ */ i(F, { label: "X Axis", data: n, value: e.xAxisIndex, onChange: (l) => s("xAxisIndex", l) }),
       r && /* @__PURE__ */ i(F, { label: "Y Axis", data: r, value: e.yAxisIndex, onChange: (l) => s("xAxisIndex", l) })
@@ -14984,7 +14984,7 @@ const __ = we(({
         /* @__PURE__ */ i(F, { icon: /* @__PURE__ */ i(C, { children: "y" }), data: a, value: e.rightTopPoint.y_data_key, onChange: (l) => s("rightTopPoint.y_data_key", l ?? ""), clearable: !0 })
       ] })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Style", labelPosition: "right" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Style", labelPosition: "right" }),
     /* @__PURE__ */ u(S, { spacing: 4, children: [
       /* @__PURE__ */ i(C, { size: 14, children: "Background Color" }),
       /* @__PURE__ */ i(ot, { value: e.itemStyle.color, onChange: (l) => s("itemStyle.color", l) })
@@ -15065,7 +15065,7 @@ function S_({
       field: w
     }) => /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(__, { variableOptions: d, yAxisOptions: h, ...w }),
-      /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+      /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
       /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(Bn, { size: 16 }), color: "red", variant: "light", onClick: () => o(m), children: "Delete this Reference Area" })
     ] }) }) }, m))
   ] });
@@ -15101,7 +15101,7 @@ function D_({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ i(
@@ -15119,7 +15119,7 @@ function D_({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ i(z, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -15150,7 +15150,7 @@ function D_({
         flex: 1
       } }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(
         y,
@@ -15247,7 +15247,7 @@ function I_({
 const M_ = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -15281,13 +15281,13 @@ const M_ = ({
     d(Tr.dynamic.func_content);
   };
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
     /* @__PURE__ */ i(Te, { size: 800, title: "Setup dynamic color", opened: n, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
+      /* @__PURE__ */ i(A, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(M_, { value: o.func_content, onChange: d }),
       /* @__PURE__ */ u(v, { position: "apart", children: [
         /* @__PURE__ */ i(I, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Tt, { size: 20 }), children: "Reset" }),
@@ -15359,7 +15359,7 @@ const M_ = ({
 }), O_ = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
+}) => /* @__PURE__ */ i(N, { children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -15403,13 +15403,13 @@ const M_ = ({
     d(bd.dynamic.func_content);
   };
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ i(I, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
     /* @__PURE__ */ i(Te, { size: 800, title: "Setup dynamic size", opened: n, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
+      /* @__PURE__ */ i(A, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(O_, { value: o.func_content, onChange: d }),
       /* @__PURE__ */ u(v, { position: "apart", children: [
         /* @__PURE__ */ i(I, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(Tt, { size: 20 }), children: "Reset" }),
@@ -15519,14 +15519,14 @@ function W_({
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "scatter.symbolSize", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(B_, { label: "Size", ...n }) }),
     /* @__PURE__ */ i(y, { name: "scatter.color", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(E_, { ...n }) }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "Label", labelPosition: "center" }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(
       y,
       {
@@ -15567,7 +15567,7 @@ const G_ = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -15576,7 +15576,7 @@ const G_ = ({
       flex: 1
     }, ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -15651,7 +15651,7 @@ function Q_({
         }, ...n })
       }
     ),
-    /* @__PURE__ */ i(L, { variant: "dashed" }),
+    /* @__PURE__ */ i(A, { variant: "dashed" }),
     /* @__PURE__ */ i(Y_, { control: e, watch: t })
   ] });
 }
@@ -15659,7 +15659,7 @@ const K_ = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(N, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -15737,11 +15737,11 @@ function X_({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
@@ -15787,11 +15787,11 @@ function eC({
   return /* @__PURE__ */ u(S, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ i(L, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.name`, control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -15803,7 +15803,7 @@ function eC({
         }, ...r })
       ) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `y_axes.${t}.position`, control: e, render: ({
       field: r
     }) => (
@@ -15813,20 +15813,20 @@ function eC({
       }, ...r })
     ) }) }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: r
       }) => /* @__PURE__ */ i(vt, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.min`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(z, { label: "Min", ...r }) }),
+        }) => /* @__PURE__ */ i(L, { label: "Min", ...r }) }),
         /* @__PURE__ */ i(y, { name: `y_axes.${t}.max`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(z, { label: "Max", ...r }) })
+        }) => /* @__PURE__ */ i(L, { label: "Max", ...r }) })
       ] })
     ] }),
     /* @__PURE__ */ i(I, { mt: 20, leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), disabled: t === 0, children: "Delete this YAxis" })
@@ -16059,7 +16059,7 @@ function dC(e, {
 class uC extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 9);
+    Y(this, "VERSION", 9);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -16207,7 +16207,7 @@ function gC(e) {
 class bC extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 2);
+    Y(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -16272,7 +16272,7 @@ const yC = {
     height: c,
     justifyContent: yC[o],
     alignItems: xC[s]
-  }, children: /* @__PURE__ */ i(V, { children: Object.values(p).map((h, f) => /* @__PURE__ */ i(R.Fragment, { children: h }, f)) }) });
+  }, children: /* @__PURE__ */ i(N, { children: Object.values(p).map((h, f) => /* @__PURE__ */ i(R.Fragment, { children: h }, f)) }) });
 }), wC = [{
   label: "Left",
   value: "left"
@@ -16398,7 +16398,7 @@ function DC(e, t) {
   } = e;
   if (!n || !r)
     return [];
-  const o = N(n), s = N(r), l = N(a), c = t[o.queryID].map((d) => ({
+  const o = B(n), s = B(r), l = B(a), c = t[o.queryID].map((d) => ({
     ...d,
     id: d[o.columnKey],
     parent_id: d[l.columnKey],
@@ -16573,12 +16573,12 @@ const OC = [{
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `levels.${t}.r0`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Inside Radius", placeholder: "0%", ...r }) }),
+    }) => /* @__PURE__ */ i(L, { label: "Inside Radius", placeholder: "0%", ...r }) }),
     /* @__PURE__ */ i(y, { name: `levels.${t}.r`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Outside Radius", placeholder: "50%", ...r }) })
+    }) => /* @__PURE__ */ i(L, { label: "Outside Radius", placeholder: "50%", ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Label Style", labelPosition: "center" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Label Style", labelPosition: "center" }),
   /* @__PURE__ */ i(y, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
     field: r
   }) => (
@@ -16622,7 +16622,7 @@ const OC = [{
       }
     )
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -16663,7 +16663,7 @@ const OC = [{
       /* @__PURE__ */ i(dn, { size: 14, color: "#888" }),
       /* @__PURE__ */ i(C, { size: 14, color: "#888", children: "Configure ring style on each level" })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", my: 10 }),
+    /* @__PURE__ */ i(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ u(g, { value: d, onTabChange: (h) => p(h), styles: {
       tab: {
         paddingTop: "0px",
@@ -16788,7 +16788,7 @@ function jC(e, {
 class GC extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 5);
+    Y(this, "VERSION", 5);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -17163,7 +17163,7 @@ function p1({
   } = ZC(), f = M(() => {
     if (!s)
       return [];
-    const Me = N(s);
+    const Me = B(s);
     return e[Me.queryID];
   }, [e, s]), m = R.useMemo(() => l ? !Array.isArray(f) || f.length === 0 ? [] : Object.keys(f[0]).map((Me) => ({
     id: Me,
@@ -17190,7 +17190,7 @@ function p1({
         minSize: typeof $e.width == "number" ? $e.width : void 0
       });
     });
-  }, [m, w]), [T, $] = Q([]), A = tc({
+  }, [m, w]), [T, $] = Q([]), z = tc({
     data: f,
     state: {
       sorting: T
@@ -17201,23 +17201,23 @@ function p1({
     getSortedRowModel: Lp()
   }), {
     rows: j
-  } = A.getRowModel(), Y = R.useRef(null), B = Ap({
-    parentRef: Y,
+  } = z.getRowModel(), U = R.useRef(null), V = Ap({
+    parentRef: U,
     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 = j.length, ae = te > 0, ye = ae ? n - 22 : n, xe = ae ? 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: {
+  } = V, H = 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, ae = te > 0, ye = ae ? n - 22 : n, xe = ae ? 22 : 0;
+  return !Array.isArray(f) || f.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: U, style: {
     height: n,
     width: t,
     padding: "0 5px"
   }, "data-enable-scrollbar": !0, className: h(p.root, {
     "table-highlight-on-hover": r.highlightOnHover
   }), children: [
-    te > 0 && /* @__PURE__ */ i(V, { className: p.info_bar, sx: {
+    te > 0 && /* @__PURE__ */ i(N, { className: p.info_bar, sx: {
       height: 22
     }, children: /* @__PURE__ */ u(C, { align: "right", pr: 6, size: 14, color: "dimmed", fw: "normal", children: [
       "Total: ",
@@ -17229,12 +17229,12 @@ function p1({
     }, ...d, striped: r.striped, children: [
       /* @__PURE__ */ i("thead", { className: p.thead, style: {
         top: xe
-      }, children: A.getHeaderGroups().map((Me) => /* @__PURE__ */ i("tr", { children: Me.headers.map((Pe) => /* @__PURE__ */ i("th", { style: {
+      }, children: z.getHeaderGroups().map((Me) => /* @__PURE__ */ i("tr", { children: Me.headers.map((Pe) => /* @__PURE__ */ i("th", { style: {
         width: Pe.getSize()
       }, children: /* @__PURE__ */ i(HC, { header: Pe, cx: h }) }, Pe.id)) }, Me.id)) }),
       /* @__PURE__ */ u("tbody", { children: [
-        U > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
-          height: `${U}px`
+        H > 0 && /* @__PURE__ */ i("tr", { children: /* @__PURE__ */ i("td", { style: {
+          height: `${H}px`
         } }) }),
         O.map((Me) => {
           const Pe = j[Me.index];
@@ -17294,9 +17294,9 @@ class g1 {
     /**
      * map toValue to fromValue
      */
-    H(this, "steps", /* @__PURE__ */ new Map());
-    H(this, "interpolation");
-    H(this, "onChange");
+    Y(this, "steps", /* @__PURE__ */ new Map());
+    Y(this, "interpolation");
+    Y(this, "onChange");
     wr(this, {
       steps: yl
     }, {
@@ -17492,7 +17492,7 @@ const k1 = we((e, t) => {
       flexGrow: 0
     }, children: "Custom Cell Content" }),
     /* @__PURE__ */ i(Te, { size: 800, title: "Custom cell content", opened: r, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(V, { sx: {
+      /* @__PURE__ */ i(N, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (h) => l(h ?? ""), theme: "vs-dark", options: {
         minimap: {
@@ -17531,7 +17531,7 @@ const k1 = we((e, t) => {
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: `columns.${t}.label`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ i(z, { label: "Label", required: !0, id: `col-label-${t}`, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Label", required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ i(y, { name: `columns.${t}.value_field`, control: e, render: ({
@@ -17548,7 +17548,7 @@ const k1 = we((e, t) => {
         field: s
       }) => /* @__PURE__ */ i(M1, { value: s.value ?? yd, onChange: (l) => s.onChange(l ?? "") }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(ie, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ i(Hi, {}), disabled: !0 }),
       /* @__PURE__ */ i(y, { name: `columns.${t}.width`, control: e, render: ({
@@ -17569,7 +17569,7 @@ const k1 = we((e, t) => {
     /* @__PURE__ */ i(y, { name: `columns.${t}.cellBackgroundColor`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ i(k1, { ...s }) }),
-    /* @__PURE__ */ i(L, { mb: 4, mt: 12, variant: "dashed" }),
+    /* @__PURE__ */ i(A, { mb: 4, mt: 12, variant: "dashed" }),
     /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => r(t), children: "Delete this column" })
   ] });
 }, L1 = ({
@@ -17631,12 +17631,12 @@ function A1({
     }, children: [
       /* @__PURE__ */ i(y, { name: "horizontalSpacing", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Horizontal Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Horizontal Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "verticalSpacing", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Vertical Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Vertical Spacing", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -17646,7 +17646,7 @@ function A1({
       }
     }, children: /* @__PURE__ */ i(y, { name: "fontSize", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(z, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", required: !0, sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(v, { position: "apart", grow: !0, children: [
@@ -17723,7 +17723,7 @@ function R1({
         /* @__PURE__ */ i(y, { name: "id_field", control: o, render: ({
           field: f
         }) => /* @__PURE__ */ i(X, { label: "ID Field", required: !0, ...f }) }),
-        /* @__PURE__ */ i(L, { mt: 20, mb: 10, variant: "dashed" }),
+        /* @__PURE__ */ i(A, { mt: 20, mb: 10, variant: "dashed" }),
         /* @__PURE__ */ i(L1, { control: o, watch: l })
       ] }),
       /* @__PURE__ */ i(g.Panel, { value: "Style", children: /* @__PURE__ */ i(A1, { control: o, watch: l }) })
@@ -17785,7 +17785,7 @@ function P1(e) {
 class V1 extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 5);
+    Y(this, "VERSION", 5);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -17872,7 +17872,7 @@ const ia = {
 }), B1 = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ i(V, { sx: {
+}) => /* @__PURE__ */ i(N, { sx: {
   position: "relative"
 }, children: /* @__PURE__ */ i(ct, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (r) => {
   r && t(r);
@@ -17969,7 +17969,7 @@ function j1({
       /* @__PURE__ */ i(y, { name: "func_content", control: o, render: ({
         field: f
       }) => /* @__PURE__ */ i(q1, { ...f }) }),
-      /* @__PURE__ */ i(L, { mt: 10, mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mt: 10, mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
       /* @__PURE__ */ i(
         y,
         {
@@ -17982,7 +17982,7 @@ function j1({
       ),
       /* @__PURE__ */ i(y, { name: "font_size", control: o, render: ({
         field: f
-      }) => /* @__PURE__ */ i(z, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Font Size", placeholder: "10px, 1em, 1rem, 100%...", sx: {
         flex: 1
       }, ...f }) }),
       /* @__PURE__ */ i(v, { position: "apart", grow: !0, sx: {
@@ -17999,7 +17999,7 @@ function j1({
 class G1 extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 1);
+    Y(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -18082,7 +18082,7 @@ const K1 = ({
   ...po
 }, Xs = ({
   message: e
-}) => /* @__PURE__ */ i(V, { sx: aa, children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ i(N, { sx: aa, children: /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
   __html: e
 }, style: {
   fontSize: "14px",
@@ -18123,10 +18123,10 @@ function X1({
   }), {
     refreshDeps: [o, n]
   });
-  return !r || !a || !n ? null : c ? /* @__PURE__ */ i(V, { sx: {
+  return !r || !a || !n ? null : c ? /* @__PURE__ */ i(N, { sx: {
     position: "relative",
     height: a
-  }, children: /* @__PURE__ */ i(kn, { visible: !0 }) }) : l ? /* @__PURE__ */ i(V, { sx: aa, "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(U1, { error: l, width: r, height: a }) }) : !s || !Array.isArray(s.replies) || s.replies.length === 0 ? null : /* @__PURE__ */ i(V, { sx: aa, "data-enable-scrollbar": !0, children: s.replies.map((d, p) => /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ i(kn, { visible: !0 }) }) : l ? /* @__PURE__ */ i(N, { sx: aa, "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(U1, { error: l, width: r, height: a }) }) : !s || !Array.isArray(s.replies) || s.replies.length === 0 ? null : /* @__PURE__ */ i(N, { sx: aa, "data-enable-scrollbar": !0, children: s.replies.map((d, p) => /* @__PURE__ */ i("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, p)) });
 }
@@ -18153,20 +18153,20 @@ function J1({
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "expertSystemURL", control: a, render: ({
         field: h
-      }) => /* @__PURE__ */ i(z, { label: "Expert System URL", ...h }) }),
+      }) => /* @__PURE__ */ i(L, { label: "Expert System URL", ...h }) }),
       /* @__PURE__ */ i(y, { name: "path", control: a, render: ({
         field: h
-      }) => /* @__PURE__ */ i(z, { label: "Path", required: !0, ...h }) })
+      }) => /* @__PURE__ */ i(L, { label: "Path", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(y, { name: "goal", control: a, render: ({
         field: h
-      }) => /* @__PURE__ */ i(z, { label: "Goal", required: !0, ...h }) }),
+      }) => /* @__PURE__ */ i(L, { label: "Goal", required: !0, ...h }) }),
       /* @__PURE__ */ i(y, { name: "question", control: a, render: ({
         field: h
-      }) => /* @__PURE__ */ i(z, { label: "Question", required: !0, ...h }) })
+      }) => /* @__PURE__ */ i(L, { label: "Question", required: !0, ...h }) })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", mt: 16, mb: 8 }),
+    /* @__PURE__ */ i(A, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ i(I, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ i(ve, { size: 20 }), disabled: !p, sx: {
       alignSelf: "flex-end"
     }, children: "Submit Changes" })
@@ -18175,7 +18175,7 @@ function J1({
 class Z1 extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 1);
+    Y(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -18261,7 +18261,7 @@ function aS(e, t, n, r) {
   const {
     calendar: a,
     heat_block: o
-  } = e, s = N(a.data_key), l = N(o.data_key);
+  } = e, s = B(a.data_key), l = B(o.data_key);
   return t ? {
     type: "heatmap",
     name: "heatmap",
@@ -18303,7 +18303,7 @@ function sS({
     }
   }], d = n[o];
   return d && e.tooltip.metrics.forEach((p) => {
-    const h = N(p.data_key);
+    const h = B(p.data_key);
     c.push({
       label: p.name,
       value: oS(k.get(d, h.columnKey, "")),
@@ -18315,7 +18315,7 @@ function sS({
   }), c;
 }
 function lS(e, t, n) {
-  const r = N(e.calendar.data_key), a = k.keyBy(t[r.queryID], r.columnKey);
+  const r = B(e.calendar.data_key), a = k.keyBy(t[r.queryID], r.columnKey);
   return {
     confine: !0,
     formatter: function(o) {
@@ -18376,7 +18376,7 @@ const dS = {
   }
 }, uS = (e) => ee(e).get("year");
 function hS(e, t) {
-  const n = N(e.calendar.data_key), r = t[n.queryID], a = k.groupBy(r, (d) => uS(d[n.columnKey])), o = Object.keys(a), s = r.map((d) => ee(d[n.columnKey]).valueOf()), l = k.min(s), c = k.max(s);
+  const n = B(e.calendar.data_key), r = t[n.queryID], a = k.groupBy(r, (d) => uS(d[n.columnKey])), o = Object.keys(a), s = r.map((d) => ee(d[n.columnKey]).valueOf()), l = k.min(s), c = k.max(s);
   return {
     minDate: l ?? 0,
     maxDate: c ?? 0,
@@ -18529,7 +18529,7 @@ function xS({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "heat_block.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -18541,7 +18541,7 @@ function xS({
         field: n
       }) => /* @__PURE__ */ i(qn, { label: "Max Value", ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(vt, { ...n }) })
@@ -18555,7 +18555,7 @@ const vS = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -18564,7 +18564,7 @@ const vS = ({
       flex: 1
     }, ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -18598,7 +18598,7 @@ const vS = ({
       /* @__PURE__ */ i(dn, { size: 14, color: "#888" }),
       /* @__PURE__ */ i(C, { size: 14, color: "#888", children: "Configure additional metrics to show in tooltip" })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", my: 10 }),
+    /* @__PURE__ */ i(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ u(g, { value: d, onTabChange: (h) => p(h), styles: {
       tab: {
         paddingTop: "0px",
@@ -18767,7 +18767,7 @@ function DS(e) {
 class IS extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 3);
+    Y(this, "VERSION", 3);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -18988,7 +18988,7 @@ function NS({
   const {
     queryID: a,
     columnKey: o
-  } = N(e), s = k.groupBy(t[a], o);
+  } = B(e), s = k.groupBy(t[a], o);
   return Object.entries(s).forEach(([l, c]) => {
     s[l] = Si({
       [a]: c
@@ -19011,7 +19011,7 @@ function BS({
   id: h,
   ...f
 }, m, w, x, T, $) {
-  const A = {
+  const z = {
     label: {
       show: !!r,
       position: r,
@@ -19032,23 +19032,23 @@ function BS({
     ...f
   };
   if (!o || o === e.data_key)
-    return A.data = VS({
+    return z.data = VS({
       dataTemplate: m,
       data: x,
       aggregation_on_value: s,
       name_data_key: e.data_key,
       value_data_key: t,
       valueTypedXAxis: w
-    }), A;
+    }), z;
   const j = NS({
     group_by_key: o,
     data: x,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(j).map(([Y, B]) => {
-    const O = Ze(A);
-    return O.name = Y, O.color = void 0, O.data = B, O;
+  return Object.entries(j).map(([U, V]) => {
+    const O = Ze(z);
+    return O.name = U, O.color = void 0, O.data = V, O;
   });
 }
 function qS(e, t, n, r, a, o, s) {
@@ -19203,7 +19203,7 @@ function QS(e, t) {
 function KS(e, t, n) {
   if (!e.y_axis.data_key)
     return {};
-  const r = YS(t, n), a = GS(e), o = N(e.y_axis.data_key), s = k.uniq(t[o.queryID].map((p) => p[o.columnKey])), l = s.every((p) => !Number.isNaN(Number(p))), c = qS(e, s, l, t, a, n, r);
+  const r = YS(t, n), a = GS(e), o = B(e.y_axis.data_key), s = k.uniq(t[o.queryID].map((p) => p[o.columnKey])), l = s.every((p) => !Number.isNaN(Number(p))), c = qS(e, s, l, t, a, n, r);
   return {
     xAxis: HS(e, a),
     yAxis: QS(e, s),
@@ -19288,7 +19288,7 @@ function ek({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ i(z, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", placeholder: "Average Reference Line", required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ i(
@@ -19306,7 +19306,7 @@ function ek({
     ] }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ i(z, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Content Template", placeholder: "Average: ${avg}", sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
@@ -19330,7 +19330,7 @@ function ek({
         }, ...l })
       ) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
       /* @__PURE__ */ i(
         y,
@@ -19363,7 +19363,7 @@ function ek({
         field: l
       }) => /* @__PURE__ */ i(ot, { ...l }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ i(me, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
@@ -19442,7 +19442,7 @@ function ik({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.stack`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Stack", placeholder: "Stack bars by this ID", sx: {
         flexGrow: 1
       }, ...a }) }),
       /* @__PURE__ */ i(
@@ -19461,17 +19461,17 @@ function ik({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Bar Width(Min)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Min)", disabled: r, sx: {
         flexGrow: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barWidth`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Bar Width", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Width", sx: {
         flexGrow: 1
       }, ...a }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ i(z, { label: "Bar Width(Max)", disabled: r, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Bar Width(Max)", disabled: r, sx: {
         flexGrow: 1
       }, ...a }) })
     ] })
@@ -19533,7 +19533,7 @@ function ok({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `series.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `series.${t}.xAxisIndex`, control: e, render: ({
@@ -19561,7 +19561,7 @@ function ok({
       flex: 1
     }, ...o }) }) }),
     /* @__PURE__ */ i(ik, { index: t, control: e, seriesItem: r }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ i(
       y,
       {
@@ -19578,14 +19578,14 @@ function ok({
         field: o
       }) => /* @__PURE__ */ i(ot, { ...o }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ i(me, { label: "Hide in legend", checked: o.value, onChange: (s) => o.onChange(s.currentTarget.checked) }) }),
     /* @__PURE__ */ i(y, { name: `series.${t}.invisible`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ i(me, { label: "Invisible", checked: o.value, onChange: (s) => o.onChange(s.currentTarget.checked) }) }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
     /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
       right: 5
@@ -19651,13 +19651,13 @@ function ck({
   return /* @__PURE__ */ u(S, { my: 0, p: "0", sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ i(L, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, mt: 15, variant: "dashed", label: "Name", labelPosition: "center" }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `x_axes.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }) }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Layout", labelPosition: "center" }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: `x_axes.${t}.position`, control: e, render: ({
       field: r
     }) => (
@@ -19667,23 +19667,23 @@ function ck({
       }, ...r })
     ) }) }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Label Format", labelPosition: "center" }),
       /* @__PURE__ */ i(y, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: r
       }) => /* @__PURE__ */ i(vt, { ...r }) })
     ] }),
     /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Range", labelPosition: "center" }),
       /* @__PURE__ */ u(v, { grow: !0, children: [
         /* @__PURE__ */ i(y, { name: `x_axes.${t}.min`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(z, { label: "Min", ...r }) }),
+        }) => /* @__PURE__ */ i(L, { label: "Min", ...r }) }),
         /* @__PURE__ */ i(y, { name: `x_axes.${t}.max`, control: e, render: ({
           field: r
-        }) => /* @__PURE__ */ i(z, { label: "Max", ...r }) })
+        }) => /* @__PURE__ */ i(L, { label: "Max", ...r }) })
       ] })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `x_axes.${t}.show`, control: e, render: ({
       field: r
     }) => /* @__PURE__ */ i(me, { label: "Visible", checked: r.value, onChange: (a) => r.onChange(a.currentTarget.checked) }) }),
@@ -19737,11 +19737,11 @@ function uk({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "X Axis Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "X Axis Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: "y_axis.axisLabel.formatter", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(yi, { ...n }) }) }),
@@ -19838,7 +19838,7 @@ function pk(e, {
 class fk extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 2);
+    Y(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -20179,7 +20179,7 @@ function wk(e, t, n, r) {
   }));
 }
 function _k(e, t, n, r) {
-  const a = N(t.data_key), o = t.name, s = n.map((l) => {
+  const a = B(t.data_key), o = t.name, s = n.map((l) => {
     const c = k.sumBy(r[l], a.columnKey);
     return [l, c];
   });
@@ -20384,7 +20384,7 @@ function Dk(e, t) {
   const {
     x_axis: n,
     deviation: r
-  } = e, a = N(n.data_key), o = N(r.data_keys.estimated_value), s = N(r.data_keys.actual_value);
+  } = e, a = B(n.data_key), o = B(r.data_keys.estimated_value), s = B(r.data_keys.actual_value);
   return t[a.queryID].map((l) => {
     const c = Zs(l[o.columnKey]), d = Zs(l[s.columnKey]), p = c - d;
     return {
@@ -20440,7 +20440,7 @@ function zk(e, t) {
   };
 }
 function Lk(e, t, n) {
-  const r = Dk(e, n), a = N(e.x_axis.data_key), o = k.uniqBy(n[a.queryID], a.columnKey).map((p) => p[a.columnKey]), s = k.groupBy(r, a.columnKey), l = zk(e, t), c = Ck(e, l, o, s), d = {
+  const r = Dk(e, n), a = B(e.x_axis.data_key), o = k.uniqBy(n[a.queryID], a.columnKey).map((p) => p[a.columnKey]), s = k.groupBy(r, a.columnKey), l = zk(e, t), c = Ck(e, l, o, s), d = {
     xAxis: Sk(e, o),
     yAxis: kk(l),
     series: c,
@@ -20551,7 +20551,7 @@ function Vk({
   }, [d]), !s.data_key || !c || !d || !a || !o)
     return null;
   const f = Math.max(a, 300), m = Math.max(o, 370);
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u(N, { sx: {
     overflow: "hidden",
     height: m,
     width: f
@@ -20567,7 +20567,7 @@ function Nk({
   return t(["deviation"]), /* @__PURE__ */ u(S, { children: [
     /* @__PURE__ */ i(v, { grow: !0, noWrap: !0, children: /* @__PURE__ */ i(y, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ i(z, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ i(L, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
@@ -20592,7 +20592,7 @@ const Bk = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.data_key`, control: e, render: ({
@@ -20601,7 +20601,7 @@ const Bk = ({
       flex: 1
     }, ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -20635,7 +20635,7 @@ const Bk = ({
       /* @__PURE__ */ i(dn, { size: 14, color: "#888" }),
       /* @__PURE__ */ i(C, { size: 14, color: "#888", children: "设置可以展示在基线图的指标，例如代码当量" })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", my: 10 }),
+    /* @__PURE__ */ i(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ u(g, { value: d, onTabChange: (h) => p(h), styles: {
       tab: {
         paddingTop: "0px",
@@ -20667,11 +20667,11 @@ function Wk({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, label: "点位文案", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, label: "点位文案", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
@@ -20779,7 +20779,7 @@ function Gk(e, {
 class Yk extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 2);
+    Y(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -20918,7 +20918,7 @@ const el = ({
   };
   return /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(F, { label: "Postfix Type", data: Xk, value: e.type, onChange: o }),
-    e.type === "text" && /* @__PURE__ */ i(z, { label: "Postfix Content", value: e.value, onChange: (l) => {
+    e.type === "text" && /* @__PURE__ */ i(L, { label: "Postfix Content", value: e.value, onChange: (l) => {
       s(l.currentTarget.value);
     } }),
     e.type === "filter-option-label" && /* @__PURE__ */ i(F, { label: "Filter", value: e.value, onChange: s, data: a })
@@ -20938,7 +20938,7 @@ function Zk({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(z, { label: "Metric Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Metric Name", required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
@@ -20953,7 +20953,7 @@ function Zk({
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ i(z, { label: "Basis Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Basis Name", required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ i(y, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
@@ -20965,11 +20965,11 @@ function Zk({
         }, ...o })
       ) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Format", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.formatter`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ i(vt, { ...o }) }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Others", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Others", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: `metrics.${t}.postfix`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ i(Jk, { ...o }) }),
@@ -21010,7 +21010,7 @@ const eT = ({
     f(x);
   };
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(L, { mt: 15, variant: "dashed", label: "Metrics", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mt: 15, variant: "dashed", label: "Metrics", labelPosition: "center" }),
     /* @__PURE__ */ u(g, { value: h, onTabChange: f, styles: {
       tab: {
         paddingTop: "0px",
@@ -21071,7 +21071,7 @@ function rT({
   watch: t
 }) {
   return t("styles"), /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(L, { mt: 15, variant: "dashed", label: "Styles", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mt: 15, variant: "dashed", label: "Styles", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { children: [
       /* @__PURE__ */ i(y, { name: "styles.justify", control: e, render: ({
         field: n
@@ -21144,7 +21144,7 @@ function aT(e) {
 class oT extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 2);
+    Y(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -21185,7 +21185,7 @@ function lT({
       }, ...r }) }),
       /* @__PURE__ */ i(y, { name: "heat_block.name", control: e, render: ({
         field: r
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...r }) })
     ] }),
@@ -21197,11 +21197,11 @@ function lT({
         field: r
       }) => /* @__PURE__ */ i(qn, { label: "Max Value", ...r }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Value Format", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "heat_block.value_formatter", control: e, render: ({
       field: r
     }) => /* @__PURE__ */ i(vt, { ...r }) }),
-    /* @__PURE__ */ i(L, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -5, variant: "dashed", label: "Label", labelPosition: "center" }),
     /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ i(y, { name: "heat_block.label.show", control: e, render: ({
         field: r
@@ -21225,7 +21225,7 @@ const cT = ({
   /* @__PURE__ */ u(v, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: r
-    }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+    }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
       flex: 1
     }, ...r }) }),
     /* @__PURE__ */ i(y, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -21234,7 +21234,7 @@ const cT = ({
       flex: 1
     }, ...r }) })
   ] }),
-  /* @__PURE__ */ i(L, { mb: -10, mt: 10, variant: "dashed" }),
+  /* @__PURE__ */ i(A, { mb: -10, mt: 10, variant: "dashed" }),
   /* @__PURE__ */ i(I, { leftIcon: /* @__PURE__ */ i(be, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
     top: 15,
     right: 5
@@ -21268,7 +21268,7 @@ const cT = ({
       /* @__PURE__ */ i(dn, { size: 14, color: "#888" }),
       /* @__PURE__ */ i(C, { size: 14, color: "#888", children: "Configure additional metrics to show in tooltip" })
     ] }),
-    /* @__PURE__ */ i(L, { variant: "dashed", my: 10 }),
+    /* @__PURE__ */ i(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ u(g, { value: d, onTabChange: (h) => p(h), styles: {
       tab: {
         paddingTop: "0px",
@@ -21297,7 +21297,7 @@ const hT = ({
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(N, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -21379,11 +21379,11 @@ function fT({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", sx: {
         flex: 1
       }, ...n }) })
     ] }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(Wt, { ...n }) }),
@@ -21433,7 +21433,7 @@ function gT({
       }, ...n }) }),
       /* @__PURE__ */ i(y, { name: "y_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ i(z, { label: "Name", required: !0, sx: {
+      }) => /* @__PURE__ */ i(L, { label: "Name", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -21445,7 +21445,7 @@ function gT({
         flex: 1
       }, ...n })
     ) }) }),
-    /* @__PURE__ */ i(L, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mb: -15, variant: "dashed", label: "Tick Label", labelPosition: "center" }),
     /* @__PURE__ */ i(y, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ i(Wt, { ...n }) }),
@@ -21626,7 +21626,7 @@ function wT(e, t) {
     x_axis: n,
     y_axis: r,
     heat_block: a
-  } = e, o = N(n.data_key), s = N(r.data_key), l = N(a.data_key), c = t[o.queryID].map((d) => [k.get(d, o.columnKey), k.get(d, s.columnKey), k.get(d, l.columnKey)]);
+  } = e, o = B(n.data_key), s = B(r.data_key), l = B(a.data_key), c = t[o.queryID].map((d) => [k.get(d, o.columnKey), k.get(d, s.columnKey), k.get(d, l.columnKey)]);
   return {
     type: "heatmap",
     name: a.name,
@@ -21686,7 +21686,7 @@ function CT({
     }
   }, m = [p, h, f], w = r[`${l}---${c}`];
   return w && e.tooltip.metrics.forEach((x) => {
-    const T = N(x.data_key);
+    const T = B(x.data_key);
     m.push({
       label: x.name,
       value: _T(k.get(w, T.columnKey, "")),
@@ -21702,8 +21702,8 @@ function ST(e, t, n, r) {
     x_axis: a,
     y_axis: o,
     heat_block: s
-  } = e, l = N(a.data_key), c = N(o.data_key);
-  N(s.data_key);
+  } = e, l = B(a.data_key), c = B(o.data_key);
+  B(s.data_key);
   const d = k.keyBy(t[l.queryID], (p) => `${p[l.columnKey]}---${p[c.columnKey]}`);
   return {
     confine: !0,
@@ -21753,7 +21753,7 @@ function kT(e, t) {
   };
 }
 function TT(e, t, n) {
-  const r = N(e.x_axis.data_key), a = k.uniq(t[r.queryID].map((c) => c[r.columnKey])), {
+  const r = B(e.x_axis.data_key), a = k.uniq(t[r.queryID].map((c) => c[r.columnKey])), {
     overflow: o,
     rotate: s
   } = e.x_axis.axisLabel, l = At(o.on_axis);
@@ -21785,7 +21785,7 @@ function TT(e, t, n) {
   };
 }
 function DT(e, t, n) {
-  const r = N(e.x_axis.data_key), a = N(e.y_axis.data_key), {
+  const r = B(e.x_axis.data_key), a = B(e.y_axis.data_key), {
     nameAlignment: o,
     data_key: s,
     ...l
@@ -21890,7 +21890,7 @@ function LT({
   variables: o
 }) {
   const s = M(() => {
-    const h = N(e.x_axis.data_key), f = N(e.y_axis.data_key);
+    const h = B(e.x_axis.data_key), f = B(e.y_axis.data_key);
     return k.keyBy(t[h.queryID], (m) => `${m[h.columnKey]}---${m[f.columnKey]}`);
   }, [t, e.x_axis.data_key, e.y_axis.data_key]), l = Dt(a.triggerManager, Id.id), c = nt((h) => {
     const [f, m] = h.value, w = k.get(s, `${f}---${m}`, {
@@ -21930,7 +21930,7 @@ function AT({
 class ET extends Re {
   constructor() {
     super(...arguments);
-    H(this, "VERSION", 1);
+    Y(this, "VERSION", 1);
   }
   configVersions() {
     this.version(1, (n) => ({
@@ -22059,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(V, { sx: {
+}, withArrow: !0, children: /* @__PURE__ */ i(N, { sx: {
   height: "16px",
   alignSelf: "center"
 }, children: /* @__PURE__ */ i(Dn, { size: 16, color: "gray" }) }) }), NT = D(({
@@ -22072,10 +22072,10 @@ const PT = {
   },
   value: o,
   onChange: s
-}) => /* @__PURE__ */ u(V, { children: [
+}) => /* @__PURE__ */ u(N, { children: [
   /* @__PURE__ */ i(C, { children: " " }),
   /* @__PURE__ */ i(me, { label: /* @__PURE__ */ u(v, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       flexGrow: 1
     }, children: e }),
     /* @__PURE__ */ i(VT, { description: n, isDescriptionEmpty: r })
@@ -22238,6 +22238,10 @@ const PT = {
     fontWeight: 500,
     color: "#212529"
   },
+  required: {
+    color: "#fa5252",
+    paddingLeft: "3px"
+  },
   dropdown: {
     fontSize: e.fontSizes.xs,
     zIndex: 300,
@@ -22305,11 +22309,12 @@ const PT = {
   value: l,
   onChange: c,
   options: d,
-  errorMessage: p
+  errorMessage: p,
+  required: h
 }) => {
   const {
-    classes: h,
-    cx: f
+    classes: f,
+    cx: m
   } = BT({
     radius: a
   }, {
@@ -22317,26 +22322,29 @@ const PT = {
     classNames: t,
     styles: n,
     unstyled: r
-  }), [m, w] = Q(!1), x = (Y) => {
-    w(Y);
-  }, T = m && (l == null ? void 0 : l.length) > 0, [$, A] = Q(""), j = M(() => {
-    if (!$)
+  }), [w, x] = Q(!1), T = (V) => {
+    x(V);
+  }, $ = w && (l == null ? void 0 : l.length) > 0, [z, j] = Q(""), U = M(() => {
+    if (!z)
       return d;
-    const Y = $.toLowerCase(), B = (O) => {
-      var E;
-      return ((E = O.description) == null ? void 0 : E.toLowerCase().includes(Y)) || O.label.toLowerCase().includes(Y);
+    const V = z.toLowerCase(), O = (E) => {
+      var H;
+      return ((H = E.description) == null ? void 0 : H.toLowerCase().includes(V)) || E.label.toLowerCase().includes(V);
     };
-    return d.filter(B);
-  }, [$, d]);
+    return d.filter(O);
+  }, [z, d]);
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
     /* @__PURE__ */ u(v, { position: "apart", children: [
-      /* @__PURE__ */ i(C, { className: h.label, children: s }),
-      T && /* @__PURE__ */ i(Ne, { label: `${l.length} selected`, children: /* @__PURE__ */ i(ur, { children: l.length }) })
+      /* @__PURE__ */ u(C, { className: f.label, children: [
+        s,
+        h && /* @__PURE__ */ i("span", { className: f.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      $ && /* @__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: o, 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)) })
+    /* @__PURE__ */ i(Rp, { disabled: e, allowClear: !0, className: m(f.root, "check-select"), dropdownClassName: m(f.dropdown, ""), onDropdownVisibleChange: T, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: o, clearIcon: () => /* @__PURE__ */ i(fl, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ i(Ld, { errorMessage: p }), maxTagTextLength: 10, maxTagPlaceholder: (V) => `${V.length} selected`, searchValue: z, onSearch: j, filterOption: !1, children: U.map((V) => /* @__PURE__ */ u(Op, { title: V.label, children: [
+      /* @__PURE__ */ i(C, { size: "sm", "data-role": "label", children: V.label }),
+      V.description && /* @__PURE__ */ i(C, { size: "xs", color: "dimmed", "data-role": "description", children: V.description })
+    ] }, V.value)) })
   ] });
 }, WT = D(({
   label: e,
@@ -22353,7 +22361,7 @@ const PT = {
     width: d,
     maxWidth: p ? d : "unset",
     borderColor: "#e9ecef"
-  }, disabled: p, value: n, onChange: h, errorMessage: l });
+  }, disabled: p, value: n, onChange: h, errorMessage: l, required: t.required });
 }), jT = we(({
   label: e,
   description: t,
@@ -22390,7 +22398,7 @@ function YT({
   value: n,
   onChange: r
 }) {
-  return /* @__PURE__ */ i(z, { label: e, value: n || "", onChange: (a) => r(a.currentTarget.value), ...t, styles: {
+  return /* @__PURE__ */ i(L, { label: e, value: n || "", onChange: (a) => r(a.currentTarget.value), ...t, styles: {
     input: {
       borderColor: "#e9ecef"
     }
@@ -22538,6 +22546,10 @@ const HT = ({
     fontWeight: 500,
     color: "#212529"
   },
+  required: {
+    color: "#fa5252",
+    paddingLeft: "3px"
+  },
   dropdown: {
     fontSize: e.fontSizes.xs,
     zIndex: 300,
@@ -22671,11 +22683,12 @@ const HT = ({
   value: l,
   onChange: c,
   treeData: d,
-  errorMessage: p
+  errorMessage: p,
+  required: h
 }) => {
   const {
-    classes: h,
-    cx: f
+    classes: f,
+    cx: m
   } = XT({
     radius: a
   }, {
@@ -22683,22 +22696,25 @@ const HT = ({
     classNames: t,
     styles: n,
     unstyled: r
-  }), [m, w] = Q(!1), x = ($) => {
-    w($);
-  }, T = m && (l == null ? void 0 : l.length) > 0;
+  }), [w, x] = Q(!1), T = (z) => {
+    x(z);
+  }, $ = w && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ u(S, { spacing: 3, children: [
     /* @__PURE__ */ u(v, { position: "apart", children: [
-      /* @__PURE__ */ i(C, { className: h.label, children: s }),
-      T && /* @__PURE__ */ i(Ne, { label: `${l.length} selected`, children: /* @__PURE__ */ i(ur, { children: l.length }) })
+      /* @__PURE__ */ u(C, { className: f.label, children: [
+        s,
+        h && /* @__PURE__ */ i("span", { className: f.required, "aria-hidden": "true", children: "*" })
+      ] }),
+      $ && /* @__PURE__ */ i(Ne, { label: `${l.length} selected`, children: /* @__PURE__ */ i(ur, { children: l.length }) })
     ] }),
     /* @__PURE__ */ i(
       Fp,
       {
         disabled: e,
         allowClear: !0,
-        className: f(h.root, "check-select"),
-        dropdownClassName: f(h.dropdown, ""),
-        onDropdownVisibleChange: x,
+        className: m(f.root, "check-select"),
+        dropdownClassName: m(f.dropdown, ""),
+        onDropdownVisibleChange: T,
         transitionName: "rc-tree-select-dropdown-slide-up",
         choiceTransitionName: "rc-tree-select-selection__choice-zoom",
         style: o,
@@ -22716,7 +22732,7 @@ const HT = ({
         onChange: c,
         onSelect: console.log,
         maxTagCount: 0,
-        maxTagPlaceholder: ($) => `${$.length} selected`
+        maxTagPlaceholder: (z) => `${z.length} selected`
       }
     )
   ] });
@@ -22745,7 +22761,8 @@ const HT = ({
       onChange: (p) => r(p, !1),
       treeData: a,
       errorMessage: s,
-      label: e
+      label: e,
+      required: t.required
     }
   );
 }), eD = D(({
@@ -24528,8 +24545,8 @@ function Zr(e, t, n, r) {
 }
 class BD {
   constructor(t) {
-    H(this, "origin");
-    H(this, "copy");
+    Y(this, "origin");
+    Y(this, "copy");
     this.origin = t, this.copy = Vp(t), wr(this, {}, {
       autoBind: !0,
       deep: !1
@@ -24575,14 +24592,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(W, { children: /* @__PURE__ */ i(V, { sx: {
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(N, { 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(V, { className: "panel-dropdown-target", sx: {
+    /* @__PURE__ */ i(he.Target, { children: /* @__PURE__ */ i(N, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
@@ -24591,7 +24608,7 @@ const qD = (e) => new BD(e), WD = D(({
       /* @__PURE__ */ i(he.Item, { onClick: a.downloadData, icon: /* @__PURE__ */ i(Ja, { size: 14 }), children: "Download Data" }),
       /* @__PURE__ */ i(he.Item, { onClick: o, icon: /* @__PURE__ */ i(li, { size: 14 }), children: "Screenshot" }),
       m && /* @__PURE__ */ i(he.Item, { onClick: f, icon: /* @__PURE__ */ i(Dl, { size: 14 }), disabled: !0, children: "Full Screen" }),
-      /* @__PURE__ */ i(L, { label: "Edit", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { label: "Edit", labelPosition: "center" }),
       /* @__PURE__ */ i(he.Item, { onClick: p, icon: /* @__PURE__ */ i(Il, { size: 14 }), children: "Settings" }),
       /* @__PURE__ */ i(he.Item, { onClick: d, icon: /* @__PURE__ */ i(Lh, { size: 14 }), children: "Duplicate" }),
       /* @__PURE__ */ i(he.Item, { color: "red", onClick: h, icon: /* @__PURE__ */ i(be, { size: 14 }), children: "Delete" })
@@ -24658,13 +24675,13 @@ function YD(e) {
 var du = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(du || {}), Wr = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(Wr || {});
 class HD {
   constructor(t) {
-    H(this, "vizInstance");
-    H(this, "operationManager");
-    H(this, "triggerManager");
-    H(this, "vizManager");
-    H(this, "runningMigration");
-    H(this, "panelModel");
-    H(this, "status", "notStarted");
+    Y(this, "vizInstance");
+    Y(this, "operationManager");
+    Y(this, "triggerManager");
+    Y(this, "vizManager");
+    Y(this, "runningMigration");
+    Y(this, "panelModel");
+    Y(this, "status", "notStarted");
     this.panelModel = t.getRequired(qe.instanceScope.panelModel), this.vizInstance = t.getRequired(qe.instanceScope.vizInstance), this.operationManager = t.getRequired(qe.instanceScope.operationManager), this.triggerManager = t.getRequired(qe.instanceScope.triggerManager), this.vizManager = t.getRequired(qe.vizManager);
   }
   async createMigrationTask() {
@@ -24803,7 +24820,7 @@ const XD = D(function({
     w: r,
     h: a
   }), s = r > 0 && a > 0;
-  return /* @__PURE__ */ i("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ i(V, { sx: {
+  return /* @__PURE__ */ i("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ i(N, { sx: {
     width: r,
     height: a,
     overflow: "hidden"
@@ -24843,11 +24860,11 @@ const XD = D(function({
     loading: e.dataLoading,
     errors: e.queryErrors,
     downloadPanelScreenshot: a
-  }, children: /* @__PURE__ */ u(V, { className: "panel-root", ref: r, p: 0, sx: {
+  }, children: /* @__PURE__ */ u(N, { className: "panel-root", ref: r, p: 0, sx: {
     ...ZD,
     ...t
   }, children: [
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       position: "absolute",
       left: 0,
       top: 0,
@@ -24892,14 +24909,14 @@ const iI = D(({
   } = R.useContext(Ti), s = R.useCallback(() => {
     a(r);
   }, [r, a]), l = !o && e.type !== Z.Modal;
-  return rI(t.viz.type) ? /* @__PURE__ */ i(V, { sx: {
+  return rI(t.viz.type) ? /* @__PURE__ */ i(N, { 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(V, { className: "panel-dropdown-target", sx: {
+    /* @__PURE__ */ i(he.Target, { children: /* @__PURE__ */ i(N, { className: "panel-dropdown-target", sx: {
       width: "100%",
       height: "25px"
     } }) }),
@@ -25082,7 +25099,7 @@ const mI = D(({
     downloadScreenshot: a
   } = Qo(t);
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(V, { ref: r, sx: n, children: e }),
+    /* @__PURE__ */ i(N, { ref: r, sx: n, children: e }),
     /* @__PURE__ */ i(mI, { downloadScreenShot: a })
   ] });
 }), yu = D(({
@@ -25096,7 +25113,7 @@ const mI = D(({
     downloadScreenshot: l
   } = Qo(t);
   return /* @__PURE__ */ i(Te, { size: r.width, centered: !0, opened: a, onClose: o, withCloseButton: !1, title: /* @__PURE__ */ u(v, { position: "apart", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ i(V, { children: r.custom_modal_title.value }),
+    /* @__PURE__ */ i(N, { children: r.custom_modal_title.value }),
     /* @__PURE__ */ i(yu, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (c) => {
     c.stopPropagation();
@@ -25131,7 +25148,7 @@ const mI = D(({
     }
   }, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ i(V, { ref: s, children: e }) });
+  }, children: /* @__PURE__ */ i(N, { ref: s, children: e }) });
 }), bI = (e) => e.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: e.color ? e.color : "..."
@@ -25194,13 +25211,13 @@ const wI = D(({
     ref: o,
     downloadScreenshot: s
   } = Qo(t);
-  return /* @__PURE__ */ i(V, { sx: {
+  return /* @__PURE__ */ i(N, { 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(V, { children: n.custom_modal_title.value }),
+    /* @__PURE__ */ i(N, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ i(yu, { downloadScreenshot: s })
   ] }), trapFocus: !0, onDragStart: (l) => {
     l.stopPropagation();
@@ -25241,7 +25258,7 @@ const wI = D(({
     }
   }, withinPortal: !1, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ i(V, { ref: o, children: e }) }) });
+  }, children: /* @__PURE__ */ i(N, { ref: o, children: e }) }) });
 }), _I = ({
   variant: e,
   orientation: t
@@ -25295,7 +25312,7 @@ const wI = D(({
       return /* @__PURE__ */ u(g.Panel, { value: l.id, sx: {
         position: "relative"
       }, children: [
-        /* @__PURE__ */ u(V, { sx: {
+        /* @__PURE__ */ u(N, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -25309,7 +25326,7 @@ const wI = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ i(z, { label: "Tab Name", value: l.name, onChange: (p) => l.setName(p.currentTarget.value) }),
+            /* @__PURE__ */ i(L, { label: "Tab Name", value: l.name, onChange: (p) => l.setName(p.currentTarget.value) }),
             /* @__PURE__ */ i(F, { label: "View", value: l.view_id, onChange: l.setViewID, data: r }),
             /* @__PURE__ */ i(Ya, { label: "Color", value: l.color, onChange: l.setColor, disabled: a.variant !== "default" }),
             d && /* @__PURE__ */ u(I, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ i(Qh, { size: 18 }), gradient: {
@@ -25345,10 +25362,10 @@ const wI = D(({
   return /* @__PURE__ */ i(Ti.Provider, { value: {
     viewPanelInFullScreen: k.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ i(V, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(kI, { view: t, children: /* @__PURE__ */ u(V, { sx: {
+  }, children: /* @__PURE__ */ i(N, { className: "dashboard-view", "data-enable-scrollbar": !0, children: /* @__PURE__ */ i(kI, { view: t, children: /* @__PURE__ */ u(N, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ i(V, { className: "dashboard-sticky-area", sx: {
+    /* @__PURE__ */ i(N, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ i(Ed, { view: t }) }),
@@ -25369,14 +25386,14 @@ const wI = D(({
   return /* @__PURE__ */ i(Ti.Provider, { value: {
     viewPanelInFullScreen: a,
     inFullScreen: s
-  }, children: /* @__PURE__ */ u(V, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ u(N, { 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: o }),
-    /* @__PURE__ */ i(xI, { view: t, children: /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ i(xI, { view: t, children: /* @__PURE__ */ u(N, { sx: {
       position: "relative"
     }, children: [
-      !s && /* @__PURE__ */ i(V, { className: "dashboard-sticky-area", sx: {
+      !s && /* @__PURE__ */ i(N, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ i(Ed, { view: t }) }),
@@ -26644,7 +26661,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(V, { sx: XI, pl: {
+  return /* @__PURE__ */ i(N, { sx: XI, pl: {
     base: 200,
     xs: 200,
     sm: 200,
@@ -26662,8 +26679,8 @@ const QI = D(() => {
       borderBottom: "1px solid #e9ecef",
       background: "rgb(231, 245, 255)"
     }, children: "Add a Panel" }),
-    /* @__PURE__ */ i(V, {}),
-    /* @__PURE__ */ i(V, {})
+    /* @__PURE__ */ i(N, {}),
+    /* @__PURE__ */ i(N, {})
   ] }) });
 }), ZI = D((e) => /* @__PURE__ */ u(W, { children: [
   /* @__PURE__ */ i(UI, { ...e }),
@@ -26986,7 +27003,7 @@ const xM = rh(({
   const o = M(() => yM(e.interactions), [e.interactions]);
   return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(Ss, { type: "target", position: r, isConnectable: t }),
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       position: "absolute",
       top: 0,
       right: 0
@@ -27063,7 +27080,7 @@ function SM({
   active: n,
   openSettings: r
 }) {
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u(N, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ i(hh, { sx: (a) => ({
@@ -27095,11 +27112,11 @@ const kM = D(() => {
   const e = Fe(), t = Ce(), n = nt((a) => () => t.views.setIDOfVIE(a), [t]), r = (a) => {
     e.editor.open(["_VIEWS_", a]);
   };
-  return /* @__PURE__ */ u(V, { sx: {
+  return /* @__PURE__ */ u(N, { sx: {
     position: "relative"
   }, children: [
     t.views.options.map((a) => /* @__PURE__ */ i(SM, { active: t.views.idOfVIE === a.value, name: a.label, onClick: n(a.value), openSettings: () => r(a.value) }, a.value)),
-    /* @__PURE__ */ i(L, { variant: "dashed" }),
+    /* @__PURE__ */ i(A, { variant: "dashed" }),
     /* @__PURE__ */ i(I, { variant: "subtle", rightIcon: /* @__PURE__ */ i(Bt, { size: 14 }), size: "sm", px: "xs", color: "blue", onClick: t.views.addARandomNewView, sx: {
       width: "100%",
       borderRadius: 0
@@ -27252,8 +27269,8 @@ const kM = D(() => {
   }, r = t.static_options, a = [...r];
   return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(me, { checked: t.required, onChange: (o) => t.setRequired(o.currentTarget.checked), label: "Required" }),
-    /* @__PURE__ */ i(z, { label: "Width", description: "At least 160px", value: t.min_width, onChange: (o) => t.setMinWidth(o.currentTarget.value), placeholder: "default: 200px" }),
-    /* @__PURE__ */ i(L, { label: "Configure options", labelPosition: "center" }),
+    /* @__PURE__ */ i(L, { label: "Width", description: "At least 160px", value: t.min_width, onChange: (o) => t.setMinWidth(o.currentTarget.value), placeholder: "default: 200px" }),
+    /* @__PURE__ */ i(A, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ u(S, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
@@ -27278,12 +27295,12 @@ const kM = D(() => {
       r.map((o, s) => /* @__PURE__ */ u(Yn, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ i(z, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
+        /* @__PURE__ */ i(L, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
           t.static_options[s].setLabel(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ i(z, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
+        /* @__PURE__ */ i(L, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
           t.static_options[s].setValue(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -27298,7 +27315,7 @@ const kM = D(() => {
         width: "50%"
       }, mx: "auto", children: "Add an Option" })
     ] }),
-    /* @__PURE__ */ i(L, { label: "Or fetch options from database", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { label: "Or fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(ie, { value: t.default_selection_count, onChange: t.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ i(Jo, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
     /* @__PURE__ */ i(Du, {})
@@ -27317,8 +27334,8 @@ const kM = D(() => {
   }, ...r];
   return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(me, { checked: t.required, onChange: (o) => t.setRequired(o.currentTarget.checked), label: "Required" }),
-    /* @__PURE__ */ i(z, { label: "Width", value: t.width, onChange: (o) => t.setWidth(o.currentTarget.value), placeholder: "200px" }),
-    /* @__PURE__ */ i(L, { label: "Configure options", labelPosition: "center" }),
+    /* @__PURE__ */ i(L, { label: "Width", value: t.width, onChange: (o) => t.setWidth(o.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ i(A, { label: "Configure options", labelPosition: "center" }),
     /* @__PURE__ */ u(S, { spacing: 10, sx: {
       position: "relative",
       minHeight: "50px"
@@ -27343,12 +27360,12 @@ const kM = D(() => {
       r.map((o, s) => /* @__PURE__ */ u(Yn, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ i(z, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
+        /* @__PURE__ */ i(L, { label: "Label", required: !0, value: t.static_options[s].label, onChange: (l) => {
           t.static_options[s].setLabel(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ i(z, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
+        /* @__PURE__ */ i(L, { label: "Value", required: !0, value: t.static_options[s].value, onChange: (l) => {
           t.static_options[s].setValue(l.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -27363,7 +27380,7 @@ const kM = D(() => {
         width: "50%"
       }, mx: "auto", children: "Add an Option" })
     ] }),
-    /* @__PURE__ */ i(L, { label: "Or fetch options from database", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { label: "Or fetch options from database", labelPosition: "center" }),
     /* @__PURE__ */ i(me, { checked: t.default_selection_count === 1, onChange: (o) => t.setDefaultSelectionCount(o.currentTarget.checked ? 1 : 0), label: "Select the first option by default" }),
     /* @__PURE__ */ i(Jo, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
     /* @__PURE__ */ i(Du, {})
@@ -27372,7 +27389,7 @@ const kM = D(() => {
   config: t
 }) {
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(z, { label: "Default Value", value: t.default_value, onChange: (n) => {
+    /* @__PURE__ */ i(L, { label: "Default Value", value: t.default_value, onChange: (n) => {
       t.setDefaultValue(n.currentTarget.value);
     } }),
     /* @__PURE__ */ i(me, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" })
@@ -27396,8 +27413,8 @@ const kM = D(() => {
 }) {
   return /* @__PURE__ */ u(W, { children: [
     /* @__PURE__ */ i(me, { checked: t.required, onChange: (n) => t.setRequired(n.currentTarget.checked), label: "Required" }),
-    /* @__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(L, { label: "Min-width", value: t.min_width, onChange: (n) => t.setMinWidth(n.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ i(A, { 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" }),
     /* @__PURE__ */ i(Jo, { value: t.options_query_id, onChange: t.setOptionsQueryID }),
     /* @__PURE__ */ i(RM, {})
@@ -27408,7 +27425,7 @@ const kM = D(() => {
   const [n, r] = R.useState(t.plainDefaultValue);
   return R.useEffect(() => {
     r(t.plainDefaultValue);
-  }, [t]), /* @__PURE__ */ u(V, { sx: {
+  }, [t]), /* @__PURE__ */ u(N, { sx: {
     maxWidth: "480px"
   }, children: [
     /* @__PURE__ */ i(C, { pb: "md", color: "gray", children: "Preview" }),
@@ -27446,7 +27463,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(V, { sx: {
+    /* @__PURE__ */ u(N, { sx: {
       maxWidth: "600px"
     }, children: [
       /* @__PURE__ */ i(C, { pb: "md", color: "gray", children: "Edit" }),
@@ -27468,10 +27485,10 @@ const kM = D(() => {
           t.auto_submit_supported && /* @__PURE__ */ i(me, { label: "Submit automatically", checked: t.auto_submit, onChange: (a) => t.setAutoSubmit(a.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ i(dr, { label: "Visible in...", data: n.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
-        /* @__PURE__ */ i(z, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (a) => {
+        /* @__PURE__ */ i(L, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (a) => {
           t.setKey(a.currentTarget.value);
         } }),
-        /* @__PURE__ */ i(z, { label: "Label", placeholder: "Label for this field", required: !0, value: t.label, onChange: (a) => {
+        /* @__PURE__ */ i(L, { label: "Label", placeholder: "Label for this field", required: !0, value: t.label, onChange: (a) => {
           t.setLabel(a.currentTarget.value);
         } }),
         /* @__PURE__ */ i(F, { label: "Widget", data: VM, required: !0, value: t.type, onChange: t.setType }),
@@ -27517,7 +27534,7 @@ const kM = D(() => {
         zIndex: 320
       });
     }, children: "Delete this filter" }) }),
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -27590,7 +27607,7 @@ const kM = D(() => {
     style: t
   } = e;
   return /* @__PURE__ */ u(W, { children: [
-    /* @__PURE__ */ i(L, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
+    /* @__PURE__ */ i(A, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ u(S, { spacing: 20, children: [
       /* @__PURE__ */ u(v, { grow: !0, align: "top", children: [
         /* @__PURE__ */ i(ie, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ i(C, { size: 12, children: "of 36 columns" }), styles: {
@@ -27622,7 +27639,7 @@ const kM = D(() => {
   }, [o, r]);
   return q(() => {
     a(t);
-  }, [t]), /* @__PURE__ */ i(z, { value: r, onChange: a, label: /* @__PURE__ */ u(v, { children: [
+  }, [t]), /* @__PURE__ */ i(L, { value: r, onChange: a, label: /* @__PURE__ */ u(v, { children: [
     /* @__PURE__ */ i(C, { children: "Panel Title" }),
     /* @__PURE__ */ i(K, { variant: "subtle", color: "blue", disabled: !o, onClick: s, children: /* @__PURE__ */ i(ve, { size: 20 }) })
   ] }), styles: {
@@ -27637,7 +27654,7 @@ function YM() {
     height: "100%"
   }, children: [
     /* @__PURE__ */ i(jM, {}),
-    /* @__PURE__ */ i(L, { label: "Info", labelPosition: "center", variant: "dashed" }),
+    /* @__PURE__ */ i(A, { label: "Info", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ i(GM, {}),
     /* @__PURE__ */ i(WM, {})
   ] });
@@ -27694,7 +27711,7 @@ function Iu({
     columnResizeMode: "onChange",
     getCoreRowModel: nc()
   });
-  return e.length === 0 ? /* @__PURE__ */ i(V, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ i(N, { 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((a) => /* @__PURE__ */ u("th", { style: {
@@ -27748,7 +27765,7 @@ const QM = ({
         /* @__PURE__ */ i(K, { variant: "subtle", color: "blue", disabled: s || p, onClick: c, children: /* @__PURE__ */ i(Ja, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ u(V, { sx: {
+    /* @__PURE__ */ u(N, { sx: {
       position: "relative",
       overflow: "auto"
     }, children: [
@@ -27778,7 +27795,7 @@ const QM = ({
   const {
     panel: e
   } = $n();
-  return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(V, { sx: {
+  return /* @__PURE__ */ i(ht, { children: /* @__PURE__ */ i(N, { sx: {
     height: "100%",
     flexGrow: 0,
     flexShrink: 0,
@@ -27827,8 +27844,8 @@ const QM = ({
 };
 class XM {
   constructor(t) {
-    H(this, "panel");
-    H(this, "selected");
+    Y(this, "panel");
+    Y(this, "selected");
     this.panel = t, wr(this, {}, {
       deep: !1,
       autoBind: !0
@@ -27902,14 +27919,14 @@ const Mu = Gn((e) => ({
     const d = k.cloneDeep(t);
     k.set(d, l, c), n(d);
   };
-  return /* @__PURE__ */ u(V, { px: "sm", py: "md", ref: o, children: [
+  return /* @__PURE__ */ u(N, { px: "sm", py: "md", ref: o, 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(L, { 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(W, { children: [
-      /* @__PURE__ */ i(L, { my: "xs", label: "Format", labelPosition: "center" }),
+      /* @__PURE__ */ i(A, { my: "xs", label: "Format", labelPosition: "center" }),
       /* @__PURE__ */ i(vt, { value: t.formatter, onChange: (l) => s("formatter", l) })
     ] }),
     a && /* @__PURE__ */ i(Qc, { value: t, onChange: n })
@@ -27949,7 +27966,7 @@ const Mu = Gn((e) => ({
   } = Mu();
   return /* @__PURE__ */ u(v, { className: t.root, noWrap: !0, align: "start", children: [
     /* @__PURE__ */ i(ja, { withBorder: !0, p: "md", className: "var-list-container", children: /* @__PURE__ */ u(S, { justify: "space-between", children: [
-      /* @__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(N, { 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(W, { children: /* @__PURE__ */ i(a$, { uiModel: e, variable: e.selected }) }) : /* @__PURE__ */ i("span", { children: "Select or create a new variable on right side" })
@@ -28114,7 +28131,7 @@ const h$ = D(() => {
   width: "100%",
   height: "100%"
 }, children: [
-  /* @__PURE__ */ i(V, { sx: {
+  /* @__PURE__ */ i(N, { sx: {
     maxWidth: "calc(100% - 610px - 10px)",
     height: "100%",
     overflow: "auto"
@@ -28441,7 +28458,7 @@ const D$ = D(({
   const {
     tables: t
   } = e;
-  return t.loading ? /* @__PURE__ */ i($u, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ i(V, { h: "100%", sx: {
+  return t.loading ? /* @__PURE__ */ i($u, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ i(N, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -28451,7 +28468,7 @@ const D$ = D(({
   }, active: e.table_name === a.table_name }, a.table_name)) }, n)) });
 }), I$ = ({
   visible: e
-}) => /* @__PURE__ */ i(V, { py: 10, sx: {
+}) => /* @__PURE__ */ i(N, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
@@ -28519,7 +28536,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(V, { py: 10, sx: {
+    /* @__PURE__ */ u(N, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -28550,7 +28567,7 @@ const D$ = D(({
 }, children: e.tables.error }) : /* @__PURE__ */ u(Yn, { sx: {
   height: "100%"
 }, children: [
-  /* @__PURE__ */ i(V, { w: 300, sx: {
+  /* @__PURE__ */ i(N, { w: 300, sx: {
     flexGrow: 0,
     flexShrink: 0,
     position: "relative"
@@ -28604,7 +28621,7 @@ const D$ = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: R$, children: /* @__PURE__ */ i(V, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: R$, children: /* @__PURE__ */ i(N, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ i(E$, { dataSource: e }) }) }),
     /* @__PURE__ */ i(I, { variant: "subtle", onClick: () => r(!0), px: 16, styles: {
@@ -28640,7 +28657,7 @@ const D$ = D(({
     });
   }, c = M(() => n.datasources.find(e), [n, e]);
   return /* @__PURE__ */ i(F, { data: o, label: /* @__PURE__ */ u(v, { position: "apart", children: [
-    /* @__PURE__ */ i(V, { children: "Data Source" }),
+    /* @__PURE__ */ i(N, { children: "Data Source" }),
     c && /* @__PURE__ */ i(zu, { dataSource: c, triggerButtonProps: {
       compact: !0,
       size: "xs",
@@ -28683,8 +28700,8 @@ const D$ = D(({
   }, children: /* @__PURE__ */ u(S, { spacing: 10, sx: {
     width: "100%"
   }, children: [
-    /* @__PURE__ */ i(L, { mb: -10, variant: "dashed", label: "Basics", labelPosition: "center" }),
-    /* @__PURE__ */ i(z, { placeholder: "A unique name", label: "Name", required: !0, sx: {
+    /* @__PURE__ */ i(A, { mb: -10, variant: "dashed", label: "Basics", labelPosition: "center" }),
+    /* @__PURE__ */ i(L, { placeholder: "A unique name", label: "Name", required: !0, sx: {
       flex: 1
     }, value: t, onChange: (r) => {
       n(r.currentTarget.value);
@@ -28700,10 +28717,10 @@ const D$ = D(({
     }) => {
       e.setKey(a), e.setType(r);
     } }),
-    /* @__PURE__ */ i(L, { mt: 10, mb: -10, variant: "dashed", label: "Conditions", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mt: 10, mb: -10, variant: "dashed", label: "Conditions", labelPosition: "center" }),
     /* @__PURE__ */ i(dr, { label: "Run query when these are truthy", placeholder: "Always run this query on load", data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy, itemComponent: ll, maxDropdownHeight: 500 }),
     e.typedAsHTTP && /* @__PURE__ */ i(dr, { label: "Re-run query when these changed", placeholder: "Leave it empty to never re-run this query", data: e.conditionOptions, value: [...e.react_to], onChange: e.setReactTo, itemComponent: ll, maxDropdownHeight: 500 }),
-    /* @__PURE__ */ i(L, { mt: 20, mb: 10, variant: "dashed" }),
+    /* @__PURE__ */ i(A, { mt: 20, mb: 10, variant: "dashed" }),
     /* @__PURE__ */ i(x$, { queryModel: e })
   ] }) });
 });
@@ -28842,8 +28859,8 @@ WHERE
       /* @__PURE__ */ i("td", { children: k.capitalize(o.type) }),
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ i(Xi, { component: "button", type: "button", onClick: () => r(o), children: o.label }) }),
       /* @__PURE__ */ i("td", { children: /* @__PURE__ */ u(S, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
-        o.views.map((s) => /* @__PURE__ */ i(Xi, { component: "button", type: "button", onClick: () => a(s.id), children: /* @__PURE__ */ i(V, { children: s.label }) })),
-        o.views.length === 0 && /* @__PURE__ */ i(V, { children: "--" })
+        o.views.map((s) => /* @__PURE__ */ i(Xi, { component: "button", type: "button", onClick: () => a(s.id), children: /* @__PURE__ */ i(N, { children: s.label }) })),
+        o.views.length === 0 && /* @__PURE__ */ i(N, { children: "--" })
       ] }) })
     ] }, o.id)) })
   ] }) });
@@ -29024,7 +29041,7 @@ WHERE
       alignItems: "end"
     }, spacing: 40, children: [
       /* @__PURE__ */ i(
-        z,
+        L,
         {
           label: d ? "This key is occupied by another snippet" : "Key",
           value: o,
@@ -29100,7 +29117,7 @@ WHERE
 }), Z$ = D(({
   view: e
 }) => !e || e.type !== Z.Division ? null : /* @__PURE__ */ u(S, { children: [
-  /* @__PURE__ */ i(L, { mt: 8, mb: 0, label: "Division settings", labelPosition: "center" }),
+  /* @__PURE__ */ i(A, { mt: 8, mb: 0, label: "Division settings", labelPosition: "center" }),
   /* @__PURE__ */ i(C, { align: "center", size: "xs", color: "dimmed", children: "Under construction" })
 ] })), ez = [{
   value: "default",
@@ -29124,7 +29141,7 @@ WHERE
     return null;
   const t = e.config;
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(L, { mt: 8, mb: 0, label: "Tabs settings", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mt: 8, mb: 0, label: "Tabs settings", labelPosition: "center" }),
     /* @__PURE__ */ i(F, { label: "Variant", value: t.variant, onChange: t.setVariant, data: ez }),
     /* @__PURE__ */ i(F, { label: "Orientation", value: t.orientation, onChange: t.setOrientation, data: tz }),
     /* @__PURE__ */ i(Xe, { label: "Grow Tabs", checked: t.grow, onChange: (n) => t.setGrow(n.currentTarget.checked) })
@@ -29133,7 +29150,7 @@ WHERE
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(V, { sx: {
+}) => /* @__PURE__ */ u(N, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ i(Xt, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -29200,16 +29217,16 @@ WHERE
     return null;
   const t = e.config, n = t.custom_modal_title.value;
   return /* @__PURE__ */ u(S, { children: [
-    /* @__PURE__ */ i(L, { mt: 8, label: "Modal settings", labelPosition: "center" }),
+    /* @__PURE__ */ i(A, { mt: 8, label: "Modal settings", labelPosition: "center" }),
     /* @__PURE__ */ u(Yn, { gap: 10, children: [
-      /* @__PURE__ */ i(z, { label: "Modal Title", value: n, onChange: k.noop, disabled: !0, sx: {
+      /* @__PURE__ */ i(L, { label: "Modal Title", value: n, onChange: k.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ i(iz, { value: t.custom_modal_title, onChange: t.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(v, { grow: !0, children: [
-      /* @__PURE__ */ i(z, { label: "Width", value: t.width, onChange: (r) => t.setWidth(r.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ i(z, { label: "Height", value: t.height, onChange: (r) => t.setHeight(r.currentTarget.value), placeholder: "600px / 50vw" })
+      /* @__PURE__ */ i(L, { label: "Width", value: t.width, onChange: (r) => t.setWidth(r.currentTarget.value), placeholder: "600px / 50vw" }),
+      /* @__PURE__ */ i(L, { label: "Height", value: t.height, onChange: (r) => t.setHeight(r.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
 }), oz = D(({
@@ -29232,7 +29249,7 @@ WHERE
 }) => e ? /* @__PURE__ */ u(S, { sx: {
   position: "relative"
 }, children: [
-  /* @__PURE__ */ i(z, { label: "Name", value: e.name, onChange: (t) => {
+  /* @__PURE__ */ i(L, { label: "Name", value: e.name, onChange: (t) => {
     e.setName(t.currentTarget.value);
   } }),
   /* @__PURE__ */ i(F, { label: "Type", withinPortal: !0, zIndex: 320, value: e.type, onChange: e.setType, data: sz }),
@@ -29271,7 +29288,7 @@ WHERE
         zIndex: 320
       });
     }, children: "Delete this view" }) }),
-    /* @__PURE__ */ i(V, { sx: {
+    /* @__PURE__ */ i(N, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -29303,7 +29320,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(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 });
+  return dz(t) ? /* @__PURE__ */ i(bz, {}) : uz(t) ? /* @__PURE__ */ i(qM, {}) : hz(t) ? /* @__PURE__ */ i(N, { 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(N, { p: "xs", pl: 20, children: /* @__PURE__ */ i(cz, { id: t[1] }) }) : gz(t) ? /* @__PURE__ */ i(b$, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ i(N, { 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: () => {
@@ -29399,7 +29416,7 @@ const bz = D(() => /* @__PURE__ */ i(S, { sx: {
   }, [s]), /* @__PURE__ */ i(Ji, { active: r, defaultOpened: s, opened: l, onChange: c, label: e.label, onClick: () => o(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(V, { sx: {
+  return /* @__PURE__ */ i(N, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ i(Au, { option: t }, t.value)) });
 }), Dz = D(() => {
@@ -29521,7 +29538,7 @@ const Lz = {
   return /* @__PURE__ */ i(bl, { children: /* @__PURE__ */ i(fc, { value: h, children: /* @__PURE__ */ i(yc, { value: h.content, children: /* @__PURE__ */ i(lo.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(V, { className: `${a} 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(N, { className: `${a} dashboard-root`, sx: {
       position: "relative"
     }, children: h.content.views.visibleViews.map((x) => /* @__PURE__ */ i(TI, { view: x }, x.id)) }) }),
     /* @__PURE__ */ i(Mz, {})
@@ -29713,7 +29730,7 @@ const lE = D(({
     setFullScreenPanelID: s
   }, children: /* @__PURE__ */ i(lo.Provider, { value: {
     inEditMode: !1
-  }, 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(Ko, { view: f }, f.id)) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ i(N, { 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(Ko, { view: f }, f.id)) }) }) }) }) }) }) }) });
 });
 var da = {}, Fz = {
   get exports() {
@@ -29916,17 +29933,17 @@ var ma = {}, Hz = {
       (this.zone || (this.zone = {})).offset = function(T) {
         if (!T || T === "Z")
           return 0;
-        var $ = T.match(/([+-]|\d\d)/g), A = 60 * $[1] + (+$[2] || 0);
-        return A === 0 ? 0 : $[0] === "+" ? -A : A;
+        var $ = T.match(/([+-]|\d\d)/g), z = 60 * $[1] + (+$[2] || 0);
+        return z === 0 ? 0 : $[0] === "+" ? -z : z;
       }(x);
     }], h = function(x) {
       var T = l[x];
       return T && (T.indexOf ? T : T.s.concat(T.f));
     }, f = function(x, T) {
-      var $, A = l.meridiem;
-      if (A) {
+      var $, z = l.meridiem;
+      if (z) {
         for (var j = 1; j <= 24; j += 1)
-          if (x.indexOf(A(j, 0, T)) > -1) {
+          if (x.indexOf(z(j, 0, T)) > -1) {
             $ = j > 12;
             break;
           }
@@ -29946,11 +29963,11 @@ var ma = {}, Hz = {
     }], s: [o, d("seconds")], ss: [o, d("seconds")], m: [o, d("minutes")], mm: [o, d("minutes")], H: [o, d("hours")], h: [o, d("hours")], HH: [o, d("hours")], hh: [o, d("hours")], D: [o, d("day")], DD: [a, d("day")], Do: [s, function(x) {
       var T = l.ordinal, $ = x.match(/\d+/);
       if (this.day = $[0], T)
-        for (var A = 1; A <= 31; A += 1)
-          T(A).replace(/\[|\]/g, "") === x && (this.day = A);
+        for (var z = 1; z <= 31; z += 1)
+          T(z).replace(/\[|\]/g, "") === x && (this.day = z);
     }], M: [o, d("month")], MM: [a, d("month")], MMM: [s, function(x) {
-      var T = h("months"), $ = (h("monthsShort") || T.map(function(A) {
-        return A.slice(0, 3);
+      var T = h("months"), $ = (h("monthsShort") || T.map(function(z) {
+        return z.slice(0, 3);
       })).indexOf(x) + 1;
       if ($ < 1)
         throw new Error();
@@ -29966,18 +29983,18 @@ var ma = {}, Hz = {
     function w(x) {
       var T, $;
       T = x, $ = l && l.formats;
-      for (var A = (x = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(re, te, ae) {
+      for (var z = (x = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(re, te, ae) {
         var ye = ae && ae.toUpperCase();
         return te || $[ae] || n[ae] || $[ye].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(xe, Ae, Ue) {
           return Ae || Ue.slice(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, "");
+      })).match(r), j = z.length, U = 0; U < j; U += 1) {
+        var V = z[U], O = m[V], E = O && O[0], H = O && O[1];
+        z[U] = H ? { regex: E, parser: H } : V.replace(/^\[|\]$/g, "");
       }
       return function(re) {
         for (var te = {}, ae = 0, ye = 0; ae < j; ae += 1) {
-          var xe = A[ae];
+          var xe = z[ae];
           if (typeof xe == "string")
             ye += xe.length;
           else {
@@ -29996,12 +30013,12 @@ var ma = {}, Hz = {
     }
     return function(x, T, $) {
       $.p.customParseFormat = !0, x && x.parseTwoDigitYear && (c = x.parseTwoDigitYear);
-      var A = T.prototype, j = A.parse;
-      A.parse = function(Y) {
-        var B = Y.date, O = Y.utc, E = Y.args;
+      var z = T.prototype, j = z.parse;
+      z.parse = function(U) {
+        var V = U.date, O = U.utc, E = U.args;
         this.$u = O;
-        var U = E[1];
-        if (typeof U == "string") {
+        var H = E[1];
+        if (typeof H == "string") {
           var re = E[2] === !0, te = E[3] === !0, ae = re || te, ye = E[2];
           te && (ye = E[2]), l = this.$locale(), !re && ye && (l = $.Ls[ye]), this.$d = function(Me, Pe, $e) {
             try {
@@ -30014,10 +30031,10 @@ var ma = {}, Hz = {
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(B, U, O), this.init(), ye && ye !== !0 && (this.$L = this.locale(ye).$L), ae && B != this.format(U) && (this.$d = /* @__PURE__ */ new Date("")), l = {};
-        } else if (U instanceof Array)
-          for (var xe = U.length, Ae = 1; Ae <= xe; Ae += 1) {
-            E[1] = U[Ae - 1];
+          }(V, H, O), this.init(), ye && ye !== !0 && (this.$L = this.locale(ye).$L), ae && V != this.format(H) && (this.$d = /* @__PURE__ */ new Date("")), l = {};
+        } else if (H instanceof Array)
+          for (var xe = H.length, Ae = 1; Ae <= xe; Ae += 1) {
+            E[1] = H[Ae - 1];
             var Ue = $.apply(this, E);
             if (Ue.isValid()) {
               this.$d = Ue.$d, this.$L = Ue.$L, this.init();
@@ -30026,7 +30043,7 @@ var ma = {}, Hz = {
             Ae === xe && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
-          j.call(this, Y);
+          j.call(this, U);
       };
     };
   });
@@ -30065,25 +30082,25 @@ var ba = {}, Xz = {
   (function(n, r) {
     e.exports = r();
   })(ue, function() {
-    var n, r, a = 1e3, o = 6e4, s = 36e5, l = 864e5, c = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, d = 31536e6, p = 2592e6, h = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, f = { years: d, months: p, days: l, hours: s, minutes: o, seconds: a, milliseconds: 1, weeks: 6048e5 }, m = function(B) {
-      return B instanceof Y;
-    }, w = function(B, O, E) {
-      return new Y(B, E, O.$l);
-    }, x = function(B) {
-      return r.p(B) + "s";
-    }, T = function(B) {
-      return B < 0;
-    }, $ = function(B) {
-      return T(B) ? Math.ceil(B) : Math.floor(B);
-    }, A = function(B) {
-      return Math.abs(B);
-    }, 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) {
+    var n, r, a = 1e3, o = 6e4, s = 36e5, l = 864e5, c = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, d = 31536e6, p = 2592e6, h = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, f = { years: d, months: p, days: l, hours: s, minutes: o, seconds: a, milliseconds: 1, weeks: 6048e5 }, m = function(V) {
+      return V instanceof U;
+    }, w = function(V, O, E) {
+      return new U(V, E, O.$l);
+    }, x = function(V) {
+      return r.p(V) + "s";
+    }, T = function(V) {
+      return V < 0;
+    }, $ = function(V) {
+      return T(V) ? Math.ceil(V) : Math.floor(V);
+    }, z = function(V) {
+      return Math.abs(V);
+    }, j = function(V, O) {
+      return V ? T(V) ? { negative: !0, format: "" + z(V) + O } : { negative: !1, format: "" + V + O } : { negative: !1, format: "" };
+    }, U = function() {
+      function V(E, H, re) {
         var te = this;
-        if (this.$d = {}, this.$l = re, E === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), U)
-          return w(E * f[x(U)], this);
+        if (this.$d = {}, this.$l = re, E === void 0 && (this.$ms = 0, this.parseFromMilliseconds()), H)
+          return w(E * f[x(H)], this);
         if (typeof E == "number")
           return this.$ms = E, this.parseFromMilliseconds(), this;
         if (typeof E == "object")
@@ -30101,42 +30118,42 @@ var ba = {}, Xz = {
         }
         return this;
       }
-      var O = B.prototype;
+      var O = V.prototype;
       return O.calMilliseconds = function() {
         var E = this;
-        this.$ms = Object.keys(this.$d).reduce(function(U, re) {
-          return U + (E.$d[re] || 0) * f[re];
+        this.$ms = Object.keys(this.$d).reduce(function(H, re) {
+          return H + (E.$d[re] || 0) * f[re];
         }, 0);
       }, O.parseFromMilliseconds = function() {
         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 / o), E %= o, this.$d.seconds = $(E / a), E %= a, this.$d.milliseconds = E;
       }, O.toISOString = function() {
-        var E = j(this.$d.years, "Y"), U = j(this.$d.months, "M"), re = +this.$d.days || 0;
+        var E = j(this.$d.years, "Y"), H = j(this.$d.months, "M"), re = +this.$d.days || 0;
         this.$d.weeks && (re += 7 * this.$d.weeks);
         var te = j(re, "D"), ae = j(this.$d.hours, "H"), ye = j(this.$d.minutes, "M"), xe = this.$d.seconds || 0;
         this.$d.milliseconds && (xe += this.$d.milliseconds / 1e3);
-        var Ae = j(xe, "S"), Ue = E.negative || U.negative || te.negative || ae.negative || ye.negative || Ae.negative, Me = ae.format || ye.format || Ae.format ? "T" : "", Pe = (Ue ? "-" : "") + "P" + E.format + U.format + te.format + Me + ae.format + ye.format + Ae.format;
+        var Ae = j(xe, "S"), Ue = E.negative || H.negative || te.negative || ae.negative || ye.negative || Ae.negative, Me = ae.format || ye.format || Ae.format ? "T" : "", Pe = (Ue ? "-" : "") + "P" + E.format + H.format + te.format + Me + ae.format + ye.format + Ae.format;
         return Pe === "P" || Pe === "-P" ? "P0D" : Pe;
       }, O.toJSON = function() {
         return this.toISOString();
       }, O.format = function(E) {
-        var U = E || "YYYY-MM-DDTHH:mm:ss", re = { Y: this.$d.years, YY: r.s(this.$d.years, 2, "0"), YYYY: r.s(this.$d.years, 4, "0"), M: this.$d.months, MM: r.s(this.$d.months, 2, "0"), D: this.$d.days, DD: r.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: r.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: r.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: r.s(this.$d.seconds, 2, "0"), SSS: r.s(this.$d.milliseconds, 3, "0") };
-        return U.replace(c, function(te, ae) {
+        var H = E || "YYYY-MM-DDTHH:mm:ss", re = { Y: this.$d.years, YY: r.s(this.$d.years, 2, "0"), YYYY: r.s(this.$d.years, 4, "0"), M: this.$d.months, MM: r.s(this.$d.months, 2, "0"), D: this.$d.days, DD: r.s(this.$d.days, 2, "0"), H: this.$d.hours, HH: r.s(this.$d.hours, 2, "0"), m: this.$d.minutes, mm: r.s(this.$d.minutes, 2, "0"), s: this.$d.seconds, ss: r.s(this.$d.seconds, 2, "0"), SSS: r.s(this.$d.milliseconds, 3, "0") };
+        return H.replace(c, function(te, ae) {
           return ae || String(re[te]);
         });
       }, O.as = function(E) {
         return this.$ms / f[x(E)];
       }, O.get = function(E) {
-        var U = this.$ms, re = x(E);
-        return re === "milliseconds" ? U %= 1e3 : U = re === "weeks" ? $(U / f[re]) : this.$d[re], U === 0 ? 0 : U;
-      }, O.add = function(E, U, re) {
+        var H = this.$ms, re = x(E);
+        return re === "milliseconds" ? H %= 1e3 : H = re === "weeks" ? $(H / f[re]) : this.$d[re], H === 0 ? 0 : H;
+      }, O.add = function(E, H, re) {
         var te;
-        return te = U ? E * f[x(U)] : m(E) ? E.$ms : w(E, this).$ms, w(this.$ms + te * (re ? -1 : 1), this);
-      }, O.subtract = function(E, U) {
-        return this.add(E, U, !0);
+        return te = H ? E * f[x(H)] : m(E) ? E.$ms : w(E, this).$ms, w(this.$ms + te * (re ? -1 : 1), this);
+      }, O.subtract = function(E, H) {
+        return this.add(E, H, !0);
       }, O.locale = function(E) {
-        var U = this.clone();
-        return U.$l = E, U;
+        var H = this.clone();
+        return H.$l = E, H;
       }, O.clone = function() {
         return w(this.$ms, this);
       }, O.humanize = function(E) {
@@ -30173,16 +30190,16 @@ var ba = {}, Xz = {
         return this.get("years");
       }, O.asYears = function() {
         return this.as("years");
-      }, B;
+      }, V;
     }();
-    return function(B, O, E) {
+    return function(V, O, E) {
       n = E, r = E().$utils(), E.duration = function(te, ae) {
         var ye = E.locale();
         return w(te, { $l: ye }, ae);
       }, E.isDuration = m;
-      var U = O.prototype.add, re = O.prototype.subtract;
+      var H = O.prototype.add, re = O.prototype.subtract;
       O.prototype.add = function(te, ae) {
-        return m(te) && (te = te.asMilliseconds()), U.bind(this)(te, ae);
+        return m(te) && (te = te.asMilliseconds()), H.bind(this)(te, ae);
       }, O.prototype.subtract = function(te, ae) {
         return m(te) && (te = te.asMilliseconds()), re.bind(this)(te, ae);
       };
@@ -30427,14 +30444,14 @@ var Ia = {}, xL = {
       var o = 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]), j = $ || A.map(function(B) {
-          return B.slice(0, w);
+        var T = h.name ? h : h.$locale(), $ = s(T[f]), z = s(T[m]), j = $ || z.map(function(V) {
+          return V.slice(0, w);
         });
         if (!x)
           return j;
-        var Y = T.weekStart;
-        return j.map(function(B, O) {
-          return j[(O + (Y || 0)) % 7];
+        var U = T.weekStart;
+        return j.map(function(V, O) {
+          return j[(O + (U || 0)) % 7];
         });
       }, c = function() {
         return a.Ls[a.locale()];
@@ -30516,8 +30533,8 @@ var Ma = {}, 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, j) {
-              return A || j.slice(1);
+            return w || f[x] || n[x] || f[T].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function($, z, j) {
+              return z || j.slice(1);
             });
           });
         }(c, d === void 0 ? {} : d);
@@ -30583,8 +30600,8 @@ var za = {}, kL = {
             var te, ae;
             T[te = re, ae = o.$utils().p(te), ae === "date" ? "day" : ae] = w[re];
           });
-          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);
+          var z = T.day || (T.year || T.month >= 0 ? 1 : $.date()), j = T.year || $.year(), U = T.month >= 0 ? T.month : T.year || T.day ? 0 : $.month(), V = T.hour || 0, O = T.minute || 0, E = T.second || 0, H = T.millisecond || 0;
+          return x ? new Date(Date.UTC(j, U, z, V, O, E, H)) : new Date(j, U, z, V, O, E, H);
         }
         return w;
       }, l = o.parse;
@@ -30594,8 +30611,8 @@ var za = {}, kL = {
       var c = o.set, d = o.add, p = o.subtract, h = function(f, m, w, x) {
         x === void 0 && (x = 1);
         var T = Object.keys(m), $ = this;
-        return T.forEach(function(A) {
-          $ = f.bind($)(m[A] * x, A);
+        return T.forEach(function(z) {
+          $ = f.bind($)(m[z] * x, z);
         }), $;
       };
       o.set = function(f, m) {
@@ -30723,21 +30740,21 @@ var Ra = {}, AL = {
         return o.fromToBase(d, p, h, f);
       }
       a.en.relativeTime = s, o.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" }], j = A.length, Y = 0; Y < j; Y += 1) {
-          var B = A[Y];
-          B.d && (w = f ? a(d).diff(h, B.d, !0) : h.diff(d, B.d, !0));
+        for (var w, x, T, $ = h.$locale().relativeTime || s, z = 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 = z.length, U = 0; U < j; U += 1) {
+          var V = z[U];
+          V.d && (w = f ? a(d).diff(h, V.d, !0) : h.diff(d, V.d, !0));
           var O = (n.rounding || Math.round)(Math.abs(w));
-          if (T = w > 0, O <= B.r || !B.r) {
-            O <= 1 && Y > 0 && (B = A[Y - 1]);
-            var E = $[B.l];
-            m && (O = m("" + O)), x = typeof E == "string" ? E.replace("%d", O) : E(O, p, B.l, T);
+          if (T = w > 0, O <= V.r || !V.r) {
+            O <= 1 && U > 0 && (V = z[U - 1]);
+            var E = $[V.l];
+            m && (O = m("" + O)), x = typeof E == "string" ? E.replace("%d", O) : E(O, p, V.l, T);
             break;
           }
         }
         if (p)
           return x;
-        var U = T ? $.future : $.past;
-        return typeof U == "function" ? U(x) : U.replace("%s", x);
+        var H = T ? $.future : $.past;
+        return typeof H == "function" ? H(x) : H.replace("%s", x);
       }, o.to = function(d, p) {
         return l(d, p, this, !0);
       }, o.from = function(d, p) {
@@ -30771,28 +30788,28 @@ var Oa = {}, RL = {
     return function(a, o, s) {
       var l, c = function(f, m, w) {
         w === void 0 && (w = {});
-        var x = new Date(f), T = function($, A) {
-          A === void 0 && (A = {});
-          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;
+        var x = new Date(f), T = function($, z) {
+          z === void 0 && (z = {});
+          var j = z.timeZoneName || "short", U = $ + "|" + j, V = r[U];
+          return V || (V = 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[U] = V), V;
         }(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, j = $.value, Y = n[A];
-          Y >= 0 && (x[Y] = parseInt(j, 10));
+          var $ = w[T], z = $.type, j = $.value, U = n[z];
+          U >= 0 && (x[U] = 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;
+        var V = x[3], O = V === 24 ? 0 : V, E = x[0] + "-" + x[1] + "-" + x[2] + " " + O + ":" + x[4] + ":" + x[5] + ":000", H = +f;
+        return (s.utc(E).valueOf() - (H -= H % 1e3)) / 6e4;
       }, p = o.prototype;
       p.tz = function(f, m) {
         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);
+        var w = this.utcOffset(), x = this.toDate(), T = x.toLocaleString("en-US", { timeZone: f }), $ = Math.round((x - new Date(T)) / 1e3 / 60), z = s(T).$set("millisecond", this.$ms).utcOffset(15 * -Math.round(x.getTimezoneOffset() / 15) - $, !0);
         if (m) {
-          var j = A.utcOffset();
-          A = A.add(w - j, "minute");
+          var j = z.utcOffset();
+          z = z.add(w - j, "minute");
         }
-        return A.$x.$timezone = f, A;
+        return z.$x.$timezone = f, z;
       }, p.offsetName = function(f) {
         var m = this.$x.$timezone || s.tz.guess(), w = c(this.valueOf(), m, { timeZoneName: f }).find(function(x) {
           return x.type.toLowerCase() === "timezonename";
@@ -30809,14 +30826,14 @@ var Oa = {}, RL = {
         var x = w && m, T = w || m || l, $ = d(+s(), T);
         if (typeof f != "string")
           return s(f).tz(T);
-        var A = function(O, E, U) {
-          var re = O - 60 * E * 1e3, te = d(re, U);
+        var z = function(O, E, H) {
+          var re = O - 60 * E * 1e3, te = d(re, H);
           if (E === te)
             return [re, E];
-          var ae = d(re -= 60 * (te - E) * 1e3, U);
+          var ae = d(re -= 60 * (te - E) * 1e3, H);
           return te === ae ? [re, te] : [O - 60 * Math.min(te, ae) * 1e3, Math.max(te, ae)];
-        }(s.utc(f, x).valueOf(), $, T), j = A[0], Y = A[1], B = s(j).utcOffset(Y);
-        return B.$x.$timezone = T, B;
+        }(s.utc(f, x).valueOf(), $, T), j = z[0], U = z[1], V = s(j).utcOffset(U);
+        return V.$x.$timezone = T, V;
       }, s.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, s.tz.setDefault = function(f) {
@@ -30931,21 +30948,21 @@ var Na = {}, WL = {
         var $ = this.$utils().u;
         if ($(x))
           return this.$u ? 0 : $(this.$offset) ? h.call(this) : this.$offset;
-        if (typeof x == "string" && (x = function(B) {
-          B === void 0 && (B = "");
-          var O = B.match(r);
+        if (typeof x == "string" && (x = function(V) {
+          V === void 0 && (V = "");
+          var O = V.match(r);
           if (!O)
             return null;
-          var E = ("" + O[0]).match(a) || ["-", 0, 0], U = E[0], re = 60 * +E[1] + +E[2];
-          return re === 0 ? 0 : U === "+" ? re : -re;
+          var E = ("" + O[0]).match(a) || ["-", 0, 0], H = E[0], re = 60 * +E[1] + +E[2];
+          return re === 0 ? 0 : H === "+" ? re : -re;
         }(x), x === null))
           return this;
-        var A = Math.abs(x) <= 16 ? 60 * x : x, j = this;
+        var z = Math.abs(x) <= 16 ? 60 * x : x, j = this;
         if (T)
-          return j.$offset = A, j.$u = x === 0, j;
+          return j.$offset = z, j.$u = x === 0, j;
         if (x !== 0) {
-          var Y = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (j = this.local().add(A + Y, n)).$offset = A, j.$x.$localOffset = Y;
+          var U = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          (j = this.local().add(z + U, n)).$offset = z, j.$x.$localOffset = U;
         } else
           j = this.utc();
         return j;
@@ -30972,8 +30989,8 @@ var Na = {}, WL = {
       c.diff = function(x, T, $) {
         if (x && this.$u === x.$u)
           return w.call(this, x, T, $);
-        var A = this.local(), j = l(x).local();
-        return w.call(A, j, T, $);
+        var z = this.local(), j = l(x).local();
+        return w.call(z, j, T, $);
       };
     };
   });