@devtable/dashboard 13.27.14 → 13.27.15

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var bg = Object.defineProperty;
 var yg = (e, t, n) => t in e ? bg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var U = (e, t, n) => (yg(e, typeof t != "symbol" ? t + "" : t, n), n);
 import $, { forwardRef as pe, useRef as sr, useEffect as Q, useState as Z, useCallback as Ge, useMemo as T, createElement as ca, useContext as Hn, useLayoutEffect as _g, createContext as Lu, memo as vg } from "react";
-import { TextInput as E, Stack as k, Group as y, Button as M, Text as S, Box as R, Overlay as Rr, Modal as He, Tooltip as we, ActionIcon as ae, NativeSelect as Au, useMantineTheme as Jo, Popover as Kt, ColorSwatch as $s, ColorInput as lr, SimpleGrid as Cr, ColorPicker as rd, HoverCard as Ke, Select as q, Checkbox as ue, Divider as O, NumberInput as he, Switch as dt, Table as it, MultiSelect as ii, Paper as jg, Code as id, Tabs as v, LoadingOverlay as $r, Alert as Bi, createStyles as Wi, CloseButton as zr, Center as cr, Collapse as Gi, CheckIcon as wg, MANTINE_SIZES as Sg, SegmentedControl as Ru, Anchor as Ps, Menu as le, UnstyledButton as $u, Flex as en, Badge as ar, Textarea as Pu, Mark as Ou, Slider as kg, Affix as Cg, Header as Ig, List as qt, FileInput as Tg, ThemeIcon as Ha, Navbar as On, JsonInput as Vu, Pagination as Fu, Drawer as zg, Accordion as fs, Radio as sd, Skeleton as ad, NavLink as xo, AppShell as Nu } from "@mantine/core";
+import { TextInput as L, Stack as k, Group as y, Button as M, Text as S, Box as R, Overlay as Rr, Modal as He, Tooltip as we, ActionIcon as ae, NativeSelect as Au, useMantineTheme as Jo, Popover as Kt, ColorSwatch as $s, ColorInput as lr, SimpleGrid as Cr, ColorPicker as rd, HoverCard as Ke, Select as q, Checkbox as ue, Divider as O, NumberInput as he, Switch as dt, Table as it, MultiSelect as ii, Paper as jg, Code as id, Tabs as v, LoadingOverlay as $r, Alert as Bi, createStyles as Wi, CloseButton as zr, Center as cr, Collapse as Gi, CheckIcon as wg, MANTINE_SIZES as Sg, SegmentedControl as Ru, Anchor as Ps, Menu as le, UnstyledButton as $u, Flex as en, Badge as ar, Textarea as Pu, Mark as Ou, Slider as kg, Affix as Cg, Header as Ig, List as qt, FileInput as Tg, ThemeIcon as Ha, Navbar as On, JsonInput as Vu, Pagination as Fu, Drawer as zg, Accordion as fs, Radio as sd, Skeleton as ad, NavLink as xo, AppShell as Nu } from "@mantine/core";
 import { useModals as Mn, ModalsProvider as qu } from "@mantine/modals";
 import { useBoolean as mt, useCreation as un, useAsyncEffect as Hi, useRequest as Dr, useLatest as od, usePrevious as Dg, useWhyDidYouUpdate as Bu } from "ahooks";
 import { toJS as Qn, observable as Wu, runInAction as Ei, reaction as Lt, makeAutoObservable as Qi } from "mobx";
@@ -162,10 +162,10 @@ function D_() {
       {
         for (var V = arguments.length, H = new Array(V > 1 ? V - 1 : 0), se = 1; se < V; se++)
           H[se - 1] = arguments[se];
-        L("error", j, H);
+        E("error", j, H);
       }
     }
