@devtable/dashboard 14.11.1 → 14.11.2

package/dist/dashboard.es.js

@@ -81,7 +81,7 @@ import { DatesProvider as ep, DatePicker as tp } from "@mantine/dates";
 import Ot, { loader as Zr } from "@monaco-editor/react";
 import { Mark as Ol, Extension as np } from "@tiptap/core";
 import * as rp from "d3-scale";
-import { useForm as ge, Controller as g, useFieldArray as Ir, useWatch as ap } from "react-hook-form";
+import { useForm as ge, Controller as f, useFieldArray as Ir, useWatch as ap } from "react-hook-form";
 import { observer as D } from "mobx-react-lite";
 import { move as ql } from "@dnd-kit/helpers";
 import { DragDropProvider as Ea } from "@dnd-kit/react";
@@ -2442,7 +2442,7 @@ function im() {
   } = $.useContext(Xl);
   return e ? document.getElementById(e) : null;
 }
-const Jl = "14.11.1", om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Jl = "14.11.2", om = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Jl
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3215,8 +3215,8 @@ const xe = (e) => (t, n) => {
   x();
   const {
     panel: p
-  } = Le(), f = $.useMemo(() => p.variableOptions(a, s), [a, s]);
-  return f.length === 0 ? /* @__PURE__ */ r(V, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(O, { ref: t, label: n, description: o, renderOption: Rm(d), data: f, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
+  } = Le(), g = $.useMemo(() => p.variableOptions(a, s), [a, s]);
+  return g.length === 0 ? /* @__PURE__ */ r(V, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(O, { ref: t, label: n, description: o, renderOption: Rm(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
   }, onChange: xe(i) });
@@ -3251,19 +3251,19 @@ const xe = (e) => (t, n) => {
   }] = De(), [l, s] = G(e), c = () => {
     o();
     const {
-      type: f,
+      type: g,
       value: y
     } = l, b = {
-      type: f,
+      type: g,
       value: y
     };
     s(b), t(b);
   }, d = () => {
     o(), s(e);
-  }, h = (f) => {
+  }, h = (g) => {
     s((y) => ({
       ...y,
-      value: f
+      value: g
     }));
   }, p = () => {
     h(fs.dynamic.value);
@@ -3431,14 +3431,14 @@ function Rr(e, t) {
   if (e.type === "continuous") {
     const {
       skipRange: p,
-      text: f,
+      text: g,
       ...y
     } = e;
     return {
       ...y,
       min: i,
       max: o,
-      text: [...f]
+      text: [...g]
     };
   }
   const {
@@ -3450,12 +3450,12 @@ function Rr(e, t) {
     ...d
   };
   return delete h.min, delete h.max, l === "pieces" ? h.pieces = s.map((p) => {
-    const f = {};
-    p.label && (f.label = p.label), p.color && (f.color = p.color);
+    const g = {};
+    p.label && (g.label = p.label), p.color && (g.color = p.color);
     const y = Number(p.lower.value);
-    p.lower.value === "" ? f[p.lower.symbol] = i : Number.isFinite(y) && (f[p.lower.symbol] = y);
+    p.lower.value === "" ? g[p.lower.symbol] = i : Number.isFinite(y) && (g[p.lower.symbol] = y);
     const b = Number(p.upper.value);
-    return p.upper.value === "" ? f[p.upper.symbol] = o : Number.isFinite(b) && (f[p.upper.symbol] = b), f;
+    return p.upper.value === "" ? g[p.upper.symbol] = o : Number.isFinite(b) && (g[p.upper.symbol] = b), g;
   }) : l === "categories" && (h.categories = c), h;
 }
 const xn = (e) => ({
@@ -3592,7 +3592,7 @@ const jm = Nm(), Qm = ({
   }, d = (b) => (w) => {
     const I = [...e];
     I[b] = w, t(I);
-  }, [h, p] = G(""), f = () => {
+  }, [h, p] = G(""), g = () => {
     h && (l(h), p(""));
   };
   return /* @__PURE__ */ u(T, { ref: a, children: [
@@ -3615,7 +3615,7 @@ const jm = Nm(), Qm = ({
       }, children: /* @__PURE__ */ r(Jt, { popoverProps: {
         withinPortal: !0,
         zIndex: n
-      }, placeholder: i("chart.color.click_to_add_a_color"), value: h, onChange: p, onBlur: f, size: "xs" }) }),
+      }, placeholder: i("chart.color.click_to_add_a_color"), value: h, onChange: p, onBlur: g, size: "xs" }) }),
       /* @__PURE__ */ r("div", { style: {
         minWidth: "40px",
         maxWidth: "40px",
@@ -3644,17 +3644,17 @@ const jm = Nm(), Qm = ({
   return /* @__PURE__ */ u(A, { children: [
     /* @__PURE__ */ r(P, { color: "rgb(206, 212, 218)", variant: "dotted", my: "1rem" }),
     /* @__PURE__ */ u(A, { px: "1rem", children: [
-      /* @__PURE__ */ r(g, { control: o, name: "variable", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "variable", render: ({
         field: d
       }) => /* @__PURE__ */ r(Jr, { label: a("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...d }) }),
       /* @__PURE__ */ u(_, { grow: !0, justify: "space-between", children: [
-        /* @__PURE__ */ r(g, { name: "min_var", control: o, render: ({
+        /* @__PURE__ */ r(f, { name: "min_var", control: o, render: ({
           field: d
         }) => /* @__PURE__ */ r(Jr, { label: a("rich_text.color_mapping.min.var"), preview: "aggregated", sx: {
           flexGrow: 1,
           maxWidth: "unset"
         }, ...d }) }),
-        /* @__PURE__ */ r(g, { name: "min_val", control: o, render: ({
+        /* @__PURE__ */ r(f, { name: "min_val", control: o, render: ({
           field: d
         }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
           maxWidth: "120px",
@@ -3662,20 +3662,20 @@ const jm = Nm(), Qm = ({
         } }) })
       ] }),
       /* @__PURE__ */ u(_, { grow: !0, justify: "space-between", children: [
-        /* @__PURE__ */ r(g, { name: "max_var", control: o, render: ({
+        /* @__PURE__ */ r(f, { name: "max_var", control: o, render: ({
           field: d
         }) => /* @__PURE__ */ r(Jr, { label: a("rich_text.color_mapping.max.var"), preview: "aggregated", sx: {
           flexGrow: 1,
           maxWidth: "unset"
         }, ...d }) }),
-        /* @__PURE__ */ r(g, { name: "max_val", control: o, render: ({
+        /* @__PURE__ */ r(f, { name: "max_val", control: o, render: ({
           field: d
         }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
       ] }),
-      /* @__PURE__ */ r(g, { control: o, name: "colors", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "colors", render: ({
         field: d
       }) => /* @__PURE__ */ r(_s, { ...d }) })
     ] }),
@@ -3745,8 +3745,8 @@ const Um = () => /* @__PURE__ */ r("div", { style: {
   }] = De(), s = e.getAttributes(ps), {
     empty: c,
     ...d
-  } = z(() => $m(s), [s]), h = ae((f) => {
-    e.chain().focus().setColorMapping(f).run(), o();
+  } = z(() => $m(s), [s]), h = ae((g) => {
+    e.chain().focus().setColorMapping(g).run(), o();
   }, [e]), p = ae(() => {
     e.chain().focus().unsetColorMapping().run();
   }, [e]);
@@ -3915,7 +3915,7 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
   B(() => {
     c(e);
   }, [e]);
-  const f = ae((w, I) => {
+  const g = ae((w, I) => {
     if (i.length === 0)
       return;
     const M = Cp(I), R = w.getModel();
@@ -3955,7 +3955,7 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
       flexGrow: 1
     }, children: [
       b && /* @__PURE__ */ r(en, { center: !0, color: "#fff", backgroundOpacity: 0.5, children: /* @__PURE__ */ r(L, { color: "blue", radius: "xl", onClick: p, children: l("common.actions.init_with_default") }) }),
-      /* @__PURE__ */ r(ag, { value: s, onChange: c, onMount: f })
+      /* @__PURE__ */ r(ag, { value: s, onChange: c, onMount: g })
     ] })
   ] });
 }), Ya = J(({
@@ -3971,12 +3971,12 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
   zIndex: d = 320,
   restrictions: h
 }, p) => {
-  const [f, {
+  const [g, {
     open: y,
     close: b
   }] = nn(!1);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ u(ve, { opened: f, onClose: b, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
+    /* @__PURE__ */ u(ve, { opened: g, onClose: b, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
       i,
       /* @__PURE__ */ r(A, { h: 600, children: /* @__PURE__ */ r(gn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
     ] }),
@@ -4100,14 +4100,14 @@ const Bn = "data-value", rg = Bn, ks = "dynamicColor", zs = Ol.create({
   B(() => {
     c == null || c.commands.setContent(e);
   }, [e, c]);
-  const d = z(() => new DOMParser().parseFromString(e, "text/html"), [e]), h = z(() => ng(d, a, i), [d, a, i]), p = z(() => Vm(d, i), [d, i]), f = z(() => C.defaultsDeep({}, {
+  const d = z(() => new DOMParser().parseFromString(e, "text/html"), [e]), h = z(() => ng(d, a, i), [d, a, i]), p = z(() => Vm(d, i), [d, i]), g = z(() => C.defaultsDeep({}, {
     content: {
       ...Ha,
       ...h,
       ...p
     }
   }, t), [t, h, p]);
-  return /* @__PURE__ */ r(oe, { editor: c, styles: f, sx: n, children: /* @__PURE__ */ r(oe.Content, { ref: o }) });
+  return /* @__PURE__ */ r(oe, { editor: c, styles: g, sx: n, children: /* @__PURE__ */ r(oe.Content, { ref: o }) });
 });
 function Ds() {
   const {
@@ -4250,7 +4250,7 @@ const Zt = J(({
     return c && q.push(ms), q;
   }, [c]), [h, {
     setTrue: p,
-    setFalse: f
+    setFalse: g
   }] = De(!1), [y, b] = G(e), w = Rl({
     extensions: d,
     content: y,
@@ -4266,7 +4266,7 @@ const Zt = J(({
       q.view.dom.setAttribute("spellcheck", "false"), q.view.dom.setAttribute("autocomplete", "off"), q.view.dom.setAttribute("autocapitalize", "off");
     },
     onFocus: p,
-    onBlur: f
+    onBlur: g
   });
   B(() => {
     b((q) => e === q ? q : (w == null || w.commands.setContent(e), e));
@@ -4409,7 +4409,7 @@ const As = ({
     set: s,
     setFalse: c,
     toggle: d
-  }] = De(), [h, p] = G(!1), f = z(() => {
+  }] = De(), [h, p] = G(!1), g = z(() => {
     const M = [];
     return _g.forEach((R) => {
       const q = o.colors[R];
@@ -4435,7 +4435,7 @@ const As = ({
         /* @__PURE__ */ r(ee, { variant: "default", onClick: c, title: i("common.actions.close"), children: /* @__PURE__ */ r(Ia, { stroke: 1.5, size: "1rem" }) })
       ] }),
       /* @__PURE__ */ u(ke, { cols: 2, children: [
-        /* @__PURE__ */ r(Qi, { format: "hex", swatches: f, value: t, onChange: w, size: "sm", withPicker: !1, styles: {
+        /* @__PURE__ */ r(Qi, { format: "hex", swatches: g, value: t, onChange: w, size: "sm", withPicker: !1, styles: {
           swatches: {
             marginTop: "0 !important"
           }
@@ -4514,7 +4514,7 @@ function Dn(e, t) {
     const {
       variable: l,
       ...s
-    } = o, c = Object.entries(s).map(([f, y]) => `${f}:${y}`).join(";"), d = l.color;
+    } = o, c = Object.entries(s).map(([g, y]) => `${g}:${y}`).join(";"), d = l.color;
     if (d.type !== "continuous")
       return `<span style="${c}">{{${i}}}</span>`;
     const h = Cs(6), p = `try {
@@ -4768,7 +4768,7 @@ function Lg({
     xAxis3D: d,
     yAxis3D: h,
     zAxis3D: p
-  } = he({}, n, ti), f = z(() => Vr(a, l), [a, l]), {
+  } = he({}, n, ti), g = z(() => Vr(a, l), [a, l]), {
     x: y,
     y: b,
     z: w
@@ -4780,12 +4780,12 @@ function Lg({
     min: I,
     max: M
   } = z(() => {
-    const Q = Qu(f, (Z) => Z[w.columnKey]), ue = Gu(f, (Z) => Z[w.columnKey]);
+    const Q = Qu(g, (Z) => Z[w.columnKey]), ue = Gu(g, (Z) => Z[w.columnKey]);
     return {
       min: le(Q, w.columnKey),
       max: le(ue, w.columnKey)
     };
-  }, [f, w]), R = Vt(null), q = z(() => ({
+  }, [g, w]), R = Vt(null), q = z(() => ({
     finished: () => {
       var ue;
       const Q = (ue = R.current) == null ? void 0 : ue.getEchartsInstance();
@@ -4824,7 +4824,7 @@ function Lg({
       wireframe: {
         // show: false
       },
-      data: f.map((Q) => [Q[y.columnKey], Q[b.columnKey], Q[w.columnKey]])
+      data: g.map((Q) => [Q[y.columnKey], Q[b.columnKey], Q[w.columnKey]])
     }]
   };
   return n ? /* @__PURE__ */ r(nt, { width: i, height: o, children: /* @__PURE__ */ r(He, { echarts: Ne, ref: R, option: X, style: Xn(i, o), notMerge: !0, onEvents: q, theme: "merico-light" }) }) : null;
@@ -4844,13 +4844,13 @@ const K = D(J(({
     panel: h
   } = Le(), p = $.useMemo(() => h.dataFieldOptionGroups(a, l, o), [a, l, o]);
   if (p.length === 0) {
-    const f = h.explainDataKey(a);
+    const g = h.explainDataKey(a);
     return /* @__PURE__ */ u(_e, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: f.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(_e.Target, { children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(_e.Dropdown, { children: /* @__PURE__ */ u(_, { justify: "flex-start", gap: 0, children: [
-        /* @__PURE__ */ r(k, { size: "xs", c: f.queryName ? "black" : "red", ff: "monospace", children: f.queryName ?? f.queryID }),
+        /* @__PURE__ */ r(k, { size: "xs", c: g.queryName ? "black" : "red", ff: "monospace", children: g.queryName ?? g.queryID }),
         /* @__PURE__ */ r(k, { size: "xs", c: "black", ff: "monospace", children: "." }),
-        /* @__PURE__ */ r(k, { size: "xs", c: "red", ff: "monospace", children: f.columnKey })
+        /* @__PURE__ */ r(k, { size: "xs", c: "red", ff: "monospace", children: g.columnKey })
       ] }) })
     ] });
   }
@@ -4877,10 +4877,10 @@ function Ag({
       position: "relative",
       border: "1px solid #eee"
     }, children: [
-      /* @__PURE__ */ r(g, { name: "x_axis_data_key", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis_data_key", control: i, render: ({
         field: s
       }) => /* @__PURE__ */ r(K, { label: "Data Field", required: !0, ...s }) }),
-      /* @__PURE__ */ r(g, { name: "xAxis3D.name", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "xAxis3D.name", control: i, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
@@ -4891,10 +4891,10 @@ function Ag({
       position: "relative",
       border: "1px solid #eee"
     }, children: [
-      /* @__PURE__ */ r(g, { name: "y_axis_data_key", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis_data_key", control: i, render: ({
         field: s
       }) => /* @__PURE__ */ r(K, { label: "Data Field", required: !0, ...s }) }),
-      /* @__PURE__ */ r(g, { name: "yAxis3D.name", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "yAxis3D.name", control: i, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
@@ -4905,10 +4905,10 @@ function Ag({
       position: "relative",
       border: "1px solid #eee"
     }, children: [
-      /* @__PURE__ */ r(g, { name: "z_axis_data_key", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "z_axis_data_key", control: i, render: ({
         field: s
       }) => /* @__PURE__ */ r(K, { label: "Data Field", required: !0, ...s }) }),
-      /* @__PURE__ */ r(g, { name: "zAxis3D.name", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "zAxis3D.name", control: i, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
@@ -5062,7 +5062,7 @@ const zt = J(({
       func_content: M
     };
     d(R), t(R);
-  }, f = () => {
+  }, g = () => {
     s(), d(e);
   }, y = (I) => {
     d((M) => ({
@@ -5082,7 +5082,7 @@ const zt = J(({
       /* @__PURE__ */ u(_, { justify: "space-between", children: [
         /* @__PURE__ */ r(L, { onClick: b, color: "red", leftSection: /* @__PURE__ */ r(mt, { size: 20 }), children: i("common.actions.reset_to_default") }),
         /* @__PURE__ */ u(_, { justify: "flex-end", children: [
-          /* @__PURE__ */ r(L, { onClick: f, variant: "subtle", children: i("common.actions.cancel") }),
+          /* @__PURE__ */ r(L, { onClick: g, variant: "subtle", children: i("common.actions.cancel") }),
           /* @__PURE__ */ r(L, { color: "green", leftSection: /* @__PURE__ */ r(me, { size: 16 }), onClick: p, children: i("common.actions.save") })
         ] })
       ] })
@@ -6086,7 +6086,7 @@ const Lf = D(({
   }
   const {
     data: p = 0,
-    loading: f
+    loading: g
   } = dn(async () => {
     try {
       return (await i.triggerManager.getTriggerSchemaList()).length;
@@ -6095,7 +6095,7 @@ const Lf = D(({
     }
   });
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(tn, { visible: f }),
+    /* @__PURE__ */ r(tn, { visible: g }),
     p === 0 && /* @__PURE__ */ r(Un, { icon: /* @__PURE__ */ r(Gn, { size: 16 }), title: t("interactions.unavailable"), color: "gray", children: t("interactions.unavailable_reason") }),
     c.map((y) => /* @__PURE__ */ r(Lf, { onRemove: h, instance: o, sampleData: l, variables: s, item: y, manager: e.interactionManager }, y.id)),
     /* @__PURE__ */ r(L, { style: {
@@ -6198,7 +6198,7 @@ function Bf(e, t) {
   const n = [], a = [];
   return {
     boxplotData: Object.entries(e).map(([o, l]) => {
-      const s = l.map((M) => M[t]).sort((M, R) => M - R), c = ir(s, 0.25) ?? 0, d = ir(s, 0.5) ?? 0, h = ir(s, 0.75) ?? 0, p = h - c, f = c - 1.5 * p, y = h + 1.5 * p, b = Math.max(s[0], f), w = Math.min(C.last(s) ?? 0, y);
+      const s = l.map((M) => M[t]).sort((M, R) => M - R), c = ir(s, 0.25) ?? 0, d = ir(s, 0.5) ?? 0, h = ir(s, 0.75) ?? 0, p = h - c, g = c - 1.5 * p, y = h + 1.5 * p, b = Math.max(s[0], g), w = Math.min(C.last(s) ?? 0, y);
       return l.filter((M) => {
         const R = M[t];
         return R < b || R > w;
@@ -6326,13 +6326,13 @@ function Hf(e, t, n) {
     min: d,
     q1: h,
     median: p,
-    q3: f,
+    q3: g,
     max: y
   } = c, b = {
     min: t.coord([s, d]),
     q1: t.coord([s, h]),
     median: t.coord([s, p]),
-    q3: t.coord([s, f]),
+    q3: t.coord([s, g]),
     max: t.coord([s, y])
   }, w = {
     left: l[1].offset,
@@ -6723,7 +6723,7 @@ function sb({
   } = e.viewport, c = he({}, a, ni), d = ct({
     vizManager: e.vizManager,
     instance: t
-  }), h = st(d.triggerManager, Os.id), p = yn(o, c.x_axis.data_key), f = ae((M) => {
+  }), h = st(d.triggerManager, Os.id), p = yn(o, c.x_axis.data_key), g = ae((M) => {
     const R = C.get(p, M.name, {
       error: "rowData is not found"
     });
@@ -6738,9 +6738,9 @@ function sb({
     const M = (R = y.current) == null ? void 0 : R.getEchartsInstance();
     M && Ye(t, M.getOption());
   }, []), w = z(() => ({
-    click: f,
+    click: g,
     finished: b
-  }), [f, b]), I = z(() => lb({
+  }), [g, b]), I = z(() => lb({
     config: c,
     data: o,
     variables: i,
@@ -6887,7 +6887,7 @@ function ub(e) {
   } = Hs(), [s, c] = G(io(o)), [d, {
     setTrue: h,
     setFalse: p
-  }] = De(!1), f = i % 2 === 1, y = f && o != null, b = !f && o != null, w = `map ${o} to color ${i}`, I = () => {
+  }] = De(!1), g = i % 2 === 1, y = g && o != null, b = !g && o != null, w = `map ${o} to color ${i}`, I = () => {
     c(io(o)), p();
   }, M = () => {
     p(), n == null || n(Number(s));
@@ -6954,7 +6954,7 @@ const hb = D(({
     colorManager: o
   } = e, l = o.getColorInterpolations(), [s, c] = G(a), d = o.decodeInterpolation(s.interpolation) || l[0], [h, {
     setTrue: p,
-    setFalse: f
+    setFalse: g
   }] = De(), y = z(() => {
     const R = C.groupBy(l, "category");
     return Object.entries(R).map(([q, X]) => ({
@@ -6972,7 +6972,7 @@ const hb = D(({
     }));
   }
   const w = () => {
-    f(), i == null || i(Rt(s));
+    g(), i == null || i(Rt(s));
   };
   function I(R) {
     c((q) => ({
@@ -6981,11 +6981,11 @@ const hb = D(({
     }));
   }
   const M = () => {
-    f(), c(a);
+    g(), c(a);
   };
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(L, { variant: "outline", onClick: p, children: t(d == null ? void 0 : d.displayName) }),
-    /* @__PURE__ */ r(ve, { size: 508, title: t("style.color.interpolation.setup"), opened: h, onClose: f, zIndex: 320, children: h && /* @__PURE__ */ u(T, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ r(ve, { size: 508, title: t("style.color.interpolation.setup"), opened: h, onClose: g, zIndex: 320, children: h && /* @__PURE__ */ u(T, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r(O, { label: t("style.color.interpolation.palette.label"), value: s.interpolation, data: y, onChange: b, comboboxProps: {
         withinPortal: !0,
         zIndex: 340
@@ -7129,7 +7129,7 @@ const hb = D(({
   }), {
     fields: h,
     append: p,
-    remove: f
+    remove: g
   } = d, y = t(n), b = h.map((Q, ue) => ({
     ...Q,
     ...y[ue]
@@ -7149,7 +7149,7 @@ const hb = D(({
         index: ue
       }),
       /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed" }),
-      /* @__PURE__ */ r(L, { leftSection: /* @__PURE__ */ r($e, { size: 16 }), color: "red", variant: "light", onClick: () => f(ue), sx: {
+      /* @__PURE__ */ r(L, { leftSection: /* @__PURE__ */ r($e, { size: 16 }), color: "red", variant: "light", onClick: () => g(ue), sx: {
         top: 15,
         right: 5
       }, disabled: c == null ? void 0 : c({
@@ -7223,12 +7223,12 @@ const hb = D(({
     o === "horizontal" ? (s.top = "0", s.left = "auto", s.right = "10", s.bottom = "auto") : (s.top = "10", s.left = "auto", s.right = "0", s.bottom = "auto"), l(s);
   };
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", mt: 20, children: /* @__PURE__ */ r(g, { name: "legend.show", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", mt: 20, children: /* @__PURE__ */ r(f, { name: "legend.show", control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(Ce, { label: n("chart.legend.show_legend"), sx: {
       flex: 1
     }, checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }) }),
-    /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(g, { name: "legend", control: e, render: ({
+    /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(f, { name: "legend", control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(rn, { sx: {
       flex: 1
@@ -7250,18 +7250,18 @@ function wb({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(V, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(O, { label: a("common.value"), required: !0, data: n, sx: {
         flex: 1
       }, ...i }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.template`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(V, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
       flex: 1
@@ -7299,12 +7299,12 @@ const Cb = ({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("chart.data_field"), required: !0, sx: {
       flex: 1
@@ -7371,12 +7371,12 @@ const Ut = J(({
   } = x();
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("chart.x_axis.x_axis_data_field"), required: !0, sx: {
         flex: 1
@@ -7384,16 +7384,16 @@ const Ut = J(({
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.axis.tick_label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) })
   ] });
@@ -7513,12 +7513,12 @@ const bt = $.forwardRef(Mb), Lb = ({
   } = x();
   return t(["y_axis"]), /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "y_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "y_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("chart.y_axis.y_axis_data_field"), required: !0, sx: {
         flex: 1
@@ -7526,7 +7526,7 @@ const bt = $.forwardRef(Mb), Lb = ({
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mt: 10, mb: -15, variant: "dashed", label: n("chart.axis.section_title.label_format"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: "y_axis.label_formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.label_formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bt, { ...a }) })
     ] })
@@ -7578,11 +7578,11 @@ function Ab({
       /* @__PURE__ */ r(S.Panel, { value: "Y Axis", children: /* @__PURE__ */ r(Lb, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Legend", children: /* @__PURE__ */ r(vb, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Tooltip", children: /* @__PURE__ */ r(zb, { control: l, watch: c }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Style", children: /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: "color", control: l, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "Style", children: /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: "color", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(Ke, { label: t("chart.color.label"), ...p }) }) }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(Sb, { variables: i, control: l, watch: c }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(g, { name: "dataZoom", control: l, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(Br, { ...p }) }) })
     ] })
@@ -7884,7 +7884,7 @@ const li = {
     vertical_align: d,
     compact: h,
     size: p,
-    ...f
+    ...g
   } = l, {
     width: y,
     height: b
@@ -7898,7 +7898,7 @@ const li = {
     height: b,
     justifyContent: Hb[c],
     alignItems: Wb[d]
-  }, children: /* @__PURE__ */ r(L, { size: M, ...f, onClick: I, children: wa(s)(w) }) });
+  }, children: /* @__PURE__ */ r(L, { size: M, ...g, onClick: I, children: wa(s)(w) }) });
 }), Kb = ({
   value: e,
   onChange: t,
@@ -7975,31 +7975,31 @@ function Zb({
   }, [i]), s(["content", "variant", "color", "size", "compact", "horizontal_align", "vertical_align"]), /* @__PURE__ */ u("form", { onSubmit: l(n), children: [
     /* @__PURE__ */ r(Ae, { canSubmit: c.isDirty }),
     /* @__PURE__ */ u(T, { children: [
-      /* @__PURE__ */ r(g, { control: o, name: "content", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "content", render: ({
         field: h
       }) => /* @__PURE__ */ r(V, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
       /* @__PURE__ */ r(P, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(ke, { cols: 2, children: [
-        /* @__PURE__ */ r(g, { control: o, name: "variant", render: ({
+        /* @__PURE__ */ r(f, { control: o, name: "variant", render: ({
           field: h
         }) => /* @__PURE__ */ r(O, { label: "Variant", data: Xb, ...h }) }),
-        /* @__PURE__ */ r(g, { control: o, name: "color", render: ({
+        /* @__PURE__ */ r(f, { control: o, name: "color", render: ({
           field: h
         }) => /* @__PURE__ */ r(Kb, { label: "Theme", ...h }) })
       ] }),
       /* @__PURE__ */ u(ke, { cols: 2, children: [
-        /* @__PURE__ */ r(g, { control: o, name: "size", render: ({
+        /* @__PURE__ */ r(f, { control: o, name: "size", render: ({
           field: h
         }) => /* @__PURE__ */ r(ha, { label: "Size", ...h }) }),
-        /* @__PURE__ */ r(g, { control: o, name: "compact", render: ({
+        /* @__PURE__ */ r(f, { control: o, name: "compact", render: ({
           field: h
         }) => /* @__PURE__ */ r(te, { label: "Compact", checked: h.value, onChange: (p) => h.onChange(p.currentTarget.checked), mt: 26 }) })
       ] }),
       /* @__PURE__ */ u(ke, { cols: 2, children: [
-        /* @__PURE__ */ r(g, { control: o, name: "horizontal_align", render: ({
+        /* @__PURE__ */ r(f, { control: o, name: "horizontal_align", render: ({
           field: h
         }) => /* @__PURE__ */ r(oi, { ...h }) }),
-        /* @__PURE__ */ r(g, { control: o, name: "vertical_align", render: ({
+        /* @__PURE__ */ r(f, { control: o, name: "vertical_align", render: ({
           field: h
         }) => /* @__PURE__ */ r(Gs, { ...h }) })
       ] })
@@ -8829,8 +8829,8 @@ const Ys = {
   B(() => {
     if (!n || !a.current)
       return;
-    const f = d ? 0 : a.current.offsetHeight;
-    n(f);
+    const g = d ? 0 : a.current.offsetHeight;
+    n(g);
   }, [d, a.current]);
   const h = z(() => d ? "none" : "block", [d]);
   return /* @__PURE__ */ r(A, { sx: {
@@ -8952,7 +8952,7 @@ function qy({
       group_by_key: s
     } = o;
     if (!s || s === t) {
-      const p = ht(n, o.y_axis_data_key).map((f, y) => [y, Number(f)]);
+      const p = ht(n, o.y_axis_data_key).map((g, y) => [y, Number(g)]);
       i(o, l, "", p);
       return;
     }
@@ -8960,8 +8960,8 @@ function qy({
       columnKey: c
     } = N(o.y_axis_data_key), d = C.groupBy(Vr(n, o.y_axis_data_key), s);
     Object.entries(d).forEach(([h, p]) => {
-      const f = p.map((b, w) => [w, Number(b[c])]);
-      i(o, h, h, f);
+      const g = p.map((b, w) => [w, Number(b[c])]);
+      i(o, h, h, g);
     });
   }), a;
 }
@@ -9055,8 +9055,8 @@ function Gy({
     });
   const l = ci(t, a, i), s = C.groupBy(l, "0");
   return e.map(([d]) => {
-    const p = s[d].map((y) => y[1]), f = ja(p, n);
-    return [d, f];
+    const p = s[d].map((y) => y[1]), g = ja(p, n);
+    return [d, g];
   });
 }
 function Hy({
@@ -9105,8 +9105,8 @@ function Wy({
         lodash: C,
         interpolate: fn
       });
-    } catch (f) {
-      return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${f.message}`), 10;
+    } catch (g) {
+      return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${g.message}`), 10;
     }
   };
 }
@@ -9124,7 +9124,7 @@ function Uy({
   stack: d,
   color: h,
   display_name_on_line: p,
-  symbolSize: f,
+  symbolSize: g,
   hide_in_legend: y,
   areaStyle: b,
   ...w
@@ -9140,7 +9140,7 @@ function Uy({
     yAxisIndex: a,
     stack: d,
     color: h,
-    symbolSize: Wy(f, M, e, R),
+    symbolSize: Wy(g, M, e, R),
     hide_in_legend: y,
     labelLayout: {
       hideOverlap: !0
@@ -9223,7 +9223,7 @@ function Zy(e, t, n, a) {
         return "";
       const s = l.map(({
         seriesName: p,
-        marker: f,
+        marker: g,
         value: y
       }) => {
         if (Array.isArray(y) && y.length === 2 && (y = y[1]), !p)
@@ -9231,7 +9231,7 @@ function Zy(e, t, n, a) {
         const b = i[p], w = a[b] ?? a.default;
         return `
         <tr>
-          <td>${f}</td>
+          <td>${g}</td>
           <th style="text-align: right; padding: 0 1em;">${p}</th>
           <td style="text-align: left; padding: 0 1em;">${w({
           value: y
@@ -9239,9 +9239,9 @@ function Zy(e, t, n, a) {
         </tr>
         `;
       }), c = e.tooltip.metrics.map((p) => {
-        const f = ht(t, p.data_key), y = C.uniq(l.map(({
+        const g = ht(t, p.data_key), y = C.uniq(l.map(({
           dataIndex: b
-        }) => f[b]));
+        }) => g[b]));
         return `<tr>
         <td />
         <th style="text-align: right; padding: 0 1em;">${p.name}</th>
@@ -9424,9 +9424,9 @@ function o_({
         rowData: M
       });
     });
-  }, [s, c, i]), h = $.useMemo(() => i_(e, t, o), [e, t]), p = $.useRef(), f = ia(l), y = ae(() => {
+  }, [s, c, i]), h = $.useMemo(() => i_(e, t, o), [e, t]), p = $.useRef(), g = ia(l), y = ae(() => {
     var I;
-    f.current((I = p.current) == null ? void 0 : I.getOption());
+    g.current((I = p.current) == null ? void 0 : I.getOption());
   }, []), b = z(() => ({
     click: d,
     finished: y
@@ -9454,14 +9454,14 @@ const l_ = D(({
   } = e, o = z(() => he({}, a, Ys), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = G(0), [p, f] = G(0), y = Math.max(0, Ct(c) - d - p), b = St(s);
+  } = e.viewport, [d, h] = G(0), [p, g] = G(0), y = Math.max(0, Ct(c) - d - p), b = St(s);
   function w(I) {
     Ye(t, I);
   }
   return /* @__PURE__ */ u(nt, { width: s, height: c, children: [
     /* @__PURE__ */ r(fr, { onHeightChange: h, value: o.stats.top, context: e }),
     /* @__PURE__ */ r(o_, { onChartRenderFinished: w, variables: i, width: b, height: y, data: l, conf: o, interactionManager: n }),
-    /* @__PURE__ */ r(fr, { onHeightChange: f, value: o.stats.bottom, context: e })
+    /* @__PURE__ */ r(fr, { onHeightChange: g, value: o.stats.bottom, context: e })
   ] });
 });
 function s_({
@@ -9483,24 +9483,24 @@ function s_({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_areas.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.reference_area.label"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_areas.${t}.color`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.color.label"), required: !0, sx: {
         flex: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_areas.${t}.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_areas.${t}.type`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.type.label"), required: !0, data: o, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_areas.${t}.direction`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_areas.${t}.direction`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.direction.label"), required: !0, data: l, sx: {
         flex: 1
@@ -9508,12 +9508,12 @@ function s_({
     ] }),
     /* @__PURE__ */ r(P, { variant: "dashed", label: a("data.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_areas.${t}.y_keys.upper`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_areas.${t}.y_keys.upper`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.boundary.upper"), required: !0, data: n, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_areas.${t}.y_keys.lower`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_areas.${t}.y_keys.lower`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.reference_area.boundary.lower"), required: !0, data: n, sx: {
         flex: 1
@@ -9584,32 +9584,32 @@ function d_({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.template`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ u(T, { children: [
-        /* @__PURE__ */ r(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: s
         }) => /* @__PURE__ */ r(rn, { label: o("chart.orientation.label"), sx: {
           flex: 1
         }, ...s }) }),
         l === "vertical" && /* @__PURE__ */ r(k, { mt: -10, c: "dimmed", size: "12px", children: o("chart.reference_line.orientation.vertical_hint") })
       ] }),
-      l === "horizontal" && /* @__PURE__ */ r(g, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
+      l === "horizontal" && /* @__PURE__ */ r(f, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
         field: {
           value: s,
           onChange: c,
@@ -9627,22 +9627,22 @@ function d_({
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: o("chart.style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(En, { sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(ne, { label: o("chart.series.line.line_width"), min: 1, max: 10, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ke, { label: o("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: o("chart.behavior.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(te, { label: o("chart.legend.show_in_legend"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) })
   ] });
@@ -9709,24 +9709,24 @@ function h_({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.name`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...c }) }),
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.group_by_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.group_by_key`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(K, { label: i("chart.series.group_by.label_line"), clearable: !0, sx: {
         flex: 1
       }, ...c }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.y_axis_data_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.y_axis_data_key`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(K, { label: i("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...c }) }),
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.plot.yAxisIndex`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.plot.yAxisIndex`, control: e, render: ({
         field: {
           value: c,
           onChange: d,
@@ -9743,12 +9743,12 @@ function h_({
       } }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.transform.config.method`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.transform.config.method`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(O, { label: i("chart.regression_line.method.label"), data: l, sx: {
         flex: 1
       }, ...c }) }),
-      s === "polynomial" && /* @__PURE__ */ r(g, { name: `regressions.${n}.transform.config.order`, control: e, render: ({
+      s === "polynomial" && /* @__PURE__ */ r(f, { name: `regressions.${n}.transform.config.order`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(ne, { label: i("chart.regression_line.method.polynomial_order"), sx: {
         flex: 1
@@ -9756,18 +9756,18 @@ function h_({
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: i("chart.series.line.line_style"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.plot.lineStyle.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.plot.lineStyle.type`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(En, { sx: {
         flexGrow: 1
       }, ...c }) }),
-      /* @__PURE__ */ r(g, { name: `regressions.${n}.plot.lineStyle.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `regressions.${n}.plot.lineStyle.width`, control: e, render: ({
         field: c
       }) => /* @__PURE__ */ r(ne, { label: i("chart.series.line.line_width"), min: 1, max: 10, sx: {
         flexGrow: 1
       }, ...c }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `regressions.${n}.plot.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `regressions.${n}.plot.color`, control: e, render: ({
       field: c
     }) => /* @__PURE__ */ r(Ke, { label: i("chart.color.label"), ...c }) }) })
   ] });
@@ -9844,19 +9844,19 @@ const m_ = ({
   }] = De(), [l, s] = G(e), c = () => {
     o();
     const {
-      type: f,
+      type: g,
       func_content: y
     } = l, b = {
-      type: f,
+      type: g,
       func_content: y
     };
     s(b), t(b);
   }, d = () => {
     o(), s(e);
-  }, h = (f) => {
+  }, h = (g) => {
     s((y) => ({
       ...y,
-      func_content: f
+      func_content: g
     }));
   }, p = () => {
     h(ui.dynamic.func_content);
@@ -10001,7 +10001,7 @@ function y_({
       },
       fallback: t.fallback
     });
-  }, f = (b) => {
+  }, g = (b) => {
     n({
       ...t,
       fallback: b.currentTarget.value
@@ -10062,7 +10062,7 @@ function y_({
         color: "grape"
       } })
     ] }),
-    i && /* @__PURE__ */ r(V, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: f })
+    i && /* @__PURE__ */ r(V, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: g })
   ] });
 }
 const pi = $.forwardRef(y_), On = J(({
@@ -10145,29 +10145,29 @@ function __({
   }], [i.language]);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.stack`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.barGap`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.series.bar.bar_gap.label"), data: l, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.barMinWidth`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.barWidth`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.barMaxWidth`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
@@ -10199,19 +10199,19 @@ function x_({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: a("chart.series.line.line_settings"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.lineStyle.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.lineStyle.type`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(En, { sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.lineStyle.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.lineStyle.width`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(ne, { label: a("chart.series.line.line_width"), min: 1, max: 10, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, align: "center", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.step`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.step`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.series.line.step.label"), data: l, sx: {
         flexGrow: 1,
@@ -10221,12 +10221,12 @@ function x_({
         s.onChange(d);
       }) }) }),
       /* @__PURE__ */ u(T, { children: [
-        /* @__PURE__ */ r(g, { name: `series.${t}.smooth`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `series.${t}.smooth`, control: e, render: ({
           field: s
         }) => /* @__PURE__ */ r(A, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ r(Ce, { label: a("chart.series.line.smooth_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
-        /* @__PURE__ */ r(g, { name: `series.${t}.display_name_on_line`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: s
         }) => /* @__PURE__ */ r(A, { sx: {
           flexGrow: 1
@@ -10234,16 +10234,16 @@ function x_({
       ] })
     ] }),
     /* @__PURE__ */ u(T, { children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.showSymbol`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(A, { mt: 10, mb: -10, sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(Ce, { label: a("chart.series.line.show_symbol_on_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
-      o && /* @__PURE__ */ r(g, { name: `series.${t}.symbolSize`, control: e, render: ({
+      o && /* @__PURE__ */ r(f, { name: `series.${t}.symbolSize`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(hi, { ...s }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: `series.${t}.areaStyle`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `series.${t}.areaStyle`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(oy, { ...s }) })
   ] });
@@ -10252,7 +10252,7 @@ function v_({
   control: e,
   index: t
 }) {
-  return /* @__PURE__ */ r(g, { name: `series.${t}.symbolSize`, control: e, render: ({
+  return /* @__PURE__ */ r(f, { name: `series.${t}.symbolSize`, control: e, render: ({
     field: n
   }) => /* @__PURE__ */ r(hi, { label: "Size", ...n }) });
 }
@@ -10268,7 +10268,7 @@ function w_({
   return /* @__PURE__ */ u(T, { my: 0, p: 0, sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(g, { name: `series.${t}.type`, control: e, render: ({
+    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: `series.${t}.type`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(ka, { data: [{
       label: i("chart.series.line.label"),
@@ -10281,12 +10281,12 @@ function w_({
       value: "scatter"
     }], ...s }) }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: i("chart.series.name"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.yAxisIndex`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.yAxisIndex`, control: e, render: ({
         field: {
           value: s,
           onChange: c,
@@ -10303,35 +10303,35 @@ function w_({
       } }) })
     ] }),
     /* @__PURE__ */ u(ke, { cols: 2, children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.y_axis_data_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.y_axis_data_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(K, { label: i("chart.series.data_field"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(pi, { label: i("viz.cartesian_chart.series.aggregation.label"), value: s.value ?? Pn, onChange: s.onChange, pt: 0, withFallback: !1 }) })
     ] }),
-    /* @__PURE__ */ r(_, { grow: !0, children: /* @__PURE__ */ r(g, { name: `series.${t}.group_by_key`, control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, children: /* @__PURE__ */ r(f, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(K, { label: i("chart.series.group_by.label"), clearable: !0, sx: {
       flex: 1
     }, ...s }) }) }),
-    !!l && /* @__PURE__ */ r(g, { name: `series.${t}.order_in_group`, control: e, render: ({
+    !!l && /* @__PURE__ */ r(f, { name: `series.${t}.order_in_group`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ks, { label: i("chart.series_order.label"), hiddenKeys: ["value"], ...s }) }),
     o === "line" && /* @__PURE__ */ r(x_, { index: t, control: e, seriesItem: n }),
     o === "bar" && /* @__PURE__ */ r(__, { index: t, control: e, seriesItem: n }),
     o === "scatter" && /* @__PURE__ */ r(v_, { index: t, control: e }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: i("chart.style.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `series.${t}.label_position`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `series.${t}.label_position`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(On, { label: i("chart.label_position.label"), withOffOption: !0, ...s }) }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `series.${t}.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `series.${t}.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ke, { label: i("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: i("chart.behavior.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `series.${t}.hide_in_legend`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(te, { label: i("chart.legend.hide_in_legend"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) })
   ] });
@@ -10391,7 +10391,7 @@ const C_ = D(({
     t: a
   } = x();
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { name: "stats.top", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "stats.top", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(Zt, { label: a("chart.stats.template.above_chart"), styles: {
       root: {
@@ -10399,7 +10399,7 @@ const C_ = D(({
         minHeight: "240px"
       }
     }, autoSubmit: !0, ...i }, `${n.id}.stats.top`) }),
-    /* @__PURE__ */ r(g, { name: "stats.bottom", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "stats.bottom", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(Zt, { label: a("chart.stats.template.under_chart"), styles: {
       root: {
@@ -10416,12 +10416,12 @@ const C_ = D(({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
       flex: 1
@@ -10504,18 +10504,18 @@ function I_({
     value: "log"
   }], [a.language]);
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { name: "x_axis_name", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis_name", control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
       flex: 1
     }, ...o }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis_data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis_data_key", control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(K, { label: n("chart.x_axis.x_axis_data_field"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.type", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.type", control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(O, { label: /* @__PURE__ */ r(D_, {}), required: !0, data: i, sx: {
         flex: 1
@@ -10523,16 +10523,16 @@ function I_({
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.axis.tick_label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...o }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(zt, { ...o }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(Tt, { ...o }) })
   ] });
@@ -10588,42 +10588,42 @@ function M_({
   }, children: [
     /* @__PURE__ */ r(P, { mb: -15, mt: 15, variant: "dashed", label: n("common.name"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `y_axes.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(an, { sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.y_axis.layout"), labelPosition: "center" }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: `y_axes.${t}.position`, control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `y_axes.${t}.position`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Xs, { sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bt, { ...a }) })
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
       /* @__PURE__ */ u(_, { grow: !0, children: [
-        /* @__PURE__ */ r(g, { name: `y_axes.${t}.min`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
         }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
-        /* @__PURE__ */ r(g, { name: `y_axes.${t}.max`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
         }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: n("chart.y_axis.behavior"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `y_axes.${t}.show`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `y_axes.${t}.show`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(te, { label: n("chart.y_axis.visible"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
   ] });
@@ -10706,7 +10706,7 @@ function A_({
       /* @__PURE__ */ r(S.Panel, { value: "Stats", children: /* @__PURE__ */ r(C_, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(u_, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Areas", children: /* @__PURE__ */ r(c_, { variables: i, control: l, watch: c }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(g, { name: "dataZoom", control: l, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(Br, { ...p }) }) })
     ] })
@@ -10766,9 +10766,9 @@ function O_(e, t) {
     } = n;
     if (!a || !i)
       return {};
-    const p = N(a), f = N(i), y = t[p.queryID].map((w) => ({
+    const p = N(a), g = N(i), y = t[p.queryID].map((w) => ({
       name: w[p.columnKey],
-      value: w[f.columnKey]
+      value: w[g.columnKey]
     })), b = ft(o.overflow.on_axis);
     return {
       type: "funnel",
@@ -10968,20 +10968,20 @@ const H_ = ({
     value: "0"
   }], [o.language]);
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: `series.${n}.name`, control: t, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.name`, control: t, render: ({
       field: p
     }) => /* @__PURE__ */ r(V, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${n}.level_name_data_key`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(K, { label: i("viz.funnel_chart.level_name_field"), ...p }) }),
-      /* @__PURE__ */ r(g, { name: `series.${n}.level_value_data_key`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.level_value_data_key`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(K, { label: i("viz.funnel_chart.level_value_field"), ...p }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: i("viz.funnel_chart.funnel_style"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${n}.min.value`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.min.value`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(ne, { disabled: !l, labelProps: {
         display: "block"
@@ -10989,16 +10989,16 @@ const H_ = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: i("viz.funnel_chart.min_value") }),
-        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(g, { name: `series.${n}.min.enable_value`, control: t, render: ({
-          field: f
-        }) => /* @__PURE__ */ r(te, { size: "xs", checked: f.value, onChange: (y) => f.onChange(y.currentTarget.checked) }) }) }) })
+        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
+          field: g
+        }) => /* @__PURE__ */ r(te, { size: "xs", checked: g.value, onChange: (y) => g.onChange(y.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
-      /* @__PURE__ */ r(g, { name: `series.${n}.min.size`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.min.size`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(V, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${n}.max.value`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.max.value`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(ne, { disabled: !s, labelProps: {
         display: "block"
@@ -11006,38 +11006,38 @@ const H_ = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(k, { size: "sm", children: i("viz.funnel_chart.max_value") }),
-        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(g, { name: `series.${n}.max.enable_value`, control: t, render: ({
-          field: f
-        }) => /* @__PURE__ */ r(te, { size: "xs", checked: f.value, onChange: (y) => f.onChange(y.currentTarget.checked) }) }) }) })
+        /* @__PURE__ */ r(re, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
+          field: g
+        }) => /* @__PURE__ */ r(te, { size: "xs", checked: g.value, onChange: (y) => g.onChange(y.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
-      /* @__PURE__ */ r(g, { name: `series.${n}.max.size`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.max.size`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(V, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${n}.orient`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.orient`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(rn, { ...p }) }),
-      /* @__PURE__ */ r(g, { name: `series.${n}.sort`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.sort`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(O, { label: i("viz.funnel_chart.sort.label"), data: h, ...p }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${n}.funnelAlign`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.funnelAlign`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(an, { label: i("viz.funnel_chart.align"), disabled: c === "horizontal", ...p }) }),
-      /* @__PURE__ */ r(g, { name: `series.${n}.gap`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.gap`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(ne, { placeholder: "0, 5, 10...", label: i("viz.funnel_chart.gap"), ...p }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: i("chart.label.label_style"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${n}.axisLabel.position`, control: t, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.position`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(On, { label: i("chart.label_position.label"), options: d[c], ...p }) }),
       /* @__PURE__ */ r(A, {})
     ] }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
       field: p
     }) => /* @__PURE__ */ r(Tt, { ...p }) }) })
   ] });
@@ -11343,14 +11343,14 @@ function dx({
       label: "",
       value: pt(e.y_axis.axisLabel.overflow.in_tooltip)
     }
-  }, f = {
+  }, g = {
     label: e.heat_block.name,
     value: n.heat_block(d),
     style: {
       label: "",
       value: ""
     }
-  }, y = [h, p, f], b = a[`${s}---${c}`];
+  }, y = [h, p, g], b = a[`${s}---${c}`];
   return b && e.tooltip.metrics.forEach((w) => {
     const I = N(w.data_key);
     y.push({
@@ -11373,7 +11373,7 @@ function ux(e, t, n, a) {
   const d = C.keyBy(t[s.queryID], (h) => `${h[s.columnKey]}---${h[c.columnKey]}`);
   return pe.getTooltip({
     formatter: function(h) {
-      const f = dx({
+      const g = dx({
         conf: e,
         labelFormatters: n,
         valueFormatters: a,
@@ -11399,7 +11399,7 @@ function ux(e, t, n, a) {
               />
             </tr>
           </thead>
-          <tbody>${f.join("")}</tbody>
+          <tbody>${g.join("")}</tbody>
         </table>
       `;
     }
@@ -11520,16 +11520,16 @@ const er = ({
     t
   } = x();
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { control: e.control, name: "visualMap.skipRange.lt_min", render: ({
+    /* @__PURE__ */ r(f, { control: e.control, name: "visualMap.skipRange.lt_min", render: ({
       field: n
     }) => /* @__PURE__ */ r(er, { field: n, label: t("chart.visual_map.skip_range.lt_min") }) }),
-    /* @__PURE__ */ r(g, { control: e.control, name: "visualMap.skipRange.min", render: ({
+    /* @__PURE__ */ r(f, { control: e.control, name: "visualMap.skipRange.min", render: ({
       field: n
     }) => /* @__PURE__ */ r(er, { field: n, label: t("chart.visual_map.skip_range.min") }) }),
-    /* @__PURE__ */ r(g, { control: e.control, name: "visualMap.skipRange.max", render: ({
+    /* @__PURE__ */ r(f, { control: e.control, name: "visualMap.skipRange.max", render: ({
       field: n
     }) => /* @__PURE__ */ r(er, { field: n, label: t("chart.visual_map.skip_range.max") }) }),
-    /* @__PURE__ */ r(g, { control: e.control, name: "visualMap.skipRange.gt_max", render: ({
+    /* @__PURE__ */ r(f, { control: e.control, name: "visualMap.skipRange.gt_max", render: ({
       field: n
     }) => /* @__PURE__ */ r(er, { field: n, label: t("chart.visual_map.skip_range.gt_max") }) })
   ] });
@@ -11547,20 +11547,20 @@ const er = ({
   };
   return o !== "continuous" ? null : /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "visualMap.text.1", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.text.1", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.min_text"), ...d }) }),
-      /* @__PURE__ */ r(g, { name: "visualMap.text.0", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.text.0", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.max_text"), ...d }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "visualMap.orient", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.orient", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(rn, { sx: {
         flex: 1
       }, ...d }) }),
-      /* @__PURE__ */ r(g, { name: "visualMap.calculable", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.calculable", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(te, { label: t("chart.visual_map.calculable"), checked: d.value, onChange: (h) => d.onChange(h.currentTarget.checked), styles: {
         root: {
@@ -11573,14 +11573,14 @@ const er = ({
         flexDirection: s ? "row-reverse" : "row"
       }
     }, children: [
-      /* @__PURE__ */ r(g, { name: "visualMap.itemWidth", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.itemWidth", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(ne, { label: t(s ? "chart.visual_map.bar_height" : "chart.visual_map.bar_width"), ...d, onChange: c(d.onChange) }) }),
-      /* @__PURE__ */ r(g, { name: "visualMap.itemHeight", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.itemHeight", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(ne, { label: t(s ? "chart.visual_map.bar_width" : "chart.visual_map.bar_height"), ...d, onChange: c(d.onChange) }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "visualMap.inRange.color", control: a, render: ({
+    /* @__PURE__ */ r(f, { name: "visualMap.inRange.color", control: a, render: ({
       field: d
     }) => /* @__PURE__ */ r(_s, { ...d }) }),
     /* @__PURE__ */ r(mx, { form: e })
@@ -11637,22 +11637,22 @@ const er = ({
   return /* @__PURE__ */ r(_, { wrap: "nowrap", children: /* @__PURE__ */ u(ut, { width: 400, position: "bottom", withArrow: !0, shadow: "md", opened: d, onChange: h, withinPortal: !0, zIndex: 340, children: [
     /* @__PURE__ */ r(ut.Target, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "compact-sm", px: 0, onClick: () => h((p) => !p), fw: "normal", ff: "monospace", children: c }) }),
     /* @__PURE__ */ r(ut.Dropdown, { children: /* @__PURE__ */ u(_, { wrap: "nowrap", gap: 8, children: [
-      /* @__PURE__ */ r(g, { name: `visualMap.pieces.${t}.lower.value`, control: a, render: ({
+      /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(V, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (f) => p.onChange(f.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
-      /* @__PURE__ */ r(g, { name: `visualMap.pieces.${t}.lower.symbol`, control: a, render: ({
+      }) => /* @__PURE__ */ r(V, { ...p, placeholder: n("chart.visual_map.min_value"), size: "xs", onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) }),
+      /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.symbol`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(O, { size: "xs", data: so.lower, ...p, onChange: xe((f) => p.onChange(f)) }) }),
+      }) => /* @__PURE__ */ r(O, { size: "xs", data: so.lower, ...p, onChange: xe((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(k, { c: "dimmed", size: "sm", sx: {
         userSelect: "none",
         cursor: "default"
       }, children: n("common.value").toLowerCase() }),
-      /* @__PURE__ */ r(g, { name: `visualMap.pieces.${t}.upper.symbol`, control: a, render: ({
+      /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.symbol`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(O, { size: "xs", data: so.upper, ...p, onChange: xe((f) => p.onChange(f)) }) }),
-      /* @__PURE__ */ r(g, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
+      }) => /* @__PURE__ */ r(O, { size: "xs", data: so.upper, ...p, onChange: xe((g) => p.onChange(g)) }) }),
+      /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r(V, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (f) => p.onChange(f.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
+      }) => /* @__PURE__ */ r(V, { ...p, size: "xs", placeholder: n("chart.visual_map.max_value"), onChange: (g) => p.onChange(g.currentTarget.value), error: p.value !== "" && Number.isNaN(Number(p.value)) }) })
     ] }) })
   ] }) });
 }, yx = ({
@@ -11668,10 +11668,10 @@ const er = ({
   return /* @__PURE__ */ u(v.Tr, { children: [
     /* @__PURE__ */ r(v.Td, { children: (t + 1).toString() }),
     /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(bx, { form: e, index: t }) }),
-    /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(g, { name: `visualMap.pieces.${t}.label`, control: a, render: ({
+    /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.label`, control: a, render: ({
       field: o
     }) => /* @__PURE__ */ r(V, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
-    /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(g, { name: `visualMap.pieces.${t}.color`, control: a, render: ({
+    /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.color`, control: a, render: ({
       field: o
     }) => /* @__PURE__ */ r(Jt, { label: i(""), placeholder: i("chart.color.label"), size: "xs", popoverProps: {
       withinPortal: !0,
@@ -11743,19 +11743,19 @@ const er = ({
     typeof h != "string" && d(h);
   };
   return o !== "piecewise" ? null : /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { name: "visualMap.precision", control: a, render: ({
+    /* @__PURE__ */ r(f, { name: "visualMap.precision", control: a, render: ({
       field: d
     }) => /* @__PURE__ */ r(ne, { label: t("chart.visual_map.precision"), ...d, onChange: c(d.onChange) }) }),
-    /* @__PURE__ */ r(g, { name: "visualMap.orient", control: a, render: ({
+    /* @__PURE__ */ r(f, { name: "visualMap.orient", control: a, render: ({
       field: d
     }) => /* @__PURE__ */ r(rn, { sx: {
       flex: 1
     }, ...d }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "visualMap.itemWidth", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.itemWidth", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(ne, { label: t("chart.visual_map.item_width"), ...d, onChange: c(d.onChange) }) }),
-      /* @__PURE__ */ r(g, { name: "visualMap.itemHeight", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.itemHeight", control: a, render: ({
         field: d
       }) => /* @__PURE__ */ r(ne, { label: t("chart.visual_map.item_height"), ...d, onChange: c(d.onChange) }) })
     ] }),
@@ -11787,16 +11787,16 @@ const er = ({
   };
   return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ r(fx, { visualMap: i }),
-    /* @__PURE__ */ r(g, { name: "visualMap.type", control: a, render: ({
+    /* @__PURE__ */ r(f, { name: "visualMap.type", control: a, render: ({
       field: s
     }) => /* @__PURE__ */ r(ka, { mt: -10, data: o, sx: {
       flex: 1
     }, ...s, onChange: l }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "visualMap.min", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.min", control: a, render: ({
         field: s
       }) => /* @__PURE__ */ r(eo, { label: t("chart.visual_map.min_value"), ...s }) }),
-      /* @__PURE__ */ r(g, { name: "visualMap.max", control: a, render: ({
+      /* @__PURE__ */ r(f, { name: "visualMap.max", control: a, render: ({
         field: s
       }) => /* @__PURE__ */ r(eo, { label: t("chart.visual_map.max_value"), ...s }) })
     ] }),
@@ -11817,7 +11817,7 @@ function wx(e, t, n, a, i, o) {
   }, {}), s = Rr(e.visualMap, l), {
     min: c,
     max: d
-  } = s, h = ix(e), p = ox(e), f = N(e.x_axis.data_key), y = N(e.y_axis.data_key), b = C.uniq(t[f.queryID].map((q) => q[f.columnKey])), w = C.uniq(t[f.queryID].map((q) => q[y.columnKey])), I = n.map((q) => {
+  } = s, h = ix(e), p = ox(e), g = N(e.x_axis.data_key), y = N(e.y_axis.data_key), b = C.uniq(t[g.queryID].map((q) => q[g.columnKey])), w = C.uniq(t[g.queryID].map((q) => q[y.columnKey])), I = n.map((q) => {
     const X = C.clone(q), {
       followVisualMap: Q,
       color: ue
@@ -11841,9 +11841,9 @@ function Sx(e, t) {
     if (!s)
       return {};
     const c = s.map((d) => {
-      const h = C.get(d, n.columnKey), p = C.get(d, a.columnKey), f = C.get(d, i.columnKey);
+      const h = C.get(d, n.columnKey), p = C.get(d, a.columnKey), g = C.get(d, i.columnKey);
       return {
-        value: [h, p, f]
+        value: [h, p, g]
       };
     });
     return C.groupBy(c, "value.1");
@@ -11973,14 +11973,14 @@ function Tx({
         rowData: R
       });
     });
-  }, [c, d, o]), p = $.useRef(null), f = ae(() => {
+  }, [c, d, o]), p = $.useRef(null), g = ae(() => {
     var I;
     const w = (I = p.current) == null ? void 0 : I.getEchartsInstance();
     w && Ye(s, w.getOption());
   }, [s]), y = z(() => ({
     click: h,
-    finished: f
-  }), [h, f]), b = $.useMemo(() => wx(e, t, n, l, a, i), [e, t, n, a, i]);
+    finished: g
+  }), [h, g]), b = $.useMemo(() => wx(e, t, n, l, a, i), [e, t, n, a, i]);
   return /* @__PURE__ */ r(He, { echarts: Ne, option: b, style: {
     width: a,
     height: i
@@ -12003,9 +12003,9 @@ function Dx({
   } = e.viewport, {
     totalPages: d,
     groupedFullData: h
-  } = Sx(l, o), [p, f] = G(1), y = Cx(h, o, p);
+  } = Sx(l, o), [p, g] = G(1), y = Cx(h, o, p);
   return !s || !c ? null : /* @__PURE__ */ u(nt, { width: s, height: c, children: [
-    o.pagination.page_size > 0 && /* @__PURE__ */ r(ax, { page: p, setPage: f, totalPages: d, width: s }),
+    o.pagination.page_size > 0 && /* @__PURE__ */ r(ax, { page: p, setPage: g, totalPages: d, width: s }),
     /* @__PURE__ */ r(Tx, { instance: t, variables: i, width: St(s), height: Ct(c), data: l, seriesData: y, conf: o, interactionManager: n })
   ] });
 }
@@ -12020,29 +12020,29 @@ function Ix({
   const a = t("heat_block.label.show");
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "heat_block.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.data_key", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), sx: {
         flex: 1
       }, ...i }) }),
-      /* @__PURE__ */ r(g, { name: "heat_block.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "heat_block.value_formatter", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "heat_block.value_formatter", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(bt, { ...i }) }),
     /* @__PURE__ */ r(P, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "heat_block.label.show", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(Ce, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
-      /* @__PURE__ */ r(g, { name: "heat_block.label.fontSize", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(ne, { size: "xs", leftSection: /* @__PURE__ */ r(Da, { size: 16 }), disabled: !a, ...i }) })
     ] })
@@ -12055,7 +12055,7 @@ function Mx({
   const {
     t: n
   } = x();
-  return t(["pagination"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(g, { name: "pagination.page_size", control: e, render: ({
+  return t(["pagination"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: "pagination.page_size", control: e, render: ({
     field: a
   }) => /* @__PURE__ */ r(ne, { label: n("common.pagination.page_size"), description: n("viz.heatmap.pagination.page_size_hint"), sx: {
     flex: 1
@@ -12071,12 +12071,12 @@ const Lx = ({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
       flex: 1
@@ -12126,28 +12126,28 @@ function $x({
   } = x();
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.axis.tick_label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] })
@@ -12164,23 +12164,23 @@ function Px({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "y_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "y_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "y_axis.nameAlignment", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "y_axis.nameAlignment", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(an, { sx: {
       flex: 1
     }, ...a }) }) }),
-    /* @__PURE__ */ r(g, { name: "y_axis.inverse", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "y_axis.inverse", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(te, { size: "sm", checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked), label: n("chart.y_axis.inverse"), styles: {
       root: {
@@ -12195,16 +12195,16 @@ function Px({
       }
     } }) }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.axis.tick_label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] })
@@ -12652,10 +12652,10 @@ function nv(e, t, n) {
   const o = N(a.data_key), l = N(i);
   if (o.queryID !== l.queryID)
     throw new Error("Please use the same query for X & Y axis");
-  const s = t[o.queryID].map((f) => [f[o.columnKey], Number(f[l.columnKey])]).sort((f, y) => y[1] - f[1]), c = s.reduce((f, y) => f + y[1], 0), d = s.reduce((f, y, b) => {
-    const w = b === 0 ? 0 : f[b - 1][1];
-    return f.push([y[0], w + y[1]]), f;
-  }, []).map((f) => [f[0], f[1] / c]), {
+  const s = t[o.queryID].map((g) => [g[o.columnKey], Number(g[l.columnKey])]).sort((g, y) => y[1] - g[1]), c = s.reduce((g, y) => g + y[1], 0), d = s.reduce((g, y, b) => {
+    const w = b === 0 ? 0 : g[b - 1][1];
+    return g.push([y[0], w + y[1]]), g;
+  }, []).map((g) => [g[0], g[1] / c]), {
     markLine: h,
     markArea: p
   } = tv(e, d);
@@ -12706,11 +12706,11 @@ const rv = (e, t) => (n) => {
     const d = s.seriesName, [h, p] = s.value;
     if (!d)
       return p;
-    const f = c === 0 ? t.bar : t.lineValue;
+    const g = c === 0 ? t.bar : t.lineValue;
     return `
     <tr>
       <th style="text-align: right; padding: 0 1em;">${d}</th>
-      <td style="text-align: left; padding: 0 1em;">${f(p)}</td>
+      <td style="text-align: left; padding: 0 1em;">${g(p)}</td>
     </tr>
   `;
   }), o = pt(e.x_axis.axisLabel.overflow.in_tooltip), l = a[0].name;
@@ -12848,7 +12848,7 @@ function dv({
   } = e.viewport, s = he({}, a, bi), c = cv(s, i, n), d = ct({
     vizManager: e.vizManager,
     instance: t
-  }), h = st(d.triggerManager, ec.id), p = yn(i, s.x_axis.data_key), f = ae((I) => {
+  }), h = st(d.triggerManager, ec.id), p = yn(i, s.x_axis.data_key), g = ae((I) => {
     const M = C.get(p, I.name, {
       error: "rowData is not found"
     });
@@ -12863,9 +12863,9 @@ function dv({
     const I = (M = y.current) == null ? void 0 : M.getEchartsInstance();
     I && Ye(t, I.getOption());
   }, [t]), w = z(() => ({
-    click: f,
+    click: g,
     finished: b
-  }), [f, b]);
+  }), [g, b]);
   return !s || !o || !l ? null : /* @__PURE__ */ r(nt, { width: o, height: l, children: /* @__PURE__ */ r(He, { echarts: Ne, option: c, ref: y, style: Xn(o, l), onEvents: w, notMerge: !0, theme: "merico-light" }) });
 }
 function uv({
@@ -12877,23 +12877,23 @@ function uv({
   } = x();
   return t(["bar"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "bar.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "bar.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "bar.nameAlignment", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "bar.nameAlignment", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(an, { sx: {
         flex: 1
       }, ...a }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: "bar.color", control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: "bar.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Ke, { label: n("chart.color.label"), ...a }) }) }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.label.label_format"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: "bar.label_formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "bar.label_formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bt, { ...a }) })
     ] })
@@ -12908,18 +12908,18 @@ function hv({
   } = x();
   return t(["line"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "line.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "line.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "line.nameAlignment", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "line.nameAlignment", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(an, { sx: {
         flex: 1
       }, ...a }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: "line.color", control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: "line.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Ke, { label: n("chart.color.label"), ...a }) }) })
   ] });
@@ -12965,11 +12965,11 @@ function gv({
     t: n
   } = x();
   return t(["markLine"]), /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: "markLine.color", control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: "markLine.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Ke, { label: n("chart.color.label"), ...a }) }) }),
     /* @__PURE__ */ u(T, { gap: 4, children: [
-      /* @__PURE__ */ r(g, { name: "markLine.label_template", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "markLine.label_template", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(ll, { autosize: !0, minRows: 2, maxRows: 4, label: n("viz.pareto_chart.line_80_20.label_template"), sx: {
         flex: 1
@@ -12992,29 +12992,29 @@ function fv({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.template`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
+      /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.orientation`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(rn, { label: o("chart.orientation.label"), sx: {
         flex: 1
       }, ...s }) }) }),
-      l === "horizontal" && /* @__PURE__ */ r(g, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
+      l === "horizontal" && /* @__PURE__ */ r(f, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
         field: {
           value: s,
           onChange: c,
@@ -13032,18 +13032,18 @@ function fv({
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: o("chart.style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(En, { sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(ne, { label: o("chart.series.line.line_width"), min: 1, max: 10, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ke, { label: o("chart.color.label"), ...s }) }) })
   ] });
@@ -13091,12 +13091,12 @@ function yv({
   } = x();
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
@@ -13104,16 +13104,16 @@ function yv({
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.axis.tick_label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) })
   ] });
@@ -13125,7 +13125,7 @@ function _v({
   const {
     t: n
   } = x();
-  return t(["data_key"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(g, { name: "data_key", control: e, render: ({
+  return t(["data_key"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: "data_key", control: e, render: ({
     field: a
   }) => /* @__PURE__ */ r(K, { label: n("chart.y_axis.y_axis_data_field"), required: !0, sx: {
     flex: 1
@@ -13179,7 +13179,7 @@ function xv({
       /* @__PURE__ */ r(S.Panel, { value: "Line", children: /* @__PURE__ */ r(hv, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "80-20 Line", children: /* @__PURE__ */ r(gv, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(bv, { variables: i, control: l, watch: c }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(g, { name: "dataZoom", control: l, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(Br, { ...p }) }) })
     ] })
@@ -13384,7 +13384,7 @@ function Av(e, t, n) {
     } = w;
     return !I || !M || (b[I] = M), b;
   }, {});
-  let f = t[c.queryID].map((b) => {
+  let g = t[c.queryID].map((b) => {
     const w = b[c.columnKey];
     return {
       name: w,
@@ -13392,7 +13392,7 @@ function Av(e, t, n) {
       color: Lv(b, h.columnKey, w, p)
     };
   });
-  o && (f = C.orderBy(f, [o.key], [o.order]));
+  o && (g = C.orderBy(g, [o.key], [o.order]));
   const y = Sg("multiple");
   return {
     type: "pie",
@@ -13430,7 +13430,7 @@ function Av(e, t, n) {
         labelLinePoints: I
       };
     },
-    data: f,
+    data: g,
     top: 10,
     bottom: 10,
     left: 10,
@@ -13545,14 +13545,14 @@ function Ov({
     var b;
     const y = (b = d.current) == null ? void 0 : b.getEchartsInstance();
     y && Ye(o, y.getOption());
-  }, [o]), p = $.useMemo(() => Pv(e, t, n), [e, t, n]), f = z(() => ({
+  }, [o]), p = $.useMemo(() => Pv(e, t, n), [e, t, n]), g = z(() => ({
     click: c,
     finished: h
   }), [c, h]);
   return !n || !a || !p.series.name ? null : /* @__PURE__ */ r(He, { echarts: Ne, option: p, ref: d, style: {
     width: n,
     height: a
-  }, onEvents: f, notMerge: !0, theme: "merico-light" });
+  }, onEvents: g, notMerge: !0, theme: "merico-light" });
 }
 function qv({
   context: e,
@@ -13605,7 +13605,7 @@ const Nv = J(({
     setFalse: h
   }] = De(!1), {
     ref: p,
-    handleRef: f
+    handleRef: g
   } = Oa({
     id: e.id,
     index: t
@@ -13625,7 +13625,7 @@ const Nv = J(({
       minWidth: "30px",
       maxWidth: "30px",
       flex: 0
-    }, children: c ? /* @__PURE__ */ r(ee, { size: "xs", ref: f, variant: "subtle", children: /* @__PURE__ */ r(pl, {}) }) : /* @__PURE__ */ r(jt, { size: "sm", variant: "light", children: t + 1 }) }),
+    }, children: c ? /* @__PURE__ */ r(ee, { size: "xs", ref: g, variant: "subtle", children: /* @__PURE__ */ r(pl, {}) }) : /* @__PURE__ */ r(jt, { size: "sm", variant: "light", children: t + 1 }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", style: {
       flex: 1
     }, children: [
@@ -13737,16 +13737,16 @@ const Wv = ({
   })), [e]), s = (p) => {
     t([...e, p]);
   }, c = (p) => {
-    const f = [...e];
-    f.splice(p, 1), t(f);
-  }, d = (p) => (f) => {
+    const g = [...e];
+    g.splice(p, 1), t(g);
+  }, d = (p) => (g) => {
     const y = [...e];
-    y[p] = f, t(y);
+    y[p] = g, t(y);
   }, h = (p) => {
     const {
-      source: f,
+      source: g,
       target: y
-    } = p.operation, b = ql(l, f, y);
+    } = p.operation, b = ql(l, g, y);
     t(b.map((w) => C.omit(w, "id")));
   };
   return /* @__PURE__ */ u(T, { ref: i, pt: 4, children: [
@@ -13754,7 +13754,7 @@ const Wv = ({
       /* @__PURE__ */ r(k, { size: "sm", fw: "500", mb: -4, children: o("viz.pie_chart.color.map.label") }),
       /* @__PURE__ */ r(Wv, { value: e, onChange: t })
     ] }),
-    /* @__PURE__ */ r(Ea, { onDragEnd: h, children: l.map((p, f) => /* @__PURE__ */ r(jv, { row: p, handleChange: d(f), handleRemove: () => c(f), index: f, names: a }, p.id)) }),
+    /* @__PURE__ */ r(Ea, { onDragEnd: h, children: l.map((p, g) => /* @__PURE__ */ r(jv, { row: p, handleChange: d(g), handleRemove: () => c(g), index: g, names: a }, p.id)) }),
     /* @__PURE__ */ r(Qv, { append: s })
   ] });
 });
@@ -13779,7 +13779,7 @@ function Kv({
   }, [i]);
   const [h] = s(["label_field", "value_field", "color_field", "color"]), {
     panel: p
-  } = Le(), f = z(() => {
+  } = Le(), g = z(() => {
     if (!h)
       return [];
     const y = ht(p.data, h);
@@ -13791,25 +13791,25 @@ function Kv({
       border: "1px solid #eee",
       borderRadius: "5px"
     }, children: [
-      /* @__PURE__ */ r(g, { control: o, name: "label_field", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "label_field", render: ({
         field: y
       }) => /* @__PURE__ */ r(K, { label: a("common.name_data_field"), required: !0, ...y }) }),
-      /* @__PURE__ */ r(g, { control: o, name: "value_field", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "value_field", render: ({
         field: y
       }) => /* @__PURE__ */ r(K, { label: a("common.value_data_field"), required: !0, ...y }) }),
-      /* @__PURE__ */ r(g, { control: o, name: "series_order", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "series_order", render: ({
         field: y
       }) => /* @__PURE__ */ r(Ks, { label: a("chart.series_order.label"), ...y }) }),
-      /* @__PURE__ */ r(g, { control: o, name: "radius", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "radius", render: ({
         field: y
       }) => /* @__PURE__ */ r(Nv, { label: a("viz.pie_chart.radius.label"), ...y }) }),
       /* @__PURE__ */ r(P, { label: a("chart.color.label"), labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ r(g, { control: o, name: "color_field", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "color_field", render: ({
         field: y
       }) => /* @__PURE__ */ r(K, { label: a("common.color_data_field"), clearable: !0, ...y }) }),
-      /* @__PURE__ */ r(g, { control: o, name: "color.map", render: ({
+      /* @__PURE__ */ r(f, { control: o, name: "color.map", render: ({
         field: y
-      }) => /* @__PURE__ */ r(Uv, { names: f, ...y }) })
+      }) => /* @__PURE__ */ r(Uv, { names: g, ...y }) })
     ] })
   ] }) });
 }
@@ -14101,12 +14101,12 @@ function u1(e, t) {
       type: "radar",
       colorBy: "data",
       data: e[l.queryID].map((h) => {
-        const p = h[l.columnKey], f = h[s.columnKey];
+        const p = h[l.columnKey], g = h[s.columnKey];
         return {
           name: p,
           value: lc(h, a),
           itemStyle: {
-            color: f
+            color: g
           }
         };
       }),
@@ -14256,14 +14256,14 @@ function b1({
         rowData: w
       });
     });
-  }, [s, c, i]), f = z(() => ({
+  }, [s, c, i]), g = z(() => ({
     click: p,
     finished: h
   }), [p]), y = z(() => f1(Ge({}, e, Qr), t), [e, t]);
   return !n || !a ? null : /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: d, style: {
     width: n,
     height: a
-  }, onEvents: f, notMerge: !0, theme: "merico-light" });
+  }, onEvents: g, notMerge: !0, theme: "merico-light" });
 }
 function y1({
   context: e,
@@ -14293,12 +14293,12 @@ function _1({
     border: "1px solid #eee",
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: `additional_series.${t}.name_key`, control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `additional_series.${t}.name_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("viz.radar_chart.series.series_name_field"), required: !0, sx: {
       flex: 1
     }, ...a }) }) }),
-    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(g, { name: `additional_series.${t}.color_key`, control: e, render: ({
+    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: `additional_series.${t}.color_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("viz.radar_chart.style.color_field"), required: !0, clearable: !0, sx: {
       flex: 1
@@ -14340,17 +14340,17 @@ function v1({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", align: "top", children: [
-      /* @__PURE__ */ r(g, { name: `dimensions.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `dimensions.${t}.name`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: `dimensions.${t}.data_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `dimensions.${t}.data_key`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: `dimensions.${t}.max`, control: e, rules: {
+      /* @__PURE__ */ r(f, { name: `dimensions.${t}.max`, control: e, rules: {
         validate: (a) => {
           if (Number.isNaN(Number(a)))
             return n("validation.number.require_a_number");
@@ -14367,7 +14367,7 @@ function v1({
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("viz.radar_chart.metric.value_formatter"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: `dimensions.${t}.formatter`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `dimensions.${t}.formatter`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bt, { ...a }) })
     ] })
@@ -14426,17 +14426,17 @@ function S1({
         /* @__PURE__ */ r(S.Tab, { value: "style", children: t("chart.style.label") }),
         /* @__PURE__ */ r(S.Tab, { value: "additional_series", ml: "auto", children: t("viz.radar_chart.additional_series.label") })
       ] }),
-      /* @__PURE__ */ r(S.Panel, { value: "series", p: "md", children: /* @__PURE__ */ r(g, { name: "series_name_key", control: o, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "series", p: "md", children: /* @__PURE__ */ r(f, { name: "series_name_key", control: o, render: ({
         field: h
       }) => /* @__PURE__ */ r(K, { label: t("viz.radar_chart.series.series_name_field"), required: !0, sx: {
         flex: 1
       }, ...h }) }) }),
       /* @__PURE__ */ r(S.Panel, { value: "metrics", p: "md", children: /* @__PURE__ */ r(w1, { control: o, watch: s }) }),
       /* @__PURE__ */ r(S.Panel, { value: "style", p: "md", children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r(g, { name: "background.enabled", control: o, render: ({
+        /* @__PURE__ */ r(f, { name: "background.enabled", control: o, render: ({
           field: h
         }) => /* @__PURE__ */ r(te, { label: t("viz.radar_chart.style.show_background"), checked: h.value, onChange: (p) => h.onChange(p.currentTarget.checked) }) }),
-        /* @__PURE__ */ r(g, { name: "label.enabled", control: o, render: ({
+        /* @__PURE__ */ r(f, { name: "label.enabled", control: o, render: ({
           field: h
         }) => /* @__PURE__ */ r(te, { label: t("viz.radar_chart.style.show_value_label"), checked: h.value, onChange: (p) => h.onChange(p.currentTarget.checked) }) })
       ] }) }),
@@ -15119,10 +15119,10 @@ function J1({
     height: i
   } = e.viewport, o = z(() => {
     var I;
-    const p = e.data, f = n == null ? void 0 : n.x_axis.data_key, y = (I = n == null ? void 0 : n.regression) == null ? void 0 : I.y_axis_data_key;
-    if (!f || !y)
+    const p = e.data, g = n == null ? void 0 : n.x_axis.data_key, y = (I = n == null ? void 0 : n.regression) == null ? void 0 : I.y_axis_data_key;
+    if (!g || !y)
       return [];
-    const b = N(f), w = N(y);
+    const b = N(g), w = N(y);
     return p[b.queryID].map((M) => typeof M[w.columnKey] == "number" ? M : {
       ...M,
       [w.columnKey]: Number(M[w.columnKey])
@@ -15163,29 +15163,29 @@ function e0({
     value: "polynomial"
   }], [a.language]);
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "regression.name", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "regression.name", control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
       flex: 1
     }, ...s }) }) }),
-    /* @__PURE__ */ r(g, { name: "regression.group_by_key", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "regression.group_by_key", control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(K, { label: n("chart.series.group_by.label"), clearable: !0, sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "regression.transform.config.method", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "regression.transform.config.method", control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: n("chart.regression_line.method.label"), data: l, sx: {
         flex: 1
       }, ...s }) }),
-      i === "polynomial" && /* @__PURE__ */ r(g, { name: "regression.transform.config.order", control: e, render: ({
+      i === "polynomial" && /* @__PURE__ */ r(f, { name: "regression.transform.config.order", control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(ne, { label: n("chart.regression_line.method.polynomial_order"), sx: {
         flex: 1
       }, ...s }) })
     ] }),
-    !o && /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: "regression.plot.color", control: e, render: ({
+    !o && /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: "regression.plot.color", control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ke, { label: n("chart.color.label"), ...s }) }) })
   ] });
@@ -15196,24 +15196,24 @@ function t0({
 }) {
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(K, { label: "X轴数据字段", required: !0, sx: {
         flex: 1
       }, ...n }) })
     ] }),
     /* @__PURE__ */ r(P, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
-    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.format", control: e, render: ({
+    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.format", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r(bt, { ...n }) }) }),
     /* @__PURE__ */ r(P, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(ne, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r(k, { c: "dimmed", size: "sm", children: "度" }), sx: {
         width: "48%"
@@ -15224,11 +15224,11 @@ function t0({
           paddingRight: "6px"
         }
       }, ...n }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(zt, { triggerButtonText: "自定义标签文案内容", ...n }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r(Tt, { ...n }) })
   ] });
@@ -15238,12 +15238,12 @@ function n0({
   watch: t
 }) {
   return t(["y_axis", "regression.y_axis_data_key"]), /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: "y_axis.name", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r(V, { label: "Y轴名称", sx: {
       flex: 1
     }, ...n }) }),
-    /* @__PURE__ */ r(g, { name: "regression.y_axis_data_key", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "regression.y_axis_data_key", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r(K, { label: "Y轴数据字段", required: !0, sx: {
       flex: 1
@@ -15437,8 +15437,8 @@ const d0 = {
     d(o);
   }, [o]);
   const h = Vt(null), p = () => {
-    var f;
-    return (f = h.current) == null ? void 0 : f.click();
+    var g;
+    return (g = h.current) == null ? void 0 : g.click();
   };
   return /* @__PURE__ */ r("form", { onSubmit: s(i), style: {
     flexGrow: 1,
@@ -15455,9 +15455,9 @@ const d0 = {
       /* @__PURE__ */ r(k, { size: "sm", children: n("rich_text.content.label") }),
       /* @__PURE__ */ r(ee, { ref: h, type: "submit", mr: 5, variant: "filled", color: "blue", children: /* @__PURE__ */ r(me, { size: 20 }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "content", control: l, render: ({
-      field: f
-    }) => /* @__PURE__ */ Mn(Zt, { ...f, key: t.id, styles: {
+    /* @__PURE__ */ r(f, { name: "content", control: l, render: ({
+      field: g
+    }) => /* @__PURE__ */ Mn(Zt, { ...g, key: t.id, styles: {
       root: {
         flexGrow: 1
       }
@@ -16110,13 +16110,13 @@ function j0(e, t) {
               <td style="text-align: right; padding: 0 1em;">
                 ${o(or(b, n.y_data_key))}
               </td>`).join("")}
-        </tr>`], f = e.tooltip.metrics.map((b) => `<tr>
+        </tr>`], g = e.tooltip.metrics.map((b) => `<tr>
         <th style="text-align: right;">${b.name}</th>
         ${l.map(({
         value: w
       }) => `<td style="text-align: right; padding: 0 1em;">${N0(or(w, b.data_key))}</td>`).join("")}
       </tr>`);
-      return p.push(...f), `
+      return p.push(...g), `
       <table style="width: auto">
         <thead><tr>${d.join("")}</tr></thead>
         <tbody>${p.join("")}</tbody>
@@ -16205,9 +16205,9 @@ function W0(e, t, n) {
     return c[d.name] = gt(d, h), c;
   }, {}), i = e.y_axes.reduce((c, {
     label_formatter: d
-  }, h) => (c[h] = function(f) {
-    let y = f;
-    if (typeof f == "object" && (Array.isArray(f.value) && f.value.length === 2 ? y = f.value[1] : y = f.value), !d)
+  }, h) => (c[h] = function(g) {
+    let y = g;
+    if (typeof g == "object" && (Array.isArray(g.value) && g.value.length === 2 ? y = g.value[1] : y = g.value), !d)
       return y;
     try {
       return se(y, d);
@@ -16251,14 +16251,14 @@ function U0({
     var w;
     const b = (w = h.current) == null ? void 0 : w.getEchartsInstance();
     b && Ye(l, b.getOption());
-  }, [l]), f = z(() => ({
+  }, [l]), g = z(() => ({
     click: d,
     finished: p
   }), [d, p]), y = $.useMemo(() => W0(e, t, o), [e, t]);
   return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
     width: n,
     height: a
-  }, onEvents: f, notMerge: !0, theme: "merico-light" });
+  }, onEvents: g, notMerge: !0, theme: "merico-light" });
 }
 function K0({
   context: e,
@@ -16274,11 +16274,11 @@ function K0({
   } = e, o = z(() => he({}, a, dc), [a]), l = e.data, {
     width: s,
     height: c
-  } = e.viewport, [d, h] = G(0), [p, f] = G(0), y = Math.max(0, Ct(c) - d - p), b = St(s);
+  } = e.viewport, [d, h] = G(0), [p, g] = G(0), y = Math.max(0, Ct(c) - d - p), b = St(s);
   return !s || !c ? null : /* @__PURE__ */ u(nt, { width: s, height: c, children: [
     /* @__PURE__ */ r(fr, { onHeightChange: h, value: o.stats.top, context: e }),
     /* @__PURE__ */ r(U0, { instance: t, variables: i, width: b, height: y, data: l, conf: o, interactionManager: n }),
-    /* @__PURE__ */ r(fr, { onHeightChange: f, value: o.stats.bottom, context: e })
+    /* @__PURE__ */ r(fr, { onHeightChange: g, value: o.stats.bottom, context: e })
   ] });
 }
 const Y0 = J(({
@@ -16372,7 +16372,7 @@ function Z0({
   return /* @__PURE__ */ r(fe, { control: e, watch: t, name: "reference_areas", getItem: i, addButtonText: a("chart.reference_area.add"), deleteButtonText: a("chart.reference_area.delete"), renderTabName: c, children: ({
     field: d,
     index: h
-  }) => /* @__PURE__ */ r(g, { name: `reference_areas.${h}`, control: e, render: ({
+  }) => /* @__PURE__ */ r(f, { name: `reference_areas.${h}`, control: e, render: ({
     field: p
   }) => /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(Y0, { variableOptions: o, yAxisOptions: s, ...p }) }) }) });
 }
@@ -16390,32 +16390,32 @@ function J0({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.template`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ u(T, { children: [
-        /* @__PURE__ */ r(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: s
         }) => /* @__PURE__ */ r(rn, { sx: {
           flex: 1
         }, ...s }) }),
         l === "vertical" && /* @__PURE__ */ r(k, { mt: -10, c: "dimmed", size: "12px", children: o("chart.reference_line.orientation.vertical_hint") })
       ] }),
-      l === "horizontal" && /* @__PURE__ */ r(g, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
+      l === "horizontal" && /* @__PURE__ */ r(f, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
         field: {
           value: s,
           onChange: c,
@@ -16433,18 +16433,18 @@ function J0({
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: o("chart.style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(En, { sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(ne, { label: o("chart.series.line.line_width"), min: 1, max: 10, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ke, { label: o("chart.color.label"), ...s }) }) })
   ] });
@@ -16506,19 +16506,19 @@ const tw = ({
   }] = De(), [l, s] = G(e), c = () => {
     o();
     const {
-      type: f,
+      type: g,
       func_content: y
     } = l, b = {
-      type: f,
+      type: g,
       func_content: y
     };
     s(b), t(b);
   }, d = () => {
     o(), s(e);
-  }, h = (f) => {
+  }, h = (g) => {
     s((y) => ({
       ...y,
-      func_content: f
+      func_content: g
     }));
   }, p = () => {
     h(Jn.dynamic.func_content);
@@ -16613,31 +16613,31 @@ function lw({
   } = x();
   return t(["scatter"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "scatter.name_data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "scatter.name_data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.name_data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "scatter.y_data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "scatter.y_data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.value_data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.style.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "scatter.symbolSize", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "scatter.symbolSize", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(hi, { ...a }) }),
-    /* @__PURE__ */ r(g, { name: "scatter.color", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "scatter.color", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(iw, { ...a }) }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.label.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "scatter.label_position", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "scatter.label_position", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(On, { label: n("chart.label_position.label"), withOffOption: !0, ...a, onChange: (i) => {
       i && a.onChange(i);
     } }) }) }),
-    /* @__PURE__ */ r(g, { name: "scatter.label_overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "scatter.label_overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(ow, { ...a }) })
   ] });
@@ -16652,7 +16652,7 @@ const sw = D(({
     t: a
   } = x();
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { name: "stats.top", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "stats.top", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(Zt, { label: a("chart.stats.template.above_chart"), styles: {
       root: {
@@ -16660,7 +16660,7 @@ const sw = D(({
         minHeight: "240px"
       }
     }, autoSubmit: !0, ...i }, `${n.id}.stats.top`) }),
-    /* @__PURE__ */ r(g, { name: "stats.bottom", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "stats.bottom", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(Zt, { label: a("chart.stats.template.under_chart"), styles: {
       root: {
@@ -16677,12 +16677,12 @@ const sw = D(({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
       flex: 1
@@ -16733,7 +16733,7 @@ function uw({
     value: "axis"
   }], [a.language]);
   return /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { name: "tooltip.trigger", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "tooltip.trigger", control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(O, { label: n("chart.tooltip.trigger.label"), data: i, sx: {
       flexGrow: 1
@@ -16751,12 +16751,12 @@ function hw({
   } = x();
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
@@ -16764,16 +16764,16 @@ function hw({
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.axis.tick_label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) })
   ] });
@@ -16790,36 +16790,36 @@ function pw({
   }, children: [
     /* @__PURE__ */ r(P, { mb: -15, mt: 15, variant: "dashed", label: n("chart.y_axis.y_axis_name"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `y_axes.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(an, { sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.y_axis.layout"), labelPosition: "center" }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: `y_axes.${t}.position`, control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `y_axes.${t}.position`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Xs, { sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `y_axes.${t}.label_formatter`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bt, { ...a }) })
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
       /* @__PURE__ */ u(_, { grow: !0, children: [
-        /* @__PURE__ */ r(g, { name: `y_axes.${t}.min`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
         }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
-        /* @__PURE__ */ r(g, { name: `y_axes.${t}.max`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
         }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
@@ -16902,7 +16902,7 @@ function gw({
       /* @__PURE__ */ r(S.Panel, { value: "Stats", children: /* @__PURE__ */ r(sw, { control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Lines", children: /* @__PURE__ */ r(ew, { variables: i, control: l, watch: c }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Reference Areas", children: /* @__PURE__ */ r(Z0, { variables: i, control: l, watch: c }) }),
-      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(g, { name: "dataZoom", control: l, render: ({
+      /* @__PURE__ */ r(S.Panel, { value: "Zooming", children: /* @__PURE__ */ r(f, { name: "dataZoom", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(Br, { ...p }) }) })
     ] })
@@ -17116,7 +17116,7 @@ const Lw = D(({
   } = e, {
     width: h,
     height: p
-  } = e.viewport, f = z(() => {
+  } = e.viewport, g = z(() => {
     const b = l.viz.conf.config;
     return b.content ? Er(b.content, d, o.payloadForViz, c) : "";
   }, [c, l, d, o.payloadForViz]), y = ae(() => {
@@ -17137,10 +17137,10 @@ const Lw = D(({
       offsetHeight: I
     } = b, M = h / w, R = p / I, q = Math.min(M, R);
     b.style.transform = `scale(${q})`;
-  }, [n.current, h, p, f]), /* @__PURE__ */ r(tt, { className: "viz-stats", sx: {
+  }, [n.current, h, p, g]), /* @__PURE__ */ r(tt, { className: "viz-stats", sx: {
     width: h,
     height: p
-  }, align: Iw[s.vertical_align], direction: "row", children: /* @__PURE__ */ r(A, { className: "viz-stats--clickable-wrapper", sx: Mw(i.length), onClick: y, children: /* @__PURE__ */ r(Rn, { ref: n, value: f, styles: {
+  }, align: Iw[s.vertical_align], direction: "row", children: /* @__PURE__ */ r(A, { className: "viz-stats--clickable-wrapper", sx: Mw(i.length), onClick: y, children: /* @__PURE__ */ r(Rn, { ref: n, value: g, styles: {
     root: {
       border: "none",
       maxWidth: h,
@@ -17195,10 +17195,10 @@ const Lw = D(({
     d(i);
   }, [i]), s(["content", "vertical_align"]), /* @__PURE__ */ r("form", { onSubmit: l(t), children: /* @__PURE__ */ u(T, { gap: "xs", children: [
     /* @__PURE__ */ r(Ae, { canSubmit: c.isDirty }),
-    /* @__PURE__ */ r(g, { control: o, name: "vertical_align", render: ({
+    /* @__PURE__ */ r(f, { control: o, name: "vertical_align", render: ({
       field: h
     }) => /* @__PURE__ */ r(Gs, { ...h }) }),
-    /* @__PURE__ */ r(g, { name: "content", control: o, render: ({
+    /* @__PURE__ */ r(f, { name: "content", control: o, render: ({
       field: h
     }) => /* @__PURE__ */ Mn(Zt, { ...h, key: n.id, styles: {
       root: {
@@ -17415,8 +17415,8 @@ function Uw({
     height: s
   } = e.viewport, c = $.useRef(null), d = $.useCallback(() => {
     var y;
-    const f = (y = c.current) == null ? void 0 : y.getEchartsInstance();
-    f && Ye(t, f.getOption());
+    const g = (y = c.current) == null ? void 0 : y.getEchartsInstance();
+    g && Ye(t, g.getOption());
   }, [t]), h = z(() => ({
     finished: d
   }), [d]), p = z(() => Ww(i, o, n), [i, o, n]);
@@ -17430,13 +17430,13 @@ function Kw({
     t: n
   } = x();
   return t(["label_key", "value_key", "group_key"]), /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(g, { name: "label_key", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "label_key", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.name_data_field"), required: !0, ...a }) }),
-    /* @__PURE__ */ r(g, { name: "value_key", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "value_key", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.value_data_field"), required: !0, ...a }) }),
-    /* @__PURE__ */ r(g, { name: "group_key", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "group_key", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("viz.sunburst_chart.group_key"), clearable: !0, ...a }) })
   ] });
@@ -17460,32 +17460,32 @@ const Yw = ({
   }], [a.language]);
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `levels.${t}.r0`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `levels.${t}.r0`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
-      /* @__PURE__ */ r(g, { name: `levels.${t}.r`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `levels.${t}.r`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: n("chart.label.label_full"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(ne, { label: n("viz.sunburst_chart.label.show_label_tolerance"), decimalScale: 4, step: 5e-4, min: 0, max: 1, ...o }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `levels.${t}.label.rotate`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `levels.${t}.label.rotate`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(O, { label: n("viz.sunburst_chart.label.rotate.label"), data: i, ...o }) }),
-      /* @__PURE__ */ r(g, { name: `levels.${t}.label.align`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `levels.${t}.label.align`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(an, { ...o }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `levels.${t}.label.position`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `levels.${t}.label.position`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(On, { label: n("chart.label_position.label"), ...o, onChange: (l) => {
         l && o.onChange(l);
       } }) }),
-      /* @__PURE__ */ r(g, { name: `levels.${t}.label.padding`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `levels.${t}.label.padding`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(ne, { label: n("chart.padding"), min: 0, hideControls: !0, ...o }) })
     ] })
@@ -17543,10 +17543,10 @@ function Zw({
   B(() => {
     h(o);
   }, [o]), c(["label_key", "value_key", "group_key", "levels"]);
-  const [p, f] = G("Data");
+  const [p, g] = G("Data");
   return /* @__PURE__ */ r("form", { onSubmit: s(a), children: /* @__PURE__ */ u(T, { gap: "xs", children: [
     /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
-    /* @__PURE__ */ u(S, { value: p, onChange: f, orientation: "vertical", styles: {
+    /* @__PURE__ */ u(S, { value: p, onChange: g, orientation: "vertical", styles: {
       tab: {
         paddingLeft: "6px",
         paddingRight: "6px"
@@ -18159,7 +18159,7 @@ function bo({
     ...h
   } = a, {
     classes: p,
-    cx: f
+    cx: g
   } = dS(), y = $.useMemo(() => {
     if (!s)
       return d;
@@ -18210,7 +18210,7 @@ function bo({
     height: n,
     width: t,
     padding: "0 5px"
-  }, "data-enable-scrollbar": !0, className: f(p.root, {
+  }, "data-enable-scrollbar": !0, className: g(p.root, {
     "table-highlight-on-hover": a.highlightOnHover
   }), children: [
     Q > 0 && /* @__PURE__ */ r(A, { className: p.info_bar, sx: {
@@ -18227,7 +18227,7 @@ function bo({
       }, children: R.getHeaderGroups().map((be) => /* @__PURE__ */ r(v.Tr, { children: be.headers.map((Ie) => /* @__PURE__ */ u(v.Th, { style: {
         width: Ie.getSize()
       }, children: [
-        /* @__PURE__ */ r(sS, { header: Ie, cx: f }),
+        /* @__PURE__ */ r(sS, { header: Ie, cx: g }),
         /* @__PURE__ */ r(ee, { variant: "subtle", onMouseDown: Ie.getResizeHandler(), onTouchStart: Ie.getResizeHandler(), className: `resizer ${Ie.column.getIsResizing() ? "isResizing" : ""}`, children: /* @__PURE__ */ r(Ma, {}) })
       ] }, Ie.id)) }, be.id)) }),
       /* @__PURE__ */ r(xS, { tableContainerRef: X, rows: q })
@@ -18318,7 +18318,7 @@ const $S = J((e, t) => {
     t: n
   } = x(), {
     colorManager: a
-  } = Ht(Kt), [i, o] = G(xc(e.value)), [l, s] = G(AS(a, e.value)), c = ia(l), [d, h] = G(VS(a, e.value)), p = ia(d), f = (w) => {
+  } = Ht(Kt), [i, o] = G(xc(e.value)), [l, s] = G(AS(a, e.value)), c = ia(l), [d, h] = G(VS(a, e.value)), p = ia(d), g = (w) => {
     var I, M, R;
     o(w || "none"), w === "static" ? (I = e.onChange) == null || I.call(e, c.current) : w === "none" || !w ? (M = e.onChange) == null || M.call(e, "none") : (R = e.onChange) == null || R.call(e, p.current);
   }, y = (w) => {
@@ -18329,7 +18329,7 @@ const $S = J((e, t) => {
     h(w), (I = e.onChange) == null || I.call(e, w);
   };
   return /* @__PURE__ */ u(T, { align: "stretch", children: [
-    /* @__PURE__ */ r(gb, { label: n("viz.table.column.cell_background"), value: i || "none", onChange: f }),
+    /* @__PURE__ */ r(gb, { label: n("viz.table.column.cell_background"), value: i || "none", onChange: g }),
     i === "static" && /* @__PURE__ */ r(Ke, { label: n("chart.color.label"), value: l, onChange: y }),
     i === "interpolation" && /* @__PURE__ */ r(mb, { colorManager: a, value: d, onChange: b })
   ] });
@@ -18372,7 +18372,7 @@ const $S = J((e, t) => {
       /* @__PURE__ */ r(_, { justify: "flex-start", children: /* @__PURE__ */ r(Ds, {}) }),
       /* @__PURE__ */ r(A, { sx: {
         position: "relative"
-      }, children: /* @__PURE__ */ r(Ot, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (f) => c(f ?? ""), theme: "vs-dark", options: {
+      }, children: /* @__PURE__ */ r(Ot, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (g) => c(g ?? ""), theme: "vs-dark", options: {
         minimap: {
           enabled: !1
         }
@@ -18398,37 +18398,37 @@ const $S = J((e, t) => {
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `columns.${t}.label`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `columns.${t}.label`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r(V, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...l }) }),
-      /* @__PURE__ */ r(g, { name: `columns.${t}.value_field`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `columns.${t}.value_field`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r(K, { label: a("common.data_field"), required: !0, queryID: o, ...l }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `columns.${t}.value_type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `columns.${t}.value_type`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r(PS, { sx: {
         flex: 1
       }, ...l }) }),
-      i === yt.custom && /* @__PURE__ */ r(g, { name: `columns.${t}.func_content`, control: e, render: ({
+      i === yt.custom && /* @__PURE__ */ r(f, { name: `columns.${t}.func_content`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r(RS, { value: l.value ?? pc, onChange: (s) => l.onChange(s ?? "") }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, variant: "dashed", label: a("style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.min_width"), rightSection: /* @__PURE__ */ r(ta, {}), disabled: !0 }),
-      /* @__PURE__ */ r(g, { name: `columns.${t}.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `columns.${t}.width`, control: e, render: ({
         field: l
       }) => /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.width"), rightSection: /* @__PURE__ */ r(ta, {}), ...l }) }),
       /* @__PURE__ */ r(ne, { hideControls: !0, label: a("viz.table.column.max_width"), rightSection: /* @__PURE__ */ r(ta, {}), disabled: !0 })
     ] }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: `columns.${t}.align`, control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `columns.${t}.align`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r(oi, { ...l }) }) }),
-    /* @__PURE__ */ r(g, { name: `columns.${t}.cellBackgroundColor`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `columns.${t}.cellBackgroundColor`, control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r($S, { ...l }) })
   ] });
@@ -18455,10 +18455,10 @@ const $S = J((e, t) => {
   t(["columns", "ignored_column_keys"]);
   const o = t("use_raw_columns");
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(g, { name: "use_raw_columns", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "use_raw_columns", control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r(Ce, { mt: 20, mb: 20, label: n("viz.table.column.use_original_data_columns"), checked: l.value, onChange: (s) => l.onChange(s.currentTarget.checked) }) }),
-    o && /* @__PURE__ */ r(g, { name: "ignored_column_keys", control: e, render: ({
+    o && /* @__PURE__ */ r(f, { name: "ignored_column_keys", control: e, render: ({
       field: l
     }) => /* @__PURE__ */ r(ll, { label: n("viz.table.column.ignore_columns_by_these_key"), placeholder: n("viz.table.column.separate_by_line_break"), autosize: !0, minRows: 2, maxRows: 10, ...l }) }),
     !o && /* @__PURE__ */ r(fe, { control: e, watch: t, name: "columns", getItem: a, addButtonText: n("viz.table.column.add"), deleteButtonText: n("viz.table.column.delete"), renderTabName: i, children: ({
@@ -18480,12 +18480,12 @@ function qS({
         flexGrow: 1
       }
     }, children: [
-      /* @__PURE__ */ r(g, { name: "horizontalSpacing", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "horizontalSpacing", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(ha, { disabled: !0, label: n("viz.table.style.horizontal_spacing"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "verticalSpacing", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "verticalSpacing", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(ha, { disabled: !0, label: n("viz.table.style.vertical_spacing"), sx: {
         flex: 1
@@ -18495,16 +18495,16 @@ function qS({
       "> *": {
         flexGrow: 1
       }
-    }, children: /* @__PURE__ */ r(g, { name: "fontSize", control: e, render: ({
+    }, children: /* @__PURE__ */ r(f, { name: "fontSize", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ u(_, { justify: "space-between", grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "striped", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "striped", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ce, { label: n("viz.table.style.striped"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(g, { name: "highlightOnHover", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "highlightOnHover", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ce, { label: n("viz.table.style.highlight_on_hover"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
     ] })
@@ -18565,7 +18565,7 @@ function BS({
         /* @__PURE__ */ r(S.Tab, { value: "Style", children: t("style.label") })
       ] }),
       /* @__PURE__ */ u(S.Panel, { value: "Columns", children: [
-        /* @__PURE__ */ r(g, { name: "query_id", control: l, render: ({
+        /* @__PURE__ */ r(f, { name: "query_id", control: l, render: ({
           field: p
         }) => /* @__PURE__ */ r(MS, { label: t("viz.table.column.query_id"), description: t("viz.table.column.query_id_hint"), required: !0, ...p }) }),
         /* @__PURE__ */ r(P, { mt: 20, mb: 10, variant: "dashed" }),
@@ -18828,9 +18828,9 @@ const pa = {
     horizontal_align: l,
     font_size: s,
     font_weight: c
-  } = n, d = z(() => a.reduce((p, f) => {
-    const y = qt(f, i);
-    return p[f.name] = gt(f, y), p;
+  } = n, d = z(() => a.reduce((p, g) => {
+    const y = qt(g, i);
+    return p[g.name] = gt(g, y), p;
   }, {}), [a, i]), h = z(() => new Function(`return ${o}`)()({
     data: i,
     variables: d,
@@ -18927,13 +18927,13 @@ function nC({
   } = Y(e.instanceData, "config"), i = z(() => Ge({}, n, vi), [n]), o = z(() => {
     const {
       func_content: p,
-      horizontal_align: f,
+      horizontal_align: g,
       font_size: y,
       font_weight: b
     } = i;
     return {
       func_content: p,
-      horizontal_align: f,
+      horizontal_align: g,
       font_size: y,
       font_weight: b
     };
@@ -18955,14 +18955,14 @@ function nC({
   }, [o]), c(["func_content", "horizontal_align", "font_size", "font_weight"]), /* @__PURE__ */ r(T, { gap: "xs", children: /* @__PURE__ */ u("form", { onSubmit: s(a), children: [
     /* @__PURE__ */ r(Ae, { canSubmit: d.isDirty }),
     /* @__PURE__ */ u(T, { gap: 10, children: [
-      /* @__PURE__ */ r(g, { name: "func_content", control: l, render: ({
+      /* @__PURE__ */ r(f, { name: "func_content", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(tC, { ...p }) }),
       /* @__PURE__ */ r(P, { mt: 10, mb: -10, variant: "dashed", label: t("chart.style.label"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: "horizontal_align", control: l, render: ({
+      /* @__PURE__ */ r(f, { name: "horizontal_align", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(oi, { ...p }) }),
-      /* @__PURE__ */ r(g, { name: "font_size", control: l, render: ({
+      /* @__PURE__ */ r(f, { name: "font_size", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(V, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
         flex: 1
@@ -18972,7 +18972,7 @@ function nC({
           flexGrow: 1,
           maxWidth: "100%"
         }
-      }, children: /* @__PURE__ */ r(g, { name: "font_weight", control: l, render: ({
+      }, children: /* @__PURE__ */ r(f, { name: "font_weight", control: l, render: ({
         field: p
       }) => /* @__PURE__ */ r(JS, { label: t("style.font_weight.label"), ...p }) }) })
     ] })
@@ -19155,18 +19155,18 @@ function pC({
     c(a);
   }, [a]), l(["expertSystemURL", "goal", "path", "question"]), /* @__PURE__ */ r("form", { onSubmit: o(n), children: /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "expertSystemURL", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "expertSystemURL", control: i, render: ({
         field: d
       }) => /* @__PURE__ */ r(V, { label: "Expert System URL", ...d }) }),
-      /* @__PURE__ */ r(g, { name: "path", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "path", control: i, render: ({
         field: d
       }) => /* @__PURE__ */ r(V, { label: "Path", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: "goal", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "goal", control: i, render: ({
         field: d
       }) => /* @__PURE__ */ r(V, { label: "Goal", required: !0, ...d }) }),
-      /* @__PURE__ */ r(g, { name: "question", control: i, render: ({
+      /* @__PURE__ */ r(f, { name: "question", control: i, render: ({
         field: d
       }) => /* @__PURE__ */ r(V, { label: "Question", required: !0, ...d }) })
     ] }),
@@ -19561,12 +19561,12 @@ function EC(e, t, n) {
     }), Q;
   }), {
     dateSpan: p,
-    minDate: f,
+    minDate: g,
     dataByYear: y,
     years: b
   } = RC(h), w = p <= 366;
   return {
-    calendar: DC(w, f, b),
+    calendar: DC(w, g, b),
     series: LC(w, y, h),
     tooltip: $C(e, t, s),
     visualMap: {
@@ -19612,7 +19612,7 @@ function qC({
     var w;
     const b = (w = h.current) == null ? void 0 : w.getEchartsInstance();
     b && Ye(l, b.getOption());
-  }, [l]), f = z(() => ({
+  }, [l]), g = z(() => ({
     click: d,
     legendselectchanged: OC,
     finished: p
@@ -19620,7 +19620,7 @@ function qC({
   return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
     width: n,
     height: a
-  }, onEvents: f, notMerge: !0, opts: {
+  }, onEvents: g, notMerge: !0, opts: {
     locale: e.calendar.locale
   }, theme: "merico-light" });
 }
@@ -19656,12 +19656,12 @@ function NC({
     t: n
   } = x();
   return t(["calendar"]), /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "calendar.data_key", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "calendar.data_key", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), sx: {
       flex: 1
     }, ...a }) }) }),
-    /* @__PURE__ */ r(g, { name: "calendar.locale", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "calendar.locale", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(O, { label: n("viz.calendar_heatmap.calendar.locale"), data: BC, sx: {
       flex: 1
@@ -19677,19 +19677,19 @@ function jC({
   } = x();
   return t(["heat_block"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "heat_block.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "heat_block.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "heat_block.value_formatter", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "heat_block.value_formatter", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(bt, { ...a }) })
   ] });
@@ -19702,12 +19702,12 @@ const QC = ({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
       flex: 1
@@ -20010,8 +20010,8 @@ function i2({
     });
   const l = Wr(t, a, i), s = C.groupBy(l, "0");
   return e.map(([d]) => {
-    const p = s[d].map((y) => y[1]), f = ja(p, n);
-    return [d, f];
+    const p = s[d].map((y) => y[1]), g = ja(p, n);
+    return [d, g];
   });
 }
 function o2({
@@ -20044,7 +20044,7 @@ function l2({
   hide_in_legend: d,
   invisible: h,
   id: p,
-  ...f
+  ...g
 }, y, b, w, I, M) {
   const R = {
     label: {
@@ -20064,7 +20064,7 @@ function l2({
     emphasis: {
       disabled: !0
     },
-    ...f
+    ...g
   };
   if (!o || o === e.data_key)
     return R.data = i2({
@@ -20123,7 +20123,7 @@ function d2(e, t, n) {
       }) => {
         if (Array.isArray(p) && p.length === 2 && (p = p[0]), !d)
           return p;
-        const f = a[d], y = n[f] ?? n.default;
+        const g = a[d], y = n[g] ?? n.default;
         return `
         <tr>
           <td>${h}</td>
@@ -20254,14 +20254,14 @@ function f2({
     var w;
     const b = (w = h.current) == null ? void 0 : w.getEchartsInstance();
     b && Ye(l, b.getOption());
-  }, [l]), f = z(() => ({
+  }, [l]), g = z(() => ({
     click: d,
     finished: p
   }), [d]), y = $.useMemo(() => g2(e, t, o), [e, t]);
   return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
     width: n,
     height: a
-  }, onEvents: f, notMerge: !0, theme: "merico-light" });
+  }, onEvents: g, notMerge: !0, theme: "merico-light" });
 }
 function b2({
   context: e,
@@ -20294,32 +20294,32 @@ function y2({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: o("common.data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.template`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ u(T, { children: [
-        /* @__PURE__ */ r(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: s
         }) => /* @__PURE__ */ r(rn, { sx: {
           flex: 1
         }, ...s }) }),
         l === "vertical" && /* @__PURE__ */ r(k, { mt: -10, c: "dimmed", size: "12px", children: o("chart.reference_line.orientation.vertical_hint") })
       ] }),
-      l === "horizontal" && /* @__PURE__ */ r(g, { name: `reference_lines.${t}.xAxisIndex`, control: e, render: ({
+      l === "horizontal" && /* @__PURE__ */ r(f, { name: `reference_lines.${t}.xAxisIndex`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: o("chart.x_axis.label"), data: i, disabled: i.length === 0, sx: {
         flex: 1
@@ -20327,22 +20327,22 @@ function y2({
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: o("chart.style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.type`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(En, { sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.width`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(ne, { label: o("chart.series.line.line_width"), min: 1, max: 10, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `reference_lines.${t}.lineStyle.color`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(Ke, { label: o("chart.color.label"), ...s }) }) }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: o("chart.behavior.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: s
     }) => /* @__PURE__ */ r(te, { label: o("chart.legend.show_in_legend"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) })
   ] });
@@ -20388,29 +20388,29 @@ function x2({
   }], [i.language]);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.stack`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.barGap`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(O, { label: a("chart.series.bar.bar_gap.label"), data: l, sx: {
         flexGrow: 1
       }, ...s }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.barMinWidth`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.barWidth`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.barMaxWidth`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
       }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
@@ -20431,47 +20431,47 @@ function v2({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.xAxisIndex`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.xAxisIndex`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(O, { label: i("chart.x_axis.label"), data: a, disabled: a.length === 0, sx: {
         flex: 1
       }, ...o }) })
     ] }),
     /* @__PURE__ */ u(ke, { cols: 2, children: [
-      /* @__PURE__ */ r(g, { name: `series.${t}.data_key`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.data_key`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(K, { label: i("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
-      /* @__PURE__ */ r(g, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `series.${t}.aggregation_on_value`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(pi, { label: i("viz.horizontal_bar_chart.series.aggregation.label"), value: o.value ?? Pn, onChange: o.onChange, pt: 0, withFallback: !1 }) })
     ] }),
-    /* @__PURE__ */ r(_, { grow: !0, children: /* @__PURE__ */ r(g, { name: `series.${t}.group_by_key`, control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, children: /* @__PURE__ */ r(f, { name: `series.${t}.group_by_key`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(K, { label: i("chart.series.group_by.label"), clearable: !0, sx: {
       flex: 1
     }, ...o }) }) }),
     /* @__PURE__ */ r(x2, { index: t, control: e, seriesItem: n }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: i("chart.style.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `series.${t}.label_position`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `series.${t}.label_position`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(On, { label: i("chart.label_position.label"), ...o, withOffOption: !0, onChange: (l) => {
       l && o.onChange(l);
     } }) }),
-    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(g, { name: `series.${t}.color`, control: e, render: ({
+    /* @__PURE__ */ r(ke, { cols: 2, children: /* @__PURE__ */ r(f, { name: `series.${t}.color`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(Ke, { label: i("chart.color.label"), ...o }) }) }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: i("chart.behavior.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `series.${t}.hide_in_legend`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(te, { label: i("chart.legend.hide_in_legend"), checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) }),
-    /* @__PURE__ */ r(g, { name: `series.${t}.invisible`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `series.${t}.invisible`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(te, { label: i("chart.behavior.invisible"), checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) })
   ] });
@@ -20525,12 +20525,12 @@ function C2({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `x_axes.${t}.name`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `x_axes.${t}.name`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: `x_axes.${t}.position`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `x_axes.${t}.position`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(S2, { sx: {
         flex: 1
@@ -20538,23 +20538,23 @@ function C2({
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.x_axis.label_format"), labelPosition: "center" }),
-      /* @__PURE__ */ r(g, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `x_axes.${t}.label_formatter`, control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bt, { ...a }) })
     ] }),
     /* @__PURE__ */ u(T, { children: [
       /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.x_axis.value_range"), labelPosition: "center" }),
       /* @__PURE__ */ u(_, { grow: !0, children: [
-        /* @__PURE__ */ r(g, { name: `x_axes.${t}.min`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `x_axes.${t}.min`, control: e, render: ({
           field: a
         }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_min"), ...a }) }),
-        /* @__PURE__ */ r(g, { name: `x_axes.${t}.max`, control: e, render: ({
+        /* @__PURE__ */ r(f, { name: `x_axes.${t}.max`, control: e, render: ({
           field: a
         }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(P, { mb: -10, mt: 10, variant: "dashed", label: n("chart.x_axis.behavior"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `x_axes.${t}.show`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `x_axes.${t}.show`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(te, { label: n("chart.x_axis.visible"), checked: a.value, onChange: (i) => a.onChange(i.currentTarget.checked) }) })
   ] });
@@ -20583,22 +20583,22 @@ function z2({
   } = x();
   return t(["y_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "y_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "y_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: n("chart.axis.tick_label"), variant: "dashed", labelPosition: "center" }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.formatter", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.formatter", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(zt, { ...a }) }) }),
-    /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) })
   ] });
@@ -20885,8 +20885,8 @@ function R2([e, t]) {
 function E2(e, t, n, a) {
   var c, d;
   const i = t.map((h) => {
-    const p = n[h], f = C.sumBy(p, (y) => y.level.diff);
-    return [h, f / p.length];
+    const p = n[h], g = C.sumBy(p, (y) => y.level.diff);
+    return [h, g / p.length];
   }), o = Number(((c = C.maxBy(i, (h) => h[1])) == null ? void 0 : c[1]) ?? 0), l = Number(((d = C.minBy(i, (h) => h[1])) == null ? void 0 : d[1]) ?? 0), s = fn([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
   return {
     type: "bar",
@@ -20931,7 +20931,7 @@ function E2(e, t, n, a) {
         value: p
       }) => {
         const {
-          x: f,
+          x: g,
           v: y
         } = R2(p);
         return `
@@ -20945,7 +20945,7 @@ function E2(e, t, n, a) {
               </tr>
               <tr>
                 <th colspan="2" style="text-align: center;">
-                  <div>${f}</div>
+                  <div>${g}</div>
                 </th>
               </tr>
             </thead>
@@ -20983,11 +20983,11 @@ function O2([e, t, n, a]) {
 function q2(e, t, n, a) {
   const i = {};
   t.forEach((h) => {
-    const p = C.countBy(n[h], (y) => y.level.diff), f = C.sum(Object.values(p));
+    const p = C.countBy(n[h], (y) => y.level.diff), g = C.sum(Object.values(p));
     Object.entries(p).forEach(([y, b]) => {
       i[y] || (i[y] = []);
-      const w = b / f;
-      i[y].push([h, w, b, f]);
+      const w = b / g;
+      i[y].push([h, w, b, g]);
     });
   });
   const o = Object.entries(i).map(([h]) => Number(h)).sort((h, p) => h - p), l = Math.max(...o), s = Math.min(...o), c = fn([l, 0, s], ["#D15A40", "#FFF", "#418AAF"]);
@@ -21004,14 +21004,14 @@ function q2(e, t, n, a) {
       trigger: "item",
       formatter: ({
         color: p,
-        value: f
+        value: g
       }) => {
         const {
           x: y,
           percentage: b,
           count: w,
           sum: I
-        } = O2(f);
+        } = O2(g);
         return `
           <table style="width: auto">
             <thead>
@@ -21427,9 +21427,9 @@ function rk({
   } = a, {
     estimated_value: d,
     actual_value: h
-  } = c.data_keys, [p, f] = G(h);
+  } = c.data_keys, [p, g] = G(h);
   if (B(() => {
-    f((w) => w || h);
+    g((w) => w || h);
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
   const y = Math.max(St(o), 300), b = Math.max(Ct(l), 370);
@@ -21438,7 +21438,7 @@ function rk({
     height: l,
     width: o
   }, children: [
-    /* @__PURE__ */ r(tk, { conf: a, metricKey: p, setMetricKey: f }),
+    /* @__PURE__ */ r(tk, { conf: a, metricKey: p, setMetricKey: g }),
     /* @__PURE__ */ r(nk, { instance: t, width: y, height: b - 30, data: i, conf: a, metricKey: p })
   ] });
 }
@@ -21447,18 +21447,18 @@ function ak({
   watch: t
 }) {
   return t(["deviation"]), /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "deviation.name", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "deviation.name", control: e, render: ({
       field: n
     }) => /* @__PURE__ */ r(V, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "deviation.data_keys.estimated_value", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "deviation.data_keys.estimated_value", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(K, { label: "估算值字段", required: !0, sx: {
         flex: 1
       }, ...n }) }),
-      /* @__PURE__ */ r(g, { name: "deviation.data_keys.actual_value", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "deviation.data_keys.actual_value", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(K, { label: "实际值字段", required: !0, sx: {
         flex: 1
@@ -21474,12 +21474,12 @@ const ik = ({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
       flex: 1
@@ -21520,12 +21520,12 @@ function lk({
 }) {
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(K, { label: "数据字段", required: !0, sx: {
         flex: 1
       }, ...n }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
@@ -21533,12 +21533,12 @@ function lk({
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, label: "点位文案", labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...n }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: n
       }) => /* @__PURE__ */ r(zt, { ...n }) })
     ] })
@@ -21804,35 +21804,35 @@ function _k({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `metrics.${t}.names.value`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
-      /* @__PURE__ */ r(g, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(O, { label: i("viz.merico_stats.metric.metric_data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...o }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: `metrics.${t}.names.basis`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
-      /* @__PURE__ */ r(g, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
+      /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
         field: o
       }) => /* @__PURE__ */ r(O, { label: i("viz.merico_stats.metric.basis_data_field"), required: !0, data: a, sx: {
         flex: 1
       }, ...o }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: i("numbro.format.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `metrics.${t}.formatter`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `metrics.${t}.formatter`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(bt, { ...o }) }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: i("viz.merico_stats.metric.others"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: `metrics.${t}.postfix`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `metrics.${t}.postfix`, control: e, render: ({
       field: o
     }) => /* @__PURE__ */ r(yk, { ...o }) })
   ] });
@@ -21873,12 +21873,12 @@ function vk({
   return t("styles"), /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(P, { mt: 15, variant: "dashed", label: n("style.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ r(g, { name: "styles.justify", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "styles.justify", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(fb, { sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "styles.align", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "styles.align", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(bb, { label: n("viz.merico_stats.align_items.label"), sx: {
         flex: 1
@@ -22052,29 +22052,29 @@ function Ik({
   const a = t("heat_block.label.show");
   return /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "heat_block.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.data_key", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
-      /* @__PURE__ */ r(g, { name: "heat_block.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "heat_block.value_formatter", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "heat_block.value_formatter", control: e, render: ({
       field: i
     }) => /* @__PURE__ */ r(bt, { ...i }) }),
     /* @__PURE__ */ r(P, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "heat_block.label.show", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.label.show", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(Ce, { label: n("chart.heatmap.heatblock.show_label"), checked: i.value, onChange: (o) => i.onChange(o.currentTarget.checked), sx: {
         flexGrow: 1
       } }) }),
-      /* @__PURE__ */ r(g, { name: "heat_block.label.fontSize", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "heat_block.label.fontSize", control: e, render: ({
         field: i
       }) => /* @__PURE__ */ r(ne, { size: "xs", leftSection: /* @__PURE__ */ r(Da, { size: 16 }), disabled: !a, ...i }) })
     ] })
@@ -22088,12 +22088,12 @@ const Mk = ({
     t: n
   } = x();
   return /* @__PURE__ */ r(T, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
-    /* @__PURE__ */ r(g, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
+    /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
       flex: 1
@@ -22143,28 +22143,28 @@ function Vk({
   } = x();
   return t(["x_axis"]), /* @__PURE__ */ u(T, { children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.axis.tick_label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "x_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "x_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] })
@@ -22181,33 +22181,33 @@ function $k({
     position: "relative"
   }, children: [
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "y_axis.data_key", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(K, { label: n("common.data_field"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "y_axis.name", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
-    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(g, { name: "y_axis.nameAlignment", control: e, render: ({
+    /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "y_axis.nameAlignment", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(an, { sx: {
       flex: 1
     }, ...a }) }) }),
     /* @__PURE__ */ r(P, { mb: -15, variant: "dashed", label: n("chart.axis.tick_label"), labelPosition: "center" }),
-    /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.overflow", control: e, render: ({
+    /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: a
     }) => /* @__PURE__ */ r(Tt, { ...a }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.rotate", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.rotate", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(Ut, { sx: {
         width: "48%"
       }, ...a }) }),
-      /* @__PURE__ */ r(g, { name: "y_axis.axisLabel.formatter", control: e, render: ({
+      /* @__PURE__ */ r(f, { name: "y_axis.axisLabel.formatter", control: e, render: ({
         field: a
       }) => /* @__PURE__ */ r(zt, { ...a }) })
     ] })
@@ -22395,14 +22395,14 @@ function jk({
       label: "",
       value: pt(e.y_axis.axisLabel.overflow.in_tooltip)
     }
-  }, f = {
+  }, g = {
     label: e.heat_block.name,
     value: n.heat_block(d),
     style: {
       label: "",
       value: ""
     }
-  }, y = [h, p, f], b = a[`${s}---${c}`];
+  }, y = [h, p, g], b = a[`${s}---${c}`];
   return b && e.tooltip.metrics.forEach((w) => {
     const I = N(w.data_key);
     y.push({
@@ -22425,7 +22425,7 @@ function Qk(e, t, n, a) {
   const d = C.keyBy(t[s.queryID], (h) => `${h[s.columnKey]}---${h[c.columnKey]}`);
   return pe.getTooltip({
     formatter: function(h) {
-      const f = jk({
+      const g = jk({
         conf: e,
         labelFormatters: n,
         valueFormatters: a,
@@ -22451,7 +22451,7 @@ function Qk(e, t, n, a) {
               />
             </tr>
           </thead>
-          <tbody>${f.join("")}</tbody>
+          <tbody>${g.join("")}</tbody>
         </table>
       `;
     }
@@ -22549,7 +22549,7 @@ function Wk(e, t, n) {
   }, {}), i = Ok(e), o = qk(e), l = Rr(e.visualMap, a), {
     min: s,
     max: c
-  } = l, d = N(e.x_axis.data_key), h = N(e.y_axis.data_key), p = N(e.heat_block.data_key), f = C.uniq(t[d.queryID].map((w) => w[d.columnKey])), y = t[d.queryID].map((w) => {
+  } = l, d = N(e.x_axis.data_key), h = N(e.y_axis.data_key), p = N(e.heat_block.data_key), g = C.uniq(t[d.queryID].map((w) => w[d.columnKey])), y = t[d.queryID].map((w) => {
     const I = C.get(w, d.columnKey), M = C.get(w, h.columnKey), R = C.get(w, p.columnKey), q = {
       value: [I, M, R]
     }, {
@@ -22561,7 +22561,7 @@ function Wk(e, t, n) {
     }), q;
   });
   return {
-    xAxis: Gk(e, f, i.x_axis),
+    xAxis: Gk(e, g, i.x_axis),
     yAxis: Hk(e, i.y_axis),
     series: Bk(e, y),
     tooltip: Qk(e, t, i, o),
@@ -22595,14 +22595,14 @@ function Uk({
     var w;
     const b = (w = h.current) == null ? void 0 : w.getEchartsInstance();
     b && Ye(l, b.getOption());
-  }, [l]), f = z(() => ({
+  }, [l]), g = z(() => ({
     click: d,
     finished: p
   }), [d, p]), y = $.useMemo(() => Wk(e, t, o), [e, t]);
   return /* @__PURE__ */ r(He, { echarts: Ne, option: y, ref: h, style: {
     width: n,
     height: a
-  }, onEvents: f, notMerge: !0, theme: "merico-light" });
+  }, onEvents: g, notMerge: !0, theme: "merico-light" });
 }
 function Kk({
   context: e,
@@ -23000,12 +23000,12 @@ async function h5({
   } = e, h = Ja(s, n), p = zg({
     sql: h,
     pre_process: c
-  }), f = Dp(p);
-  u5(p, f);
+  }), g = Dp(p);
+  u5(p, g);
   let y = await dt.query(i)({
     type: o,
     key: l,
-    query: f,
+    query: g,
     ...a
   }, {
     params: {
@@ -24816,7 +24816,7 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
     t: h
   } = x(), {
     classes: p,
-    cx: f
+    cx: g
   } = B5({
     radius: t,
     width: n.width,
@@ -24843,8 +24843,8 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
         },
         treeCheckStrictly: d,
         labelInValue: !0,
-        className: f(p.root, "check-select"),
-        dropdownClassName: f(p.dropdown, ""),
+        className: g(p.root, "check-select"),
+        dropdownClassName: g(p.dropdown, ""),
         onDropdownVisibleChange: w,
         transitionName: "rc-tree-select-dropdown-slide-up",
         choiceTransitionName: "rc-tree-select-selection__choice-zoom",
@@ -24879,8 +24879,8 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
     treeData: i,
     treeDataLoading: o,
     errorMessage: l
-  } = t, s = (f) => {
-    const y = f.map((b) => b.value);
+  } = t, s = (g) => {
+    const y = g.map((b) => b.value);
     a(y, !1);
   }, c = z(() => t.initialSelection(n), [n, t.initialSelection, o]), d = t.min_width ? t.min_width : "200px", p = !!t.options_query_id ? o : !1;
   return /* @__PURE__ */ r(N5, { disabled: p, style: {
@@ -25217,8 +25217,8 @@ const L5 = m.model("FilterDateRangeConfigMeta", {
     treeData: i,
     treeDataLoading: o,
     errorMessage: l
-  } = t, s = (f) => {
-    a(f ? f.value : null, !1);
+  } = t, s = (g) => {
+    a(g ? g.value : null, !1);
   }, c = z(() => t.initialSelection(n), [n, t.initialSelection, t.treeDataLoading]), d = t.min_width ? t.min_width : "200px", p = !!t.options_query_id ? o : !1;
   return /* @__PURE__ */ r(H5, { disabled: p, style: {
     width: d,
@@ -27120,22 +27120,20 @@ const g3 = (e) => new m3(e), f3 = ({
   max_days: a,
   allowSingleDateInRange: i
 }) => {
-  const {
-    i18n: o
-  } = x(), l = e.value, [s, c] = l, d = z(() => s || /* @__PURE__ */ new Date(), [s]), h = z(() => {
-    if (s && !c)
-      return s;
-  }, [s, c]), p = z(() => {
-    if (s && !c && a > 0)
-      return E(s).add(a - 1, "days").toDate();
-  }, [s, c, a]);
-  return /* @__PURE__ */ r(tp, { defaultDate: d, numberOfColumns: 2, type: "range", value: l, onChange: (y) => {
-    const [b, w] = y;
+  const o = e.value, [l, s] = o, c = z(() => l || /* @__PURE__ */ new Date(), [l]), d = z(() => {
+    if (l && !s)
+      return l;
+  }, [l, s]), h = z(() => {
+    if (l && !s && a > 0)
+      return E(l).add(a - 1, "days").toDate();
+  }, [l, s, a]);
+  return /* @__PURE__ */ r(tp, { defaultDate: c, numberOfColumns: 2, type: "range", value: o, onChange: (g) => {
+    const [y, b] = g;
     t({
-      value: y,
+      value: g,
       shortcut: null
-    }), b && w && n();
-  }, onNextMonth: console.log, minDate: h, maxDate: p, allowSingleDateInRange: i, locale: o.language });
+    }), y && b && n();
+  }, onNextMonth: console.log, minDate: d, maxDate: h, allowSingleDateInRange: i });
 }, _3 = ({
   begin: e,
   end: t
@@ -27226,7 +27224,7 @@ const g3 = (e) => new m3(e), f3 = ({
   } = x(), [d, {
     open: h,
     close: p
-  }] = nn(!1), [f, y] = n.value, b = f ? E(f).format(l) : "", w = y ? E(y).format(l) : "";
+  }] = nn(!1), [g, y] = n.value, b = g ? E(g).format(l) : "", w = y ? E(y).format(l) : "";
   return /* @__PURE__ */ u(ut, { opened: d, onClose: p, position: "bottom-start", shadow: "md", children: [
     /* @__PURE__ */ u(_, { justify: "flex-start", grow: !0, wrap: "nowrap", gap: 0, w: "288px", sx: {
       marginTop: "3px"
@@ -27256,7 +27254,7 @@ const g3 = (e) => new m3(e), f3 = ({
           opacity: 0.6
         }
       } }) }),
-      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(_3, { begin: f, end: y }) }), leftSection: /* @__PURE__ */ r(Ah, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !f || s, value: w, onFocus: h, styles: Do(d), sx: {
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(_3, { begin: g, end: y }) }), leftSection: /* @__PURE__ */ r(Ah, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: w, onFocus: h, styles: Do(d), sx: {
         ".mantine-Input-section": {
           transform: "translateX(-18px)"
         },
@@ -27515,9 +27513,9 @@ const g3 = (e) => new m3(e), f3 = ({
   } = C3({
     radius: t,
     name: "MultiSelectWidget"
-  }), [f, y] = G(!1), b = (Z) => {
+  }), [g, y] = G(!1), b = (Z) => {
     y(Z);
-  }, w = f && (i == null ? void 0 : i.length) > 0, [I, M] = G(""), R = z(() => {
+  }, w = g && (i == null ? void 0 : i.length) > 0, [I, M] = G(""), R = z(() => {
     if (!I)
       return l;
     const Z = I.toLowerCase(), Oe = (be) => {
@@ -27563,13 +27561,13 @@ const g3 = (e) => new m3(e), f3 = ({
   const i = Te(), o = !!t.options_query_id, {
     state: l,
     error: s
-  } = i.getDataStuffByID(t.options_query_id), c = l === "loading", d = t.min_width ? t.min_width : "200px", h = o ? c : !1, p = z(() => t.initialSelection(n), [n, t.initialSelection]), f = (y) => a(y, !1);
+  } = i.getDataStuffByID(t.options_query_id), c = l === "loading", d = t.min_width ? t.min_width : "200px", h = o ? c : !1, p = z(() => t.initialSelection(n), [n, t.initialSelection]), g = (y) => a(y, !1);
   return /* @__PURE__ */ r(z3, { label: e, options: t.options, style: {
     minWidth: "160px",
     width: d,
     maxWidth: h ? d : "unset",
     borderColor: "#e9ecef"
-  }, disabled: h, value: [...p], onChange: f, errorMessage: s, required: t.required });
+  }, disabled: h, value: [...p], onChange: g, errorMessage: s, required: t.required });
 }), D3 = ({
   option: e,
   ...t
@@ -27593,7 +27591,7 @@ const g3 = (e) => new m3(e), f3 = ({
   } = x(), o = Te(), l = !!t.options_query_id, {
     state: s,
     error: c
-  } = o.getDataStuffByID(t.options_query_id), d = s === "loading", h = ae((p, f) => {
+  } = o.getDataStuffByID(t.options_query_id), d = s === "loading", h = ae((p, g) => {
     p && a(p, !1);
   }, [a]);
   return /* @__PURE__ */ r(
@@ -27768,7 +27766,7 @@ const q3 = ({
   B(() => {
     s(i.filters.values);
   }, [i.filters.values, s]), $3(c);
-  const d = i.filters.visibleInView(t.id), h = z(() => d.every((b) => b.should_auto_submit), [d]), p = z(() => d.filter((b) => C.get(b, "config.required", !1)), [d]), f = z(() => p.length === 0 ? !1 : p.some((b) => !b.requiredAndPass(c[b.key])), [c, p]);
+  const d = i.filters.visibleInView(t.id), h = z(() => d.every((b) => b.should_auto_submit), [d]), p = z(() => d.filter((b) => C.get(b, "config.required", !1)), [d]), g = z(() => p.length === 0 ? !1 : p.some((b) => !b.requiredAndPass(c[b.key])), [c, p]);
   if (d.length === 0)
     return null;
   const y = (b, w) => (I, M) => {
@@ -27781,12 +27779,12 @@ const q3 = ({
       borderRadius: "4px",
       padding: "16px"
     }, children: [
-      /* @__PURE__ */ r(_, { align: "flex-start", children: d.map((b) => /* @__PURE__ */ r(g, { name: b.key, control: o, render: ({
+      /* @__PURE__ */ r(_, { align: "flex-start", children: d.map((b) => /* @__PURE__ */ r(f, { name: b.key, control: o, render: ({
         field: w
       }) => /* @__PURE__ */ r(A3, { filter: b, value: w.value, onChange: y(b, w.onChange) }) }, b.id)) }),
       !h && /* @__PURE__ */ r(_, { sx: {
         alignSelf: "flex-end"
-      }, children: /* @__PURE__ */ r(V3, { disabled: f }) })
+      }, children: /* @__PURE__ */ r(V3, { disabled: g }) })
     ] }) })
   ] });
 }), F3 = {
@@ -27825,7 +27823,7 @@ const q3 = ({
     inFullScreen: h
   } = $.useContext(Kr), p = () => {
     i.duplicatePanelByID(c, e.id);
-  }, f = () => {
+  }, g = () => {
     a.editor.open(["_VIEWS_", e.id, "_PANELS_", c, "_TABS_", "Panel"]);
   }, y = () => {
     a.editor.open(["_VIEWS_", e.id, "_PANELS_", c, "_TABS_", "Variables"]);
@@ -27866,7 +27864,7 @@ const q3 = ({
       R && /* @__PURE__ */ r(U.Item, { onClick: M, leftSection: /* @__PURE__ */ r(fl, { size: 14 }), disabled: !0, children: n("common.actions.enter_fullscreen") }),
       /* @__PURE__ */ r(B3, { view: e }),
       /* @__PURE__ */ r(P, { label: n("common.actions.edit"), labelPosition: "center" }),
-      /* @__PURE__ */ r(U.Item, { onClick: f, leftSection: /* @__PURE__ */ r(Aa, { size: 14 }), children: n("panel.label") }),
+      /* @__PURE__ */ r(U.Item, { onClick: g, leftSection: /* @__PURE__ */ r(Aa, { size: 14 }), children: n("panel.label") }),
       /* @__PURE__ */ r(U.Item, { onClick: y, leftSection: /* @__PURE__ */ r(An, { size: 14 }), children: n("panel.variable.labels") }),
       /* @__PURE__ */ r(U.Item, { onClick: b, leftSection: /* @__PURE__ */ r(bl, { size: 14 }), children: n("visualization.label") }),
       /* @__PURE__ */ r(U.Item, { onClick: w, leftSection: /* @__PURE__ */ r(Va, { size: 14 }), children: n("interactions.label") }),
@@ -28183,9 +28181,9 @@ function tz(e, t) {
     viz: a
   }, {
     withInteraction: p
-  } = Pi(), f = zd(h, p);
+  } = Pi(), g = zd(h, p);
   try {
-    return n.resolveComponent(a.type), /* @__PURE__ */ u(Or, { configure: f, children: [
+    return n.resolveComponent(a.type), /* @__PURE__ */ u(Or, { configure: g, children: [
       /* @__PURE__ */ r(ez, { setVizConf: a.setConf, panel: h, measure: t, data: e, variables: d, vizManager: n }),
       /* @__PURE__ */ r(rz, {})
     ] });
@@ -28398,8 +28396,8 @@ const gz = $.forwardRef(({
   view: e,
   className: t = "layout"
 }) => {
-  const a = ce().layouts, i = a.items(e.panelIDs), o = a.gridLayouts(e.panelIDs), l = (d, h, p, f) => {
-    p.h < 30 && (p.h = 30, f.h = 30), p.w < 4 && (p.w = 4, f.w = 4);
+  const a = ce().layouts, i = a.items(e.panelIDs), o = a.gridLayouts(e.panelIDs), l = (d, h, p, g) => {
+    p.h < 30 && (p.h = 30, g.h = 30), p.w < 4 && (p.w = 4, g.w = 4);
   }, s = (d, h, p) => {
     console.log("🔴 onResizeStop", {
       layouts: d,
@@ -28730,9 +28728,9 @@ const Tz = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r(V, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (f) => d.setName(f.currentTarget.value) }),
+            /* @__PURE__ */ r(V, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.currentTarget.value) }),
             /* @__PURE__ */ r(O, { label: t("view.label"), value: d.view_id, onChange: d.setViewID, data: i }),
-            /* @__PURE__ */ r(ne, { label: t("view.component.tabs.tab.order"), required: !0, value: d.order, onChange: (f) => d.setOrder(f || 0), min: 0, max: 1e3, step: 1 }),
+            /* @__PURE__ */ r(ne, { label: t("view.component.tabs.tab.order"), required: !0, value: d.order, onChange: (g) => d.setOrder(g || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r(Jt, { label: t("view.component.tabs.tab.color"), value: d.color, onChange: d.setColor, disabled: o.variant !== "default" }),
             p && /* @__PURE__ */ r(L, { mt: 20, variant: "gradient", leftSection: /* @__PURE__ */ r(Oh, { size: 18 }), gradient: {
               from: "cyan",
@@ -29826,18 +29824,18 @@ const dT = m.model("EditorModel", {
     });
     const h = [l, s, c, d];
     return a.editorOptions.forEach((p) => {
-      const f = {
+      const g = {
         group: p.label,
         actions: []
       };
-      f.actions.push({
+      g.actions.push({
         id: `_VIEWS_.${p.value}`,
         title: p.label,
         onClick: () => e.openAndSetPath(["_VIEWS_", p.value]),
         iconKey: "view",
         group: p.label
       }), p.children.forEach((y) => {
-        y._type !== "ACTION" && f.actions.push({
+        y._type !== "ACTION" && g.actions.push({
           id: `_VIEWS_._PANELS_.${y.value}`,
           title: y.label,
           viz: y.viz,
@@ -29845,7 +29843,7 @@ const dT = m.model("EditorModel", {
           iconKey: "panel",
           group: p.label
         });
-      }), h.push(f);
+      }), h.push(g);
     }), h;
   }
 })), uT = m.compose("LayoutsModel", bd, m.model({
@@ -30503,20 +30501,20 @@ const fT = m.model({
       mock_context: d
     } = o, h = /* @__PURE__ */ new Map();
     if (Array.isArray(a)) {
-      const f = a.map((y) => {
+      const g = a.map((y) => {
         const b = Lt();
         return h.set(y.id, b), {
           ...y,
           id: b
         };
       });
-      if (e.panels.appendMultiple(f), !Array.isArray(n) || n.length === 0) {
-        const y = f.map((b) => b.id);
+      if (e.panels.appendMultiple(g), !Array.isArray(n) || n.length === 0) {
+        const y = g.map((b) => b.id);
         (p = e.views.VIE) == null || p.appendPanelIDs(y);
       }
     }
     if (Array.isArray(n)) {
-      const f = n.map((y) => {
+      const g = n.map((y) => {
         const b = y.panelIDs.map((w) => h.get(w) ?? w);
         return {
           ...y,
@@ -30524,12 +30522,12 @@ const fT = m.model({
           panelIDs: b
         };
       });
-      e.views.appendMultiple(f);
+      e.views.appendMultiple(g);
     }
     if (Array.isArray(l)) {
-      const f = (w, I) => e.layouts.breakpointNameRecord[w] === I;
+      const g = (w, I) => e.layouts.breakpointNameRecord[w] === I;
       let y = [];
-      const b = l.filter((w) => f(w.name, w.breakpoint));
+      const b = l.filter((w) => g(w.name, w.breakpoint));
       b.forEach((w) => {
         w.id === "basis" && (y = w.list), w.list.forEach((I) => {
           const M = h.get(I.panelID);
@@ -30617,7 +30615,7 @@ function bT({
     filters: d,
     views: h,
     panels: p,
-    layouts: f,
+    layouts: g,
     definition: {
       queries: y,
       sqlSnippets: b,
@@ -30644,8 +30642,8 @@ function bT({
       list: p
     },
     layouts: {
-      list: f,
-      currentBreakpoint: f[0].id
+      list: g,
+      currentBreakpoint: g[0].id
     }
   });
 }
@@ -30914,7 +30912,7 @@ const xT = D(({
     defaultValues: i
   }), {
     fields: p,
-    append: f,
+    append: g,
     remove: y
   } = Ir({
     control: o,
@@ -30929,7 +30927,7 @@ const xT = D(({
     ...Z,
     ...b[Oe]
   })), I = () => {
-    f({
+    g({
       id: Lt(),
       name: "",
       breakpoint: ""
@@ -30960,7 +30958,7 @@ const xT = D(({
       ] }) }),
       /* @__PURE__ */ u(v.Tbody, { children: [
         w.map((Z, Oe) => /* @__PURE__ */ u(v.Tr, { children: [
-          /* @__PURE__ */ r(v.Th, { children: Z.id === "basis" ? Z.name : /* @__PURE__ */ r(g, { name: `list.${Oe}.name`, control: o, render: ({
+          /* @__PURE__ */ r(v.Th, { children: Z.id === "basis" ? Z.name : /* @__PURE__ */ r(f, { name: `list.${Oe}.name`, control: o, render: ({
             field: be
           }) => /* @__PURE__ */ r(V, { size: "xs", label: "", required: !0, sx: {
             flex: 1
@@ -30968,7 +30966,7 @@ const xT = D(({
           /* @__PURE__ */ r(v.Td, { children: Z.id === "basis" ? /* @__PURE__ */ u(k, { size: "sm", ff: "monospace", children: [
             Z.breakpoint,
             "px"
-          ] }) : /* @__PURE__ */ r(g, { name: `list.${Oe}.breakpoint`, control: o, render: ({
+          ] }) : /* @__PURE__ */ r(f, { name: `list.${Oe}.breakpoint`, control: o, render: ({
             field: be
           }) => /* @__PURE__ */ r(ne, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r(k, { size: "sm", c: "dimmed", children: "px" }), rightSectionProps: {
             style: {
@@ -31240,12 +31238,12 @@ const $T = D(({
         color: "red"
       });
     }
-  }, [f, y] = G(null);
+  }, [g, y] = G(null);
   B(() => {
-    if (!f)
+    if (!g)
       return;
     const q = new FileReader();
-    q.readAsText(f, "UTF-8"), q.onload = (X) => {
+    q.readAsText(g, "UTF-8"), q.onload = (X) => {
       try {
         const Q = VT(X);
         s("content", Q), h("content");
@@ -31261,14 +31259,14 @@ const $T = D(({
         message: q.error.message
       }));
     };
-  }, [f]);
+  }, [g]);
   const [b] = c(["content"]), w = !b, I = (M = l == null ? void 0 : l.content) == null ? void 0 : M.message;
   return B(() => {
     !b || I ? n() : t();
   }, [b, I]), /* @__PURE__ */ r(A, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ u("form", { onSubmit: o(p), children: [
-    /* @__PURE__ */ r(lh, { label: a("import.json_file"), required: !0, value: f, onChange: y, error: (R = l == null ? void 0 : l.content) == null ? void 0 : R.message, sx: {
+    /* @__PURE__ */ r(lh, { label: a("import.json_file"), required: !0, value: g, onChange: y, error: (R = l == null ? void 0 : l.content) == null ? void 0 : R.message, sx: {
       maxWidth: 500
     } }),
     I ? /* @__PURE__ */ r(v, { fz: 12, mt: 10, children: /* @__PURE__ */ u(v.Tbody, { children: [
@@ -31391,10 +31389,10 @@ const $T = D(({
     return c ? l.map((h) => {
       if (h.keywords.some((y) => y.includes(c)))
         return h;
-      const f = h.actions.filter((y) => y.keywords.some((b) => b.includes(c)));
-      return f.length === 0 ? null : {
+      const g = h.actions.filter((y) => y.keywords.some((b) => b.includes(c)));
+      return g.length === 0 ? null : {
         ...h,
-        actions: f
+        actions: g
       };
     }).filter((h) => h !== null) : [l[0]];
   }, [l, i]);
@@ -31505,16 +31503,16 @@ function GT(e, t, n) {
     } = i.viz.conf;
     Object.entries(c).forEach(([h, p]) => {
       const {
-        schemaRef: f,
+        schemaRef: g,
         data: y
       } = p, {
         config: b
       } = y;
-      switch (f) {
+      switch (g) {
         case "builtin:op:open-link":
           let w = b.urlTemplate.substring(0, 100);
           b.urlTemplate.length >= 20 && (w += "..."), l.type = "interaction", l.data.interactions.push({
-            schemaRef: f,
+            schemaRef: g,
             urlTemplate: b.urlTemplate,
             shortURLTemplate: w
           });
@@ -31533,7 +31531,7 @@ function GT(e, t, n) {
           return;
         case "builtin:op:set_filter_values":
           l.type = "interaction", l.data.interactions.push({
-            schemaRef: f,
+            schemaRef: g,
             filters: Object.keys(b.dictionary).map((I) => ({
               key: I,
               label: n[I]
@@ -31542,7 +31540,7 @@ function GT(e, t, n) {
           return;
         case "builtin:op:clear_filter_values":
           l.type = "interaction", l.data.interactions.push({
-            schemaRef: f,
+            schemaRef: g,
             filters: b.filter_keys.map((I) => ({
               key: I,
               label: n[I]
@@ -31705,8 +31703,8 @@ function i6({
     if (o && l && o.parentNode) {
       const s = e[o.parentNode], c = s.position.x, d = Number(C.get(l, "style.height", 0)), h = Number(s.style.width);
       l.position.x = c + h + YT, s._view_level === 0 && l._sub_view_ids.length === 0 && (o.sourcePosition = _t.Left, l.targetPosition = _t.Right, l.position.x *= -1);
-      const f = l.position.x, y = C.get(a, f, 0);
-      l.position.y = y, a[f] = y + d + Nd;
+      const g = l.position.x, y = C.get(a, g, 0);
+      l.position.y = y, a[g] = y + d + Nd;
     }
   });
 }
@@ -33272,7 +33270,7 @@ const s4 = D(({
   B(() => {
     l((w) => h && w === "Visualization" ? "Data" : w);
   }, [e.id, h]);
-  const f = ae((w) => {
+  const g = ae((w) => {
     l(w), a.editor.setPanelTab(o);
   }, []), y = () => {
     a.editor.setPath(["_VIEWS_", p]);
@@ -33308,7 +33306,7 @@ const s4 = D(({
         /* @__PURE__ */ r(L, { size: "xs", variant: "subtle", color: "red", onClick: b, leftSection: /* @__PURE__ */ r($e, { size: 14 }), children: t("panel.delete") })
       ] })
     ] }),
-    /* @__PURE__ */ u(S, { value: o, onChange: f, keepMounted: !1, styles: o4, children: [
+    /* @__PURE__ */ u(S, { value: o, onChange: g, keepMounted: !1, styles: o4, children: [
       /* @__PURE__ */ u(S.List, { children: [
         /* @__PURE__ */ r(S.Tab, { value: "Data", leftSection: /* @__PURE__ */ r(Xt, { size: 14 }), disabled: d, children: t("data.label") }),
         /* @__PURE__ */ r(S.Tab, { value: "Panel", leftSection: /* @__PURE__ */ r(Aa, { size: 14 }), children: t("panel.label") }),
@@ -33348,8 +33346,8 @@ const s4 = D(({
 }), d4 = D(() => {
   const {
     t: e
-  } = x(), [t, n] = G([]), a = wt(), i = de(), o = (f) => {
-    i.editor.setPath(["_QUERIES_", f]);
+  } = x(), [t, n] = G([]), a = wt(), i = de(), o = (g) => {
+    i.editor.setPath(["_QUERIES_", g]);
   }, l = () => {
     a.openConfirmModal({
       title: "Delete ununsed queries?",
@@ -33367,7 +33365,7 @@ const s4 = D(({
     });
   }, s = () => {
     i.content.queries.downloadSchema(t);
-  }, c = z(() => i.content.queries.sortedList.map((f) => f.id), [i.content.queries.sortedList]), d = () => {
+  }, c = z(() => i.content.queries.sortedList.map((g) => g.id), [i.content.queries.sortedList]), d = () => {
     n(c);
   }, h = () => {
     n([]);
@@ -33428,27 +33426,27 @@ const s4 = D(({
           paddingLeft: "24px"
         }, children: e("common.action") })
       ] }) }),
-      /* @__PURE__ */ r(v.Tbody, { children: i.content.queries.sortedList.map((f) => {
+      /* @__PURE__ */ r(v.Tbody, { children: i.content.queries.sortedList.map((g) => {
         var b;
-        const y = ((b = p[f.id]) == null ? void 0 : b.length) ?? 0;
+        const y = ((b = p[g.id]) == null ? void 0 : b.length) ?? 0;
         return /* @__PURE__ */ u(v.Tr, { children: [
-          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(te, { value: f.id, styles: {
+          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(te, { value: g.id, styles: {
             input: {
               cursor: "pointer"
             }
           } }) }),
-          /* @__PURE__ */ r(v.Td, { children: f.name }),
-          /* @__PURE__ */ r(v.Td, { children: f.key }),
+          /* @__PURE__ */ r(v.Td, { children: g.name }),
+          /* @__PURE__ */ r(v.Td, { children: g.key }),
           /* @__PURE__ */ r(v.Td, { style: {
             textAlign: "right"
-          }, children: f.type }),
+          }, children: g.type }),
           /* @__PURE__ */ r(v.Td, { style: {
             color: y === 0 ? "#ff0000" : "#000",
             fontWeight: y === 0 ? "bold" : "normal",
             textAlign: "center"
           }, children: y }),
-          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", onClick: () => o(f.id), children: e("common.actions.open") }) })
-        ] }, f.id);
+          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", onClick: () => o(g.id), children: e("common.actions.open") }) })
+        ] }, g.id);
       }) })
     ] }) }) })
   ] });
@@ -34726,8 +34724,8 @@ const Y4 = [{
       overflowY: "auto"
     }, children: s.map(({
       group: p,
-      items: f
-    }) => /* @__PURE__ */ r(Ft.Group, { label: p, children: f.map((y) => {
+      items: g
+    }) => /* @__PURE__ */ r(Ft.Group, { label: p, children: g.map((y) => {
       var b;
       return "group" in y ? /* @__PURE__ */ r(Ft.Group, { className: "dimension-group", label: /* @__PURE__ */ u(_, { gap: 4, children: [
         /* @__PURE__ */ r(Ni, { type: "dimension" }),
@@ -35022,8 +35020,8 @@ const Y4 = [{
   const t = e.config, a = e.datasource.mericoMetricInfo, i = a.metricDetail, o = a.metrics.loading || i.loading, l = i.groupByColOptions, s = (c) => {
     const d = i.getGroupByOptions(c), h = [];
     d.forEach((p) => {
-      p.dimension ? p.dimension.fields.forEach((f) => {
-        h.push(`${p.value} -> ${f.field}`);
+      p.dimension ? p.dimension.fields.forEach((g) => {
+        h.push(`${p.value} -> ${g.field}`);
       }) : h.push(p.value);
     }), t.setGroupBys(h);
   };
@@ -35209,11 +35207,11 @@ const Y4 = [{
     t: a
   } = x(), [i, o] = G("SQL"), [l, s] = G(e.key), c = () => {
     e.setKey(l), n(l);
-  }, d = l !== e.key, h = e.isADuplicatedKey(l), [p, f] = G(e.value), y = () => {
+  }, d = l !== e.key, h = e.isADuplicatedKey(l), [p, g] = G(e.value), y = () => {
     e.setValue(p);
   };
   B(() => {
-    s(e.key), f(e.value);
+    s(e.key), g(e.value);
   }, [e]);
   const b = p !== e.value, w = wt(), I = () => {
     w.openConfirmModal({
@@ -35263,7 +35261,7 @@ const Y4 = [{
           right: 10
         }, children: /* @__PURE__ */ r(me, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ r(S.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ r(Xa, { height: "100%", value: p, onChange: f, defaultLanguage: "sql", theme: "sql-dark" }) }),
+      /* @__PURE__ */ r(S.Panel, { value: "SQL", pt: "sm", children: /* @__PURE__ */ r(Xa, { height: "100%", value: p, onChange: g, defaultLanguage: "sql", theme: "sql-dark" }) }),
       /* @__PURE__ */ r(S.Panel, { value: "Preview", pt: "sm", children: /* @__PURE__ */ r(ID, { value: p }) })
     ] })
   ] });
@@ -35290,8 +35288,8 @@ const Y4 = [{
 }), AD = D(() => {
   const {
     t: e
-  } = x(), [t, n] = G([]), a = wt(), i = de(), o = (f) => {
-    i.editor.setPath(["_SQL_SNIPPETS_", f]);
+  } = x(), [t, n] = G([]), a = wt(), i = de(), o = (g) => {
+    i.editor.setPath(["_SQL_SNIPPETS_", g]);
   }, l = () => {
     a.openConfirmModal({
       title: "Delete ununsed SQL snippets?",
@@ -35309,7 +35307,7 @@ const Y4 = [{
     });
   }, s = () => {
     i.content.sqlSnippets.downloadSchema(t);
-  }, c = z(() => i.content.sqlSnippets.sortedList.map((f) => f.key), [i.content.sqlSnippets.sortedList]), d = () => {
+  }, c = z(() => i.content.sqlSnippets.sortedList.map((g) => g.key), [i.content.sqlSnippets.sortedList]), d = () => {
     n(c);
   }, h = () => {
     n([]);
@@ -35363,23 +35361,23 @@ const Y4 = [{
           paddingLeft: "24px"
         }, children: e("common.action") })
       ] }) }),
-      /* @__PURE__ */ r(v.Tbody, { children: i.content.sqlSnippets.sortedList.map((f) => {
+      /* @__PURE__ */ r(v.Tbody, { children: i.content.sqlSnippets.sortedList.map((g) => {
         var b;
-        const y = ((b = p[f.key]) == null ? void 0 : b.length) ?? 0;
+        const y = ((b = p[g.key]) == null ? void 0 : b.length) ?? 0;
         return /* @__PURE__ */ u(v.Tr, { children: [
-          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(te, { value: f.key, styles: {
+          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(te, { value: g.key, styles: {
             input: {
               cursor: "pointer"
             }
           } }) }),
-          /* @__PURE__ */ r(v.Td, { children: f.key }),
+          /* @__PURE__ */ r(v.Td, { children: g.key }),
           /* @__PURE__ */ r(v.Td, { style: {
             color: y === 0 ? "#ff0000" : "#000",
             fontWeight: y === 0 ? "bold" : "normal",
             textAlign: "center"
           }, children: y }),
-          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", onClick: () => o(f.key), children: e("common.actions.open") }) })
-        ] }, f.key);
+          /* @__PURE__ */ r(v.Td, { children: /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", onClick: () => o(g.key), children: e("common.actions.open") }) })
+        ] }, g.key);
       }) })
     ] }) }) })
   ] });
@@ -35463,7 +35461,7 @@ const Y4 = [{
       ...b,
       func_content: y
     }));
-  }, f = () => {
+  }, g = () => {
     p(fa.func_content);
   };
   return /* @__PURE__ */ u(F, { children: [
@@ -35474,7 +35472,7 @@ const Y4 = [{
       /* @__PURE__ */ r(te, { mt: 10, label: n("common.enabled"), checked: l.enabled, onChange: (y) => c(y.currentTarget.checked) }),
       /* @__PURE__ */ r(PD, { value: l.func_content, onChange: p, disabled: !l.enabled }),
       /* @__PURE__ */ u(_, { justify: "space-between", children: [
-        /* @__PURE__ */ r(L, { onClick: f, color: "red", leftSection: /* @__PURE__ */ r(mt, { size: 20 }), children: n("common.actions.revert") }),
+        /* @__PURE__ */ r(L, { onClick: g, color: "red", leftSection: /* @__PURE__ */ r(mt, { size: 20 }), children: n("common.actions.revert") }),
         /* @__PURE__ */ u(_, { justify: "flex-end", children: [
           /* @__PURE__ */ r(L, { onClick: h, variant: "subtle", children: n("common.actions.cancel") }),
           /* @__PURE__ */ r(L, { onClick: d, children: n("common.actions.save") })
@@ -35861,14 +35859,14 @@ const iI = {
   onFilterValuesChange: d,
   onExit: h,
   lang: p
-}, f) => {
+}, g) => {
   aI(o.monacoPath), Tc(o);
   const {
     data: y = []
   } = dn(Mi), {
     data: b = []
   } = dn(Dc), w = $.useMemo(() => _T(t, n, y, b, e, c ?? {}), [t, n]);
-  $.useImperativeHandle(f, () => w, [w]), Od(w.content, !0), $.useEffect(() => {
+  $.useImperativeHandle(g, () => w, [w]), Od(w.content, !0), $.useEffect(() => {
     w.context.replace(e);
   }, [e]), $.useEffect(() => {
     w.datasources.replace(y);
@@ -36043,7 +36041,7 @@ function lI({
     version: d,
     filters: h,
     views: p,
-    panels: f,
+    panels: g,
     layouts: y,
     definition: {
       queries: b,
@@ -36064,7 +36062,7 @@ function lI({
     mock_context: Mc(I),
     views: o3(p, c),
     panels: {
-      list: f
+      list: g
     },
     layouts: {
       list: y,
@@ -36121,15 +36119,15 @@ const dI = ({
 }) => {
   Tc(i);
   const {
-    data: f = []
+    data: g = []
   } = dn(Mi), {
     data: y = []
-  } = dn(Dc), b = $.useMemo(() => cI(t, n, f, y, e, s ?? {}, d ?? null), [t, n, d]);
+  } = dn(Dc), b = $.useMemo(() => cI(t, n, g, y, e, s ?? {}, d ?? null), [t, n, d]);
   Od(b.content, !1), $.useEffect(() => {
     b.context.replace(e);
   }, [e]), $.useEffect(() => {
-    b.datasources.replace(f);
-  }, [f]), $.useEffect(() => {
+    b.datasources.replace(g);
+  }, [g]), $.useEffect(() => {
     b.globalSQLSnippets.replace(y);
   }, [y]), $.useEffect(() => {
     console.log("⚪️ calling onFilterValuesChange: ", b.content.filters.values), c == null || c(b.content.filters.values);