-    function L(j, V, H) {
+    function E(j, V, H) {
       {
         var se = w.ReactDebugCurrentFrame, ke = se.getStackAddendum();
         ke !== "" && (V += "%s", H = H.concat([ke]));
@@ -175,10 +175,10 @@ function D_() {
         $e.unshift("Warning: " + V), Function.prototype.apply.call(console[j], console, $e);
       }
     }
-    var A = !1, P = !1, X = !1, re = !1, Me = !1, Te;
+    var A = !1, P = !1, J = !1, re = !1, Me = !1, Te;
     Te = Symbol.for("react.module.reference");
     function B(j) {
-      return !!(typeof j == "string" || typeof j == "function" || j === i || j === a || Me || j === s || j === d || j === u || re || j === m || A || P || X || typeof j == "object" && j !== null && (j.$$typeof === p || j.$$typeof === h || j.$$typeof === o || j.$$typeof === l || j.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof j == "string" || typeof j == "function" || j === i || j === a || Me || j === s || j === d || j === u || re || j === m || A || P || J || typeof j == "object" && j !== null && (j.$$typeof === p || j.$$typeof === h || j.$$typeof === o || j.$$typeof === l || j.$$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.
@@ -1000,7 +1000,7 @@ const N_ = new F_(Qr), Vn = N_, Fs = pe(function({
   onChange: n,
   ...i
 }, s) {
-  return /* @__PURE__ */ r.jsx(E, { ref: s, value: t, onChange: n, ...i });
+  return /* @__PURE__ */ r.jsx(L, { ref: s, value: t, onChange: n, ...i });
 });
 function W(e) {
   const [t, n] = e.split(".");
@@ -3876,8 +3876,8 @@ function oj(e, t, n = {}) {
     e.doc.nodesBetween(m, f, (b, I) => {
       if (!b.isText && !b.marks.length)
         return;
-      const w = Math.max(m, I), z = Math.min(f, I + b.nodeSize), L = z - w;
-      o += L, l.push(...b.marks.map((A) => ({
+      const w = Math.max(m, I), z = Math.min(f, I + b.nodeSize), E = z - w;
+      o += E, l.push(...b.marks.map((A) => ({
         mark: A,
         from: w,
         to: z
@@ -4015,16 +4015,16 @@ const fj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
       const w = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
       for (let re = l.depth - w; re >= l.depth - 3; re -= 1)
         I = Ce.from(l.node(re).copy(I));
-      const z = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, L = Ms(h, l.node().type.name, l.node().attrs), A = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(L)) || void 0;
+      const z = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, E = Ms(h, l.node().type.name, l.node().attrs), A = ((a = o.contentMatch.defaultType) === null || a === void 0 ? void 0 : a.createAndFill(E)) || void 0;
       I = I.append(Ce.from(o.createAndFill(null, A) || void 0));
       const P = l.before(l.depth - (w - 1));
       t.replace(P, l.after(-z), new Ae(I, 4 - w, 0));
-      let X = -1;
+      let J = -1;
       t.doc.nodesBetween(P, t.doc.content.size, (re, Me) => {
-        if (X > -1)
+        if (J > -1)
           return !1;
-        re.isTextblock && re.content.size === 0 && (X = Me + 1);
-      }), X > -1 && t.setSelection(rt.near(t.doc.resolve(X))), t.scrollIntoView();
+        re.isTextblock && re.content.size === 0 && (J = Me + 1);
+      }), J > -1 && t.setSelection(rt.near(t.doc.resolve(J))), t.scrollIntoView();
     }
     return !0;
   }
@@ -4037,10 +4037,10 @@ const fj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
   if (!Ds(t.doc, l.pos, 2))
     return !1;
   if (i) {
-    const { selection: I, storedMarks: w } = n, { splittableMarks: z } = s.extensionManager, L = w || I.$to.parentOffset && I.$from.marks();
-    if (t.split(l.pos, 2, b).scrollIntoView(), !L || !i)
+    const { selection: I, storedMarks: w } = n, { splittableMarks: z } = s.extensionManager, E = w || I.$to.parentOffset && I.$from.marks();
+    if (t.split(l.pos, 2, b).scrollIntoView(), !E || !i)
       return !0;
-    const A = L.filter((P) => z.includes(P.type.name));
+    const A = E.filter((P) => z.includes(P.type.name));
     t.ensureMarks(A);
   }
   return !0;
@@ -4063,19 +4063,19 @@ const fj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
   const s = e.doc.nodeAt(i);
   return n.node.type === (s == null ? void 0 : s.type) && Gh(e.doc, i) && e.join(i), !0;
 }, gj = (e, t, n, i = {}) => ({ editor: s, tr: a, state: o, dispatch: l, chain: c, commands: d, can: u }) => {
-  const { extensions: h, splittableMarks: p } = s.extensionManager, m = jt(e, o.schema), f = jt(t, o.schema), { selection: b, storedMarks: I } = o, { $from: w, $to: z } = b, L = w.blockRange(z), A = I || b.$to.parentOffset && b.$from.marks();
-  if (!L)
+  const { extensions: h, splittableMarks: p } = s.extensionManager, m = jt(e, o.schema), f = jt(t, o.schema), { selection: b, storedMarks: I } = o, { $from: w, $to: z } = b, E = w.blockRange(z), A = I || b.$to.parentOffset && b.$from.marks();
+  if (!E)
     return !1;
-  const P = fl((X) => Id(X.type.name, h))(b);
-  if (L.depth >= 1 && P && L.depth - P.depth <= 1) {
+  const P = fl((J) => Id(J.type.name, h))(b);
+  if (E.depth >= 1 && P && E.depth - P.depth <= 1) {
     if (P.node.type === m)
       return d.liftListItem(f);
     if (Id(P.node.type.name, h) && m.validContent(P.node.content) && l)
       return c().command(() => (a.setNodeMarkup(P.pos, m), !0)).command(() => Za(a, m)).command(() => eo(a, m)).run();
   }
   return !n || !A || !l ? c().command(() => u().wrapInList(m, i) ? !0 : d.clearNodes()).wrapInList(m, i).command(() => Za(a, m)).command(() => eo(a, m)).run() : c().command(() => {
-    const X = u().wrapInList(m, i), re = A.filter((Me) => p.includes(Me.type.name));
-    return a.ensureMarks(re), X ? !0 : d.clearNodes();
+    const J = u().wrapInList(m, i), re = A.filter((Me) => p.includes(Me.type.name));
+    return a.ensureMarks(re), J ? !0 : d.clearNodes();
   }).wrapInList(m, i).command(() => Za(a, m)).command(() => eo(a, m)).run();
 }, bj = (e, t = {}, n = {}) => ({ state: i, commands: s }) => {
   const { extendEmptyMarkRange: a = !1 } = n, o = ur(e, i.schema);
@@ -4669,7 +4669,7 @@ const Si = "data-value", Aj = Si, rp = "dynamicColor", ip = Gs.create({
         const ne = N[K];
         if (ne) {
           const ie = B[K];
-          if (X(ne, ie))
+          if (J(ne, ie))
             throw new Error("Multiline change is not allowed for " + K);
           const de = to(ne.range);
           if (de.endLine = de.startLine + ie.split(`
@@ -4754,7 +4754,7 @@ const Si = "data-value", Aj = Si, rp = "dynamicColor", ip = Gs.create({
     return B.text === "" ? N.isDeletion = !0 : K.startLineNumber === K.endLineNumber && K.startColumn === K.endColumn ? N.isAddition = !0 : N.isReplacement = !0, N.startLineOfRange = K.startLineNumber === G.startLineNumber, N.startColumnOfRange = K.startColumn === G.startColumn, N.endLineOfRange = K.endLineNumber === G.endLineNumber, N.endColumnOfRange = K.endColumn === G.endColumn, N.middleLineOfRange = !N.startLineOfRange && !N.endLineOfRange, G.startLineNumber === G.endLineNumber ? N.rangeIsSingleLine = !0 : N.rangeIsMultiLine = !0, N;
   }, z = function(B) {
     o = to(B).sort(s), l(o);
-  }, L = function() {
+  }, E = function() {
     if (e._hasHighlight)
       e.deltaDecorations(e._oldDecorations, []), delete e._oldDecorations, delete e._oldDecorationsSource, e._hasHighlight = !1;
     else {
@@ -4778,7 +4778,7 @@ const Si = "data-value", Aj = Si, rp = "dynamicColor", ip = Gs.create({
       const N = B[G];
       N.range = N.prevRange;
     }
-  }, X = function(B, G) {
+  }, J = function(B, G) {
     return !B.allowMultiline && G.includes(`
 `);
   }, re = function(B, G, N) {
@@ -4802,7 +4802,7 @@ const Si = "data-value", Aj = Si, rp = "dynamicColor", ip = Gs.create({
         for (let _e = 0; _e < ne; _e++) {
           const ve = o[_e];
           if (ve.range.containsRange(oe))
-            return X(ve, de.text) ? !1 : (K[Se] = ve, !0);
+            return J(ve, de.text) ? !1 : (K[Se] = ve, !0);
         }
         return !1;
       })) {
@@ -4837,7 +4837,7 @@ const Si = "data-value", Aj = Si, rp = "dynamicColor", ip = Gs.create({
     onDidChangeContentInEditableRange: m,
     updateRestrictions: z,
     updateValueInEditableRanges: u,
-    toggleHighlightOfEditableAreas: L
+    toggleHighlightOfEditableAreas: E
   };
   for (let B in Me)
     Object.defineProperty(e, B, {
@@ -4938,11 +4938,11 @@ function Oj(e) {
       contextMenuGroupId: "navigation",
       contextMenuOrder: 1.5,
       run: function(f) {
-        const I = f.getSelections().reduce(function(w, { startLineNumber: z, endLineNumber: L, startColumn: A, endColumn: P }) {
+        const I = f.getSelections().reduce(function(w, { startLineNumber: z, endLineNumber: E, startColumn: A, endColumn: P }) {
           return w.push("range : " + JSON.stringify([
             z,
             A,
-            L,
+            E,
             P
           ])), w;
         }, []).join(`
@@ -5005,10 +5005,10 @@ const ai = pe(({
     const w = Oj(I), z = b.getModel();
     if (w.initializeIn(b), w.addRestrictionsTo(z, s), !!z && !z._hasHighlight) {
       w.toggleDevMode(), z.toggleHighlightOfEditableAreas();
-      const L = z.getCurrentEditableRanges(), A = z.getValueInEditableRanges();
+      const E = z.getCurrentEditableRanges(), A = z.getValueInEditableRanges();
       console.debug({
         model: z,
-        currentRanges: L,
+        currentRanges: E,
         currentValue: A
       });
     }
@@ -6126,7 +6126,7 @@ class vl {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const gp = "13.27.14", Iw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gp = "13.27.15", Iw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: gp
 }, Symbol.toStringTag, { value: "Module" }));
@@ -6323,10 +6323,10 @@ function Mw({
     min: b,
     max: I
   } = T(() => {
-    const z = Og(h, (A) => A[f.columnKey]), L = Vg(h, (A) => A[f.columnKey]);
+    const z = Og(h, (A) => A[f.columnKey]), E = Vg(h, (A) => A[f.columnKey]);
     return {
       min: xe(z, f.columnKey),
-      max: xe(L, f.columnKey)
+      max: xe(E, f.columnKey)
     };
   }, [h, f]), w = {
     tooltip: {},
@@ -6447,7 +6447,7 @@ const ee = D(pe(({
   if (h.length === 0) {
     const p = u.explainDataKey(i);
     return /* @__PURE__ */ r.jsxs(Ke, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(E, { label: e, required: t, defaultValue: p.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r.jsx(Ke.Target, { children: /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(L, { label: e, required: t, defaultValue: p.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r.jsx(Ke.Dropdown, { children: /* @__PURE__ */ r.jsxs(y, { position: "left", spacing: 0, children: [
         /* @__PURE__ */ r.jsx(S, { size: "xs", color: p.queryName ? "black" : "red", sx: {
           fontFamily: "monospace"
@@ -6489,7 +6489,7 @@ function Ow({
       }) => /* @__PURE__ */ r.jsx(ee, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: "xAxis3D.name", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -6503,7 +6503,7 @@ function Ow({
       }) => /* @__PURE__ */ r.jsx(ee, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: "yAxis3D.name", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -6517,7 +6517,7 @@ function Ow({
       }) => /* @__PURE__ */ r.jsx(ee, { label: "Data Field", required: !0, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: "zAxis3D.name", control: s, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...l }) })
     ] }),
@@ -6803,7 +6803,7 @@ const Us = pe(({
       /* @__PURE__ */ r.jsx(he, { label: s("chart.axis.overflow.max_width"), hideControls: !0, value: t.width, onChange: o("width") }),
       /* @__PURE__ */ r.jsx(q, { label: s("chart.axis.overflow.label"), data: l, value: t.overflow, onChange: o("overflow") }),
       /* @__PURE__ */ r.jsx(
-        E,
+        L,
         {
           label: s("chart.axis.overflow.ellipsis"),
           value: t.ellipsis,
@@ -7021,7 +7021,7 @@ function Zw(e) {
     urlTemplate: c.currentTarget.value
   });
   return /* @__PURE__ */ r.jsxs(k, { children: [
-    /* @__PURE__ */ r.jsx(E, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: l, onBlur: a }),
+    /* @__PURE__ */ r.jsx(L, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: l, onBlur: a }),
     /* @__PURE__ */ r.jsx(dt, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => o(c.currentTarget.checked) })
   ] });
 }
@@ -7074,7 +7074,7 @@ function i0(e) {
   const {
     t
   } = _(), [n, i] = r0(e.operation);
-  return /* @__PURE__ */ r.jsx(E, { defaultValue: n, onBlur: (s) => i(s.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
+  return /* @__PURE__ */ r.jsx(L, { defaultValue: n, onBlur: (s) => i(s.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
 }
 async function s0(e, t) {
   const n = await t.operationData.getItem("config"), i = el(n.template || "");
@@ -7133,7 +7133,7 @@ const c0 = {
   const s = () => {
     t(n);
   };
-  return /* @__PURE__ */ r.jsx(E, { size: "xs", label: "", value: n, onChange: (a) => i(a.currentTarget.value), sx: {
+  return /* @__PURE__ */ r.jsx(L, { size: "xs", label: "", value: n, onChange: (a) => i(a.currentTarget.value), sx: {
     flexGrow: 1
   }, rightSection: /* @__PURE__ */ r.jsx(ae, { color: "green", size: "xs", onClick: s, disabled: n === e, children: /* @__PURE__ */ r.jsx(at, {}) }) });
 }, h0 = {
@@ -7980,10 +7980,10 @@ function X0(e, t, n) {
     stroke: s,
     lineWidth: a
   };
-  return w.forEach((L) => {
+  return w.forEach((E) => {
     I.children.push({
       type: "line",
-      shape: L,
+      shape: E,
       style: z
     });
   }), I.children.push({
@@ -8359,7 +8359,7 @@ function mS({
   })), [s]), o = $.useMemo(() => a.some((l) => l.value === e), [e, a]);
   return /* @__PURE__ */ r.jsxs(y, { position: "apart", spacing: 4, ref: n, children: [
     /* @__PURE__ */ r.jsx(
-      E,
+      L,
       {
         placeholder: i("chart.color.set_any_color"),
         value: o ? "" : e,
@@ -8538,7 +8538,7 @@ function gS(e) {
     h(), n == null || n(Number(l));
   }, z = () => {
     h(), n == null || n(null);
-  }, L = ge(a ?? null, {
+  }, E = ge(a ?? null, {
     output: "number",
     mantissa: 10,
     trimMantissa: !0,
@@ -8548,7 +8548,7 @@ function gS(e) {
   return /* @__PURE__ */ r.jsxs("div", { "data-testid": `palette-item-${s}`, className: o.paletteItem, children: [
     /* @__PURE__ */ r.jsx(S, { title: b, style: {
       opacity: m ? 1 : 0
-    }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: L }),
+    }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: E }),
     /* @__PURE__ */ r.jsxs(Kt, { width: 240, trapFocus: !0, opened: d, onClose: h, zIndex: 340, withinPortal: !0, children: [
       /* @__PURE__ */ r.jsx(Kt.Target, { children: /* @__PURE__ */ r.jsx("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: u, style: {
         "--shadow-color": si(i).alpha(0.5).hex(),
@@ -8561,9 +8561,9 @@ function gS(e) {
           right: "0.8em"
         } }) }),
         /* @__PURE__ */ r.jsxs(k, { children: [
-          /* @__PURE__ */ r.jsx(E, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: l, onChange: (P) => {
-            const X = P.currentTarget.value;
-            c(X);
+          /* @__PURE__ */ r.jsx(L, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: l, onChange: (P) => {
+            const J = P.currentTarget.value;
+            c(J);
           }, error: l && A }),
           /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
             /* @__PURE__ */ r.jsx(M, { variant: "light", color: "red", size: "xs", onClick: z, leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 16 }), children: t("common.actions.delete") }),
@@ -8574,7 +8574,7 @@ function gS(e) {
     ] }),
     /* @__PURE__ */ r.jsx(S, { title: b, style: {
       opacity: f ? 1 : 0
-    }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: L })
+    }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: E })
   ] });
 }
 const bS = D(({
@@ -8606,8 +8606,8 @@ const bS = D(({
     group: t(`style.color.interpolation.palette.category.${z.category}`)
   })), [n.language]);
   function f(z) {
-    z && c((L) => ({
-      ...L,
+    z && c((E) => ({
+      ...E,
       interpolation: z
     }));
   }
@@ -8615,8 +8615,8 @@ const bS = D(({
     p(), s == null || s(Qn(l));
   };
   function I(z) {
-    c((L) => ({
-      ...L,
+    c((E) => ({
+      ...E,
       steps: z
     }));
   }
@@ -9039,8 +9039,8 @@ var IS = Object.create, Ml = Object.defineProperty, TS = Object.getOwnPropertyDe
     return Od(this, a, A);
   } }, n));
   h ? m && h < 4 && $d(a, (h > 2 ? "set " : h > 1 ? "get " : "") + n) : $d(s, n);
-  for (var L = i.length - 1; L >= 0; L--)
-    d = LS(h, n, c = {}, e[3], w), h && (d.static = p, d.private = m, u = d.access = { has: m ? (A) => AS(s, A) : (A) => n in A }, h ^ 3 && (u.get = m ? (A) => (h ^ 1 ? Pd : RS)(A, s, h ^ 4 ? a : z.get) : (A) => A[n]), h > 2 && (u.set = m ? (A, P) => Od(A, s, P, h ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[L])(h ? h < 4 ? m ? a : z[b] : h > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, h ^ 4 || l === void 0 ? ki(l) && (h > 4 ? I.unshift(l) : h ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? ui("Object expected") : (ki(o = l.get) && (z.get = o), ki(o = l.set) && (z.set = o), ki(o = l.init) && I.unshift(o));
+  for (var E = i.length - 1; E >= 0; E--)
+    d = LS(h, n, c = {}, e[3], w), h && (d.static = p, d.private = m, u = d.access = { has: m ? (A) => AS(s, A) : (A) => n in A }, h ^ 3 && (u.get = m ? (A) => (h ^ 1 ? Pd : RS)(A, s, h ^ 4 ? a : z.get) : (A) => A[n]), h > 2 && (u.set = m ? (A, P) => Od(A, s, P, h ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[E])(h ? h < 4 ? m ? a : z[b] : h > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, h ^ 4 || l === void 0 ? ki(l) && (h > 4 ? I.unshift(l) : h ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? ui("Object expected") : (ki(o = l.get) && (z.get = o), ki(o = l.set) && (z.set = o), ki(o = l.init) && I.unshift(o));
   return h || Qp(e, s), z && Ml(s, n, z), m ? h ^ 4 ? a : z : s;
 }, El = (e, t, n) => t.has(e) || ui("Cannot " + n), AS = (e, t) => Object(t) !== t ? ui('Cannot use the "in" operator on this value') : e.has(t), Pd = (e, t, n) => (El(e, t, "read from private field"), n ? n.call(e) : t.get(e)), ro = (e, t, n) => t.has(e) ? ui("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Od = (e, t, n, i) => (El(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), RS = (e, t, n) => (El(e, t, "access private method"), n), Fn = class Eo {
   /**
@@ -9212,8 +9212,8 @@ var Zp = /* @__PURE__ */ ((e) => (e.Horizontal = "x", e.Vertical = "y", e))(Zp |
     return Lo(this, a, A);
   } }, n));
   h ? m && h < 4 && Nd(a, (h > 2 ? "set " : h > 1 ? "get " : "") + n) : Nd(s, n);
-  for (var L = i.length - 1; L >= 0; L--)
-    d = BS(h, n, c = {}, e[3], w), h && (d.static = p, d.private = m, u = d.access = { has: m ? (A) => WS(s, A) : (A) => n in A }, h ^ 3 && (u.get = m ? (A) => (h ^ 1 ? Js : GS)(A, s, h ^ 4 ? a : z.get) : (A) => A[n]), h > 2 && (u.set = m ? (A, P) => Lo(A, s, P, h ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[L])(h ? h < 4 ? m ? a : z[b] : h > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, h ^ 4 || l === void 0 ? Ci(l) && (h > 4 ? I.unshift(l) : h ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? pi("Object expected") : (Ci(o = l.get) && (z.get = o), Ci(o = l.set) && (z.set = o), Ci(o = l.init) && I.unshift(o));
+  for (var E = i.length - 1; E >= 0; E--)
+    d = BS(h, n, c = {}, e[3], w), h && (d.static = p, d.private = m, u = d.access = { has: m ? (A) => WS(s, A) : (A) => n in A }, h ^ 3 && (u.get = m ? (A) => (h ^ 1 ? Js : GS)(A, s, h ^ 4 ? a : z.get) : (A) => A[n]), h > 2 && (u.set = m ? (A, P) => Lo(A, s, P, h ^ 4 ? a : z.set) : (A, P) => A[n] = P)), l = (0, i[E])(h ? h < 4 ? m ? a : z[b] : h > 4 ? void 0 : { get: z.get, set: z.set } : s, d), c._ = 1, h ^ 4 || l === void 0 ? Ci(l) && (h > 4 ? I.unshift(l) : h ? m ? a = l : z[b] = l : s = l) : typeof l != "object" || l === null ? pi("Object expected") : (Ci(o = l.get) && (z.get = o), Ci(o = l.set) && (z.set = o), Ci(o = l.init) && I.unshift(o));
   return h || is(e, s), z && $l(s, n, z), m ? h ^ 4 ? a : z : s;
 }, Pl = (e, t, n) => t.has(e) || pi("Cannot " + n), WS = (e, t) => Object(t) !== t ? pi('Cannot use the "in" operator on this value') : e.has(t), Js = (e, t, n) => (Pl(e, t, "read from private field"), n ? n.call(e) : t.get(e)), Nt = (e, t, n) => t.has(e) ? pi("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Lo = (e, t, n, i) => (Pl(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), GS = (e, t, n) => (Pl(e, t, "access private method"), n);
 function im(e, t) {
@@ -9935,8 +9935,8 @@ var g1 = Object.create, Em = Object.defineProperty, b1 = Object.defineProperties
     return In(this, a);
   }, set [n](A) {
     return ni(this, a, A);
-  } }, n)), L = i.length - 1; L >= 0; L--)
-    d = j1(h, n, c = {}, e[3], w), d.static = p, d.private = m, u = d.access = { has: (A) => n in A }, u.get = (A) => A[n], u.set = (A, P) => A[n] = P, l = (0, i[L])({ get: z.get, set: z.set }, d), c._ = 1, l === void 0 ? Ti(l) && (z[b] = l) : typeof l != "object" || l === null ? ls("Object expected") : (Ti(o = l.get) && (z.get = o), Ti(o = l.set) && (z.set = o), Ti(o = l.init) && I.unshift(o));
+  } }, n)), E = i.length - 1; E >= 0; E--)
+    d = j1(h, n, c = {}, e[3], w), d.static = p, d.private = m, u = d.access = { has: (A) => n in A }, u.get = (A) => A[n], u.set = (A, P) => A[n] = P, l = (0, i[E])({ get: z.get, set: z.set }, d), c._ = 1, l === void 0 ? Ti(l) && (z[b] = l) : typeof l != "object" || l === null ? ls("Object expected") : (Ti(o = l.get) && (z.get = o), Ti(o = l.set) && (z.set = o), Ti(o = l.init) && I.unshift(o));
   return z && Em(s, n, z), s;
 }, Vm = (e, t, n) => t.has(e) || ls("Cannot " + n), In = (e, t, n) => (Vm(e, t, "read from private field"), t.get(e)), Jt = (e, t, n) => t.has(e) ? ls("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), ni = (e, t, n, i) => (Vm(e, t, "write to private field"), t.set(e, n), n), Wd = {
   role: "button",
@@ -10048,7 +10048,7 @@ var D1 = class extends nn {
       const { element: f, feedback: b } = p;
       if (!f || b === "none")
         return;
-      const I = new jn(f, !0), { width: w, height: z, top: L, left: A } = I, P = new Tm(f), { background: X, border: re, transition: Me, translate: Te } = pr(f), B = e.registry.droppables.get(p.id), G = b === "clone", N = b !== "move" ? e1(f, G, {
+      const I = new jn(f, !0), { width: w, height: z, top: E, left: A } = I, P = new Tm(f), { background: J, border: re, transition: Me, translate: Te } = pr(f), B = e.registry.droppables.get(p.id), G = b === "clone", N = b !== "move" ? e1(f, G, {
         [Nm]: ""
       }) : null, K = Zr(
         () => na(e.dragOperation.activatorEvent)
@@ -10059,19 +10059,19 @@ var D1 = class extends nn {
       }
       if (n || (n = {
         x: A,
-        y: L
+        y: E
       }), !a) {
         const Y = Zr(() => h.current);
         a = {
           x: (Y.x - A) / w,
-          y: (Y.y - L) / z
+          y: (Y.y - E) / z
         };
       }
       const ne = {
         x: n.x - A,
-        y: n.y - L
+        y: n.y - E
       }, ie = {
-        top: L + ne.y,
+        top: E + ne.y,
         left: A + ne.x
       };
       f.setAttribute(Zn, "true"), P.set(
@@ -10080,7 +10080,7 @@ var D1 = class extends nn {
           height: z,
           top: ie.top,
           left: ie.left,
-          background: X,
+          background: J,
           border: re,
           translate: s ? `${s.x}px ${s.y}px 0` : ""
         },
@@ -10105,7 +10105,7 @@ var D1 = class extends nn {
           {
             width: Y.width,
             height: Y.height,
-            top: L + We + oe.top,
+            top: E + We + oe.top,
             left: A + je + oe.left
           },
           bt
@@ -10326,15 +10326,15 @@ var Hm, Oo, qi, Zl, Jn, Vo, Ta = class extends (Oo = QS, Hm = [Fe], Oo) {
               for (const w of em)
                 p[w].isLocked(I[w]) && (b[w] = 0, I[w] = 0);
             if (I.x || I.y) {
-              const { x: w, y: z } = u ?? I, L = w * b.x, A = z * b.y;
-              if (L || A) {
+              const { x: w, y: z } = u ?? I, E = w * b.x, A = z * b.y;
+              if (E || A) {
                 const P = (o = In(this, Jn)) == null ? void 0 : o.by;
-                if (this.autoScrolling && P && (P.x && !L || P.y && !A))
+                if (this.autoScrolling && P && (P.x && !E || P.y && !A))
                   continue;
                 return ni(this, Jn, {
                   element: m,
                   by: {
-                    x: L,
+                    x: E,
                     y: A
                   }
                 }), ti.schedule(In(this, Vo)), !0;
@@ -10763,8 +10763,8 @@ var Xm, Jm, qo, nr, rc, ic, za = class extends (qo = hr, Jm = [Fe], Xm = [Fe], q
             if (c && u.status.initialized) {
               const h = a1(c), p = os(c), m = h === p.scrollingElement ? p : h, f = new IntersectionObserver(
                 (w) => {
-                  const [z] = w.slice(-1), { width: L, height: A } = z.boundingClientRect;
-                  !L && !A || (this.visible = z.isIntersecting);
+                  const [z] = w.slice(-1), { width: E, height: A } = z.boundingClientRect;
+                  !E && !A || (this.visible = z.isIntersecting);
                 },
                 {
                   root: m ?? p,
@@ -10859,8 +10859,8 @@ var G1 = Object.create, Zm = Object.defineProperty, H1 = Object.defineProperties
     return nk(this, a);
   }, set [n](A) {
     return rk(this, a, A);
-  } }, n)), L = i.length - 1; L >= 0; L--)
-    d = ek(h, n, c = {}, e[3], w), d.static = p, d.private = m, u = d.access = { has: (A) => n in A }, u.get = (A) => A[n], u.set = (A, P) => A[n] = P, l = (0, i[L])({ get: z.get, set: z.set }, d), c._ = 1, l === void 0 ? Di(l) && (z[b] = l) : typeof l != "object" || l === null ? ds("Object expected") : (Di(o = l.get) && (z.get = o), Di(o = l.set) && (z.set = o), Di(o = l.init) && I.unshift(o));
+  } }, n)), E = i.length - 1; E >= 0; E--)
+    d = ek(h, n, c = {}, e[3], w), d.static = p, d.private = m, u = d.access = { has: (A) => n in A }, u.get = (A) => A[n], u.set = (A, P) => A[n] = P, l = (0, i[E])({ get: z.get, set: z.set }, d), c._ = 1, l === void 0 ? Di(l) && (z[b] = l) : typeof l != "object" || l === null ? ds("Object expected") : (Di(o = l.get) && (z.get = o), Di(o = l.set) && (z.set = o), Di(o = l.init) && I.unshift(o));
   return z && Zm(s, n, z), s;
 }, sf = (e, t, n) => t.has(e) || ds("Cannot " + n), nk = (e, t, n) => (sf(e, t, "read from private field"), t.get(e)), Jd = (e, t, n) => t.has(e) ? ds("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), rk = (e, t, n, i) => (sf(e, t, "write to private field"), t.set(e, n), n);
 function ri(e) {
@@ -10890,8 +10890,8 @@ var js = 10, ik = class extends nn {
             return;
           const u = sk(d), { source: h } = a, { center: p } = a.shape.current, m = [];
           for (const w of c.droppables) {
-            const { shape: z, id: L } = w;
-            if (!(!z || L === (h == null ? void 0 : h.id) && ri(w) || (h == null ? void 0 : h.type) != null && !w.accepts(h)))
+            const { shape: z, id: E } = w;
+            if (!(!z || E === (h == null ? void 0 : h.id) && ri(w) || (h == null ? void 0 : h.type) != null && !w.accepts(h)))
               switch (u) {
                 case "down":
                   p.y + js < z.center.y && m.push(w);
@@ -10922,8 +10922,8 @@ var js = 10, ik = class extends nn {
             const z = c.droppables.get(w.id);
             if (!(z != null && z.element))
               return;
-            const { element: L } = z;
-            Im(L), ti.schedule(() => {
+            const { element: E } = z;
+            Im(E), ti.schedule(() => {
               const A = z.refreshShape();
               A && (o.move({
                 to: {
@@ -11334,7 +11334,7 @@ function hf(e) {
       feedback: d
     }),
     P
-  )), z = lo(() => w.isDropTarget), L = lo(() => w.isDragSource), A = lo(() => w.status);
+  )), z = lo(() => w.isDropTarget), E = lo(() => w.isDragSource), A = lo(() => w.status);
   return xt(s, () => w.id = s), xt(o, () => w.index = o, uf), xt(p, () => w.type = p), xt(l, () => w.group = l), xt(
     t,
     () => w.accept = t,
@@ -11354,7 +11354,7 @@ function hf(e) {
     () => w.collisionPriority = i
   ), xt(d, () => w.feedback = d ?? "default"), xt(h, () => w.transition = h), {
     get isDragSource() {
-      return L.value;
+      return E.value;
     },
     get isDropTarget() {
       return z.value;
@@ -11449,33 +11449,33 @@ const yk = ({
     fields: u,
     append: h,
     remove: p
-  } = d, m = t(n), f = u.map((P, X) => ({
+  } = d, m = t(n), f = u.map((P, J) => ({
     ...P,
-    ...m[X]
+    ...m[J]
   })), b = ((A = C.last(f)) == null ? void 0 : A.id) ?? null, [I, w] = Z(b), z = (P) => {
     P !== "add" && w(P);
   };
   Q(() => {
     w((P) => b === P ? P : b);
   }, [b]);
-  const L = () => {
+  const E = () => {
     const P = i();
     d.append(P), w(P.id);
   };
   return /* @__PURE__ */ r.jsxs(v, { value: I, onTabChange: z, styles: vk, children: [
-    /* @__PURE__ */ r.jsx(_k, { fieldArray: d, add: L, addButtonText: a, renderTabName: l, controlledFields: f }),
-    f.map((P, X) => /* @__PURE__ */ r.jsx(v.Panel, { value: P.id, children: /* @__PURE__ */ r.jsxs(k, { children: [
+    /* @__PURE__ */ r.jsx(_k, { fieldArray: d, add: E, addButtonText: a, renderTabName: l, controlledFields: f }),
+    f.map((P, J) => /* @__PURE__ */ r.jsx(v.Panel, { value: P.id, children: /* @__PURE__ */ r.jsxs(k, { children: [
       s({
         field: P,
-        index: X
+        index: J
       }),
       /* @__PURE__ */ r.jsx(O, { mb: -10, mt: 10, variant: "dashed" }),
-      /* @__PURE__ */ r.jsx(M, { leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 16 }), color: "red", variant: "light", onClick: () => p(X), sx: {
+      /* @__PURE__ */ r.jsx(M, { leftIcon: /* @__PURE__ */ r.jsx(Tn, { size: 16 }), color: "red", variant: "light", onClick: () => p(J), sx: {
         top: 15,
         right: 5
       }, disabled: c == null ? void 0 : c({
         field: P,
-        index: X,
+        index: J,
         fields: f
       }), children: o })
     ] }) }, P.id))
@@ -11573,7 +11573,7 @@ function wk({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("common.name"), placeholder: i("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("common.name"), placeholder: i("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -11587,7 +11587,7 @@ function wk({
     ] }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.content_template.label"), placeholder: i("chart.content_template.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.content_template.label"), placeholder: i("chart.content_template.placeholder"), required: !0, sx: {
       flex: 1
     }, ...s }) })
   ] });
@@ -11625,7 +11625,7 @@ const kk = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -11695,7 +11695,7 @@ const Xn = pe(({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.x_axis.x_axis_name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.x_axis.x_axis_name"), sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
@@ -11835,7 +11835,7 @@ const rn = $.forwardRef(Mk), Ek = ({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.y_axis.y_axis_name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.y_axis.y_axis_name"), sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.data_key", control: e, render: ({
@@ -12304,7 +12304,7 @@ function Jk({
     /* @__PURE__ */ r.jsxs(k, { children: [
       /* @__PURE__ */ r.jsx(g, { control: a, name: "content", render: ({
         field: p
-      }) => /* @__PURE__ */ r.jsx(E, { label: "Content Template", description: "Filter values & context entries are supported", ...p, required: !0 }) }),
+      }) => /* @__PURE__ */ r.jsx(L, { label: "Content Template", description: "Filter values & context entries are supported", ...p, required: !0 }) }),
       /* @__PURE__ */ r.jsx(O, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsxs(Cr, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(
@@ -12750,7 +12750,7 @@ function _C({
   hide_in_legend: p,
   ...m
 }, f, b, I, w) {
-  const z = t.type !== "category", L = {
+  const z = t.type !== "category", E = {
     label: {
       show: !!s,
       position: s,
@@ -12768,35 +12768,35 @@ function _C({
     },
     ...m
   };
-  if (m.type === "line" && (L.lineStyle = {
+  if (m.type === "line" && (E.lineStyle = {
     width: m.lineStyle.width,
     shadowColor: "rgba(255,255,255,1)",
     shadowBlur: 0,
     shadowOffsetX: 0,
     shadowOffsetY: C.clamp(m.lineStyle.width, 1, 3)
-  }), u && (L.endLabel = {
+  }), u && (E.endLabel = {
     show: !0,
     formatter: a,
     offset: [-12, 12],
     align: "right"
   }), !o || o === e)
-    return L.data = gC({
+    return E.data = gC({
       dataTemplate: f,
       data: b,
       aggregation_on_value: l,
       x_axis_data_key: e,
       y_axis_data_key: n,
       valueTypedXAxis: z
-    }), L;
+    }), E;
   const A = bC({
     group_by_key: o,
     data: b,
     x_axis_data_key: e,
     y_axis_data_key: n
   });
-  return Object.entries(A).map(([P, X]) => {
-    const re = ht(L);
-    return re.name = P, re.color = void 0, re.data = X, re;
+  return Object.entries(A).map(([P, J]) => {
+    const re = ht(E);
+    return re.name = P, re.color = void 0, re.data = J, re;
   });
 }
 function vC(e, t, n, i, s, a) {
@@ -13109,12 +13109,12 @@ function AC({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.reference_area.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.reference_area.label"), required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.color.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.color.label"), required: !0, sx: {
         flex: 1
       }, ...l }) })
     ] }),
@@ -13222,7 +13222,7 @@ function $C({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -13236,7 +13236,7 @@ function $C({
     ] }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(E, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
@@ -13356,7 +13356,7 @@ function OC({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `regressions.${n}.name`, control: e, render: ({
         field: c
-      }) => /* @__PURE__ */ r.jsx(E, { label: s("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: s("common.name"), required: !0, sx: {
         flex: 1
       }, ...c }) }),
       /* @__PURE__ */ r.jsx(g, { name: `regressions.${n}.group_by_key`, control: e, render: ({
@@ -13718,7 +13718,7 @@ function WC({
         color: "grape"
       } })
     ] }),
-    s && /* @__PURE__ */ r.jsx(E, { label: o("panel.variable.aggregation.fallback_value"), description: o("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: p })
+    s && /* @__PURE__ */ r.jsx(L, { label: o("panel.variable.aggregation.fallback_value"), description: o("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: p })
   ] });
 }
 const fc = $.forwardRef(WC), xi = pe(({
@@ -13803,7 +13803,7 @@ function GC({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.stack`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.stack"), placeholder: i("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.stack"), placeholder: i("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barGap`, control: e, render: ({
@@ -13818,17 +13818,17 @@ function GC({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.bar_width.min"), disabled: a, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.bar_width.min"), disabled: a, sx: {
         flexGrow: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barWidth`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.bar_width.max"), disabled: a, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.bar_width.max"), disabled: a, sx: {
         flexGrow: 1
       }, ...l }) })
     ] })
@@ -13945,7 +13945,7 @@ function UC({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r.jsx(E, { label: s("chart.series.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: s("chart.series.name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.yAxisIndex`, control: e, render: ({
@@ -14071,7 +14071,7 @@ const XC = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -14159,7 +14159,7 @@ function tI({
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(g, { name: "x_axis_name", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.x_axis.x_axis_name"), sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.x_axis.x_axis_name"), sx: {
       flex: 1
     }, ...a }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -14246,7 +14246,7 @@ function nI({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -14272,10 +14272,10 @@ function nI({
       /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.min`, control: e, render: ({
           field: i
-        }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.y_axis.value_min"), ...i }) }),
+        }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.y_axis.value_min"), ...i }) }),
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.max`, control: e, render: ({
           field: i
-        }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.y_axis.value_max"), ...i }) })
+        }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.y_axis.value_max"), ...i }) })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(O, { mb: -10, mt: 10, variant: "dashed", label: n("chart.y_axis.behavior"), labelPosition: "center" }),
@@ -15065,7 +15065,7 @@ const VI = ({
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.name`, control: t, render: ({
       field: h
-    }) => /* @__PURE__ */ r.jsx(E, { label: s("viz.funnel_chart.series_name"), ...h }) }) }),
+    }) => /* @__PURE__ */ r.jsx(L, { label: s("viz.funnel_chart.series_name"), ...h }) }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: h
@@ -15093,7 +15093,7 @@ const VI = ({
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.min.size`, control: t, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { placeholder: "0%", label: s("viz.funnel_chart.min_size"), ...h }) })
+      }) => /* @__PURE__ */ r.jsx(L, { placeholder: "0%", label: s("viz.funnel_chart.min_size"), ...h }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.max.value`, control: t, render: ({
@@ -15113,7 +15113,7 @@ const VI = ({
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.max.size`, control: t, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { placeholder: "100%", label: s("viz.funnel_chart.max_size"), ...h }) })
+      }) => /* @__PURE__ */ r.jsx(L, { placeholder: "100%", label: s("viz.funnel_chart.max_size"), ...h }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.orient`, control: t, render: ({
@@ -15547,23 +15547,22 @@ function nT(e, t, n, i) {
     z: 3
   });
 }
-function rT(e, t, n, i) {
+function rT(e, t, n) {
   const {
-    nameAlignment: s,
-    data_key: a,
-    ...o
+    nameAlignment: i,
+    data_key: s,
+    ...a
   } = e.y_axis, {
-    overflow: l,
-    rotate: c
-  } = e.y_axis.axisLabel, d = tn(l.on_axis);
+    overflow: o,
+    rotate: l
+  } = e.y_axis.axisLabel, c = tn(o.on_axis);
   return De.getYAxis({
-    ...o,
+    ...a,
     type: "category",
-    data: t,
     axisLabel: {
-      rotate: c,
-      ...d,
-      formatter: n
+      rotate: l,
+      ...c,
+      formatter: t
     },
     axisTick: {
       show: !0,
@@ -15582,7 +15581,7 @@ function rT(e, t, n, i) {
       }
     },
     splitLine: {
-      show: i > 0,
+      show: n > 0,
       interval: 0,
       lineStyle: {
         type: "solid",
@@ -15591,7 +15590,7 @@ function rT(e, t, n, i) {
     },
     nameTextStyle: {
       fontWeight: "bold",
-      align: s
+      align: i
     },
     nameLocation: "end",
     nameGap: 15,
@@ -16043,10 +16042,10 @@ const uT = dT(), hT = ({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "visualMap.text.1", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r.jsx(E, { label: t("chart.visual_map.min_text"), ...d }) }),
+      }) => /* @__PURE__ */ r.jsx(L, { label: t("chart.visual_map.min_text"), ...d }) }),
       /* @__PURE__ */ r.jsx(g, { name: "visualMap.text.0", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r.jsx(E, { label: t("chart.visual_map.max_text"), ...d }) })
+      }) => /* @__PURE__ */ r.jsx(L, { label: t("chart.visual_map.max_text"), ...d }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "visualMap.orient", control: i, render: ({
@@ -16136,7 +16135,7 @@ const uT = dT(), hT = ({
     /* @__PURE__ */ r.jsx(Kt.Dropdown, { children: /* @__PURE__ */ r.jsxs(y, { noWrap: !0, spacing: 8, children: [
       /* @__PURE__ */ r.jsx(g, { name: `visualMap.pieces.${t}.lower.value`, control: i, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { ...h, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (p) => h.onChange(p.currentTarget.value), error: h.value !== "" && Number.isNaN(Number(h.value)) }) }),
+      }) => /* @__PURE__ */ r.jsx(L, { ...h, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (p) => h.onChange(p.currentTarget.value), error: h.value !== "" && Number.isNaN(Number(h.value)) }) }),
       /* @__PURE__ */ r.jsx(g, { name: `visualMap.pieces.${t}.lower.symbol`, control: i, render: ({
         field: h
       }) => /* @__PURE__ */ r.jsx(q, { size: "xs", data: au.lower, ...h, onChange: (p) => h.onChange(p) }) }),
@@ -16149,7 +16148,7 @@ const uT = dT(), hT = ({
       }) => /* @__PURE__ */ r.jsx(q, { size: "xs", data: au.upper, ...h, onChange: (p) => h.onChange(p) }) }),
       /* @__PURE__ */ r.jsx(g, { name: `visualMap.pieces.${t}.upper.value`, control: i, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { ...h, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (p) => h.onChange(p.currentTarget.value), error: h.value !== "" && Number.isNaN(Number(h.value)) }) })
+      }) => /* @__PURE__ */ r.jsx(L, { ...h, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (p) => h.onChange(p.currentTarget.value), error: h.value !== "" && Number.isNaN(Number(h.value)) }) })
     ] }) })
   ] }) });
 }, bT = ({
@@ -16167,7 +16166,7 @@ const uT = dT(), hT = ({
     /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(gT, { form: e, index: t }) }),
     /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(g, { name: `visualMap.pieces.${t}.label`, control: i, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(E, { size: "xs", placeholder: "", ...a, onChange: (o) => a.onChange(o.currentTarget.value) }) }) }),
+    }) => /* @__PURE__ */ r.jsx(L, { size: "xs", placeholder: "", ...a, onChange: (o) => a.onChange(o.currentTarget.value) }) }) }),
     /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(g, { name: `visualMap.pieces.${t}.color`, control: i, render: ({
       field: a
     }) => /* @__PURE__ */ r.jsx(lr, { label: s(""), placeholder: s("chart.color.label"), size: "xs", withinPortal: !0, dropdownZIndex: 340, rightSection: a.value ? /* @__PURE__ */ r.jsx(zr, { onClick: () => {
@@ -16303,26 +16302,26 @@ function vT(e, t, n, i) {
 function jT(e, t, n, i, s) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
-  const a = n.reduce((L, A) => {
+  const a = n.reduce((E, A) => {
     const P = Ln(A, t);
-    return L[A.name] = Wt(A, P), L;
+    return E[A.name] = Wt(A, P), E;
   }, {}), o = La(e.visualMap, a), {
     min: l,
     max: c
-  } = o, d = YI(e), u = KI(e), h = W(e.x_axis.data_key), p = W(e.y_axis.data_key), m = W(e.heat_block.data_key), f = C.uniq(t[h.queryID].map((L) => L[h.columnKey])), b = C.uniq(t[h.queryID].map((L) => L[p.columnKey])), I = t[h.queryID].map((L) => {
-    const A = C.get(L, h.columnKey), P = C.get(L, p.columnKey), X = C.get(L, m.columnKey), re = {
-      value: [A, P, X]
+  } = o, d = YI(e), u = KI(e), h = W(e.x_axis.data_key), p = W(e.y_axis.data_key), m = W(e.heat_block.data_key), f = C.uniq(t[h.queryID].map((E) => E[h.columnKey])), b = C.uniq(t[h.queryID].map((E) => E[p.columnKey])), I = t[h.queryID].map((E) => {
+    const A = C.get(E, h.columnKey), P = C.get(E, p.columnKey), J = C.get(E, m.columnKey), re = {
+      value: [A, P, J]
     }, {
       followVisualMap: Me,
       color: Te
-    } = gc(X, l, c, e.visualMap);
+    } = gc(J, l, c, e.visualMap);
     return Me || (re.visualMap = !1, re.itemStyle = {
       color: Te
     }), re;
   }), w = vT(f.length, b.length, i, s);
   return {
     xAxis: nT(e, f, d.x_axis, w),
-    yAxis: rT(e, b, d.y_axis, w),
+    yAxis: rT(e, d.y_axis, w),
     series: JI(e, I, w),
     tooltip: tT(e, t, d, u),
     grid: XI(e),
@@ -16466,7 +16465,7 @@ function IT({
       }, ...s }) }),
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.name", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -16500,7 +16499,7 @@ const TT = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -16560,7 +16559,7 @@ function MT({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -16598,7 +16597,7 @@ function ET({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -17265,7 +17264,7 @@ function oz({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "bar.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.nameAlignment", control: e, render: ({
@@ -17299,7 +17298,7 @@ function lz({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "line.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "line.nameAlignment", control: e, render: ({
@@ -17384,7 +17383,7 @@ function hz({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
@@ -17438,7 +17437,7 @@ function mz({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -17452,7 +17451,7 @@ function mz({
     ] }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(E, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
@@ -18396,7 +18395,7 @@ function tD({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, align: "top", children: [
       /* @__PURE__ */ r.jsx(g, { name: `dimensions.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: `dimensions.${t}.data_key`, control: e, render: ({
@@ -18414,7 +18413,7 @@ function tD({
         fieldState: s
       }) => {
         var a;
-        return /* @__PURE__ */ r.jsx(E, { label: n("common.max"), required: !0, sx: {
+        return /* @__PURE__ */ r.jsx(L, { label: n("common.max"), required: !0, sx: {
           flex: 1
         }, ...i, error: (a = s.error) == null ? void 0 : a.message });
       } })
@@ -19216,7 +19215,7 @@ function AD({
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "regression.name", control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
       flex: 1
     }, ...l }) }) }),
     /* @__PURE__ */ r.jsx(g, { name: "regression.group_by_key", control: e, render: ({
@@ -19258,7 +19257,7 @@ function RD({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(E, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.data_key", control: e, render: ({
@@ -19303,7 +19302,7 @@ function $D({
   return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r.jsx(E, { label: "Y轴名称", sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: "Y轴名称", sx: {
       flex: 1
     }, ...n }) }),
     /* @__PURE__ */ r.jsx(g, { name: "regression.y_axis_data_key", control: e, render: ({
@@ -20127,7 +20126,7 @@ const bM = pe(({
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(O, { mb: -15, variant: "dashed", label: o("chart.reference_area.content.label"), labelPosition: "right" }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ r.jsx(E, { label: o("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
+      /* @__PURE__ */ r.jsx(L, { label: o("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
       /* @__PURE__ */ r.jsx(xi, { label: o("chart.reference_area.content.text_position"), value: e.label.position, onChange: (d) => c("label.position", d) })
     ] }),
     /* @__PURE__ */ r.jsx(O, { mb: -15, variant: "dashed", label: o("chart.reference_area.endpoint.labels"), labelPosition: "right" }),
@@ -20225,7 +20224,7 @@ function vM({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -20239,7 +20238,7 @@ function vM({
     ] }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(E, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
@@ -20517,7 +20516,7 @@ const MM = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -20599,7 +20598,7 @@ function AM({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -20633,7 +20632,7 @@ function RM({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -20659,10 +20658,10 @@ function RM({
       /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.min`, control: e, render: ({
           field: i
-        }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.y_axis.value_min"), ...i }) }),
+        }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.y_axis.value_min"), ...i }) }),
         /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.max`, control: e, render: ({
           field: i
-        }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.y_axis.value_max"), ...i }) })
+        }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.y_axis.value_max"), ...i }) })
       ] })
     ] })
   ] });
@@ -21524,10 +21523,10 @@ const TE = ({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.r0`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...a }) }),
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...a }) }),
       /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.r`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...a }) })
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...a }) })
     ] }),
     /* @__PURE__ */ r.jsx(O, { mb: -10, mt: 10, variant: "dashed", label: n("chart.label.label_full"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
@@ -22116,7 +22115,7 @@ function eL(e) {
       /* @__PURE__ */ r.jsx(Ou, { children: "Use original data columns" }),
       " is enabled, you have to address trigger column by its data field"
     ] }) }),
-    /* @__PURE__ */ r.jsx(E, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (u) => d(u.currentTarget.value) })
+    /* @__PURE__ */ r.jsx(L, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (u) => d(u.currentTarget.value) })
   ] }) : /* @__PURE__ */ r.jsx(q, { clearable: !1, data: a, label: t("viz.table.click_cell.choose_a_column"), value: c.toString(), onChange: d });
 }
 function tL(e, t, n) {
@@ -22274,8 +22273,8 @@ function fu({
     getCoreRowModel: Ih(),
     getSortedRowModel: Ly()
   }), {
-    rows: L
-  } = z.getRowModel(), A = $.useRef(null), P = L.length, X = P > 0, re = X ? n - 22 : n, Me = X ? 22 : 0;
+    rows: E
+  } = z.getRowModel(), A = $.useRef(null), P = E.length, J = P > 0, re = J ? n - 22 : n, Me = J ? 22 : 0;
   return /* @__PURE__ */ r.jsxs("div", { ref: A, style: {
     height: n,
     width: t,
@@ -22300,7 +22299,7 @@ function fu({
         /* @__PURE__ */ r.jsx(FE, { header: B, cx: p }),
         /* @__PURE__ */ r.jsx(ae, { onMouseDown: B.getResizeHandler(), onTouchStart: B.getResizeHandler(), className: `resizer ${B.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r.jsx(rb, {}) })
       ] }, B.id)) }, Te.id)) }),
-      /* @__PURE__ */ r.jsx(JE, { tableContainerRef: A, rows: L })
+      /* @__PURE__ */ r.jsx(JE, { tableContainerRef: A, rows: E })
     ] })
   ] });
 }
@@ -22362,7 +22361,7 @@ const lL = D(pe(({
   const {
     panel: d
   } = Ot(), u = $.useMemo(() => d.queryOptions(i, a), [i, a]);
-  return u.length === 0 ? /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(E, { label: e, required: t, defaultValue: i, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r.jsx(q, { ref: c, label: e, description: n, data: u, value: i, onChange: s, required: t, sx: o, maxDropdownHeight: 500, ...l });
+  return u.length === 0 ? /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(L, { label: e, required: t, defaultValue: i, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r.jsx(q, { ref: c, label: e, description: n, data: u, value: i, onChange: s, required: t, sx: o, maxDropdownHeight: 500, ...l });
 })), cL = [{
   from: 0,
   to: 0
@@ -22470,7 +22469,7 @@ const hL = pe((e, t) => {
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `columns.${t}.label`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r.jsx(g, { name: `columns.${t}.value_field`, control: e, render: ({
@@ -22567,7 +22566,7 @@ function gL({
       }
     }, children: /* @__PURE__ */ r.jsx(g, { name: "fontSize", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
       flex: 1
     }, ...i }) }) }),
     /* @__PURE__ */ r.jsxs(y, { position: "apart", grow: !0, children: [
@@ -23039,7 +23038,7 @@ function LL({
       }) => /* @__PURE__ */ r.jsx(Tl, { ...m }) }),
       /* @__PURE__ */ r.jsx(g, { name: "font_size", control: o, render: ({
         field: m
-      }) => /* @__PURE__ */ r.jsx(E, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
         flex: 1
       }, ...m }) }),
       /* @__PURE__ */ r.jsx(y, { position: "apart", grow: !0, sx: {
@@ -23234,18 +23233,18 @@ function WL({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "expertSystemURL", control: s, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { label: "Expert System URL", ...h }) }),
+      }) => /* @__PURE__ */ r.jsx(L, { label: "Expert System URL", ...h }) }),
       /* @__PURE__ */ r.jsx(g, { name: "path", control: s, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { label: "Path", required: !0, ...h }) })
+      }) => /* @__PURE__ */ r.jsx(L, { label: "Path", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "goal", control: s, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { label: "Goal", required: !0, ...h }) }),
+      }) => /* @__PURE__ */ r.jsx(L, { label: "Goal", required: !0, ...h }) }),
       /* @__PURE__ */ r.jsx(g, { name: "question", control: s, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(E, { label: "Question", required: !0, ...h }) })
+      }) => /* @__PURE__ */ r.jsx(L, { label: "Question", required: !0, ...h }) })
     ] }),
     /* @__PURE__ */ r.jsx(O, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ r.jsx(M, { type: "submit", variant: "filled", color: "blue", leftIcon: /* @__PURE__ */ r.jsx(Wn, { size: 20 }), disabled: !u, sx: {
@@ -23621,19 +23620,19 @@ function pA(e) {
 }
 function mA(e, t, n) {
   const i = n.reduce((w, z) => {
-    const L = Ln(z, t);
-    return w[z.name] = Wt(z, L), w;
+    const E = Ln(z, t);
+    return w[z.name] = Wt(z, E), w;
   }, {}), s = La(e.visualMap, i), {
     min: a,
     max: o
   } = s, l = aA(e), c = W(e.calendar.data_key), d = W(e.heat_block.data_key), u = t[c.queryID].map((w) => {
-    const z = C.get(w, c.columnKey), L = C.get(w, d.columnKey), A = hA(w[c.columnKey]), P = {
-      value: [z, L, A]
+    const z = C.get(w, c.columnKey), E = C.get(w, d.columnKey), A = hA(w[c.columnKey]), P = {
+      value: [z, E, A]
     }, {
-      followVisualMap: X,
+      followVisualMap: J,
       color: re
-    } = gc(L, a, o, e.visualMap);
-    return X || (P.visualMap = !1, P.itemStyle = {
+    } = gc(E, a, o, e.visualMap);
+    return J || (P.visualMap = !1, P.itemStyle = {
       color: re
     }), P;
   }), {
@@ -23758,7 +23757,7 @@ function _A({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -23778,7 +23777,7 @@ const vA = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -24151,15 +24150,15 @@ function OA({
       value_data_key: t,
       valueTypedXAxis: f
     }), z;
-  const L = PA({
+  const E = PA({
     group_by_key: a,
     data: b,
     name_data_key: e.data_key,
     value_data_key: t
   });
-  return Object.entries(L).map(([A, P]) => {
-    const X = ht(z);
-    return X.name = A, X.color = void 0, X.data = P, X;
+  return Object.entries(E).map(([A, P]) => {
+    const J = ht(z);
+    return J.name = A, J.color = void 0, J.data = P, J;
   });
 }
 function VA(e, t, n, i, s, a, o) {
@@ -24366,7 +24365,7 @@ function YA({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -24380,7 +24379,7 @@ function YA({
     ] }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(E, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.hint"), sx: {
       flex: 1
     }, ...l }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
@@ -24472,7 +24471,7 @@ function XA({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.stack`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.stack"), placeholder: i("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.stack"), placeholder: i("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barGap`, control: e, render: ({
@@ -24487,17 +24486,17 @@ function XA({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.bar_width.min"), disabled: a, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.bar_width.min"), disabled: a, sx: {
         flexGrow: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barWidth`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...l }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(E, { label: i("chart.series.bar.bar_width.max"), disabled: a, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: i("chart.series.bar.bar_width.max"), disabled: a, sx: {
         flexGrow: 1
       }, ...l }) })
     ] })
@@ -24518,7 +24517,7 @@ function JA({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(E, { label: s("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: s("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${t}.xAxisIndex`, control: e, render: ({
@@ -24618,7 +24617,7 @@ function tR({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.position`, control: e, render: ({
@@ -24638,10 +24637,10 @@ function tR({
       /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.min`, control: e, render: ({
           field: i
-        }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.x_axis.value_min"), ...i }) }),
+        }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.x_axis.value_min"), ...i }) }),
         /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.max`, control: e, render: ({
           field: i
-        }) => /* @__PURE__ */ r.jsx(E, { label: n("chart.x_axis.value_max"), ...i }) })
+        }) => /* @__PURE__ */ r.jsx(L, { label: n("chart.x_axis.value_max"), ...i }) })
       ] })
     ] }),
     /* @__PURE__ */ r.jsx(O, { mb: -10, mt: 10, variant: "dashed", label: n("chart.x_axis.behavior"), labelPosition: "center" }),
@@ -24676,7 +24675,7 @@ function rR({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.data_key", control: e, render: ({
@@ -25534,7 +25533,7 @@ function RR({
   return t(["deviation"]), /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r.jsx(E, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
@@ -25561,7 +25560,7 @@ const $R = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.data_key`, control: e, render: ({
@@ -25612,7 +25611,7 @@ function OR({
       }, ...n }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r.jsx(E, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -25867,7 +25866,7 @@ const vu = ({
   }], [s.language]);
   return /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(q, { label: i("viz.merico_stats.metric.postfix_type.label"), data: d, value: e.type, onChange: l }),
-    e.type === "text" && /* @__PURE__ */ r.jsx(E, { label: i("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (u) => {
+    e.type === "text" && /* @__PURE__ */ r.jsx(L, { label: i("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (u) => {
       c(u.currentTarget.value);
     } }),
     e.type === "filter-option-label" && /* @__PURE__ */ r.jsx(q, { label: i("viz.merico_stats.metric.postfix_filter"), value: e.value, onChange: c, data: o })
@@ -25889,7 +25888,7 @@ function KR({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(E, { label: s("viz.merico_stats.metric.metric_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: s("viz.merico_stats.metric.metric_name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
@@ -25904,7 +25903,7 @@ function KR({
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(E, { label: s("viz.merico_stats.metric.basis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: s("viz.merico_stats.metric.basis_name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r.jsx(g, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
@@ -26150,7 +26149,7 @@ function a$({
       }, ...s }) }),
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.name", control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -26184,7 +26183,7 @@ const o$ = ({
   return /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...i }) }),
     /* @__PURE__ */ r.jsx(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -26244,7 +26243,7 @@ function d$({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -26282,7 +26281,7 @@ function u$({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(E, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r.jsx(L, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -26591,23 +26590,22 @@ function j$(e, t, n) {
     z: 3
   });
 }
-function w$(e, t, n) {
+function w$(e, t) {
   const {
-    nameAlignment: i,
-    data_key: s,
-    ...a
+    nameAlignment: n,
+    data_key: i,
+    ...s
   } = e.y_axis, {
-    overflow: o,
-    rotate: l
-  } = e.y_axis.axisLabel, c = tn(o.on_axis);
+    overflow: a,
+    rotate: o
+  } = e.y_axis.axisLabel, l = tn(a.on_axis);
   return De.getYAxis({
-    ...a,
+    ...s,
     type: "category",
-    data: t,
     axisLabel: {
-      rotate: l,
-      ...c,
-      formatter: n
+      rotate: o,
+      ...l,
+      formatter: t
     },
     axisLine: {
       show: !0,
@@ -26630,7 +26628,7 @@ function w$(e, t, n) {
     },
     nameTextStyle: {
       fontWeight: "bold",
-      align: i
+      align: n
     },
     nameLocation: "end",
     nameGap: 15,
@@ -26640,27 +26638,27 @@ function w$(e, t, n) {
 function S$(e, t, n) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
-  const i = n.reduce((I, w) => {
-    const z = Ln(w, t);
-    return I[w.name] = Wt(w, z), I;
+  const i = n.reduce((b, I) => {
+    const w = Ln(I, t);
+    return b[I.name] = Wt(I, w), b;
   }, {}), s = f$(e), a = x$(e), o = La(e.visualMap, i), {
     min: l,
     max: c
-  } = o, d = W(e.x_axis.data_key), u = W(e.y_axis.data_key), h = W(e.heat_block.data_key), p = C.uniq(t[d.queryID].map((I) => I[d.columnKey])), m = C.uniq(t[d.queryID].map((I) => I[u.columnKey])), f = t[d.queryID].map((I) => {
-    const w = C.get(I, d.columnKey), z = C.get(I, u.columnKey), L = C.get(I, h.columnKey), A = {
-      value: [w, z, L]
+  } = o, d = W(e.x_axis.data_key), u = W(e.y_axis.data_key), h = W(e.heat_block.data_key), p = C.uniq(t[d.queryID].map((b) => b[d.columnKey])), m = t[d.queryID].map((b) => {
+    const I = C.get(b, d.columnKey), w = C.get(b, u.columnKey), z = C.get(b, h.columnKey), E = {
+      value: [I, w, z]
     }, {
-      followVisualMap: P,
-      color: X
-    } = gc(L, l, c, e.visualMap);
-    return P || (A.visualMap = !1, A.itemStyle = {
-      color: X
-    }), A;
+      followVisualMap: A,
+      color: P
+    } = gc(z, l, c, e.visualMap);
+    return A || (E.visualMap = !1, E.itemStyle = {
+      color: P
+    }), E;
   });
   return {
     xAxis: j$(e, p, s.x_axis),
-    yAxis: w$(e, m, s.y_axis),
-    series: b$(e, f),
+    yAxis: w$(e, s.y_axis),
+    series: b$(e, m),
     tooltip: v$(e, t, s, a),
     grid: g$(e),
     visualMap: o
@@ -27182,7 +27180,7 @@ const F$ = ({
     /* @__PURE__ */ r.jsxs(y, { position: "left", grow: !0, noWrap: !0, spacing: 0, w: "288px", sx: {
       marginTop: "3px"
     }, children: [
-      /* @__PURE__ */ r.jsx(Kt.Target, { children: /* @__PURE__ */ r.jsx(E, { label: e, labelProps: {
+      /* @__PURE__ */ r.jsx(Kt.Target, { children: /* @__PURE__ */ r.jsx(L, { label: e, labelProps: {
         title: e
       }, required: t, icon: /* @__PURE__ */ r.jsx(ib, { size: 16 }), placeholder: l("filter.widget.date_range.start_date"), readOnly: !0, value: m, onFocus: d, styles: ju(c), sx: {
         ".mantine-TextInput-label": {
@@ -27199,7 +27197,7 @@ const F$ = ({
           borderBottomRightRadius: 0
         }
       } }) }),
-      /* @__PURE__ */ r.jsx(E, { label: /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(O$, { begin: h, end: p }) }), icon: /* @__PURE__ */ r.jsx(sb, { size: 16 }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h, value: f, onFocus: d, styles: ju(c), sx: {
+      /* @__PURE__ */ r.jsx(L, { label: /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(O$, { begin: h, end: p }) }), icon: /* @__PURE__ */ r.jsx(sb, { size: 16 }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h, value: f, onFocus: d, styles: ju(c), sx: {
         ".mantine-Input-icon": {
           transform: "translateX(-22px)"
         },
@@ -27450,17 +27448,17 @@ const F$ = ({
     classNames: t,
     styles: n,
     unstyled: i
-  }), [b, I] = Z(!1), w = (X) => {
-    I(X);
-  }, z = b && (l == null ? void 0 : l.length) > 0, [L, A] = Z(""), P = T(() => {
-    if (!L)
+  }), [b, I] = Z(!1), w = (J) => {
+    I(J);
+  }, z = b && (l == null ? void 0 : l.length) > 0, [E, A] = Z(""), P = T(() => {
+    if (!E)
       return d;
-    const X = L.toLowerCase(), re = (Me) => {
+    const J = E.toLowerCase(), re = (Me) => {
       var Te;
-      return ((Te = Me.description) == null ? void 0 : Te.toLowerCase().includes(X)) || Me.label.toLowerCase().includes(X);
+      return ((Te = Me.description) == null ? void 0 : Te.toLowerCase().includes(J)) || Me.label.toLowerCase().includes(J);
     };
     return d.filter(re);
-  }, [L, d]);
+  }, [E, d]);
   return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(S, { className: m.label, children: [
@@ -27471,12 +27469,12 @@ const F$ = ({
         count: l.length
       }), children: /* @__PURE__ */ r.jsx(ar, { children: l.length }) })
     ] }),
-    /* @__PURE__ */ r.jsx(Ry, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: w, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(zr, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(Rc, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (X) => p("filter.widget.common.x_selected", {
-      count: X.length
-    }), searchValue: L, onSearch: A, filterOption: !1, children: P.map((X) => /* @__PURE__ */ r.jsxs($y, { title: X.label, children: [
-      /* @__PURE__ */ r.jsx(S, { size: "sm", "data-role": "label", children: X.label }),
-      X.description && /* @__PURE__ */ r.jsx(S, { size: "xs", color: "dimmed", "data-role": "description", children: X.description })
-    ] }, X.value)) })
+    /* @__PURE__ */ r.jsx(Ry, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: w, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(zr, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(Rc, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (J) => p("filter.widget.common.x_selected", {
+      count: J.length
+    }), searchValue: E, onSearch: A, filterOption: !1, children: P.map((J) => /* @__PURE__ */ r.jsxs($y, { title: J.label, children: [
+      /* @__PURE__ */ r.jsx(S, { size: "sm", "data-role": "label", children: J.label }),
+      J.description && /* @__PURE__ */ r.jsx(S, { size: "xs", color: "dimmed", "data-role": "description", children: J.description })
+    ] }, J.value)) })
   ] });
 }, W$ = D(({
   label: e,
@@ -27551,7 +27549,7 @@ function Q$({
   value: n,
   onChange: i
 }) {
-  return /* @__PURE__ */ r.jsx(E, { label: e, value: n || "", onChange: (s) => i(s.currentTarget.value), ...t, styles: {
+  return /* @__PURE__ */ r.jsx(L, { label: e, value: n || "", onChange: (s) => i(s.currentTarget.value), ...t, styles: {
     input: {
       borderColor: "#e9ecef"
     }
@@ -27854,14 +27852,14 @@ const U$ = ({
     unstyled: i
   }), [I, w] = Z(!1), z = (A) => {
     w(A);
-  }, L = I && (l == null ? void 0 : l.length) > 0;
+  }, E = I && (l == null ? void 0 : l.length) > 0;
   return /* @__PURE__ */ r.jsxs(k, { spacing: 3, children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
       /* @__PURE__ */ r.jsxs(S, { className: f.label, children: [
         o,
         h && /* @__PURE__ */ r.jsx("span", { className: f.required, "aria-hidden": "true", children: "*" })
       ] }),
-      L && /* @__PURE__ */ r.jsx(we, { label: m("filter.widget.common.x_selected", {
+      E && /* @__PURE__ */ r.jsx(we, { label: m("filter.widget.common.x_selected", {
         count: l.length
       }), children: /* @__PURE__ */ r.jsx(ar, { children: l.length }) })
     ] }),
@@ -29124,9 +29122,9 @@ const ix = x.compose("FilterTreeSelectConfigMeta", x.model({
     e.default_value_func = t;
   }
 }));
-var J = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(J || {});
+var X = /* @__PURE__ */ ((e) => (e.Division = "div", e.Modal = "modal", e.Tabs = "tabs", e))(X || {});
 const ax = x.model("ViewDivisionConfig", {
-  _name: x.literal(J.Division)
+  _name: x.literal(X.Division)
 }).views((e) => ({
   get json() {
     const {
@@ -29137,7 +29135,7 @@ const ax = x.model("ViewDivisionConfig", {
     };
   }
 })), CP = () => ax.create({
-  _name: J.Division
+  _name: X.Division
 }), IP = x.model("CustomModalTitleModel", {
   enabled: x.optional(x.boolean, !1),
   func_content: x.optional(x.string, "")
@@ -29187,7 +29185,7 @@ const ax = x.model("ViewDivisionConfig", {
   func_content: ["function text({ filters, context}) {", "    // your code goes here", '    return "text"', "}"].join(`
 `)
 }, ox = x.model("ViewModalConfig", {
-  _name: x.literal(J.Modal),
+  _name: x.literal(X.Modal),
   width: x.string,
   height: x.string,
   custom_modal_title: x.optional(IP, Ko)
@@ -29214,7 +29212,7 @@ const ax = x.model("ViewDivisionConfig", {
     e.height = t;
   }
 })), TP = () => ox.create({
-  _name: J.Modal,
+  _name: X.Modal,
   width: "90vw",
   height: "90vh"
 }), zP = x.model("ViewTabsTabModel", {
@@ -29254,7 +29252,7 @@ const ax = x.model("ViewDivisionConfig", {
     e.order = t;
   }
 })), lx = x.model("ViewTabsConfig", {
-  _name: x.literal(J.Modal),
+  _name: x.literal(X.Modal),
   tabs: x.optional(x.array(zP), []),
   variant: x.optional(x.enumeration("variant", ["default", "outline", "pills"]), "default"),
   orientation: x.optional(x.enumeration("orientation", ["horizontal", "vertical"]), "horizontal"),
@@ -29304,12 +29302,12 @@ const ax = x.model("ViewDivisionConfig", {
     e.tabs.splice(t, 1);
   }
 })), DP = () => lx.create({
-  _name: J.Modal,
+  _name: X.Modal,
   tabs: []
 }), MP = x.model({
   id: x.identifier,
   name: x.string,
-  type: x.enumeration("EViewComponentType", [J.Division, J.Modal, J.Tabs]),
+  type: x.enumeration("EViewComponentType", [X.Division, X.Modal, X.Tabs]),
   config: x.union(ax, ox, lx),
   panelIDs: x.optional(x.array(x.string), [])
 }).views((e) => ({
@@ -29335,13 +29333,13 @@ const ax = x.model("ViewDivisionConfig", {
   setType(t) {
     if (e.type !== t) {
       switch (t) {
-        case J.Division:
+        case X.Division:
           e.config = CP();
           break;
-        case J.Modal:
+        case X.Modal:
           e.config = TP();
           break;
-        case J.Tabs:
+        case X.Tabs:
           e.config = DP();
           break;
       }
@@ -29367,7 +29365,7 @@ const ax = x.model("ViewDivisionConfig", {
   views: [{
     id: "Main",
     name: "Main",
-    type: J.Division,
+    type: X.Division,
     config: {},
     panelIDs: []
   }],
@@ -29466,7 +29464,7 @@ const hx = x.compose("ViewRenderModel", MP, x.model({
     } : null;
   },
   get tabView() {
-    return e.type !== J.Tabs ? null : this.tabs.find((t) => t.id === e.tab);
+    return e.type !== X.Tabs ? null : this.tabs.find((t) => t.id === e.tab);
   },
   get tabViewID() {
     return this.tabView ? this.tabView.view_id ?? "" : "";
@@ -29475,14 +29473,14 @@ const hx = x.compose("ViewRenderModel", MP, x.model({
     return vt(e, 3);
   },
   get panels() {
-    if (e.type !== J.Tabs)
+    if (e.type !== X.Tabs)
       return this.contentModel.panels.panelsByIDs(e.panelIDs);
     const t = this.tabViewID, n = this.contentModel.views.findByID(t);
     return (n == null ? void 0 : n.panels) ?? [];
   },
   get renderViewIDs() {
     const t = [e.id];
-    return e.type === J.Tabs && t.push(this.tabViewID), t;
+    return e.type === X.Tabs && t.push(this.tabViewID), t;
   },
   async downloadScreenshot(t) {
     const n = t.offsetWidth * 2 + 10, i = t.offsetHeight * 2 + 10, s = new Eh(), a = (/* @__PURE__ */ new Date()).getTime(), o = await Mh.toBlob(t, {
@@ -29542,7 +29540,7 @@ const hx = x.compose("ViewRenderModel", MP, x.model({
     }) => t.has(n));
   },
   get firstVisibleTabsView() {
-    return this.visibleViews.find((t) => t.type === J.Tabs);
+    return this.visibleViews.find((t) => t.type === X.Tabs);
   },
   get firstVisibleTabsViewActiveTab() {
     const t = this.firstVisibleTabsView;
@@ -29576,7 +29574,7 @@ function AP(e, t) {
       },
       panelIDs: s.panelIDs
     };
-    if (s.type === J.Tabs) {
+    if (s.type === X.Tabs) {
       const l = C.minBy(s.config.tabs, (c) => c.order);
       o.tab = (l == null ? void 0 : l.id) ?? "";
     }
@@ -30514,7 +30512,7 @@ const WP = (e) => new BP(e), GP = D(() => {
     zIndex: 320
   }), f = $.useCallback(() => {
     d(c);
-  }, [c, d]), b = !u && e.type !== J.Modal;
+  }, [c, d]), b = !u && e.type !== X.Modal;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(R, { sx: {
     position: "absolute",
     top: 0,
@@ -30835,7 +30833,7 @@ const oO = D(({
     inFullScreen: l
   } = $.useContext(Va), c = $.useCallback(() => {
     o(a);
-  }, [a, o]), d = !l && e.type !== J.Modal;
+  }, [a, o]), d = !l && e.type !== X.Modal;
   return aO(i.viz.type) ? /* @__PURE__ */ r.jsx(R, { sx: {
     position: "absolute",
     top: 0,
@@ -31087,11 +31085,11 @@ const bO = D(({
   children: t
 }) => {
   switch (e.type) {
-    case J.Modal:
+    case X.Modal:
       return /* @__PURE__ */ r.jsx(yO, { view: e, children: t });
-    case J.Tabs:
+    case X.Tabs:
       return /* @__PURE__ */ r.jsx(vO, { view: e });
-    case J.Division:
+    case X.Division:
     default:
       return /* @__PURE__ */ r.jsx(Ax, { view: e, children: t });
   }
@@ -31220,7 +31218,7 @@ const SO = D(({
 }) => {
   const {
     t
-  } = _(), n = Mn(), i = be(), s = T(() => i.views.options.filter((c) => c.type === J.Division), [e.id, i.views.options]), a = e.config, o = (c) => n.openConfirmModal({
+  } = _(), n = Mn(), i = be(), s = T(() => i.views.options.filter((c) => c.type === X.Division), [e.id, i.views.options]), a = e.config, o = (c) => n.openConfirmModal({
     title: `${t("view.component.tabs.tab.delete")}?`,
     labels: {
       confirm: t("common.actions.confirm"),
@@ -31259,7 +31257,7 @@ const SO = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r.jsx(E, { label: t("view.component.tabs.tab.name"), required: !0, value: c.name, onChange: (h) => c.setName(h.currentTarget.value) }),
+            /* @__PURE__ */ r.jsx(L, { label: t("view.component.tabs.tab.name"), required: !0, value: c.name, onChange: (h) => c.setName(h.currentTarget.value) }),
             /* @__PURE__ */ r.jsx(q, { label: "View", value: c.view_id, onChange: c.setViewID, data: s }),
             /* @__PURE__ */ r.jsx(he, { label: t("view.component.tabs.tab.order"), required: !0, value: c.order, onChange: (h) => c.setOrder(h || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r.jsx(lr, { label: t("view.component.tabs.tab.color"), value: c.color, onChange: c.setColor, disabled: a.variant !== "default" }),
@@ -31281,11 +31279,11 @@ const SO = D(({
   children: t
 }) => {
   switch (e.type) {
-    case J.Modal:
+    case X.Modal:
       return /* @__PURE__ */ r.jsx(SO, { view: e, children: t });
-    case J.Tabs:
+    case X.Tabs:
       return /* @__PURE__ */ r.jsx(IO, { view: e });
-    case J.Division:
+    case X.Division:
     default:
       return /* @__PURE__ */ r.jsx(wO, { view: e, children: t });
   }
@@ -31323,7 +31321,7 @@ const SO = D(({
     viewPanelInFullScreen: s,
     inFullScreen: o
   }, children: /* @__PURE__ */ r.jsxs(R, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
-    height: t.type === J.Modal ? "0 !important" : "100%"
+    height: t.type === X.Modal ? "0 !important" : "100%"
   }, children: [
     o && /* @__PURE__ */ r.jsx(dO, { view: t, panel: l, exitFullScreen: a }),
     /* @__PURE__ */ r.jsx(jO, { view: t, children: /* @__PURE__ */ r.jsxs(R, { sx: {
@@ -31339,17 +31337,17 @@ const SO = D(({
 });
 var DO = /* @__PURE__ */ ((e) => (e.Use = "use", e.Edit = "edit", e))(DO || {});
 const S3 = {
-  [J.Division]: "Division",
-  [J.Tabs]: "Tabs",
-  [J.Modal]: "Modal"
+  [X.Division]: "Division",
+  [X.Tabs]: "Tabs",
+  [X.Modal]: "Modal"
 }, MO = {
-  [J.Division]: "rgba(255, 0, 0, 0.2)",
-  [J.Modal]: "rgba(0, 0, 0, 0.2)",
-  [J.Tabs]: "rgba(255, 200, 100, 0.4)"
+  [X.Division]: "rgba(255, 0, 0, 0.2)",
+  [X.Modal]: "rgba(0, 0, 0, 0.2)",
+  [X.Tabs]: "rgba(255, 200, 100, 0.4)"
 }, k3 = {
-  [J.Division]: "#ff4000",
-  [J.Modal]: "#000",
-  [J.Tabs]: "#ffad18"
+  [X.Division]: "#ff4000",
+  [X.Modal]: "#000",
+  [X.Tabs]: "#ffad18"
 };
 function EO(e, t, n) {
   Xt(e, Fy(e, (i, s) => {
@@ -32181,7 +32179,7 @@ const WO = x.model("EditorModel", {
     };
   },
   downloadSchema() {
-    if (e.type === J.Tabs) {
+    if (e.type === X.Tabs) {
       console.error(new Error("Please choose a tab first"));
       return;
     }
@@ -32254,8 +32252,8 @@ const WO = x.model("EditorModel", {
   },
   addARandomNewView() {
     const t = (/* @__PURE__ */ new Date()).getTime().toString();
-    this.addANewView(t, J.Division, J.Division, {
-      _name: J.Division
+    this.addANewView(t, X.Division, X.Division, {
+      _name: X.Division
     }), this.setIDOfVIE(t);
   },
   removeVIE() {
@@ -34813,7 +34811,7 @@ const n2 = D(({
   var s;
   const {
     t: e
-  } = _(), t = be(), n = ((s = t.views.VIE) == null ? void 0 : s.type) === J.Tabs, i = () => t.addANewPanel(t.views.idOfVIE);
+  } = _(), t = be(), n = ((s = t.views.VIE) == null ? void 0 : s.type) === X.Tabs, i = () => t.addANewPanel(t.views.idOfVIE);
   return n ? /* @__PURE__ */ r.jsx(we, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(M, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(go, { size: 20 }), sx: {
     ...Cu,
     transform: "none !important"
@@ -34824,7 +34822,7 @@ const n2 = D(({
 }), s2 = D(({
   done: e
 }) => {
-  var P, X;
+  var P, J;
   const {
     t
   } = _(), i = be().layouts, s = T(() => ({
@@ -34867,12 +34865,12 @@ const n2 = D(({
   }) => {
     const Me = re.filter((Te) => Number.isFinite(Te.breakpoint));
     i.updateLayoutSetsInfo(Me), e();
-  }, z = c(), L = T(() => {
+  }, z = c(), E = T(() => {
     const re = {
       list: z.list.filter((Me) => !!Me.name && Number.isFinite(Me.breakpoint))
     };
     return !Le(re, s);
-  }, [z, s]), A = (X = (P = u.errors.list) == null ? void 0 : P.root) == null ? void 0 : X.message;
+  }, [z, s]), A = (J = (P = u.errors.list) == null ? void 0 : P.root) == null ? void 0 : J.message;
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs("form", { onSubmit: o(w), children: [
     /* @__PURE__ */ r.jsxs(it, { fontSize: "sm", highlightOnHover: !0, withBorder: !0, sx: {
       tableLayout: "fixed"
@@ -34890,7 +34888,7 @@ const n2 = D(({
         b.map((re, Me) => /* @__PURE__ */ r.jsxs("tr", { children: [
           /* @__PURE__ */ r.jsx("th", { children: re.id === "basis" ? re.name : /* @__PURE__ */ r.jsx(g, { name: `list.${Me}.name`, control: a, render: ({
             field: Te
-          }) => /* @__PURE__ */ r.jsx(E, { size: "xs", label: "", required: !0, sx: {
+          }) => /* @__PURE__ */ r.jsx(L, { size: "xs", label: "", required: !0, sx: {
             flex: 1
           }, ...Te }) }) }),
           /* @__PURE__ */ r.jsx("td", { children: re.id === "basis" ? /* @__PURE__ */ r.jsxs(S, { ff: "monospace", children: [
@@ -34923,8 +34921,8 @@ const n2 = D(({
     ] }),
     /* @__PURE__ */ r.jsx(S, { mt: 6, ta: "right", size: "xs", color: "red", children: A ?? "　" }),
     /* @__PURE__ */ r.jsxs(y, { mt: 6, position: "apart", children: [
-      /* @__PURE__ */ r.jsx(M, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(Ui, { size: 18 }), disabled: !L, children: t("common.actions.revert") }),
-      /* @__PURE__ */ r.jsx(M, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx(at, { size: 18 }), disabled: !L, children: t("common.actions.save_changes") })
+      /* @__PURE__ */ r.jsx(M, { color: "orange", size: "xs", onClick: () => d(), leftIcon: /* @__PURE__ */ r.jsx(Ui, { size: 18 }), disabled: !E, children: t("common.actions.revert") }),
+      /* @__PURE__ */ r.jsx(M, { color: "green", size: "xs", type: "submit", leftIcon: /* @__PURE__ */ r.jsx(at, { size: 18 }), disabled: !E, children: t("common.actions.save_changes") })
     ] })
   ] }) });
 }), a2 = D(() => {
@@ -34977,7 +34975,7 @@ const n2 = D(({
   var s;
   const {
     t: e
-  } = _(), t = be(), n = ((s = t.views.VIE) == null ? void 0 : s.type) === J.Tabs, i = () => {
+  } = _(), t = be(), n = ((s = t.views.VIE) == null ? void 0 : s.type) === X.Tabs, i = () => {
     var a;
     return (a = t.views.VIE) == null ? void 0 : a.downloadSchema();
   };
@@ -35152,12 +35150,12 @@ const x2 = D(({
       content: null
     }
   }), h = ({
-    content: L
+    content: E
   }) => {
     try {
-      if (!L)
+      if (!E)
         throw new Error("please use a valid json file");
-      s.applyJSONSchema(L), Ar({
+      s.applyJSONSchema(E), Ar({
         title: "Successful",
         message: "",
         color: "green"
@@ -35173,8 +35171,8 @@ const x2 = D(({
   Q(() => {
     if (!p)
       return;
-    const L = new FileReader();
-    L.readAsText(p, "UTF-8"), L.onload = (A) => {
+    const E = new FileReader();
+    E.readAsText(p, "UTF-8"), E.onload = (A) => {
       try {
         const P = f2(A);
         l("content", P), u("content");
@@ -35184,10 +35182,10 @@ const x2 = D(({
           message: P.message
         });
       }
-    }, L.onabort = () => console.log("🟨 abort"), L.onerror = () => {
-      L.error && (console.error(L.error), d("content", {
+    }, E.onabort = () => console.log("🟨 abort"), E.onerror = () => {
+      E.error && (console.error(E.error), d("content", {
         type: "custom",
-        message: L.error.message
+        message: E.error.message
       }));
     };
   }, [p]);
@@ -35232,7 +35230,7 @@ const x2 = D(({
   }] = dr(!1), [s, {
     setTrue: a,
     setFalse: o
-  }] = mt(!1), c = ((d = Ie().content.views.VIE) == null ? void 0 : d.type) === J.Tabs;
+  }] = mt(!1), c = ((d = Ie().content.views.VIE) == null ? void 0 : d.type) === X.Tabs;
   return c ? /* @__PURE__ */ r.jsx(we, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(M, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(ld, { size: 16 }), sx: {
     ...Tu,
     transform: "none !important"
@@ -35400,15 +35398,15 @@ function I2(e, t) {
   }), i;
 }
 const T2 = {
-  [J.Division]: "Div",
-  [J.Modal]: "Modal",
-  [J.Tabs]: "Tabs"
+  [X.Division]: "Div",
+  [X.Modal]: "Modal",
+  [X.Tabs]: "Tabs"
 }, z2 = MO;
 function D2(e) {
   return e.current.map((n, i) => {
     const s = w2(n.panelIDs.length, Rs, Wx) + Fc + qx;
     let a = [];
-    return n.type === J.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
+    return n.type === X.Tabs && (a = n.config.tabsInOrder.map((l) => l.view_id)), {
       id: n.id,
       _node_type: "view-root",
       _view_type: n.type,
@@ -35436,7 +35434,7 @@ function D2(e) {
 function M2(e) {
   const t = C.keyBy(e, (n) => n.id);
   e.forEach((n) => {
-    n._node_type !== "view-root" || n._view_type !== J.Tabs || n._tab_view_ids.forEach((i) => {
+    n._node_type !== "view-root" || n._view_type !== X.Tabs || n._tab_view_ids.forEach((i) => {
       t[i].parentNode = n.id;
     });
   });
@@ -35453,7 +35451,7 @@ function L2({
   edges: n
 }) {
   t.forEach((i) => {
-    i._node_type !== "view-root" || i._view_type !== J.Tabs || (i.sourcePosition = dn.Bottom, i.style.width = Nc + la * 2, i.style.height = qx + i._tab_view_ids.reduce((s, a) => {
+    i._node_type !== "view-root" || i._view_type !== X.Tabs || (i.sourcePosition = dn.Bottom, i.style.width = Nc + la * 2, i.style.height = qx + i._tab_view_ids.reduce((s, a) => {
       const o = e[a];
       o.position.y = s, o.position.x = la;
       const l = o.style.height;
@@ -35929,7 +35927,7 @@ const H2 = D(() => {
       /* @__PURE__ */ r.jsx(ue, { checked: i.required, onChange: (l) => i.setRequired(l.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r.jsx(bi, { filter: t })
     ] }),
-    /* @__PURE__ */ r.jsx(E, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: i.min_width, onChange: (l) => i.setMinWidth(l.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r.jsx(L, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: i.min_width, onChange: (l) => i.setMinWidth(l.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(O, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
       position: "relative",
@@ -35955,12 +35953,12 @@ const H2 = D(() => {
       a.map((l, c) => /* @__PURE__ */ r.jsxs(en, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ r.jsx(E, { label: n("common.label"), required: !0, value: i.static_options[c].label, onChange: (d) => {
+        /* @__PURE__ */ r.jsx(L, { label: n("common.label"), required: !0, value: i.static_options[c].label, onChange: (d) => {
           i.static_options[c].setLabel(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ r.jsx(E, { label: n("common.value"), required: !0, value: i.static_options[c].value, onChange: (d) => {
+        /* @__PURE__ */ r.jsx(L, { label: n("common.value"), required: !0, value: i.static_options[c].value, onChange: (d) => {
           i.static_options[c].setValue(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -36001,7 +35999,7 @@ const H2 = D(() => {
       /* @__PURE__ */ r.jsx(ue, { checked: s.clearable, onChange: (c) => s.setClearable(c.currentTarget.checked), label: n("filter.widget.select.clearable") }),
       /* @__PURE__ */ r.jsx(bi, { filter: t })
     ] }),
-    /* @__PURE__ */ r.jsx(E, { label: n("filter.widget.select.width"), value: s.width, onChange: (c) => s.setWidth(c.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r.jsx(L, { label: n("filter.widget.select.width"), value: s.width, onChange: (c) => s.setWidth(c.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(O, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(k, { spacing: 10, sx: {
       position: "relative",
@@ -36027,12 +36025,12 @@ const H2 = D(() => {
       o.map((c, d) => /* @__PURE__ */ r.jsxs(en, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ r.jsx(E, { label: n("common.label"), required: !0, value: s.static_options[d].label, onChange: (u) => {
+        /* @__PURE__ */ r.jsx(L, { label: n("common.label"), required: !0, value: s.static_options[d].label, onChange: (u) => {
           s.static_options[d].setLabel(u.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ r.jsx(E, { label: n("common.value"), required: !0, value: s.static_options[d].value, onChange: (u) => {
+        /* @__PURE__ */ r.jsx(L, { label: n("common.value"), required: !0, value: s.static_options[d].value, onChange: (u) => {
           s.static_options[d].setValue(u.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -36060,7 +36058,7 @@ const H2 = D(() => {
   } = _(), i = t.config;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { children: [
-      /* @__PURE__ */ r.jsx(E, { label: n("filter.widget.text_input.default_value"), value: i.default_value, onChange: (s) => {
+      /* @__PURE__ */ r.jsx(L, { label: n("filter.widget.text_input.default_value"), value: i.default_value, onChange: (s) => {
         i.setDefaultValue(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
@@ -36096,7 +36094,7 @@ const H2 = D(() => {
       /* @__PURE__ */ r.jsx(ue, { checked: i.required, onChange: (s) => i.setRequired(s.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r.jsx(bi, { filter: t })
     ] }),
-    /* @__PURE__ */ r.jsx(E, { label: n("filter.widget.common.min_width"), value: i.min_width, onChange: (s) => i.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r.jsx(L, { label: n("filter.widget.common.min_width"), value: i.min_width, onChange: (s) => i.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(O, { label: n("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(ue, { checked: i.treeCheckStrictly, onChange: (s) => i.setTreeCheckStrictly(s.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r.jsx(he, { value: i.default_selection_count, onChange: i.setDefaultSelectionCount, label: n("filter.widget.common.default_selection_count") }),
@@ -36177,10 +36175,10 @@ const H2 = D(() => {
           t.auto_submit_supported && /* @__PURE__ */ r.jsx(ue, { label: n("filter.field.auto_submit"), checked: t.auto_submit, onChange: (l) => t.setAutoSubmit(l.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r.jsx(ii, { label: n("filter.field.visible_in"), data: s.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
-        /* @__PURE__ */ r.jsx(E, { label: n("common.key"), placeholder: n("filter.field.key_placeholder"), required: !0, value: t.key, onChange: (l) => {
+        /* @__PURE__ */ r.jsx(L, { label: n("common.key"), placeholder: n("filter.field.key_placeholder"), required: !0, value: t.key, onChange: (l) => {
           t.setKey(l.currentTarget.value);
         } }),
-        /* @__PURE__ */ r.jsx(E, { label: n("common.label"), placeholder: n("filter.field.label_placeholder"), required: !0, value: t.label, onChange: (l) => {
+        /* @__PURE__ */ r.jsx(L, { label: n("common.label"), placeholder: n("filter.field.label_placeholder"), required: !0, value: t.label, onChange: (l) => {
           t.setLabel(l.currentTarget.value);
         } }),
         /* @__PURE__ */ r.jsx(q, { label: n("filter.field.widget"), data: o, required: !0, value: t.type, onChange: t.setType, maxDropdownHeight: 500 }),
@@ -36430,7 +36428,7 @@ const H2 = D(() => {
       ] }),
       /* @__PURE__ */ r.jsx(ae, { variant: "subtle", color: "blue", disabled: !a || l, onClick: o, children: /* @__PURE__ */ r.jsx(at, { size: 18 }) })
     ] }),
-    /* @__PURE__ */ r.jsx(E, { value: i, onChange: s, required: !0 })
+    /* @__PURE__ */ r.jsx(L, { value: i, onChange: s, required: !0 })
   ] });
 }), xV = D(() => {
   const {
@@ -36834,7 +36832,7 @@ function DV({
       /* @__PURE__ */ r.jsx(ae, { mr: 5, variant: "filled", color: "blue", disabled: !d, onClick: u, children: /* @__PURE__ */ r.jsx(Wn, { size: 20 }) })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { children: [
-      a.map((h, p) => /* @__PURE__ */ r.jsx(E, { type: i, value: h, onChange: (m) => {
+      a.map((h, p) => /* @__PURE__ */ r.jsx(L, { type: i, value: h, onChange: (m) => {
         const f = m.currentTarget.value;
         o((b) => (b.splice(p, 1, f), [...b]));
       }, rightSection: /* @__PURE__ */ r.jsx(ae, { onClick: () => c(p), color: "red", children: /* @__PURE__ */ r.jsx(Yn, { size: 14 }) }), sx: {
@@ -36874,7 +36872,7 @@ const MV = $.forwardRef(DV), EV = $.forwardRef(function({
     });
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(E, { label: s("style.font_size.label"), placeholder: s("styles.font_size.placeholder"), sx: {
+    /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(L, { label: s("style.font_size.label"), placeholder: s("styles.font_size.placeholder"), sx: {
       flex: 1
     }, value: t.size, onChange: (c) => o("size", c.currentTarget.value) }) }),
     /* @__PURE__ */ r.jsx(y, { position: "apart", grow: !0, sx: {
@@ -36916,7 +36914,7 @@ const MV = $.forwardRef(DV), EV = $.forwardRef(function({
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
-        /* @__PURE__ */ r.jsx(E, { label: o("common.name"), required: !0, value: t.name, onChange: (c) => l("name", c.currentTarget.value) }),
+        /* @__PURE__ */ r.jsx(L, { label: o("common.name"), required: !0, value: t.name, onChange: (c) => l("name", c.currentTarget.value) }),
         /* @__PURE__ */ r.jsx(ee, { label: o("common.data_field"), required: !0, value: t.data_field, onChange: (c) => l("data_field", c) })
       ] }),
       /* @__PURE__ */ r.jsx(fc, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (c) => l("aggregation", c), withFallback: !0 }),
@@ -37863,7 +37861,7 @@ const iF = D(({
     width: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(O, { mb: -10, variant: "dashed", label: t("query.basics"), labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(E, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
+    /* @__PURE__ */ r.jsx(L, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
       flex: 1
     }, value: n, onChange: (s) => {
       i(s.currentTarget.value);
@@ -38262,7 +38260,7 @@ WHERE
       alignItems: "end"
     }, spacing: 40, children: [
       /* @__PURE__ */ r.jsx(
-        E,
+        L,
         {
           label: i(u ? "sql_snippet.key_occupied" : "sql_snippet.key"),
           value: o,
@@ -38419,7 +38417,7 @@ WHERE
   ] });
 }), RF = D(({
   view: e
-}) => !e || e.type !== J.Division ? null : /* @__PURE__ */ r.jsx(k, {})), $F = D(({
+}) => !e || e.type !== X.Division ? null : /* @__PURE__ */ r.jsx(k, {})), $F = D(({
   view: e
 }) => {
   const {
@@ -38441,7 +38439,7 @@ WHERE
     value: "vertical",
     label: t("common.tabs.orientation.vertical")
   }], [n.language]);
-  if (!e || e.type !== J.Tabs)
+  if (!e || e.type !== X.Tabs)
     return null;
   const a = e.config;
   return /* @__PURE__ */ r.jsxs(k, { children: [
@@ -38525,20 +38523,20 @@ WHERE
   const {
     t
   } = _();
-  if (!e || e.type !== J.Modal)
+  if (!e || e.type !== X.Modal)
     return null;
   const n = e.config, i = n.custom_modal_title.value;
   return /* @__PURE__ */ r.jsxs(k, { children: [
     /* @__PURE__ */ r.jsx(O, { mt: 8, label: t("view.component.modal.modal_settings"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(en, { gap: 10, children: [
-      /* @__PURE__ */ r.jsx(E, { label: t("view.component.modal.title"), value: i, onChange: C.noop, disabled: !0, sx: {
+      /* @__PURE__ */ r.jsx(L, { label: t("view.component.modal.title"), value: i, onChange: C.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r.jsx(OF, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(E, { label: t("view.component.modal.width"), value: n.width, onChange: (s) => n.setWidth(s.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ r.jsx(E, { label: t("view.component.modal.height"), value: n.height, onChange: (s) => n.setHeight(s.currentTarget.value), placeholder: "600px / 50vw" })
+      /* @__PURE__ */ r.jsx(L, { label: t("view.component.modal.width"), value: n.width, onChange: (s) => n.setWidth(s.currentTarget.value), placeholder: "600px / 50vw" }),
+      /* @__PURE__ */ r.jsx(L, { label: t("view.component.modal.height"), value: n.height, onChange: (s) => n.setHeight(s.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
 }), FF = D(({
@@ -38555,18 +38553,18 @@ WHERE
     i18n: n
   } = _(), i = T(() => [{
     label: t("view.component.div.label"),
-    value: J.Division
+    value: X.Division
   }, {
     label: t("view.component.modal.label"),
-    value: J.Modal
+    value: X.Modal
   }, {
     label: t("view.component.tabs.label"),
-    value: J.Tabs
+    value: X.Tabs
   }], [n.language]);
   return e ? /* @__PURE__ */ r.jsxs(k, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r.jsx(E, { label: t("common.name"), value: e.name, onChange: (s) => {
+    /* @__PURE__ */ r.jsx(L, { label: t("common.name"), value: e.name, onChange: (s) => {
       e.setName(s.currentTarget.value);
     } }),
     /* @__PURE__ */ r.jsx(q, { label: t("common.type"), withinPortal: !0, zIndex: 320, value: e.type, onChange: e.setType, data: i }),
@@ -38683,7 +38681,7 @@ const ZF = D(() => /* @__PURE__ */ r.jsx(k, { sx: {
   if (!e)
     return null;
   const i = n.views.findByID(e);
-  return !i || i.type === J.Tabs ? null : /* @__PURE__ */ r.jsx(M, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(pn, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(i.id), sx: {
+  return !i || i.type === X.Tabs ? null : /* @__PURE__ */ r.jsx(M, { variant: "subtle", leftIcon: /* @__PURE__ */ r.jsx(pn, { size: 14 }), size: "sm", px: "xs", mb: 10, color: "blue", onClick: () => n.addANewPanel(i.id), sx: {
     width: "100%",
     borderRadius: 0
   }, styles: {
@@ -38928,8 +38926,8 @@ const gN = {
     d == null || d(b.content.filters.values);
   }, [d, b.content.filters.values]), $.useEffect(() => {
     c && b.content.filters.patchValues(c);
-  }, [c, b.content.filters.patchValues]), $.useEffect(() => Lt(() => Qn(b.json), (L) => {
-    o == null || o(L);
+  }, [c, b.content.filters.patchValues]), $.useEffect(() => Lt(() => Qn(b.json), (E) => {
+    o == null || o(E);
   }), [b]);
   const I = async () => {
     await i(b.json, b.content.json);
@@ -38954,7 +38952,7 @@ const gN = {
   }, children: /* @__PURE__ */ r.jsx(Rn.Provider, { value: w, children: /* @__PURE__ */ r.jsxs(Oa, { configure: z, children: [
     /* @__PURE__ */ r.jsx(Nu, { padding: 0, header: /* @__PURE__ */ r.jsx(_2, { onExit: u, saveDashboardChanges: I, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(Q2, {}), styles: gN, children: /* @__PURE__ */ r.jsx(R, { className: `${s} dashboard-root`, sx: {
       position: "relative"
-    }, children: b.content.views.visibleViews.map((L) => /* @__PURE__ */ r.jsx(zO, { view: L }, L.id)) }) }),
+    }, children: b.content.views.visibleViews.map((E) => /* @__PURE__ */ r.jsx(zO, { view: E }, E.id)) }) }),
     /* @__PURE__ */ r.jsx(mN, {})
   ] }) }) }) }) }) }) }) }) });
 }, I3 = D(pe(bN));
@@ -39261,7 +39259,7 @@ export {
   O_ as DefaultApiClient,
   Cx as DescriptionPopover,
   BP as DraftModel,
-  J as EViewComponentType,
+  X as EViewComponentType,
   b3 as FacadeApiClient,
   Xf as FilterCheckboxConfigMeta,
   Zf as FilterDateRangeConfigMeta,