@devtable/dashboard 14.50.1 → 14.50.3

package/dist/dashboard.es.js

@@ -16,7 +16,7 @@ import "echarts-gl";
 import * as Ne from "echarts/core";
 import { use as Sh } from "echarts/core";
 import { useBoolean as De, useCreation as Nt, usePrevious as Ch, useAsyncEffect as jn, useRequest as Sn, useLatest as Ca, useWhyDidYouUpdate as El } from "ahooks";
-import { Box as R, TextInput as $, Group as _, Text as z, Select as q, Button as L, Modal as Se, Stack as I, Divider as A, NumberInput as re, SimpleGrid as Te, Menu as K, UnstyledButton as ja, Tooltip as ae, Flex as rt, ColorInput as un, Center as Gt, ActionIcon as ee, Badge as Bt, CloseButton as kt, Overlay as hn, NativeSelect as Er, useMantineTheme as Or, ColorSwatch as wr, Popover as Ye, ColorPicker as fo, HoverCard as pe, Checkbox as J, Paper as kh, Code as bo, Tabs as S, Switch as ke, Table as w, MultiSelect as Jt, LoadingOverlay as pn, Alert as lr, Collapse as sr, CheckIcon as zh, SegmentedControl as Qa, Anchor as On, Pagination as qr, Textarea as Ol, RangeSlider as Th, Autocomplete as Dh, Combobox as Zt, Mark as ql, Slider as Ih, ThemeIcon as tr, Pill as Mh, List as Ke, getRadius as Ha, Affix as Lh, AppShell as tt, FileInput as Vh, Highlight as $h, rem as yo, JsonInput as Fl, Drawer as Rh, Radio as _o, Skeleton as vo, NavLink as ka, useCombobox as Ph, Loader as Ga, InputBase as Ah, Input as Eh } from "@mantine/core";
+import { Box as $, TextInput as V, Group as _, Text as z, Select as q, Button as L, Modal as Se, Stack as I, Divider as A, NumberInput as re, SimpleGrid as Te, Menu as K, UnstyledButton as ja, Tooltip as ae, Flex as rt, ColorInput as un, Center as Gt, ActionIcon as ee, Badge as Bt, CloseButton as kt, Overlay as hn, NativeSelect as Er, useMantineTheme as Or, ColorSwatch as wr, Popover as Ye, ColorPicker as fo, HoverCard as pe, Checkbox as J, Paper as kh, Code as bo, Tabs as S, Switch as ke, Table as w, MultiSelect as Jt, LoadingOverlay as pn, Alert as lr, Collapse as sr, CheckIcon as zh, SegmentedControl as Qa, Anchor as On, Pagination as qr, Textarea as Ol, RangeSlider as Th, Autocomplete as Dh, Combobox as Zt, Mark as ql, Slider as Ih, ThemeIcon as tr, Pill as Mh, List as Ke, getRadius as Ha, Affix as Lh, AppShell as tt, FileInput as Vh, Highlight as $h, rem as yo, JsonInput as Fl, Drawer as Rh, Radio as _o, Skeleton as vo, NavLink as ka, useCombobox as Ph, Loader as Ga, InputBase as Ah, Input as Eh } from "@mantine/core";
 import { useHover as Oh, useDisclosure as nn, useClipboard as qh, randomId as Cn, useElementSize as Nl, useResizeObserver as Fh, useInputState as Bl } from "@mantine/hooks";
 import * as Nh from "popmotion";
 import { interpolate as Dn } from "popmotion";
@@ -26,7 +26,7 @@ import * as Ct from "mathjs";
 import { faker as Bh } from "@faker-js/faker";
 import * as jh from "crypto-js";
 import Qh from "crypto-js";
-import V from "dayjs";
+import P from "dayjs";
 import jt from "numbro";
 import { IconMathFunction as rn, IconRecycle as yt, IconDeviceFloppy as fe, IconSelector as Hh, IconGripVertical as Ql, IconTrash as Pe, IconArrowBackUp as Gh, IconPlayerSkipBack as Hl, IconMathFunctionOff as Wh, IconTextSize as Wa, IconInfoCircle as Ae, IconCheck as Ua, IconBorderAll as Uh, IconCircleOff as Gl, IconX as Fr, IconAlertCircle as rr, IconPlus as ht, IconGripHorizontal as Kh, IconChevronUp as Yh, IconChevronDown as Wl, IconChartAreaLineFilled as Xh, IconPlaylistAdd as ar, IconAdjustments as Ul, IconArrowDown as Zh, IconArrowUp as Jh, IconChevronLeft as ep, IconChevronRight as tp, IconArrowBarToRight as Ka, IconArrowCurveRight as za, IconLayersIntersect as np, IconLayersSubtract as rp, IconCalendar as Kl, IconMinus as Yl, IconRefresh as Ya, IconChevronsUp as ap, IconChevronsDown as ip, IconDotsVertical as Xl, IconDownload as Nr, IconCamera as Xa, IconCode as kn, IconArrowsMaximize as op, IconAppWindow as Za, IconVariable as Qn, IconChartHistogram as Zl, IconRoute as Ja, IconCopy as Br, IconDatabase as mn, IconArrowLeft as Jl, IconMenu2 as lp, IconChevronDownRight as sp, IconShare3 as cp, IconArrowsLeftRight as dp, IconCodeDots as es, IconFilter as ei, IconBoxMultiple as ti, IconCaretDown as up, IconAlertTriangle as ts, IconDevices as hp, IconSettings as Hn, IconPointFilled as jr, IconFileImport as xo, IconSearch as ns, IconCircleDashed as pp, IconCircleDot as mp, IconChevronsUpRight as gp, IconLine as fp, IconEye as rs, IconTable as bp, IconColumns as yp, IconVectorTriangle as _p, IconVariablePlus as vp, IconHierarchy as xp, IconDiscountCheckFilled as wp, IconHash as Sp } from "@tabler/icons-react";
 import { RichTextEditor as ce, Link as as, useRichTextEditorContext as Cp } from "@mantine/tiptap";
@@ -2504,7 +2504,7 @@ function ug() {
   } = E.useContext(Ps);
   return e ? document.getElementById(e) : null;
 }
-const Es = "14.50.1", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Es = "14.50.3", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: Es
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2652,7 +2652,7 @@ const Y = (e, t) => {
   width: e,
   height: t,
   children: n
-}) => /* @__PURE__ */ r(R, { pt: nt.top, pr: nt.right, pb: nt.bottom, pl: nt.left, sx: {
+}) => /* @__PURE__ */ r($, { pt: nt.top, pr: nt.right, pb: nt.bottom, pl: nt.left, sx: {
   width: e,
   height: t,
   overflow: "hidden",
@@ -2663,7 +2663,7 @@ te(function({
   onChange: n,
   ...a
 }, i) {
-  return /* @__PURE__ */ r($, { ref: i, value: t, onChange: n, ...a });
+  return /* @__PURE__ */ r(V, { ref: i, value: t, onChange: n, ...a });
 });
 class fg {
   constructor({
@@ -2735,7 +2735,7 @@ function _r(e, t) {
 const Mt = {
   CryptoJS: Qh,
   d3Array: jl,
-  dayjs: V,
+  dayjs: P,
   lodash: C,
   numbro: jt,
   mathjs: Ct,
@@ -3260,7 +3260,7 @@ function jg(e) {
       hovered: s,
       ref: c
     } = Oh();
-    return /* @__PURE__ */ r(R, { ref: c, ...a, children: /* @__PURE__ */ u(_, { wrap: "nowrap", justify: "space-between", children: [
+    return /* @__PURE__ */ r($, { ref: c, ...a, children: /* @__PURE__ */ u(_, { wrap: "nowrap", justify: "space-between", children: [
       /* @__PURE__ */ r(z, { size: "sm", sx: {
         flexGrow: 1
       }, children: l }),
@@ -3288,7 +3288,7 @@ const be = (e) => (t, n) => {
   const {
     panel: p
   } = Le(), g = E.useMemo(() => p.variableOptions(a, s), [a, s]);
-  return g.length === 0 ? /* @__PURE__ */ r($, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(q, { ref: t, label: n, description: o, renderOption: jg(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
+  return g.length === 0 ? /* @__PURE__ */ r(V, { ref: t, label: n, placeholder: a, readOnly: !0, disabled: !0 }) : /* @__PURE__ */ r(q, { ref: t, label: n, description: o, renderOption: jg(d), data: g, value: a, required: l, sx: c, maxDropdownHeight: 500, comboboxProps: {
     withinPortal: !0,
     zIndex: h
   }, onChange: be(i) });
@@ -3305,7 +3305,7 @@ const be = (e) => (t, n) => {
 }, Qg = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -3341,7 +3341,7 @@ const be = (e) => (t, n) => {
     h(rc.dynamic.value);
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(rn, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -3580,7 +3580,7 @@ const Yg = Kg(), Xg = ({
         borderRadius: "0.25rem",
         columnGap: 10
       }, children: [
-        /* @__PURE__ */ r(R, { style: {
+        /* @__PURE__ */ r($, { style: {
           height: "20px",
           flexGrow: 1,
           backgroundImage: i,
@@ -3594,7 +3594,7 @@ const Yg = Kg(), Xg = ({
       /* @__PURE__ */ r(K.Divider, {}),
       Object.entries(Yg).map(([o, l]) => /* @__PURE__ */ r(ae, { label: a("chart.visual_map.use_palette_x", {
         x: o
-      }), children: /* @__PURE__ */ r(K.Item, { children: /* @__PURE__ */ r(R, { style: {
+      }), children: /* @__PURE__ */ r(K.Item, { children: /* @__PURE__ */ r($, { style: {
         height: "20px",
         width: "100%",
         backgroundImage: `linear-gradient(to right,  ${l.join(", ")})`,
@@ -3674,7 +3674,7 @@ const Yg = Kg(), Xg = ({
         source: x,
         target: T
       } = v.operation, M = ws(o, x, T);
-      t(M.map((P) => P.value));
+      t(M.map((R) => R.value));
     }, children: o.map((v, x) => /* @__PURE__ */ r(Zg, { color: v, handleChange: d(x), handleRemove: () => s(x), index: x }, v.id)) }),
     /* @__PURE__ */ u(rt, { gap: "sm", justify: "flex-start", align: "center", direction: "row", wrap: "nowrap", children: [
       /* @__PURE__ */ r("div", { style: {
@@ -3713,9 +3713,9 @@ const Yg = Kg(), Xg = ({
     s(e);
   }, [e]);
   const c = ne(() => s(e), [s, e]);
-  return /* @__PURE__ */ u(R, { children: [
+  return /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(A, { color: "rgb(206, 212, 218)", variant: "dotted", my: "1rem" }),
-    /* @__PURE__ */ u(R, { px: "1rem", children: [
+    /* @__PURE__ */ u($, { px: "1rem", children: [
       /* @__PURE__ */ r(f, { control: o, name: "variable", render: ({
         field: d
       }) => /* @__PURE__ */ r(ha, { label: a("rich_text.color_mapping.choose_value_var"), clearable: !1, preview: "aggregated", zIndex: 340, ...d }) }),
@@ -3728,7 +3728,7 @@ const Yg = Kg(), Xg = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "min_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r($, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
+        }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.min.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
@@ -3742,7 +3742,7 @@ const Yg = Kg(), Xg = ({
         }, ...d }) }),
         /* @__PURE__ */ r(f, { name: "max_val", control: o, render: ({
           field: d
-        }) => /* @__PURE__ */ r($, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
+        }) => /* @__PURE__ */ r(V, { label: a("rich_text.color_mapping.max.val"), ...d, sx: {
           maxWidth: "120px",
           flexGrow: 0
         } }) })
@@ -3777,7 +3777,7 @@ const tf = () => /* @__PURE__ */ r("div", { style: {
   background: lc(90, ...Object.values(qt.graphics.depth))
 } }), nf = ({
   disabled: e
-}) => /* @__PURE__ */ r(R, { sx: {
+}) => /* @__PURE__ */ r($, { sx: {
   width: "16px",
   height: "10px",
   borderRadius: "2px",
@@ -3990,12 +3990,12 @@ const Jn = "data-value", uf = Jn, hc = "dynamicColor", pc = xs.create({
   const g = ne((x, T) => {
     if (i.length === 0)
       return;
-    const M = Yp(T), P = x.getModel();
-    if (M.initializeIn(x), M.addRestrictionsTo(P, i), !!P && !P._hasHighlight) {
-      M.toggleDevMode(), P.toggleHighlightOfEditableAreas();
-      const O = P.getCurrentEditableRanges(), G = P.getValueInEditableRanges();
+    const M = Yp(T), R = x.getModel();
+    if (M.initializeIn(x), M.addRestrictionsTo(R, i), !!R && !R._hasHighlight) {
+      M.toggleDevMode(), R.toggleHighlightOfEditableAreas();
+      const O = R.getCurrentEditableRanges(), G = R.getValueInEditableRanges();
       console.debug({
-        model: P,
+        model: R,
         currentRanges: O,
         currentValue: G
       });
@@ -4022,7 +4022,7 @@ const Jn = "data-value", uf = Jn, hc = "dynamicColor", pc = xs.create({
       ] })
     ] }),
     /* @__PURE__ */ r(z, { size: "14px", children: n }),
-    /* @__PURE__ */ u(R, { sx: {
+    /* @__PURE__ */ u($, { sx: {
       position: "relative",
       flexGrow: 1
     }, children: [
@@ -4050,7 +4050,7 @@ const Jn = "data-value", uf = Jn, hc = "dynamicColor", pc = xs.create({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(Se, { opened: g, onClose: v, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
       i,
-      /* @__PURE__ */ r(R, { h: 600, children: /* @__PURE__ */ r(Tn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
+      /* @__PURE__ */ r($, { h: 600, children: /* @__PURE__ */ r(Tn, { value: t, onChange: n, defaultValue: c, label: a, restrictions: h }) })
     ] }),
     s == null ? void 0 : s({
       onClick: b
@@ -4349,7 +4349,7 @@ const cn = te(({
   N(() => {
     !i || !h || T();
   }, [i, M, h]);
-  const P = k(() => C.defaultsDeep({}, {
+  const R = k(() => C.defaultsDeep({}, {
     content: {
       ...ui,
       ...xf
@@ -4363,7 +4363,7 @@ const cn = te(({
       /* @__PURE__ */ r(z, { size: "14px", fw: 500, children: a }),
       !i && /* @__PURE__ */ r(L, { variant: "filled", color: "blue", size: "compact-xs", disabled: !M, onClick: T, leftSection: /* @__PURE__ */ r(fe, { size: 16 }), children: s("common.actions.save_changes") })
     ] }),
-    /* @__PURE__ */ u(ce, { editor: x, styles: P, children: [
+    /* @__PURE__ */ u(ce, { editor: x, styles: R, children: [
       /* @__PURE__ */ u(ce.Toolbar, { sticky: !0, stickyOffset: 0, children: [
         /* @__PURE__ */ r(vf, { editor: x }),
         c && /* @__PURE__ */ r(rf, { editor: x }),
@@ -4443,7 +4443,7 @@ const _c = ({
     const c = s.currentTarget.value;
     o(c), kf(c) && t(c);
   }, [t]);
-  return /* @__PURE__ */ r($, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(_c, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
+  return /* @__PURE__ */ r(V, { value: i, onChange: l, leftSection: /* @__PURE__ */ r(_c, { value: i }), size: "xs", placeholder: a("chart.color.not_set"), styles: {
     root: {
       flexGrow: 1
     },
@@ -4483,14 +4483,14 @@ const _c = ({
     toggle: d
   }] = De(), [h, p] = H(!1), g = k(() => {
     const M = [];
-    return Tf.forEach((P) => {
-      const O = o.colors[P];
+    return Tf.forEach((R) => {
+      const O = o.colors[R];
       O && O.forEach((G) => {
         M.push(G);
       });
     }), M;
-  }, [o.colors]), b = (M, P = !0) => {
-    n(M), P && c();
+  }, [o.colors]), b = (M, R = !0) => {
+    n(M), R && c();
   }, v = ne((M) => {
     b(M, !1), p(!1);
   }, []), x = ne((M) => {
@@ -4671,7 +4671,7 @@ class ze extends E.Component {
           error: null
         });
       };
-      return /* @__PURE__ */ u(R, { children: [
+      return /* @__PURE__ */ u($, { children: [
         /* @__PURE__ */ r(z, { size: "xs", children: (t = this.state.error) == null ? void 0 : t.message }),
         /* @__PURE__ */ r(L, { variant: "subtle", mx: "auto", size: "compact-xs", sx: {
           display: "block"
@@ -4857,10 +4857,10 @@ function qf({
       min: de(W, x.columnKey),
       max: de(oe, x.columnKey)
     };
-  }, [g, x]), P = Ft(null), O = k(() => ({
+  }, [g, x]), R = Ft(null), O = k(() => ({
     finished: () => {
       var oe;
-      const W = (oe = P.current) == null ? void 0 : oe.getEchartsInstance();
+      const W = (oe = R.current) == null ? void 0 : oe.getEchartsInstance();
       W && Ue(t, W.getOption());
     }
   }), []), G = {
@@ -4899,7 +4899,7 @@ function qf({
       data: g.map((W) => [W[b.columnKey], W[v.columnKey], W[x.columnKey]])
     }]
   };
-  return n ? /* @__PURE__ */ r(at, { width: i, height: o, children: /* @__PURE__ */ r(We, { echarts: Ne, ref: P, option: G, style: cr(i, o), notMerge: !0, onEvents: O, theme: "merico-light" }) }) : null;
+  return n ? /* @__PURE__ */ r(at, { width: i, height: o, children: /* @__PURE__ */ r(We, { echarts: Ne, ref: R, option: G, style: cr(i, o), notMerge: !0, onEvents: O, theme: "merico-light" }) }) : null;
 }
 const X = D(te(({
   label: e,
@@ -4918,7 +4918,7 @@ const X = D(te(({
   if (p.length === 0) {
     const g = h.explainDataKey(a);
     return /* @__PURE__ */ u(pe, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r($, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: g.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ u(_, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r(z, { size: "xs", c: g.queryName ? "black" : "red", ff: "monospace", children: g.queryName ?? g.queryID }),
         /* @__PURE__ */ r(z, { size: "xs", c: "black", ff: "monospace", children: "." }),
@@ -4954,7 +4954,7 @@ function Ff({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "xAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4968,7 +4968,7 @@ function Ff({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "yAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -4982,7 +4982,7 @@ function Ff({
       }) => /* @__PURE__ */ r(X, { label: "Data Field", required: !0, ...s }) }),
       /* @__PURE__ */ r(f, { name: "zAxis3D.name", control: i, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { sx: {
+      }) => /* @__PURE__ */ r(V, { sx: {
         flexGrow: 1
       }, size: "md", label: "Name", ...s }) })
     ] }),
@@ -5071,7 +5071,7 @@ const Gf = {
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(R, { sx: {
+}) => /* @__PURE__ */ u($, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ r(hn, { backgroundOpacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -5129,11 +5129,11 @@ const Kt = te(({
     const {
       enabled: T,
       func_content: M
-    } = c, P = {
+    } = c, R = {
       enabled: T,
       func_content: M
     };
-    d(P), t(P);
+    d(R), t(R);
   }, g = () => {
     s(), d(e);
   }, b = (T) => {
@@ -5267,7 +5267,7 @@ const Tr = te(({
       /* @__PURE__ */ r(re, { label: i("chart.axis.overflow.max_width"), hideControls: !0, value: t.width, onChange: l("width") }),
       /* @__PURE__ */ r(q, { label: i("chart.axis.overflow.label"), data: s, value: t.overflow, onChange: l("overflow") }),
       /* @__PURE__ */ r(
-        $,
+        V,
         {
           label: i("chart.axis.overflow.ellipsis"),
           value: t.ellipsis,
@@ -5355,7 +5355,7 @@ const je = te(({
   };
   return /* @__PURE__ */ u(I, { ref: a, gap: "sm", children: [
     /* @__PURE__ */ r(A, { mb: -10, label: i("chart.unit.title"), labelPosition: "center", variant: "dashed" }),
-    !o.has("text") && /* @__PURE__ */ r($, { size: "xs", placeholder: i("chart.unit.text.placeholder"), value: e.text, onChange: (s) => l("text")(s.currentTarget.value) }),
+    !o.has("text") && /* @__PURE__ */ r(V, { size: "xs", placeholder: i("chart.unit.text.placeholder"), value: e.text, onChange: (s) => l("text")(s.currentTarget.value) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       !o.has("show_in_tooltip") && /* @__PURE__ */ r(J, { size: "xs", label: i("chart.unit.show_in_tooltip"), checked: e.show_in_tooltip, onChange: (s) => l("show_in_tooltip")(s.currentTarget.checked) }),
       !o.has("show_in_legend") && /* @__PURE__ */ r(J, { size: "xs", label: i("chart.unit.show_in_legend"), checked: e.show_in_legend, onChange: (s) => l("show_in_legend")(s.currentTarget.checked) })
@@ -5721,7 +5721,7 @@ function pb(e) {
     urlTemplate: c.currentTarget.value
   });
   return /* @__PURE__ */ u(I, { children: [
-    /* @__PURE__ */ r($, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
+    /* @__PURE__ */ r(V, { label: t("interactions.operation.open_link.url"), value: n.urlTemplate, onChange: s, onBlur: o }),
     /* @__PURE__ */ r(ke, { label: t("interactions.operation.open_link.open_in_new_tab"), checked: n.openInNewTab, onChange: (c) => l(c.currentTarget.checked) })
   ] });
 }
@@ -5774,7 +5774,7 @@ function yb(e) {
   const {
     t
   } = y(), [n, a] = bb(e.operation);
-  return /* @__PURE__ */ r($, { defaultValue: n, onBlur: (i) => a(i.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
+  return /* @__PURE__ */ r(V, { defaultValue: n, onBlur: (i) => a(i.currentTarget.value), label: t("interactions.operation.console_log.log_content") });
 }
 async function _b(e, t) {
   const n = await t.operationData.getItem("config"), a = Ba(n.template || "");
@@ -5827,7 +5827,7 @@ const Sb = {
   const [n, a] = H(e);
   return N(() => {
     a(e);
-  }, [e]), /* @__PURE__ */ r($, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
+  }, [e]), /* @__PURE__ */ r(V, { size: "xs", label: "", value: n, onChange: (o) => a(o.currentTarget.value), sx: {
     flexGrow: 1
   }, rightSection: /* @__PURE__ */ r(ee, { color: "green", size: "xs", onClick: () => {
     t(n);
@@ -6378,13 +6378,13 @@ function ey(e, t) {
   const n = [], a = [];
   return {
     boxplotData: Object.entries(e).map(([o, l]) => {
-      const s = l.map((M) => M[t]).sort((M, P) => M - P), c = yr(s, 0.25) ?? 0, d = yr(s, 0.5) ?? 0, h = yr(s, 0.75) ?? 0, p = h - c, g = c - 1.5 * p, b = h + 1.5 * p, v = Math.max(s[0], g), x = Math.min(C.last(s) ?? 0, b);
+      const s = l.map((M) => M[t]).sort((M, R) => M - R), c = yr(s, 0.25) ?? 0, d = yr(s, 0.5) ?? 0, h = yr(s, 0.75) ?? 0, p = h - c, g = c - 1.5 * p, b = h + 1.5 * p, v = Math.max(s[0], g), x = Math.min(C.last(s) ?? 0, b);
       return l.filter((M) => {
-        const P = M[t];
-        return P < v || P > x;
+        const R = M[t];
+        return R < v || R > x;
       }).forEach((M) => n.push([o, M[t], M])), l.filter((M) => {
-        const P = M[t];
-        return P >= v && P <= x;
+        const R = M[t];
+        return R >= v && R <= x;
       }).forEach((M) => a.push([o, M[t], M])), {
         name: o,
         min: v,
@@ -6556,7 +6556,7 @@ function iy(e, t, n) {
       y1: v.max[1],
       y2: v.q3[1]
     }
-  ], P = {
+  ], R = {
     stroke: i,
     lineWidth: o
   };
@@ -6564,7 +6564,7 @@ function iy(e, t, n) {
     T.children.push({
       type: "line",
       shape: O,
-      style: P
+      style: R
     });
   }), T.children.push({
     type: "rect",
@@ -6913,18 +6913,18 @@ function xy({
     vizManager: e.vizManager,
     instance: t
   }), h = pt(d.triggerManager, kc.id), p = Mn(o, c.x_axis.data_key), g = ne((M) => {
-    const P = C.get(p, M.name, {
+    const R = C.get(p, M.name, {
       error: "rowData is not found"
     });
     h.forEach((O) => {
       d.runInteraction(O.id, {
         ...M,
-        rowData: P
+        rowData: R
       });
     });
   }, [p, h, d]), b = Ft(null), v = ne(() => {
-    var P;
-    const M = (P = b.current) == null ? void 0 : P.getEchartsInstance();
+    var R;
+    const M = (R = b.current) == null ? void 0 : R.getEchartsInstance();
     M && Ue(t, M.getOption());
   }, []), x = k(() => ({
     click: g,
@@ -7080,7 +7080,7 @@ function Cy(e) {
     c(Lo(o)), p();
   }, M = () => {
     p(), n == null || n(Number(s));
-  }, P = () => {
+  }, R = () => {
     p(), n == null || n(null);
   }, O = he(o ?? null, {
     output: "number",
@@ -7105,12 +7105,12 @@ function Cy(e) {
           right: "0.8em"
         } }) }),
         /* @__PURE__ */ u(I, { children: [
-          /* @__PURE__ */ r($, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: s, onChange: (W) => {
+          /* @__PURE__ */ r(V, { size: "xs", label: t("style.color.interpolation.palette.mapping.value_input_label"), value: s, onChange: (W) => {
             const oe = W.currentTarget.value;
             c(oe);
           }, error: s && G }),
           /* @__PURE__ */ u(_, { justify: "space-between", children: [
-            /* @__PURE__ */ r(L, { variant: "light", color: "red", size: "xs", onClick: P, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), children: t("common.actions.delete") }),
+            /* @__PURE__ */ r(L, { variant: "light", color: "red", size: "xs", onClick: R, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), children: t("common.actions.delete") }),
             /* @__PURE__ */ r(L, { color: "green", leftSection: /* @__PURE__ */ r(fe, { size: 16 }), "data-testid": "palette-item-ok", size: "xs", onClick: M, disabled: G, children: t("common.actions.save") })
           ] })
         ] })
@@ -7145,8 +7145,8 @@ const ky = D(({
     setTrue: p,
     setFalse: g
   }] = De(), b = k(() => {
-    const P = C.groupBy(l, "category");
-    return Object.entries(P).map(([O, G]) => ({
+    const R = C.groupBy(l, "category");
+    return Object.entries(R).map(([O, G]) => ({
       group: t(`style.color.interpolation.palette.category.${O}`),
       items: G.map((W) => ({
         label: t(W.displayName),
@@ -7154,19 +7154,19 @@ const ky = D(({
       }))
     }));
   }, [n.language]);
-  function v(P) {
-    P && c((O) => ({
+  function v(R) {
+    R && c((O) => ({
       ...O,
-      interpolation: P
+      interpolation: R
     }));
   }
   const x = () => {
     g(), i == null || i(Ht(s));
   };
-  function T(P) {
+  function T(R) {
     c((O) => ({
       ...O,
-      steps: P
+      steps: R
     }));
   }
   const M = () => {
@@ -7322,12 +7322,12 @@ const ky = D(({
   } = d, b = t(n), v = h.map((W, oe) => ({
     ...W,
     ...b[oe]
-  })), x = ((G = C.last(v)) == null ? void 0 : G.id) ?? null, [T, M] = H(x), P = (W) => {
+  })), x = ((G = C.last(v)) == null ? void 0 : G.id) ?? null, [T, M] = H(x), R = (W) => {
     W !== "add" && M(W);
   };
   return N(() => {
     M((W) => x === W ? W : x);
-  }, [x]), /* @__PURE__ */ u(S, { value: T, onChange: P, styles: $y, children: [
+  }, [x]), /* @__PURE__ */ u(S, { value: T, onChange: R, styles: $y, children: [
     /* @__PURE__ */ r(Vy, { fieldArray: d, add: () => {
       const W = a();
       d.append(W), M(W.id);
@@ -7363,19 +7363,19 @@ const ky = D(({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(A, { variant: "dashed", label: a("chart.zooming.scroll.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ r(R, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.scroll.x_axis"), checked: e.x_axis_scroll, onChange: (o) => i("x_axis_scroll")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(R, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.scroll.y_axis"), checked: e.y_axis_scroll, onChange: (o) => i("y_axis_scroll")(o.currentTarget.checked) }) })
     ] }),
     /* @__PURE__ */ r(A, { variant: "dashed", label: a("chart.zooming.slider.label"), labelPosition: "center" }),
     /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ r(R, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (o) => i("x_axis_slider")(o.currentTarget.checked) }) }),
-      /* @__PURE__ */ r(ae, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r(R, { sx: {
+      /* @__PURE__ */ r(ae, { label: a("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ r($, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(ke, { label: a("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (o) => i("y_axis_slider")(o.currentTarget.checked) }) }) })
     ] })
@@ -7441,7 +7441,7 @@ function Py({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("common.name"), placeholder: a("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -7452,7 +7452,7 @@ function Py({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r($, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: a("chart.content_template.label"), placeholder: a("chart.content_template.placeholder"), required: !0, sx: {
       flex: 1
     }, ...i }) })
   ] });
@@ -7491,7 +7491,7 @@ const Ey = ({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -7568,7 +7568,7 @@ const an = te(({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.x_axis_name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -7611,7 +7611,7 @@ function By({
   } = y(), [n, {
     toggle: a
   }] = nn(!1);
-  return /* @__PURE__ */ u(R, { children: [
+  return /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(L, { variant: "subtle", w: "100%", size: "compact-sm", onClick: a, leftSection: n ? /* @__PURE__ */ r(Yh, { size: 14 }) : /* @__PURE__ */ r(Wl, { size: 14 }), children: t(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r(sr, { in: n, children: n && /* @__PURE__ */ u(w, { highlightOnHover: !0, sx: {
       tableLayout: "fixed"
@@ -7694,7 +7694,7 @@ function jy({
         /* @__PURE__ */ r(z, { size: "sm", children: a("numbro.format.trim_mantissa") }),
         /* @__PURE__ */ r(z, { size: "12px", c: "gray", children: a("numbro.format.trim_mantissa_description") })
       ] }), checked: e.trimMantissa, onChange: l, disabled: e.mantissa === 0, styles: ma }),
-      /* @__PURE__ */ r(R, {})
+      /* @__PURE__ */ r($, {})
     ] }),
     /* @__PURE__ */ r(By, { format: e })
   ] });
@@ -7710,7 +7710,7 @@ const Vt = E.forwardRef(jy), Qy = ({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.y_axis_name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
@@ -8130,8 +8130,8 @@ const zi = {
     width: b,
     height: v
   } = e.viewport, x = i.payloadForSQL, T = () => {
-    a.forEach((P) => {
-      n.runInteraction(P.id, {});
+    a.forEach((R) => {
+      n.runInteraction(R.id, {});
     });
   }, M = h ? `compact-${p}` : p;
   return /* @__PURE__ */ r(Gt, { sx: {
@@ -8219,7 +8219,7 @@ function p_({
     /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(f, { control: o, name: "content", render: ({
         field: h
-      }) => /* @__PURE__ */ r($, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Content Template", description: "Filter values & context entries are supported", ...h, required: !0 }) }),
       /* @__PURE__ */ r(A, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ u(Te, { cols: 2, children: [
         /* @__PURE__ */ r(f, { control: o, name: "variant", render: ({
@@ -8319,7 +8319,7 @@ const y_ = {
     label: n,
     description: a
   } = e;
-  return /* @__PURE__ */ r(R, { ...t, children: /* @__PURE__ */ u(I, { gap: "0", children: [
+  return /* @__PURE__ */ r($, { ...t, children: /* @__PURE__ */ u(I, { gap: "0", children: [
     /* @__PURE__ */ r(z, { size: "sm", children: n }),
     /* @__PURE__ */ r(z, { size: "xs", opacity: 0.65, children: a })
   ] }) });
@@ -9116,7 +9116,7 @@ const Ec = {
     n(g);
   }, [d, a.current]);
   const h = k(() => d ? "none" : "block", [d]);
-  return /* @__PURE__ */ r(R, { sx: {
+  return /* @__PURE__ */ r($, { sx: {
     display: h
   }, children: /* @__PURE__ */ r(Un, { ref: a, value: c, styles: {
     root: {
@@ -9419,7 +9419,7 @@ function uv({
   hide_in_legend: v,
   areaStyle: x,
   ...T
-}, M, P, O, G) {
+}, M, R, O, G) {
   const W = t.type !== "category", oe = {
     label: {
       show: !!i,
@@ -9431,7 +9431,7 @@ function uv({
     yAxisIndex: a,
     stack: h,
     color: p,
-    symbolSize: dv(b, P, e, O),
+    symbolSize: dv(b, R, e, O),
     hide_in_legend: v,
     labelLayout: {
       hideOverlap: !0
@@ -9464,7 +9464,7 @@ function uv({
   }), !s || s === e)
     return oe.data = sv({
       dataTemplate: M,
-      data: P,
+      data: R,
       aggregation_on_value: d,
       x_axis_data_key: e,
       y_axis_data_key: n,
@@ -9472,7 +9472,7 @@ function uv({
     }), oe;
   const Z = cv({
     group_by_key: s,
-    data: P,
+    data: R,
     x_axis_data_key: e,
     y_axis_data_key: n
   });
@@ -9526,13 +9526,13 @@ function gv(e, t, n, a) {
       }) => {
         if (Array.isArray(x) && x.length === 2 && (x = x[1]), !b)
           return x;
-        const T = o[b] ?? "", M = i[b], P = a[M] ?? a.default;
+        const T = o[b] ?? "", M = i[b], R = a[M] ?? a.default;
         return `
         <tr>
           <td>${v}</td>
           <th style="text-align: right; padding: 0 1em;">${b}</th>
           <td style="text-align: left; padding: 0 2px 0 1em;">
-            ${P({
+            ${R({
           value: x
         })}
           </td>
@@ -9733,8 +9733,8 @@ function Sv({
     const M = C.get(s, T.name, {
       error: "rowData is not found"
     });
-    c.forEach((P) => {
-      i.runInteraction(P.id, {
+    c.forEach((R) => {
+      i.runInteraction(R.id, {
         ...T,
         rowData: M
       });
@@ -9771,10 +9771,10 @@ const Cv = D(({
     height: c
   } = e.viewport, [d, h] = H(0), [p, g] = H(0), b = Math.max(0, It(c) - d - p), v = Dt(s), x = _e();
   function T(M) {
-    const P = dn(o.stats.top, e.variables, x.payloadForViz, e.data), O = dn(o.stats.bottom, e.variables, x.payloadForViz, e.data);
+    const R = dn(o.stats.top, e.variables, x.payloadForViz, e.data), O = dn(o.stats.bottom, e.variables, x.payloadForViz, e.data);
     Ue(t, {
       ...M,
-      statsAboveViz: P,
+      statsAboveViz: R,
       statsBelowViz: O
     });
   }
@@ -9805,12 +9805,12 @@ function kv({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.reference_area.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.reference_area.label"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_areas.${t}.color`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.color.label"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.color.label"), required: !0, sx: {
         flex: 1
       }, ...s }) })
     ] }),
@@ -9906,7 +9906,7 @@ function Tv({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -9917,7 +9917,7 @@ function Tv({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
@@ -10031,7 +10031,7 @@ function Iv({
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `regressions.${n}.name`, control: e, render: ({
         field: c
-      }) => /* @__PURE__ */ r($, { label: i("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...c }) }),
       /* @__PURE__ */ r(f, { name: `regressions.${n}.group_by_key`, control: e, render: ({
@@ -10136,7 +10136,7 @@ function Mv({
 const Lv = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -10182,7 +10182,7 @@ const Lv = ({
     h(Mi.dynamic.func_content);
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -10382,7 +10382,7 @@ function Pv({
         color: "grape"
       } })
     ] }),
-    i && /* @__PURE__ */ r($, { label: l("panel.variable.aggregation.fallback_value"), description: l("panel.variable.aggregation.fallback_value_description"), value: t.fallback, onChange: g })
+    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 Vi = E.forwardRef(Pv), Yn = te(({
@@ -10467,7 +10467,7 @@ function Av({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
@@ -10479,17 +10479,17 @@ function Av({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) })
     ] })
@@ -10519,7 +10519,7 @@ function Ev({
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
       flexGrow: 1
     }, ...s }) }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: a("chart.series.line.line_settings"), labelPosition: "center" }),
@@ -10548,12 +10548,12 @@ function Ev({
       /* @__PURE__ */ u(I, { children: [
         /* @__PURE__ */ r(f, { name: `series.${t}.smooth`, control: e, render: ({
           field: s
-        }) => /* @__PURE__ */ r(R, { sx: {
+        }) => /* @__PURE__ */ r($, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ r(ke, { label: a("chart.series.line.smooth_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
         /* @__PURE__ */ r(f, { name: `series.${t}.display_name_on_line`, control: e, render: ({
           field: s
-        }) => /* @__PURE__ */ r(R, { sx: {
+        }) => /* @__PURE__ */ r($, { sx: {
           flexGrow: 1
         }, children: /* @__PURE__ */ r(ke, { label: a("chart.series.line.show_name_on_line"), checked: s.value ?? !1, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) })
       ] })
@@ -10561,7 +10561,7 @@ function Ev({
     /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.showSymbol`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r(R, { mt: 10, mb: -10, sx: {
+      }) => /* @__PURE__ */ r($, { mt: 10, mb: -10, sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ r(ke, { label: a("chart.series.line.show_symbol_on_line"), checked: s.value, onChange: (c) => s.onChange(c.currentTarget.checked) }) }) }),
       o && /* @__PURE__ */ r(f, { name: `series.${t}.symbolSize`, control: e, render: ({
@@ -10608,7 +10608,7 @@ function qv({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: i("chart.series.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("chart.series.name"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.yAxisIndex`, control: e, render: ({
@@ -10748,7 +10748,7 @@ const Nv = D(({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -10841,7 +10841,7 @@ function Gv({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(f, { name: "x_axis_name", control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.x_axis_name"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.x_axis_name"), sx: {
       flex: 1
     }, ...o }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
@@ -10925,7 +10925,7 @@ function Wv({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.y_axis_name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -10956,10 +10956,10 @@ function Wv({
       /* @__PURE__ */ u(_, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.y_axis.behavior"), labelPosition: "center" }),
@@ -11311,7 +11311,7 @@ const cx = ({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.name`, control: t, render: ({
       field: p
-    }) => /* @__PURE__ */ r($, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
+    }) => /* @__PURE__ */ r(V, { label: i("viz.funnel_chart.series_name"), ...p }) }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.level_name_data_key`, control: t, render: ({
         field: p
@@ -11330,13 +11330,13 @@ const cx = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(z, { size: "sm", children: i("viz.funnel_chart.min_value") }),
-        /* @__PURE__ */ r(ae, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
+        /* @__PURE__ */ r(ae, { label: i("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(f, { name: `series.${n}.min.enable_value`, control: t, render: ({
           field: g
         }) => /* @__PURE__ */ r(J, { size: "xs", checked: g.value, onChange: (b) => g.onChange(b.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.min.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
+      }) => /* @__PURE__ */ r(V, { placeholder: "0%", label: i("viz.funnel_chart.min_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.max.value`, control: t, render: ({
@@ -11347,13 +11347,13 @@ const cx = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ r(z, { size: "sm", children: i("viz.funnel_chart.max_value") }),
-        /* @__PURE__ */ r(ae, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
+        /* @__PURE__ */ r(ae, { label: i("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(f, { name: `series.${n}.max.enable_value`, control: t, render: ({
           field: g
         }) => /* @__PURE__ */ r(J, { size: "xs", checked: g.value, onChange: (b) => g.onChange(b.currentTarget.checked) }) }) }) })
       ] }), ...p }) }),
       /* @__PURE__ */ r(f, { name: `series.${n}.max.size`, control: t, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
+      }) => /* @__PURE__ */ r(V, { placeholder: "100%", label: i("viz.funnel_chart.max_size"), ...p }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${n}.orient`, control: t, render: ({
@@ -11376,7 +11376,7 @@ const cx = ({
       /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.position`, control: t, render: ({
         field: p
       }) => /* @__PURE__ */ r(Yn, { label: i("chart.label_position.label"), options: d[c], ...p }) }),
-      /* @__PURE__ */ r(R, {})
+      /* @__PURE__ */ r($, {})
     ] }),
     /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: `series.${n}.axisLabel.overflow`, control: t, render: ({
       field: p
@@ -11592,7 +11592,7 @@ const yx = {
   return /* @__PURE__ */ r(Er, { size: "xs", value: e, onChange: (i) => {
     t(Number(i.currentTarget.value));
   }, data: a });
-}, xx = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r(R, { sx: {
+}, xx = (e) => e.totalPages <= 1 ? null : /* @__PURE__ */ r($, { sx: {
   position: "absolute",
   top: "calc(1rem + 5px)",
   right: "calc(1rem + 5px)",
@@ -11697,7 +11697,7 @@ function Tx({
     unit: e.heat_block.unit.show_in_tooltip ? e.heat_block.unit.text : ""
   }, v = [p, g, b], x = a[`${c}---${d}`];
   return x && e.tooltip.metrics.forEach((T) => {
-    const M = j(T.data_key), P = o[T.name];
+    const M = j(T.data_key), R = o[T.name];
     v.push({
       label: T.name,
       value: zx(C.get(x, M.columnKey, "")),
@@ -11705,7 +11705,7 @@ function Tx({
         label: "",
         value: ""
       },
-      unit: P
+      unit: R
     });
   }), v;
 }
@@ -11902,10 +11902,10 @@ const mr = ({
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.text.1", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: t("chart.visual_map.min_text"), ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.min_text"), ...d }) }),
       /* @__PURE__ */ r(f, { name: "visualMap.text.0", control: a, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: t("chart.visual_map.max_text"), ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: t("chart.visual_map.max_text"), ...d }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "visualMap.orient", control: a, render: ({
@@ -11992,7 +11992,7 @@ const mr = ({
     /* @__PURE__ */ r(Ye.Dropdown, { children: /* @__PURE__ */ u(_, { wrap: "nowrap", gap: 8, children: [
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.lower.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { ...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(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(q, { size: "xs", data: Po.lower, ...p, onChange: be((g) => p.onChange(g)) }) }),
@@ -12005,7 +12005,7 @@ const mr = ({
       }) => /* @__PURE__ */ r(q, { size: "xs", data: Po.upper, ...p, onChange: be((g) => p.onChange(g)) }) }),
       /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.upper.value`, control: a, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { ...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)) }) })
+      }) => /* @__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)) }) })
     ] }) })
   ] }) });
 }, Px = ({
@@ -12023,7 +12023,7 @@ const mr = ({
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(Rx, { form: e, index: t }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.label`, control: a, render: ({
       field: o
-    }) => /* @__PURE__ */ r($, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
+    }) => /* @__PURE__ */ r(V, { size: "xs", placeholder: "", ...o, onChange: (l) => o.onChange(l.currentTarget.value) }) }) }),
     /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(f, { name: `visualMap.pieces.${t}.color`, control: a, render: ({
       field: o
     }) => /* @__PURE__ */ r(un, { label: i(""), placeholder: i("chart.color.label"), size: "xs", popoverProps: {
@@ -12380,7 +12380,7 @@ function Hx({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -12430,7 +12430,7 @@ const Wx = ({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -12495,7 +12495,7 @@ function Yx({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -12533,7 +12533,7 @@ function Xx({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -13272,8 +13272,8 @@ function Mw({
     const M = C.get(p, T.name, {
       error: "rowData is not found"
     });
-    h.forEach((P) => {
-      d.runInteraction(P.id, {
+    h.forEach((R) => {
+      d.runInteraction(R.id, {
         ...T,
         rowData: M
       });
@@ -13299,7 +13299,7 @@ function Lw({
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "bar.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "bar.nameAlignment", control: e, render: ({
@@ -13333,7 +13333,7 @@ function Vw({
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "line.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "line.nameAlignment", control: e, render: ({
@@ -13417,7 +13417,7 @@ function Aw({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -13428,7 +13428,7 @@ function Aw({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
@@ -13516,7 +13516,7 @@ function Ow({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.data_key", control: e, render: ({
@@ -14251,7 +14251,7 @@ const y0 = ({
     /* @__PURE__ */ u(K.Dropdown, { children: [
       /* @__PURE__ */ r(K.Label, { children: n("viz.pie_chart.color.map.click_to_apply_palette") }),
       /* @__PURE__ */ r(K.Divider, {}),
-      f0.map((o) => /* @__PURE__ */ r(K.Item, { onClick: () => i(o.colors), children: /* @__PURE__ */ r(R, { h: 28, style: {
+      f0.map((o) => /* @__PURE__ */ r(K.Item, { onClick: () => i(o.colors), children: /* @__PURE__ */ r($, { h: 28, style: {
         backgroundImage: b0(o.colors)
       } }) }, o.name))
     ] })
@@ -14346,7 +14346,7 @@ function v0({
       /* @__PURE__ */ u(_, { grow: !0, children: [
         /* @__PURE__ */ r(f, { control: o, name: "others_sector.label", render: ({
           field: b
-        }) => /* @__PURE__ */ r($, { size: "xs", label: a("viz.pie_chart.others_sector.label"), ...b, value: b.value ?? "" }) }),
+        }) => /* @__PURE__ */ r(V, { size: "xs", label: a("viz.pie_chart.others_sector.label"), ...b, value: b.value ?? "" }) }),
         /* @__PURE__ */ r(f, { control: o, name: "others_sector.threshold", render: ({
           field: b
         }) => /* @__PURE__ */ r(re, { size: "xs", label: a("viz.pie_chart.others_sector.threshold"), suffix: "%", ...b, value: b.value ?? "" }) })
@@ -14816,10 +14816,10 @@ function Q0({
     const {
       queryID: v,
       columnKey: x
-    } = j(e.series_name_key), T = C.keyBy(t[v], x), M = e.additional_series.reduce((P, O) => {
+    } = j(e.series_name_key), T = C.keyBy(t[v], x), M = e.additional_series.reduce((R, O) => {
       const G = j(O.name_key), W = C.keyBy(t[G.queryID], G.columnKey);
       return {
-        ...P,
+        ...R,
         ...W
       };
     }, T);
@@ -14927,7 +14927,7 @@ function U0({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", align: "top", children: [
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `dimensions.${t}.data_key`, control: e, render: ({
@@ -14945,7 +14945,7 @@ function U0({
         fieldState: i
       }) => {
         var o;
-        return /* @__PURE__ */ r($, { label: n("common.max"), required: !0, sx: {
+        return /* @__PURE__ */ r(V, { label: n("common.max"), required: !0, sx: {
           flex: 1
         }, ...a, error: (o = i.error) == null ? void 0 : o.message });
       } })
@@ -15518,7 +15518,7 @@ const ga = D(te((e, t) => {
   if (c.length === 0) {
     const d = s.explainDataKey(n);
     return /* @__PURE__ */ u(pe, { shadow: "md", position: "bottom-start", withinPortal: !0, zIndex: 320, children: [
-      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r($, { label: l.label, required: l.required, defaultValue: d.columnKey, readOnly: !0, disabled: !0 }) }) }),
+      /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(V, { label: l.label, required: l.required, defaultValue: d.columnKey, readOnly: !0, disabled: !0 }) }) }),
       /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ u(_, { justify: "flex-start", gap: 0, children: [
         /* @__PURE__ */ r(z, { size: "xs", c: d.queryName ? "black" : "red", ff: "monospace", children: d.queryName ?? d.queryID }),
         /* @__PURE__ */ r(z, { size: "xs", c: "black", ff: "monospace", children: "." }),
@@ -16885,8 +16885,8 @@ function SS({
       });
     });
   }, [s, c, i]), h = E.useRef(null), p = _e(), g = E.useCallback(() => {
-    var P;
-    const x = (P = h.current) == null ? void 0 : P.getEchartsInstance();
+    var R;
+    const x = (R = h.current) == null ? void 0 : R.getEchartsInstance();
     if (!x)
       return;
     const T = dn(e.stats.top, o, p.payloadForViz, t), M = dn(e.stats.bottom, o, p.payloadForViz, t);
@@ -16942,7 +16942,7 @@ const kS = te(({
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.reference_area.content.label"), labelPosition: "right" }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-      /* @__PURE__ */ r($, { label: l("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
+      /* @__PURE__ */ r(V, { label: l("chart.reference_area.content.content_text"), value: e.content.text, onChange: (d) => c("content.text", d.currentTarget.value) }),
       /* @__PURE__ */ r(Yn, { label: l("chart.reference_area.content.text_position"), value: e.label.position, onChange: (d) => c("label.position", d) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -15, variant: "dashed", label: l("chart.reference_area.endpoint.labels"), labelPosition: "right" }),
@@ -17036,7 +17036,7 @@ function DS({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -17047,7 +17047,7 @@ function DS({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
@@ -17132,7 +17132,7 @@ function IS({
 const MS = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
+}) => /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
 }, theme: "vs-dark", options: {
   minimap: {
@@ -17168,7 +17168,7 @@ const MS = ({
     h(hr.dynamic.func_content);
   };
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       width: "50%"
     }, children: /* @__PURE__ */ r(L, { color: "grape", variant: "filled", leftSection: /* @__PURE__ */ r(rn, { size: 16 }), mt: 24, onClick: i, sx: {
       flexGrow: 0
@@ -17327,7 +17327,7 @@ const ES = D(({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -17411,7 +17411,7 @@ function NS({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -17448,7 +17448,7 @@ function BS({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
@@ -17474,10 +17474,10 @@ function BS({
       /* @__PURE__ */ u(_, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `y_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.y_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.y_axis.value_max"), ...a }) })
       ] })
     ] })
   ] });
@@ -17798,12 +17798,12 @@ const oC = D(({
     const {
       offsetWidth: x,
       offsetHeight: T
-    } = v, M = h / x, P = p / T, O = Math.min(M, P);
+    } = v, M = h / x, R = p / T, O = Math.min(M, R);
     v.style.transform = `scale(${O})`;
   }, [n.current, h, p, g]), /* @__PURE__ */ r(rt, { className: "viz-stats", sx: {
     width: h,
     height: p
-  }, align: aC[s.vertical_align], direction: "row", children: /* @__PURE__ */ r(R, { className: "viz-stats--clickable-wrapper", sx: iC(i.length), onClick: b, children: /* @__PURE__ */ r(Un, { ref: n, value: g, styles: {
+  }, align: aC[s.vertical_align], direction: "row", children: /* @__PURE__ */ r($, { className: "viz-stats--clickable-wrapper", sx: iC(i.length), onClick: b, children: /* @__PURE__ */ r(Un, { ref: n, value: g, styles: {
     root: {
       border: "none",
       maxWidth: h,
@@ -18133,10 +18133,10 @@ const kC = ({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `levels.${t}.r0`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
+      }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.inside_radius"), placeholder: "0%", ...o }) }),
       /* @__PURE__ */ r(f, { name: `levels.${t}.r`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
+      }) => /* @__PURE__ */ r(V, { label: n("viz.sunburst_chart.level.outside_radius"), placeholder: "50%", ...o }) })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.label.label_full"), labelPosition: "center" }),
     /* @__PURE__ */ r(f, { name: `levels.${t}.label.show_label_tolerance`, control: e, render: ({
@@ -18866,7 +18866,7 @@ function ik(e) {
       /* @__PURE__ */ r(ql, { children: "Use original data columns" }),
       " is enabled, you have to address trigger column by its data field"
     ] }) }),
-    /* @__PURE__ */ r($, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
+    /* @__PURE__ */ r(V, { label: t("viz.table.click_cell.column_data_field"), value: c.toString(), onChange: (h) => d(h.currentTarget.value) })
   ] }) : /* @__PURE__ */ r(q, { clearable: !1, data: o, label: t("viz.table.click_cell.choose_a_column"), value: c.toString(), onChange: d, comboboxProps: {
     zIndex: 340
   }, maxDropdownHeight: 500 });
@@ -18987,7 +18987,7 @@ const dk = (e) => {
   if (i === 0)
     return null;
   if (l === 0)
-    return /* @__PURE__ */ r(R, { className: e.info_bar, sx: {
+    return /* @__PURE__ */ r($, { className: e.info_bar, sx: {
       height: 22
     }, children: /* @__PURE__ */ r(z, { ta: "right", pr: 6, size: "14px", c: "dimmed", fw: "normal", children: o("common.pagination.total_rows", {
       total: i
@@ -19065,7 +19065,7 @@ function Qo({
         minSize: typeof Ee.width == "number" ? Ee.width : void 0
       });
     });
-  }, [g, b]), [x, T] = H([]), [M, P] = E.useState({
+  }, [g, b]), [x, T] = H([]), [M, R] = E.useState({
     pageIndex: 0,
     pageSize: a.pagination.page_size
   }), O = k(() => {
@@ -19094,7 +19094,7 @@ function Qo({
   }, "data-enable-scrollbar": !0, className: p(h.root, {
     "table-highlight-on-hover": a.highlightOnHover
   }), children: [
-    /* @__PURE__ */ r(uk, { classes: h, pagination: M, totalRows: Me, setPagination: P, pageCount: G }),
+    /* @__PURE__ */ r(uk, { classes: h, pagination: M, totalRows: Me, setPagination: R, pageCount: G }),
     /* @__PURE__ */ u(w, { sx: {
       ...UC,
       maxHeight: Xt
@@ -19263,7 +19263,7 @@ const mk = {
   const {
     panel: d
   } = Le(), h = E.useMemo(() => d.queryOptions(a, o), [a, o]);
-  return h.length === 0 ? /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r($, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: be(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
+  return h.length === 0 ? /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(V, { label: e, required: t, defaultValue: a, readOnly: !0, disabled: !0 }) }) : /* @__PURE__ */ r(q, { ref: c, label: e, description: n, data: h, value: a, onChange: be(i), required: t, sx: l, maxDropdownHeight: 500, ...s });
 })), yk = [{
   from: 0,
   to: 0
@@ -19290,8 +19290,8 @@ const xk = te((e, t) => {
   } = y(), {
     colorManager: a
   } = ut(on), [i, o] = H(ud(e.value)), [l, s] = H(_k(a, e.value)), c = Ca(l), [d, h] = H(vk(a, e.value)), p = Ca(d), g = (x) => {
-    var T, M, P;
-    o(x || "none"), x === "static" ? (T = e.onChange) == null || T.call(e, c.current) : x === "none" || !x ? (M = e.onChange) == null || M.call(e, "none") : (P = e.onChange) == null || P.call(e, p.current);
+    var T, M, R;
+    o(x || "none"), x === "static" ? (T = e.onChange) == null || T.call(e, c.current) : x === "none" || !x ? (M = e.onChange) == null || M.call(e, "none") : (R = e.onChange) == null || R.call(e, p.current);
   }, b = (x) => {
     var T;
     s(x), (T = e.onChange) == null || T.call(e, x);
@@ -19341,7 +19341,7 @@ const xk = te((e, t) => {
     }, children: a("viz.table.column.custom_cell_content") }),
     /* @__PURE__ */ r(Se, { size: 800, title: a("viz.table.column.custom_cell_content"), opened: i, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ u(I, { children: [
       /* @__PURE__ */ r(_, { justify: "flex-start", children: /* @__PURE__ */ r(gc, {}) }),
-      /* @__PURE__ */ r(R, { sx: {
+      /* @__PURE__ */ r($, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (g) => c(g ?? ""), theme: "vs-dark", options: {
         minimap: {
@@ -19371,7 +19371,7 @@ const xk = te((e, t) => {
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: `columns.${t}.label`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r($, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.label.label"), required: !0, id: `col-label-${t}`, sx: {
         flex: 1
       }, ...l }) }),
       /* @__PURE__ */ r(f, { name: `columns.${t}.value_field`, control: e, render: ({
@@ -19468,7 +19468,7 @@ function zk({
       }
     }, children: /* @__PURE__ */ r(f, { name: "fontSize", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r($, { label: n("style.font_size.label"), placeholder: n("style.font_size.placeholder"), required: !0, sx: {
+    }) => /* @__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: [
@@ -19636,13 +19636,13 @@ function Lk({
     s && n(s.label);
   }, [i]), /* @__PURE__ */ u(I, { gap: 0, mt: "sm", mb: "lg", children: [
     /* @__PURE__ */ r(z, { size: "sm", children: e }),
-    /* @__PURE__ */ r(R, { px: "1.5em", children: /* @__PURE__ */ r(Ih, { label: null, marks: fr, value: i, onChange: o, step: 25, ref: a }) })
+    /* @__PURE__ */ r($, { px: "1.5em", children: /* @__PURE__ */ r(Ih, { label: null, marks: fr, value: i, onChange: o, step: 25, ref: a }) })
   ] });
 }
 const Vk = E.forwardRef(Lk), $k = ({
   value: e,
   onChange: t
-}) => /* @__PURE__ */ r(R, { sx: {
+}) => /* @__PURE__ */ r($, { sx: {
   position: "relative"
 }, children: /* @__PURE__ */ r(Wt, { height: "500px", defaultLanguage: "javascript", value: e, onChange: (a) => {
   a && t(a);
@@ -19732,7 +19732,7 @@ function Pk({
       }) => /* @__PURE__ */ r(ki, { ...p }) }),
       /* @__PURE__ */ r(f, { name: "font_size", control: l, render: ({
         field: p
-      }) => /* @__PURE__ */ r($, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: t("style.font_size.label"), placeholder: t("style.font_size.placeholder"), sx: {
         flex: 1
       }, ...p }) }),
       /* @__PURE__ */ r(_, { justify: "space-between", grow: !0, sx: {
@@ -19856,7 +19856,7 @@ const jk = ({
   ...ui
 }, Uo = ({
   message: e
-}) => /* @__PURE__ */ r(R, { sx: $a, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+}) => /* @__PURE__ */ r($, { sx: $a, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
   __html: e
 }, style: {
   fontSize: "14px",
@@ -19897,10 +19897,10 @@ function Hk({
   }), {
     refreshDeps: [o, n]
   });
-  return !a || !i || !n ? null : c ? /* @__PURE__ */ r(R, { sx: {
+  return !a || !i || !n ? null : c ? /* @__PURE__ */ r($, { sx: {
     position: "relative",
     height: i
-  }, children: /* @__PURE__ */ r(pn, { visible: !0 }) }) : s ? /* @__PURE__ */ r(R, { sx: $a, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r(Qk, { error: s, width: a, height: i }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ r(R, { sx: $a, "data-enable-scrollbar": !0, children: l.replies.map((d, h) => /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ r(pn, { visible: !0 }) }) : s ? /* @__PURE__ */ r($, { sx: $a, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r(Qk, { error: s, width: a, height: i }) }) : !l || !Array.isArray(l.replies) || l.replies.length === 0 ? null : /* @__PURE__ */ r($, { sx: $a, "data-enable-scrollbar": !0, children: l.replies.map((d, h) => /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, h)) });
 }
@@ -19925,18 +19925,18 @@ function Gk({
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "expertSystemURL", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Expert System URL", ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Expert System URL", ...d }) }),
       /* @__PURE__ */ r(f, { name: "path", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Path", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Path", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
       /* @__PURE__ */ r(f, { name: "goal", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Goal", required: !0, ...d }) }),
+      }) => /* @__PURE__ */ r(V, { label: "Goal", required: !0, ...d }) }),
       /* @__PURE__ */ r(f, { name: "question", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r($, { label: "Question", required: !0, ...d }) })
+      }) => /* @__PURE__ */ r(V, { label: "Question", required: !0, ...d }) })
     ] }),
     /* @__PURE__ */ r(A, { variant: "dashed", mt: 16, mb: 8 }),
     /* @__PURE__ */ r(L, { type: "submit", variant: "filled", color: "blue", leftSection: /* @__PURE__ */ r(fe, { size: 20 }), disabled: !s.isDirty, sx: {
@@ -20181,7 +20181,7 @@ function s2(e, t, n) {
   if (!e)
     return n[0];
   try {
-    return [t, V(t).add(1, "year").subtract(1, "day").valueOf()];
+    return [t, P(t).add(1, "year").subtract(1, "day").valueOf()];
   } catch (a) {
     return console.error(a), n[0];
   }
@@ -20327,27 +20327,27 @@ function g2(e, t, n) {
     }
   });
 }
-const f2 = (e) => V(e).get("year");
+const f2 = (e) => P(e).get("year");
 function b2(e) {
-  const t = C.groupBy(e, (l) => l.value[2]), n = Object.keys(t), a = e.map((l) => V(l.value[0]).valueOf()), i = C.min(a), o = C.max(a);
+  const t = C.groupBy(e, (l) => l.value[2]), n = Object.keys(t), a = e.map((l) => P(l.value[0]).valueOf()), i = C.min(a), o = C.max(a);
   return {
     minDate: i ?? 0,
     maxDate: o ?? 0,
-    dateSpan: V(o).diff(i, "day"),
+    dateSpan: P(o).diff(i, "day"),
     dataByYear: t,
     years: n
   };
 }
 function y2(e, t, n) {
-  const a = n.reduce((M, P) => {
-    const O = Ut(P, t);
-    return M[P.name] = _t(P, O), M;
+  const a = n.reduce((M, R) => {
+    const O = Ut(R, t);
+    return M[R.name] = _t(R, O), M;
   }, {}), i = Yr(e.visualMap, a), {
     min: o,
     max: l
   } = i, s = d2(e), c = j(e.calendar.data_key), d = j(e.heat_block.data_key), h = t[c.queryID].map((M) => {
-    const P = C.get(M, c.columnKey), O = C.get(M, d.columnKey), G = f2(M[c.columnKey]), W = {
-      value: [P, O, G]
+    const R = C.get(M, c.columnKey), O = C.get(M, d.columnKey), G = f2(M[c.columnKey]), W = {
+      value: [R, O, G]
     }, {
       followVisualMap: oe,
       color: Z
@@ -20398,8 +20398,8 @@ function v2({
     const [x, T] = v.value, M = C.get(s, x, {
       error: "rowData is not found"
     });
-    c.forEach((P) => {
-      i.runInteraction(P.id, {
+    c.forEach((R) => {
+      i.runInteraction(R.id, {
         ...v,
         rowData: M
       });
@@ -20480,7 +20480,7 @@ function C2({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -20504,7 +20504,7 @@ const k2 = ({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -20867,7 +20867,7 @@ function B2({
   id: p,
   ...g
 }, b, v, x, T, M) {
-  const P = {
+  const R = {
     label: {
       show: !!a,
       position: a,
@@ -20888,14 +20888,14 @@ function B2({
     ...g
   };
   if (!o || o === e.data_key)
-    return P.data = F2({
+    return R.data = F2({
       dataTemplate: b,
       data: x,
       aggregation_on_value: l,
       name_data_key: e.data_key,
       value_data_key: t,
       valueTypedXAxis: v
-    }), P;
+    }), R;
   const O = N2({
     group_by_key: o,
     data: x,
@@ -20903,7 +20903,7 @@ function B2({
     value_data_key: t
   });
   return Object.entries(O).map(([G, W]) => {
-    const oe = Fe(P);
+    const oe = Fe(R);
     return oe.name = G, oe.color = void 0, oe.data = W, oe;
   });
 }
@@ -21123,7 +21123,7 @@ function J2({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.name`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: o("common.name"), placeholder: o("chart.reference_line.name_placeholder"), required: !0, sx: {
         flex: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `reference_lines.${t}.variable_key`, control: e, render: ({
@@ -21134,7 +21134,7 @@ function J2({
     ] }),
     /* @__PURE__ */ r(f, { name: `reference_lines.${t}.template`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r($, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
+    }) => /* @__PURE__ */ r(V, { label: o("chart.content_template.label"), placeholder: o("chart.content_template.hint"), sx: {
       flex: 1
     }, ...s }) }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
@@ -21217,7 +21217,7 @@ function t3({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.stack`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.stack"), placeholder: a("chart.series.bar.stack_hint"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barGap`, control: e, render: ({
@@ -21229,17 +21229,17 @@ function t3({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.barMinWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.min"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.exact"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.exact"), sx: {
         flexGrow: 1
       }, ...s }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.barMaxWidth`, control: e, render: ({
         field: s
-      }) => /* @__PURE__ */ r($, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
+      }) => /* @__PURE__ */ r(V, { label: a("chart.series.bar.bar_width.max"), disabled: o, sx: {
         flexGrow: 1
       }, ...s }) })
     ] })
@@ -21260,7 +21260,7 @@ function n3({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `series.${t}.name`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("common.name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `series.${t}.xAxisIndex`, control: e, render: ({
@@ -21357,7 +21357,7 @@ function i3({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `x_axes.${t}.position`, control: e, render: ({
@@ -21377,10 +21377,10 @@ function i3({
       /* @__PURE__ */ u(_, { grow: !0, children: [
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.min`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.value_min"), ...a }) }),
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_min"), ...a }) }),
         /* @__PURE__ */ r(f, { name: `x_axes.${t}.max`, control: e, render: ({
           field: a
-        }) => /* @__PURE__ */ r($, { label: n("chart.x_axis.value_max"), ...a }) })
+        }) => /* @__PURE__ */ r(V, { label: n("chart.x_axis.value_max"), ...a }) })
       ] })
     ] }),
     /* @__PURE__ */ r(A, { mb: -10, mt: 10, variant: "dashed", label: n("chart.x_axis.behavior"), labelPosition: "center" }),
@@ -21415,7 +21415,7 @@ function l3({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.data_key", control: e, render: ({
@@ -22323,7 +22323,7 @@ function B3({
   }, [h]), !s.data_key || !d || !h || !o || !l)
     return null;
   const b = Math.max(Dt(o), 300), v = Math.max(It(l), 370);
-  return /* @__PURE__ */ u(R, { pt: nt.top, pr: nt.right, pb: nt.bottom, pl: nt.left, sx: {
+  return /* @__PURE__ */ u($, { pt: nt.top, pr: nt.right, pb: nt.bottom, pl: nt.left, sx: {
     overflow: "hidden",
     height: l,
     width: o
@@ -22339,7 +22339,7 @@ function j3({
   return t(["deviation"]), /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(_, { grow: !0, wrap: "nowrap", children: /* @__PURE__ */ r(f, { name: "deviation.name", control: e, render: ({
       field: n
-    }) => /* @__PURE__ */ r($, { label: "指标名称", sx: {
+    }) => /* @__PURE__ */ r(V, { label: "指标名称", sx: {
       flex: 1
     }, ...n }) }) }),
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
@@ -22366,7 +22366,7 @@ const Q3 = ({
   return /* @__PURE__ */ r(I, { children: /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(f, { name: `metrics.${t}.name`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+    }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
       flex: 1
     }, ...a }) }),
     /* @__PURE__ */ r(f, { name: `metrics.${t}.data_key`, control: e, render: ({
@@ -22418,7 +22418,7 @@ function G3({
       }, ...n }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: n
-      }) => /* @__PURE__ */ r($, { label: "X轴名称", sx: {
+      }) => /* @__PURE__ */ r(V, { label: "X轴名称", sx: {
         flex: 1
       }, ...n }) })
     ] }),
@@ -22694,7 +22694,7 @@ const Xo = ({
   }], [i.language]);
   return /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
     /* @__PURE__ */ r(q, { label: a("viz.merico_stats.metric.postfix_type.label"), data: d, value: e.type, onChange: s }),
-    e.type === "text" && /* @__PURE__ */ r($, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
+    e.type === "text" && /* @__PURE__ */ r(V, { label: a("viz.merico_stats.metric.postfix_content"), value: e.value, onChange: (h) => {
       c(h.currentTarget.value);
     } }),
     e.type === "filter-option-label" && /* @__PURE__ */ r(q, { label: a("viz.merico_stats.metric.postfix_filter"), value: e.value, onChange: c, data: l })
@@ -22716,7 +22716,7 @@ function iz({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.value`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.metric_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.value`, control: e, render: ({
@@ -22728,7 +22728,7 @@ function iz({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `metrics.${t}.names.basis`, control: e, render: ({
         field: o
-      }) => /* @__PURE__ */ r($, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: i("viz.merico_stats.metric.basis_name"), required: !0, sx: {
         flex: 1
       }, ...o }) }),
       /* @__PURE__ */ r(f, { name: `metrics.${t}.data_keys.basis`, control: e, render: ({
@@ -22970,7 +22970,7 @@ function gz({
       }, ...i }) }),
       /* @__PURE__ */ r(f, { name: "heat_block.name", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -23005,7 +23005,7 @@ const fz = ({
     /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.name`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: `tooltip.metrics.${t}.data_key`, control: e, render: ({
@@ -23070,7 +23070,7 @@ function _z({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "x_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -23108,7 +23108,7 @@ function vz({
       }, ...a }) }),
       /* @__PURE__ */ r(f, { name: "y_axis.name", control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r($, { label: n("common.name"), required: !0, sx: {
+      }) => /* @__PURE__ */ r(V, { label: n("common.name"), required: !0, sx: {
         flex: 1
       }, ...a }) })
     ] }),
@@ -23328,7 +23328,7 @@ function Iz({
     unit: e.heat_block.unit.show_in_tooltip ? e.heat_block.unit.text : ""
   }, v = [p, g, b], x = a[`${c}---${d}`];
   return x && e.tooltip.metrics.forEach((T) => {
-    const M = j(T.data_key), P = o[T.name];
+    const M = j(T.data_key), R = o[T.name];
     v.push({
       label: T.name,
       value: Dz(C.get(x, M.columnKey, "")),
@@ -23336,7 +23336,7 @@ function Iz({
         label: "",
         value: ""
       },
-      unit: P
+      unit: R
     });
   }), v;
 }
@@ -23482,12 +23482,12 @@ function $z(e, t, n) {
     min: s,
     max: c
   } = l, d = j(e.x_axis.data_key), h = j(e.y_axis.data_key), p = j(e.heat_block.data_key), g = C.uniq(t[d.queryID].map((x) => x[d.columnKey])), b = t[d.queryID].map((x) => {
-    const T = C.get(x, d.columnKey), M = C.get(x, h.columnKey), P = C.get(x, p.columnKey), O = {
-      value: [T, M, P]
+    const T = C.get(x, d.columnKey), M = C.get(x, h.columnKey), R = C.get(x, p.columnKey), O = {
+      value: [T, M, R]
     }, {
       followVisualMap: G,
       color: W
-    } = pi(P, s, c, e.visualMap);
+    } = pi(R, s, c, e.visualMap);
     return G || (O.visualMap = !1, O.itemStyle = {
       color: W
     }), O;
@@ -23517,8 +23517,8 @@ function Rz({
     const [x, T] = v.value, M = C.get(s, `${x}---${T}`, {
       error: "rowData is not found"
     });
-    c.forEach((P) => {
-      i.runInteraction(P.id, {
+    c.forEach((R) => {
+      i.runInteraction(R.id, {
         ...v,
         rowData: M
       });
@@ -23686,7 +23686,7 @@ const jz = {
 }) => {
   const {
     t
-  } = y(), a = e.model.value, [i, o] = a.value, l = k(() => !o && !i ? Number.NaN : V(o).diff(V(i), "days") + 1, [i, o]);
+  } = y(), a = e.model.value, [i, o] = a.value, l = k(() => !o && !i ? Number.NaN : P(o).diff(P(i), "days") + 1, [i, o]);
   if (Number.isNaN(l))
     return /* @__PURE__ */ r("span", { style: {
       userSelect: "none",
@@ -24081,41 +24081,41 @@ function vd({
     Mr.changeLanguage(e);
   }, [e]), /* @__PURE__ */ r(ch, { i18n: Mr, children: t });
 }
-V.extend(em);
-V.extend(tm);
-V.extend(nm);
-V.extend(rm);
-V.extend(am);
-V.extend(im);
-V.extend(om);
-V.extend(lm);
-V.extend(sm);
-V.extend(cm);
-V.extend(hm);
-V.extend(pm);
-V.extend(mm);
-V.extend(gm);
-V.extend(fm);
-V.extend(dm);
-V.extend(um);
-V.extend(bm);
-V.extend(ym);
-V.extend(_m);
-V.extend(vm);
-V.extend(xm);
-V.extend(wm);
-V.extend(Sm);
-V.extend(Cm);
-V.extend(km);
-V.extend(zm);
-V.extend(Tm);
-V.extend(Dm);
-V.extend(Im);
-V.extend(Lm);
-V.extend(Vm);
-V.extend(Mm);
-V.tz.setDefault("UTC");
-V.updateLocale("en", {
+P.extend(em);
+P.extend(tm);
+P.extend(nm);
+P.extend(rm);
+P.extend(am);
+P.extend(im);
+P.extend(om);
+P.extend(lm);
+P.extend(sm);
+P.extend(cm);
+P.extend(hm);
+P.extend(pm);
+P.extend(mm);
+P.extend(gm);
+P.extend(fm);
+P.extend(dm);
+P.extend(um);
+P.extend(bm);
+P.extend(ym);
+P.extend(_m);
+P.extend(vm);
+P.extend(xm);
+P.extend(wm);
+P.extend(Sm);
+P.extend(Cm);
+P.extend(km);
+P.extend(zm);
+P.extend(Tm);
+P.extend(Dm);
+P.extend(Im);
+P.extend(Lm);
+P.extend(Vm);
+P.extend(Mm);
+P.tz.setDefault("UTC");
+P.updateLocale("en", {
   weekStart: 1
 });
 function x5(e) {
@@ -25048,9 +25048,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "yesterday",
   group: "last",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(1, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(1, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "yesterday"
     };
   }
@@ -25059,9 +25059,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "last week",
   group: "last",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(1, "week").startOf("week").toDate(), V(e).subtract(1, "week").endOf("week").toDate()],
+      value: [e.subtract(1, "week").startOf("week").toDate(), e.subtract(1, "week").endOf("week").toDate()],
       shortcut: "last week"
     };
   }
@@ -25070,9 +25070,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "last month",
   group: "last",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(1, "month").startOf("month").toDate(), V(e).subtract(1, "month").endOf("month").toDate()],
+      value: [e.subtract(1, "month").startOf("month").toDate(), e.subtract(1, "month").endOf("month").toDate()],
       shortcut: "last month"
     };
   }
@@ -25081,9 +25081,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "last 2 months",
   group: "last",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(2, "month").startOf("month").toDate(), V(e).subtract(1, "month").endOf("month").toDate()],
+      value: [e.subtract(2, "month").startOf("month").toDate(), e.subtract(1, "month").endOf("month").toDate()],
       shortcut: "last 2 months"
     };
   }
@@ -25092,9 +25092,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "last 3 months",
   group: "last",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(3, "month").startOf("month").toDate(), V(e).subtract(1, "month").endOf("month").toDate()],
+      value: [e.subtract(3, "month").startOf("month").toDate(), e.subtract(1, "month").endOf("month").toDate()],
       shortcut: "last 3 months"
     };
   }
@@ -25103,9 +25103,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "last year",
   group: "last",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(1, "year").startOf("year").toDate(), V(e).subtract(1, "year").endOf("year").toDate()],
+      value: [e.subtract(1, "year").startOf("year").toDate(), e.subtract(1, "year").endOf("year").toDate()],
       shortcut: "last year"
     };
   }
@@ -25114,9 +25114,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "recent 7 days",
   group: "recent",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(7, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(7, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "recent 7 days"
     };
   }
@@ -25125,9 +25125,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "recent 30 days",
   group: "recent",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(30, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(30, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "recent 30 days"
     };
   }
@@ -25136,9 +25136,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "recent 60 days",
   group: "recent",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(60, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(60, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "recent 60 days"
     };
   }
@@ -25147,9 +25147,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "recent 90 days",
   group: "recent",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(90, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(90, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "recent 90 days"
     };
   }
@@ -25158,9 +25158,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "recent 180 days",
   group: "recent",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(180, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(180, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "recent 180 days"
     };
   }
@@ -25169,9 +25169,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "recent 365 days",
   group: "recent",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).subtract(365, "day").startOf("day").toDate(), V(e).subtract(1, "day").endOf("day").toDate()],
+      value: [e.subtract(365, "day").startOf("day").toDate(), e.subtract(1, "day").endOf("day").toDate()],
       shortcut: "recent 365 days"
     };
   }
@@ -25180,9 +25180,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "today",
   group: "this",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("day").toDate(), V(e).endOf("day").toDate()],
+      value: [e.startOf("day").toDate(), e.endOf("day").toDate()],
       shortcut: "today"
     };
   }
@@ -25191,9 +25191,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "this week",
   group: "this",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("week").toDate(), V(e).endOf("week").toDate()],
+      value: [e.startOf("week").toDate(), e.endOf("week").toDate()],
       shortcut: "this week"
     };
   }
@@ -25202,9 +25202,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "this month",
   group: "this",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("month").toDate(), V(e).endOf("month").toDate()],
+      value: [e.startOf("month").toDate(), e.endOf("month").toDate()],
       shortcut: "this month"
     };
   }
@@ -25213,9 +25213,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "this year",
   group: "this",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("year").toDate(), V(e).endOf("year").toDate()],
+      value: [e.startOf("year").toDate(), e.endOf("year").toDate()],
       shortcut: "this year"
     };
   }
@@ -25224,9 +25224,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "this week so far",
   group: "this_so_far",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("week").toDate(), V(e).toDate()],
+      value: [e.startOf("week").toDate(), e.endOf("day").toDate()],
       shortcut: "this week so far"
     };
   }
@@ -25235,9 +25235,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "this month so far",
   group: "this_so_far",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("month").toDate(), V(e).toDate()],
+      value: [e.startOf("month").toDate(), e.endOf("day").toDate()],
       shortcut: "this month so far"
     };
   }
@@ -25246,9 +25246,9 @@ const Dd = m.optional(m.enumeration(["intersect", "reset"]), "intersect"), Id =
   value: "this year so far",
   group: "this_so_far",
   getRange: () => {
-    const e = Date.now();
+    const e = P();
     return {
-      value: [V(e).startOf("year").toDate(), V(e).toDate()],
+      value: [e.startOf("year").toDate(), e.endOf("day").toDate()],
       shortcut: "this year so far"
     };
   }
@@ -25268,12 +25268,12 @@ function B5(e) {
       const n = la(e.default_shortcut);
       if (n)
         return {
-          value: n.value.map((a) => V(a).toDate()),
+          value: n.value.map((a) => P(a).toDate()),
           shortcut: e.default_shortcut
         };
     }
     return {
-      value: e.default_value.map((n) => n === null ? n : V.tz(n, "UTC").toDate() ?? n),
+      value: e.default_value.map((n) => n === null ? n : P.tz(n, "UTC").toDate() ?? n),
       shortcut: null
     };
   } catch (t) {
@@ -25286,7 +25286,7 @@ function B5(e) {
 function Vd(e, t) {
   return e.map((n) => {
     try {
-      return n ? V.tz(n, "UTC").toISOString() : null;
+      return n ? P.tz(n, "UTC").toISOString() : null;
     } catch {
       return console.log(`[date-range] failed parsing ${n}`), null;
     }
@@ -25340,7 +25340,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
   },
   get dateStringsValue() {
     try {
-      const t = this.filter.value, [n, a] = t.value, i = n ? V(n).format(e.inputFormat) : "", o = a ? V(a).format(e.inputFormat) : "";
+      const t = this.filter.value, [n, a] = t.value, i = n ? P(n).format(e.inputFormat) : "", o = a ? P(a).format(e.inputFormat) : "";
       return [i, o];
     } catch (t) {
       return console.error(t), ["", ""];
@@ -25387,7 +25387,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
   }) {
     return {
       ...t,
-      default_value: e.map((n) => n === null ? null : V.tz(n, "UTC").toDate())
+      default_value: e.map((n) => n === null ? null : P.tz(n, "UTC").toDate())
     };
   },
   postProcessor(e) {
@@ -25753,7 +25753,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(J, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(yn, { filter: t })
     ] }),
-    /* @__PURE__ */ r($, { label: n("filter.widget.common.min_width"), value: a.min_width, onChange: (i) => a.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: n("filter.widget.common.min_width"), value: a.min_width, onChange: (i) => a.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(J, { checked: a.treeCheckStrictly, onChange: (i) => a.setTreeCheckStrictly(i.currentTarget.checked), label: n("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ r(sa, { value: a.options_query_id, onChange: a.setOptionsQueryID }),
@@ -26110,7 +26110,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
     name: "FilterTreeSelectWidget"
   }), [b, v] = H(!1), x = (G) => {
     v(G);
-  }, T = b && (i == null ? void 0 : i.length) > 0, M = tT(l, i, o, d), [P, O] = H("");
+  }, T = b && (i == null ? void 0 : i.length) > 0, M = tT(l, i, o, d), [R, O] = H("");
   return /* @__PURE__ */ u(I, { gap: 3, children: [
     /* @__PURE__ */ u(_, { justify: "space-between", children: [
       /* @__PURE__ */ u(z, { className: p.label, size: "sm", children: [
@@ -26153,10 +26153,10 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
         maxTagPlaceholder: () => h("filter.widget.common.x_selected", {
           count: i.length
         }),
-        searchValue: P,
+        searchValue: R,
         onSearch: O,
         dropdownRender: (G) => /* @__PURE__ */ u(F, { children: [
-          M.allValueSet.size > 0 && !P && /* @__PURE__ */ r(_, { px: "xs", pt: 8, pb: 8, onClick: M.toggleSelectAll, styles: nT, children: /* @__PURE__ */ r(J, { size: "xs", checked: M.allSelected, onChange: C.noop, label: h("common.actions.select_all") }) }),
+          M.allValueSet.size > 0 && !R && /* @__PURE__ */ r(_, { px: "xs", pt: 8, pb: 8, onClick: M.toggleSelectAll, styles: nT, children: /* @__PURE__ */ r(J, { size: "xs", checked: M.allSelected, onChange: C.noop, label: h("common.actions.select_all") }) }),
           /* @__PURE__ */ r(A, {}),
           G
         ] })
@@ -26194,7 +26194,7 @@ const j5 = m.model("FilterDateRangeConfigMeta", {
       /* @__PURE__ */ r(J, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: t("filter.widget.select.required") }),
       /* @__PURE__ */ r(yn, { filter: e })
     ] }),
-    /* @__PURE__ */ r($, { label: t("filter.widget.common.min_width"), value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: t("filter.widget.common.min_width"), value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
     /* @__PURE__ */ r(sa, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r(J, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: t("filter.widget.tree_single_select.select_first_option_by_default") }),
@@ -26752,7 +26752,7 @@ function pT(e, t) {
   return [n.toDate(), a.toDate()];
 }
 function ir(e, t, n) {
-  return !e || !t ? [e, t] : vt(V(e), V(t), n);
+  return !e || !t ? [e, t] : vt(P(e), P(t), n);
 }
 function vt(e, t, n) {
   if (!e || !t)
@@ -26788,7 +26788,7 @@ const Hd = (e) => [{
   group: "last",
   disabled: Rt(e, "m"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(1, "month").startOf("month"), n.subtract(1, "month").endOf("month"), t),
       shortcut: "last month",
@@ -26801,7 +26801,7 @@ const Hd = (e) => [{
   group: "last",
   disabled: Rt(e, "m2"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(2, "month").startOf("month"), n.subtract(1, "month").endOf("month"), t),
       shortcut: "last 2 months",
@@ -26814,7 +26814,7 @@ const Hd = (e) => [{
   group: "last",
   disabled: Rt(e, "m3"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(3, "month").startOf("month"), n.subtract(1, "month").endOf("month"), t),
       shortcut: "last 3 months",
@@ -26827,7 +26827,7 @@ const Hd = (e) => [{
   group: "last",
   disabled: Rt(e, "m6"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(6, "month").startOf("month"), n.subtract(1, "month").endOf("month"), t),
       shortcut: "last 6 months",
@@ -26840,7 +26840,7 @@ const Hd = (e) => [{
   group: "last",
   disabled: Rt(e, "y"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(1, "year").startOf("year"), n.subtract(1, "year").endOf("year"), t),
       shortcut: "last year",
@@ -26853,7 +26853,7 @@ const Hd = (e) => [{
   group: "recent",
   disabled: Rt(e, "d30"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(30, "day").startOf("day"), n.subtract(1, "day").endOf("day"), t),
       shortcut: "recent 30 days",
@@ -26866,7 +26866,7 @@ const Hd = (e) => [{
   group: "recent",
   disabled: Rt(e, "d60"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(60, "day").startOf("day"), n.subtract(1, "day").endOf("day"), t),
       shortcut: "recent 60 days",
@@ -26879,7 +26879,7 @@ const Hd = (e) => [{
   group: "recent",
   disabled: Rt(e, "d90"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(90, "day").startOf("day"), n.subtract(1, "day").endOf("day"), t),
       shortcut: "recent 90 days",
@@ -26892,7 +26892,7 @@ const Hd = (e) => [{
   group: "recent",
   disabled: Rt(e, "d180"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(180, "day").startOf("day"), n.subtract(1, "day").endOf("day"), t),
       shortcut: "recent 180 days",
@@ -26905,7 +26905,7 @@ const Hd = (e) => [{
   group: "recent",
   disabled: Rt(e, "d365"),
   getRange: (t) => {
-    const n = V();
+    const n = P();
     return {
       value: vt(n.subtract(365, "day").startOf("day"), n.subtract(1, "day").endOf("day"), t),
       shortcut: "recent 365 days",
@@ -26928,12 +26928,12 @@ function gT(e) {
       const n = pr(e.default_shortcut, e.default_step);
       if (n)
         return {
-          value: n.value.map((a) => V(a).toDate()),
+          value: n.value.map((a) => P(a).toDate()),
           shortcut: e.default_shortcut,
           step: e.default_step
         };
     }
-    const t = e.default_value.map((n) => n === null ? n : V.tz(n, "UTC").toDate() ?? n);
+    const t = e.default_value.map((n) => n === null ? n : P.tz(n, "UTC").toDate() ?? n);
     return {
       value: ir(t[0], t[1], e.default_step),
       shortcut: null,
@@ -26950,7 +26950,7 @@ function gT(e) {
 function Wd(e, t) {
   return e.map((n) => {
     try {
-      return n ? V.tz(n, "UTC").toISOString() : null;
+      return n ? P.tz(n, "UTC").toISOString() : null;
     } catch {
       return console.log(`[date-range] failed parsing ${n}`), null;
     }
@@ -26997,7 +26997,7 @@ const fT = m.model("FilterMericoDateRangeConfigMeta", {
   },
   get dateStringsValue() {
     try {
-      const t = this.filter.value, [n, a] = t.value, i = n ? V(n).format(e.inputFormat) : "", o = a ? V(a).format(e.inputFormat) : "";
+      const t = this.filter.value, [n, a] = t.value, i = n ? P(n).format(e.inputFormat) : "", o = a ? P(a).format(e.inputFormat) : "";
       return [i, o];
     } catch (t) {
       return console.error(t), ["", ""];
@@ -27034,7 +27034,7 @@ const fT = m.model("FilterMericoDateRangeConfigMeta", {
   }) {
     return {
       ...t,
-      default_value: e.map((n) => n === null ? null : V.tz(n, "UTC").toDate())
+      default_value: e.map((n) => n === null ? null : P.tz(n, "UTC").toDate())
     };
   },
   postProcessor(e) {
@@ -28360,7 +28360,7 @@ const RT = E5.views((e) => ({
     }, a = e.config, i = a.filters.reduce((p, g) => {
       const b = C.get(t, g.variable), v = C.get(n, g.variable), x = g.dimension;
       if (v === Q.DateRange || v === Q.MericoDateRange) {
-        const M = b.every((P) => Number.isFinite(Number(P))) ? b.map((P) => Number(P)) : b;
+        const M = b.every((R) => Number.isFinite(Number(R))) ? b.map((R) => Number(R)) : b;
         p[x] = {
           between: M
         };
@@ -28392,7 +28392,7 @@ const RT = E5.views((e) => ({
     };
     if (l) {
       const p = C.get(t, l);
-      Array.isArray(p) && p.length === 2 && (h.start = V(p[0]).tz(d).format(c), h.end = V(p[1]).tz(d).format(c));
+      Array.isArray(p) && p.length === 2 && (h.start = P(p[0]).tz(d).format(c), h.end = P(p[1]).tz(d).format(c));
     }
     return o.timeQuery = h, o;
   },
@@ -28971,7 +28971,7 @@ const qT = (e) => new OT(e), FT = ({
     border: "0.0625rem solid rgb(233, 236, 239)",
     boxShadow: "rgb(0 0 0 / 5%) 0px 0.0625rem 0.1875rem, rgb(0 0 0 / 5%) 0px 1.25rem 1.5625rem -0.3125rem, rgb(0 0 0 / 4%) 0px 0.625rem 0.625rem -0.3125rem"
   }
-}, withArrow: !0, children: /* @__PURE__ */ r(R, { sx: {
+}, withArrow: !0, children: /* @__PURE__ */ r($, { sx: {
   height: "16px",
   alignSelf: "center"
 }, children: /* @__PURE__ */ r(Ae, { size: 16, color: "gray" }) }) }), NT = D(({
@@ -28984,10 +28984,10 @@ const qT = (e) => new OT(e), FT = ({
   },
   value: o,
   onChange: l
-}) => /* @__PURE__ */ u(R, { children: [
+}) => /* @__PURE__ */ u($, { children: [
   /* @__PURE__ */ r(z, { size: "sm", children: " " }),
   /* @__PURE__ */ r(J, { label: /* @__PURE__ */ u(_, { wrap: "nowrap", justify: "space-between", align: "middle", gap: 6, children: [
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1
     }, children: e }),
     /* @__PURE__ */ r(FT, { description: n, isDescriptionEmpty: a })
@@ -28999,7 +28999,7 @@ const qT = (e) => new OT(e), FT = ({
 ] })), BT = ({
   value: e,
   onChange: t,
-  close: n,
+  onClose: n,
   max_days: a,
   allowSingleDateInRange: i
 }) => {
@@ -29008,7 +29008,7 @@ const qT = (e) => new OT(e), FT = ({
       return l;
   }, [l, s]), h = k(() => {
     if (l && !s && a > 0)
-      return V(l).add(a - 1, "days").toDate();
+      return P(l).add(a - 1, "days").toDate();
   }, [l, s, a]);
   return /* @__PURE__ */ r(_s, { defaultDate: c, numberOfColumns: 2, type: "range", value: o, onChange: (g) => {
     const [b, v] = g;
@@ -29023,7 +29023,7 @@ const qT = (e) => new OT(e), FT = ({
 }) => {
   const {
     t: n
-  } = y(), a = k(() => !t && !e ? Number.NaN : V(t).diff(V(e), "days") + 1, [e, t]);
+  } = y(), a = k(() => !t && !e ? Number.NaN : P(t).diff(P(e), "days") + 1, [e, t]);
   if (Number.isNaN(a))
     return /* @__PURE__ */ r("span", { style: {
       userSelect: "none",
@@ -29047,15 +29047,16 @@ const qT = (e) => new OT(e), FT = ({
     /* @__PURE__ */ r(A, { variant: "dashed", my: 10 })
   ] }) : null;
 }, HT = ({
-  onChange: e
+  onChange: e,
+  onClose: t
 }) => {
   const {
-    t,
-    i18n: n
-  } = y(), a = (l) => () => {
-    const s = l();
-    e(s);
-  }, i = k(() => Ld(), []), o = n.language === "zh";
+    t: n,
+    i18n: a
+  } = y(), i = (s) => () => {
+    const c = s();
+    e(c), t();
+  }, o = k(() => Ld(), []), l = a.language === "zh";
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r(w, { withTableBorder: !1, sx: {
@@ -29073,16 +29074,16 @@ const qT = (e) => new OT(e), FT = ({
       td: {
         paddingLeft: "1px"
       }
-    }, children: /* @__PURE__ */ r(w.Tbody, { children: Object.entries(i).map(([l, s]) => /* @__PURE__ */ u(w.Tr, { children: [
+    }, children: /* @__PURE__ */ r(w.Tbody, { children: Object.entries(o).map(([s, c]) => /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { children: /* @__PURE__ */ r(z, { size: "xs", c: "#555", fw: 500, sx: {
         textAlignLast: "justify"
-      }, children: t(`filter.widget.date_range.shortcut.${l}.label`) }) }),
-      s.map(({
-        key: c,
-        value: d,
-        getRange: h
-      }) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(L, { size: "compact-xs", variant: "subtle", onClick: a(h), children: t(`filter.widget.date_range.shortcut.${l}.${o ? "full." : ""}${c}`) }) }, c))
-    ] }, l)) }) })
+      }, children: n(`filter.widget.date_range.shortcut.${s}.label`) }) }),
+      c.map(({
+        key: d,
+        value: h,
+        getRange: p
+      }) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(L, { size: "compact-xs", variant: "subtle", onClick: i(p), children: n(`filter.widget.date_range.shortcut.${s}.${l ? "full." : ""}${d}`) }) }, d))
+    ] }, s)) }) })
   ] });
 }, rl = (e) => ({
   label: {
@@ -29107,12 +29108,12 @@ const qT = (e) => new OT(e), FT = ({
   } = y(), [d, {
     open: h,
     close: p
-  }] = nn(!1), [g, b] = n.value, v = g ? V(g).format(l) : "", x = b ? V(b).format(l) : "";
+  }] = nn(!1), [g, b] = n.value, v = g ? P(g).format(l) : "", x = b ? P(b).format(l) : "";
   return /* @__PURE__ */ u(Ye, { 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"
     }, children: [
-      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r($, { label: e, labelProps: {
+      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r(V, { label: e, labelProps: {
         title: e
       }, required: t, leftSection: /* @__PURE__ */ r(Kl, { size: 16 }), placeholder: c("filter.widget.date_range.start_date"), readOnly: !0, disabled: s, value: v, onFocus: h, styles: rl(d), sx: {
         ".mantine-TextInput-label": {
@@ -29137,7 +29138,7 @@ const qT = (e) => new OT(e), FT = ({
           opacity: 0.6
         }
       } }) }),
-      /* @__PURE__ */ r($, { label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(jT, { begin: g, end: b }) }), leftSection: /* @__PURE__ */ r(Yl, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: x, onFocus: h, styles: rl(d), sx: {
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(jT, { begin: g, end: b }) }), leftSection: /* @__PURE__ */ r(Yl, { size: 16 }), placeholder: c("filter.widget.date_range.end_date"), readOnly: !0, disabled: !g || s, value: x, onFocus: h, styles: rl(d), sx: {
         ".mantine-Input-section": {
           transform: "translateX(-18px)"
         },
@@ -29158,8 +29159,8 @@ const qT = (e) => new OT(e), FT = ({
     ] }),
     /* @__PURE__ */ u(Ye.Dropdown, { p: "sm", children: [
       /* @__PURE__ */ r(QT, { max_days: i }),
-      /* @__PURE__ */ r(BT, { value: n, onChange: a, close: p, allowSingleDateInRange: o, max_days: i }),
-      /* @__PURE__ */ r(HT, { onChange: a })
+      /* @__PURE__ */ r(BT, { value: n, onChange: a, onClose: p, allowSingleDateInRange: o, max_days: i }),
+      /* @__PURE__ */ r(HT, { onChange: a, onClose: p })
     ] })
   ] });
 }, yu = {
@@ -29398,7 +29399,7 @@ const qT = (e) => new OT(e), FT = ({
     name: "MultiSelectWidget"
   }), [g, b] = H(!1), v = (Z) => {
     b(Z);
-  }, x = g && (i == null ? void 0 : i.length) > 0, [T, M] = H(""), P = k(() => {
+  }, x = g && (i == null ? void 0 : i.length) > 0, [T, M] = H(""), R = k(() => {
     if (!T)
       return l;
     const Z = T.toLowerCase(), Me = (Qe) => {
@@ -29430,7 +29431,7 @@ const qT = (e) => new OT(e), FT = ({
       O.size > 0 && !T && /* @__PURE__ */ r(_, { px: "xs", py: "xs", onClick: oe, styles: KT, children: /* @__PURE__ */ r(J, { size: "xs", checked: W, onChange: C.noop, label: d("common.actions.select_all") }) }),
       /* @__PURE__ */ r(A, {}),
       Z
-    ] }), children: P.map((Z) => /* @__PURE__ */ u(jm, { title: Z.label, children: [
+    ] }), children: R.map((Z) => /* @__PURE__ */ u(jm, { title: Z.label, children: [
       /* @__PURE__ */ r(z, { size: "sm", "data-role": "label", children: Z.label }),
       Z.description && /* @__PURE__ */ r(z, { size: "xs", c: "dimmed", "data-role": "description", children: Z.description })
     ] }, Z.value)) })
@@ -29517,7 +29518,7 @@ function eD({
   value: n,
   onChange: a
 }) {
-  return /* @__PURE__ */ r($, { label: e, value: n || "", onChange: (i) => a(i.currentTarget.value), ...t, styles: {
+  return /* @__PURE__ */ r(V, { label: e, value: n || "", onChange: (i) => a(i.currentTarget.value), ...t, styles: {
     input: {
       borderColor: "#e9ecef"
     }
@@ -29530,13 +29531,13 @@ const tD = ({
   const n = e.value, [a, i] = n, o = k(() => a || /* @__PURE__ */ new Date(), [a]), l = k(() => {
     if (a && !i)
       return a;
-  }, [a, i]), s = k(() => V().add(365, "days").toDate(), []);
+  }, [a, i]), s = k(() => P().add(365, "days").toDate(), []);
   return /* @__PURE__ */ r(_s, { defaultDate: o, numberOfColumns: 2, type: "range", value: n, onChange: t, onNextMonth: console.log, minDate: l, maxDate: s, allowSingleDateInRange: !0 });
 };
 function to(e, t) {
   if (!e)
     return null;
-  const n = V(e);
+  const n = P(e);
   switch (t) {
     case "day":
     case "week":
@@ -29552,7 +29553,7 @@ function to(e, t) {
 function no(e, t) {
   if (!e)
     return null;
-  const n = V(e);
+  const n = P(e);
   switch (t) {
     case "day":
     case "week":
@@ -29577,8 +29578,8 @@ function nD(e, t) {
 function rD(e, t, n, a) {
   if (!t)
     return !1;
-  const [i] = n, o = to(t, a), l = no(t, a), s = V(e).isBefore(l);
-  return i ? V(e).isAfter(i) && s : V(e).isAfter(o) && s;
+  const [i] = n, o = to(t, a), l = no(t, a), s = P(e).isBefore(l);
+  return i ? P(e).isAfter(i) && s : P(e).isAfter(o) && s;
 }
 function aD(e, t, n) {
   if (!t)
@@ -29610,12 +29611,12 @@ const lD = (e, t, n) => {
   const a = e.step, [i, o] = H(null), [l, s] = H(e.value), c = (b, v) => {
     if (!b || !v)
       return;
-    const [x, T] = l, M = b.toDate(), P = v.toDate();
+    const [x, T] = l, M = b.toDate(), R = v.toDate();
     if (x === null) {
       s([M, null]);
       return;
     }
-    const G = M.getTime() < x.getTime() ? [M, T] : [x, P];
+    const G = M.getTime() < x.getTime() ? [M, T] : [x, R];
     s(G), t(G);
   };
   N(() => {
@@ -29623,11 +29624,11 @@ const lD = (e, t, n) => {
   }, [e]), N(() => {
     s([null, null]);
   }, [n]);
-  const d = k(() => n ? null : l[0] ? V(l[0]) : null, [l, n]), h = k(() => n ? null : l[0] ? V(l[0]).add(365, "days") : null, [l, n]), p = ne((b) => {
-    const v = V(b);
+  const d = k(() => n ? null : l[0] ? P(l[0]) : null, [l, n]), h = k(() => n ? null : l[0] ? P(l[0]).add(365, "days") : null, [l, n]), p = ne((b) => {
+    const v = P(b);
     return oD(v, e.value);
   }, [n, e.value]), g = ne((b) => {
-    const v = V(b), x = d && h && (v.isBefore(d) || v.isAfter(h)), T = !i && l[0] ? l[0] : i, M = nD(T, a);
+    const v = P(b), x = d && h && (v.isBefore(d) || v.isAfter(h)), T = !i && l[0] ? l[0] : i, M = nD(T, a);
     if (!M)
       return {
         onMouseEnter: () => o(b),
@@ -29649,9 +29650,9 @@ const lD = (e, t, n) => {
         disabled: !0
       };
     const {
-      start: P,
+      start: R,
       end: O
-    } = M, G = aD(v, P, l), W = iD(v, O), oe = rD(b, T, l, a), Z = oe && G, Me = oe && W, Qe = v.isBefore(d) || v.isAfter(h);
+    } = M, G = aD(v, R, l), W = iD(v, O), oe = rD(b, T, l, a), Z = oe && G, Me = oe && W, Qe = v.isBefore(d) || v.isAfter(h);
     return {
       onMouseEnter: () => o(b),
       onMouseLeave: () => o(null),
@@ -29659,7 +29660,7 @@ const lD = (e, t, n) => {
       firstInRange: Z,
       lastInRange: Me,
       selected: G || W,
-      onClick: () => c(P, O),
+      onClick: () => c(R, O),
       disabled: Qe
     };
   }, [i, t, a, n, d, h, l]);
@@ -29686,7 +29687,7 @@ const lD = (e, t, n) => {
   const n = e.value, [a, i] = n, o = k(() => a || /* @__PURE__ */ new Date(), [a]), l = k(() => {
     if (a && !i)
       return a;
-  }, [a, i]), s = k(() => V().add(365, "days").toDate(), []);
+  }, [a, i]), s = k(() => P().add(365, "days").toDate(), []);
   return /* @__PURE__ */ r(vs, { defaultDate: o, numberOfColumns: 2, type: "range", value: n, onChange: t, minDate: l, maxDate: s, allowSingleDateInRange: !0 });
 }, dD = "_calendar_header_xr0sl_1", uD = "_months_list_xr0sl_5", hD = "_months_list_row_xr0sl_12", pD = "_months_list_control_xr0sl_25", br = {
   calendar_header: dD,
@@ -29700,7 +29701,7 @@ const lD = (e, t, n) => {
   const n = e.value, [a, i] = n, o = k(() => a || /* @__PURE__ */ new Date(), [a]), l = k(() => {
     if (a && !i)
       return a;
-  }, [a, i]), s = k(() => V(a).add(365, "days").subtract(1, "second").toDate(), [a]), c = k(() => i ? V(i) : null, [i]), d = ne((h) => c && V(h).isSame(c, "quarter") ? {
+  }, [a, i]), s = k(() => P(a).add(365, "days").subtract(1, "second").toDate(), [a]), c = k(() => i ? P(i) : null, [i]), d = ne((h) => c && P(h).isSame(c, "quarter") ? {
     lastInRange: !0,
     selected: !0
   } : {}, [c]);
@@ -29713,7 +29714,7 @@ const lD = (e, t, n) => {
 }, gD = ({
   value: e,
   onChange: t,
-  close: n
+  onClose: n
 }) => {
   const a = (o) => {
     const [l, s] = o, c = to(l, e.step), d = no(s, e.step);
@@ -29726,7 +29727,7 @@ const lD = (e, t, n) => {
 }) => {
   const {
     t: n
-  } = y(), a = k(() => !t && !e ? Number.NaN : V(t).diff(V(e), "days") + 1, [e, t]);
+  } = y(), a = k(() => !t && !e ? Number.NaN : P(t).diff(P(e), "days") + 1, [e, t]);
   if (Number.isNaN(a))
     return /* @__PURE__ */ r("span", { style: {
       userSelect: "none",
@@ -29737,7 +29738,7 @@ const lD = (e, t, n) => {
     count: a
   });
   return /* @__PURE__ */ r(ae, { label: i, children: /* @__PURE__ */ r(Bt, { size: "sm", variant: "light", children: a }) });
-}, bD = "_begin_wqt18_1", yD = "_end_wqt18_27", _D = "_step_wqt18_53", va = {
+}, bD = "_begin_1cder_1", yD = "_end_1cder_27", _D = "_step_1cder_52", va = {
   begin: bD,
   end: yD,
   step: _D
@@ -29771,15 +29772,16 @@ const lD = (e, t, n) => {
   } });
 }, vD = ({
   onChange: e,
-  step: t
+  step: t,
+  onClose: n
 }) => {
   const {
-    t: n,
-    i18n: a
-  } = y(), i = (s) => () => {
-    const c = s(t);
-    e(c);
-  }, o = k(() => Gd(t), [t]), l = a.language === "zh";
+    t: a,
+    i18n: i
+  } = y(), o = (c) => () => {
+    const d = c(t);
+    e(d), n();
+  }, l = k(() => Gd(t), [t]), s = i.language === "zh";
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(A, { variant: "dashed", my: 10 }),
     /* @__PURE__ */ r(w, { withTableBorder: !1, sx: {
@@ -29797,16 +29799,16 @@ const lD = (e, t, n) => {
       td: {
         paddingLeft: "1px"
       }
-    }, children: /* @__PURE__ */ r(w.Tbody, { children: Object.entries(o).map(([s, c]) => /* @__PURE__ */ u(w.Tr, { children: [
+    }, children: /* @__PURE__ */ r(w.Tbody, { children: Object.entries(l).map(([c, d]) => /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { w: 80, children: /* @__PURE__ */ r(z, { size: "xs", c: "#555", fw: 500, sx: {
         textAlignLast: "justify"
-      }, children: n(`filter.widget.date_range.shortcut.${s}.label`) }) }),
-      c.map(({
-        key: d,
-        value: h,
-        getRange: p
-      }) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(L, { size: "compact-xs", variant: "subtle", onClick: i(p), children: n(`filter.widget.date_range.shortcut.${s}.${l ? "full." : ""}${d}`) }) }, d))
-    ] }, s)) }) })
+      }, children: a(`filter.widget.date_range.shortcut.${c}.label`) }) }),
+      d.map(({
+        key: h,
+        value: p,
+        getRange: g
+      }) => /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(L, { size: "compact-xs", variant: "subtle", onClick: o(g), children: a(`filter.widget.date_range.shortcut.${c}.${s ? "full." : ""}${h}`) }) }, h))
+    ] }, c)) }) })
   ] });
 }, al = (e) => ({
   label: {
@@ -29829,7 +29831,7 @@ const lD = (e, t, n) => {
   } = y(), [s, {
     open: c,
     close: d
-  }] = nn(!1), [h, p] = n.value, g = h ? V(h).format(i) : "", b = p ? V(p).format(i) : "", v = (T) => {
+  }] = nn(!1), [h, p] = n.value, g = h ? P(h).format(i) : "", b = p ? P(p).format(i) : "", v = (T) => {
     a({
       value: ir(T[0], T[1], n.step),
       shortcut: null,
@@ -29848,15 +29850,15 @@ const lD = (e, t, n) => {
     /* @__PURE__ */ u(_, { justify: "flex-start", align: "text-anchor", wrap: "nowrap", gap: 0, sx: {
       marginTop: "3px"
     }, children: [
-      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r($, { label: e, labelProps: {
+      /* @__PURE__ */ r(Ye.Target, { children: /* @__PURE__ */ r(V, { label: e, labelProps: {
         title: e
       }, required: t, leftSection: /* @__PURE__ */ r(Kl, { size: 16 }), placeholder: l("filter.widget.date_range.start_date"), readOnly: !0, disabled: o, value: g, onFocus: c, styles: al(s), className: va.begin }) }),
-      /* @__PURE__ */ r($, { label: /* @__PURE__ */ r(R, { children: " " }), leftSection: /* @__PURE__ */ r(Yl, { size: 16, onClick: c }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h || o, value: b, onFocus: c, styles: al(s), className: va.end }),
+      /* @__PURE__ */ r(V, { label: /* @__PURE__ */ r($, { children: " " }), leftSection: /* @__PURE__ */ r(Yl, { size: 16, onClick: c }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: o, value: b, onFocus: c, styles: al(s), className: va.end }),
       /* @__PURE__ */ r(vu, { className: va.step, value: n.step, onChange: x, label: /* @__PURE__ */ r(_, { justify: "flex-end", children: /* @__PURE__ */ r(fD, { begin: h, end: p }) }) })
     ] }),
     /* @__PURE__ */ u(Ye.Dropdown, { p: "sm", children: [
-      /* @__PURE__ */ r(gD, { value: n, onChange: v, close: d }),
-      /* @__PURE__ */ r(vD, { onChange: a, step: n.step })
+      /* @__PURE__ */ r(gD, { value: n, onChange: v, onClose: d }),
+      /* @__PURE__ */ r(vD, { onChange: a, step: n.step, onClose: d })
     ] })
   ] });
 }, xu = {
@@ -29991,11 +29993,11 @@ function MD(e, t) {
   return Array.isArray(t) ? t.forEach((a) => n.add(a)) : n.add(t), n.size === 0 ? ro : e.options.filter((a) => n.has(a.value)).map((a) => a.label).join(", ");
 }
 function LD(e, t) {
-  const a = eo(t).value.filter((i) => !!i).map((i) => V(i).format(e.inputFormat));
+  const a = eo(t).value.filter((i) => !!i).map((i) => P(i).format(e.inputFormat));
   return a.length === 0 ? ro : a.join(" - ");
 }
 function VD(e, t) {
-  const a = eo(t).value.filter((i) => !!i).map((i) => V(i).format(e.inputFormat));
+  const a = eo(t).value.filter((i) => !!i).map((i) => P(i).format(e.inputFormat));
   return a.length === 0 ? ro : a.join(" - ");
 }
 function $D(e) {
@@ -30028,8 +30030,8 @@ const RD = ({
   N(() => {
     s(i.filters.values);
   }, [i.filters.values, s]), DD(c);
-  const d = i.filters.visibleInView(t.id), h = k(() => d.every((x) => x.should_auto_submit), [d]), p = k(() => d.filter((x) => C.get(x, "config.required", !1)), [d]), g = k(() => p.length === 0 ? !1 : p.some((x) => !x.requiredAndPass(c[x.key])), [c, p]), b = (x, T) => (M, P) => {
-    T(M), (x.should_auto_submit || P) && i.filters.setValueByKey(x.key, M);
+  const d = i.filters.visibleInView(t.id), h = k(() => d.every((x) => x.should_auto_submit), [d]), p = k(() => d.filter((x) => C.get(x, "config.required", !1)), [d]), g = k(() => p.length === 0 ? !1 : p.some((x) => !x.requiredAndPass(c[x.key])), [c, p]), b = (x, T) => (M, R) => {
+    T(M), (x.should_auto_submit || R) && i.filters.setValueByKey(x.key, M);
   }, v = ne((x) => {
     const T = C.get(x, "force", !1);
     l(i.filters.setValues)(), T && i.queries.forceReloadVisibleQueries();
@@ -30385,7 +30387,7 @@ const UD = D(function({
     w: a,
     h: i
   }), l = a > 0 && i > 0;
-  return /* @__PURE__ */ r("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ r(R, { sx: {
+  return /* @__PURE__ */ r("div", { className: "viz-root", ref: n, children: /* @__PURE__ */ r($, { sx: {
     width: a,
     height: i,
     overflow: "hidden"
@@ -30451,9 +30453,7 @@ function e6(e) {
   const [t, n] = H(null);
   return N(() => {
     n(null);
-  }, [e]), N(() => {
-    console.log(t);
-  }, [t]), {
+  }, [e]), {
     echartsOptions: t,
     setEchartsOptions: n
   };
@@ -30485,12 +30485,12 @@ const t6 = {
     downloadPanelScreenshot: i,
     echartsOptions: c,
     setEchartsOptions: d
-  }, children: /* @__PURE__ */ r(R, { id: e.id, className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
+  }, children: /* @__PURE__ */ r($, { id: e.id, className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: a, p: 0, sx: {
     ...t6,
     ...t
   }, children: /* @__PURE__ */ u(s, { children: [
     l && /* @__PURE__ */ u(F, { children: [
-      /* @__PURE__ */ r(R, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(ku, {}) }),
+      /* @__PURE__ */ r($, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(ku, {}) }),
       p && /* @__PURE__ */ r(JD, { children: n }),
       /* @__PURE__ */ r(OD, {})
     ] }),
@@ -30800,7 +30800,7 @@ function IV(e) {
 }
 const S6 = E.forwardRef(({
   title: e
-}, t) => /* @__PURE__ */ r(R, { ref: t, className: "react-grid-customDragHandle", title: e, children: /* @__PURE__ */ r(ee, { variant: "transparent", color: "gray", children: /* @__PURE__ */ r(lp, { size: 16 }) }) })), C6 = E.forwardRef(({
+}, t) => /* @__PURE__ */ r($, { ref: t, className: "react-grid-customDragHandle", title: e, children: /* @__PURE__ */ r(ee, { variant: "transparent", color: "gray", children: /* @__PURE__ */ r(lp, { size: 16 }) }) })), C6 = E.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ r(ee, { ref: n, className: "react-grid-customResizeHandle", sx: {
@@ -30900,7 +30900,7 @@ const I6 = D(({
     downloadScreenshot: i
   } = so(t);
   return /* @__PURE__ */ u(F, { children: [
-    /* @__PURE__ */ r(R, { ref: a, pt: 10, pb: 10, sx: n, children: e }),
+    /* @__PURE__ */ r($, { ref: a, pt: 10, pb: 10, sx: n, children: e }),
     /* @__PURE__ */ r(I6, { downloadScreenshot: i })
   ] });
 }), Eu = D(({
@@ -30914,7 +30914,7 @@ const I6 = D(({
     downloadScreenshot: s
   } = so(t);
   return /* @__PURE__ */ r(Se, { size: a.width, centered: !0, opened: i, onClose: o, withCloseButton: !1, title: /* @__PURE__ */ u(_, { justify: "space-between", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ r(R, { children: a.custom_modal_title.value }),
+    /* @__PURE__ */ r($, { children: a.custom_modal_title.value }),
     /* @__PURE__ */ r(Eu, { downloadScreenshot: s })
   ] }), trapFocus: !0, onDragStart: (c) => {
     c.stopPropagation();
@@ -30950,7 +30950,7 @@ const I6 = D(({
     }
   }, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ r(R, { ref: l, children: e }) });
+  }, children: /* @__PURE__ */ r($, { ref: l, children: e }) });
 }), L6 = (e) => e.color ? {
   "&[data-active], &[data-active]:hover": {
     borderColor: e.color ? e.color : "..."
@@ -30996,9 +30996,9 @@ const I6 = D(({
   const a = ie().layouts, [i, o] = Fh();
   return N(() => {
     a.setCurrentLayoutWrapperWidth(o.width);
-  }, [o.width]), /* @__PURE__ */ r(R, { sx: {
+  }, [o.width]), /* @__PURE__ */ r($, { sx: {
     height: "100%"
-  }, ref: i, children: /* @__PURE__ */ r(R, { sx: {
+  }, ref: i, children: /* @__PURE__ */ r($, { sx: {
     paddingBottom: "100px",
     background: "white",
     margin: "0 auto",
@@ -31033,13 +31033,13 @@ const P6 = D(({
     ref: o,
     downloadScreenshot: l
   } = so(t);
-  return /* @__PURE__ */ r(R, { sx: {
+  return /* @__PURE__ */ r($, { sx: {
     height: "100%",
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
   }, children: /* @__PURE__ */ r(Se, { size: n.width, opened: !0, onClose: C.noop, withCloseButton: !1, title: /* @__PURE__ */ u(_, { justify: "space-between", px: "1rem", h: "48px", children: [
-    /* @__PURE__ */ r(R, { children: n.custom_modal_title.value }),
+    /* @__PURE__ */ r($, { children: n.custom_modal_title.value }),
     /* @__PURE__ */ r(Eu, { downloadScreenshot: l })
   ] }), trapFocus: !0, onDragStart: (s) => {
     s.stopPropagation();
@@ -31080,7 +31080,7 @@ const P6 = D(({
     }
   }, withinPortal: !1, transitionProps: {
     duration: 0
-  }, children: /* @__PURE__ */ r(R, { ref: o, children: e }) }) });
+  }, children: /* @__PURE__ */ r($, { ref: o, children: e }) }) });
 }), A6 = ({
   variant: e,
   orientation: t
@@ -31139,7 +31139,7 @@ const P6 = D(({
       return /* @__PURE__ */ u(S.Panel, { value: d.id, sx: {
         position: "relative"
       }, children: [
-        /* @__PURE__ */ u(R, { sx: {
+        /* @__PURE__ */ u($, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -31153,7 +31153,7 @@ const P6 = D(({
             position: "relative",
             zIndex: 200
           }, children: [
-            /* @__PURE__ */ r($, { label: t("view.component.tabs.tab.name"), required: !0, value: d.name, onChange: (g) => d.setName(g.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(q, { label: t("view.label"), value: d.view_id, onChange: d.setViewID, data: i }),
             /* @__PURE__ */ r(re, { 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(un, { label: t("view.component.tabs.tab.color"), value: d.color, onChange: d.setColor, disabled: o.variant !== "default" }),
@@ -31190,12 +31190,12 @@ const P6 = D(({
   return /* @__PURE__ */ r(lo.Provider, { value: {
     viewPanelInFullScreen: C.noop,
     inFullScreen: !1
-  }, children: /* @__PURE__ */ r(R, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ r($, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     background: a ? "transparent" : "#efefef"
-  }, children: /* @__PURE__ */ r(q6, { view: t, children: /* @__PURE__ */ u(R, { sx: {
+  }, children: /* @__PURE__ */ r(q6, { view: t, children: /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r(R, { className: "dashboard-sticky-area", sx: {
+    /* @__PURE__ */ r($, { className: "dashboard-sticky-area", sx: {
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ r(wu, { view: t }) }),
@@ -31216,14 +31216,14 @@ const P6 = D(({
   return /* @__PURE__ */ r(lo.Provider, { value: {
     viewPanelInFullScreen: i,
     inFullScreen: l
-  }, children: /* @__PURE__ */ u(R, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
+  }, children: /* @__PURE__ */ u($, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     height: t.type === U.Modal ? "0 !important" : "100%"
   }, children: [
     l && /* @__PURE__ */ r(x6, { view: t, panel: s, exitFullScreen: o }),
-    /* @__PURE__ */ r($6, { view: t, children: /* @__PURE__ */ u(R, { sx: {
+    /* @__PURE__ */ r($6, { view: t, children: /* @__PURE__ */ u($, { sx: {
       position: "relative"
     }, children: [
-      !l && /* @__PURE__ */ r(R, { className: "dashboard-sticky-area", sx: {
+      !l && /* @__PURE__ */ r($, { className: "dashboard-sticky-area", sx: {
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ r(wu, { view: t }) }),
@@ -33498,12 +33498,12 @@ const I4 = D(({
   }) => {
     const Me = Z.filter((Qe) => Number.isFinite(Qe.breakpoint));
     a.updateLayoutSetsInfo(Me), e();
-  }, P = c(), O = k(() => {
+  }, R = c(), O = k(() => {
     const Z = {
-      list: P.list.filter((Me) => !!Me.name && Number.isFinite(Me.breakpoint))
+      list: R.list.filter((Me) => !!Me.name && Number.isFinite(Me.breakpoint))
     };
     return !Oe(Z, i);
-  }, [P, i]), G = (oe = (W = h.errors.list) == null ? void 0 : W.root) == null ? void 0 : oe.message;
+  }, [R, i]), G = (oe = (W = h.errors.list) == null ? void 0 : W.root) == null ? void 0 : oe.message;
   return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ u("form", { onSubmit: l(M), children: [
     /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, withTableBorder: !0, sx: {
       tableLayout: "fixed"
@@ -33521,7 +33521,7 @@ const I4 = D(({
         x.map((Z, Me) => /* @__PURE__ */ u(w.Tr, { children: [
           /* @__PURE__ */ r(w.Th, { children: Z.id === "basis" ? Z.name : /* @__PURE__ */ r(f, { name: `list.${Me}.name`, control: o, render: ({
             field: Qe
-          }) => /* @__PURE__ */ r($, { size: "xs", label: "", required: !0, sx: {
+          }) => /* @__PURE__ */ r(V, { size: "xs", label: "", required: !0, sx: {
             flex: 1
           }, ...Qe }) }) }),
           /* @__PURE__ */ r(w.Td, { children: Z.id === "basis" ? /* @__PURE__ */ u(z, { size: "sm", ff: "monospace", children: [
@@ -33633,7 +33633,7 @@ const I4 = D(({
   const {
     t
   } = y(), n = e.views;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(R, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(z, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("view.labels") }),
     /* @__PURE__ */ r(ca, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -33653,7 +33653,7 @@ const I4 = D(({
   const {
     t
   } = y(), n = e.filters;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(R, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(z, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("filter.labels") }),
     /* @__PURE__ */ r(ca, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -33673,7 +33673,7 @@ const I4 = D(({
   const {
     t
   } = y(), n = e.panels;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(R, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(z, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("panel.labels") }),
     /* @__PURE__ */ r(ca, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -33694,7 +33694,7 @@ const I4 = D(({
   const {
     t
   } = y(), n = (a = e.definition) == null ? void 0 : a.queries;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(R, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(z, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("query.labels") }),
     /* @__PURE__ */ r(ca, { headers: /* @__PURE__ */ u(w.Tr, { children: [
       /* @__PURE__ */ r(w.Th, { style: {
@@ -33721,7 +33721,7 @@ const I4 = D(({
   const {
     t
   } = y(), n = (a = e.definition) == null ? void 0 : a.sqlSnippets;
-  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u(R, { children: [
+  return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(z, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("sql_snippet.labels") }),
     /* @__PURE__ */ r(Ke, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r(jr, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r(Ke.Item, { children: i.key }, i.key)) })
   ] });
@@ -33732,13 +33732,13 @@ const I4 = D(({
   const {
     t
   } = y(), n = Object.keys(((a = e.definition) == null ? void 0 : a.mock_context) ?? {});
-  return n.length === 0 ? null : /* @__PURE__ */ u(R, { children: [
+  return n.length === 0 ? null : /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ r(z, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: t("mock_context.label") }),
     /* @__PURE__ */ r(Ke, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r(jr, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r(Ke.Item, { children: i }, i)) })
   ] });
 }, N4 = ({
   content: e
-}) => e ? /* @__PURE__ */ u(R, { children: [
+}) => e ? /* @__PURE__ */ u($, { children: [
   /* @__PURE__ */ r(A, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ r(z, { ta: "left", c: "dimmed", size: "sm", children: "Preview" }),
   /* @__PURE__ */ u(I, { children: [
@@ -33765,7 +33765,7 @@ const j4 = D(({
   stretchModal: t,
   shrinkModal: n
 }) => {
-  var M, P;
+  var M, R;
   const {
     t: a
   } = y(), i = ie(), {
@@ -33824,10 +33824,10 @@ const j4 = D(({
   const [v] = c(["content"]), x = !v, T = (M = l == null ? void 0 : l.content) == null ? void 0 : M.message;
   return N(() => {
     !v || T ? n() : t();
-  }, [v, T]), /* @__PURE__ */ r(R, { mx: "auto", sx: {
+  }, [v, T]), /* @__PURE__ */ r($, { mx: "auto", sx: {
     position: "relative"
   }, children: /* @__PURE__ */ u("form", { onSubmit: o(p), children: [
-    /* @__PURE__ */ r(Vh, { label: a("import.json_file"), required: !0, value: g, onChange: b, error: (P = l == null ? void 0 : l.content) == null ? void 0 : P.message, sx: {
+    /* @__PURE__ */ r(Vh, { label: a("import.json_file"), required: !0, value: g, onChange: b, error: (R = l == null ? void 0 : l.content) == null ? void 0 : R.message, sx: {
       maxWidth: 500
     } }),
     T ? /* @__PURE__ */ r(w, { fz: 12, mt: 10, children: /* @__PURE__ */ u(w.Tbody, { children: [
@@ -33914,7 +33914,7 @@ const j4 = D(({
   const {
     t: n
   } = y();
-  return /* @__PURE__ */ r(R, { className: "spotlight-custom-action-component", children: /* @__PURE__ */ u(_, { wrap: "nowrap", children: [
+  return /* @__PURE__ */ r($, { className: "spotlight-custom-action-component", children: /* @__PURE__ */ u(_, { wrap: "nowrap", children: [
     /* @__PURE__ */ r(H4, { iconKey: e.iconKey, size: 14 }),
     /* @__PURE__ */ u("div", { style: {
       flex: 1
@@ -34031,7 +34031,7 @@ const j4 = D(({
   zIndex: 299,
   borderBottom: "1px solid #e9ecef",
   background: "rgba(233,236,239, 0.15)"
-}, Z4 = D(() => /* @__PURE__ */ r(R, { sx: X4, pl: {
+}, Z4 = D(() => /* @__PURE__ */ r($, { sx: X4, pl: {
   base: 200,
   xs: 200,
   sm: 200,
@@ -34369,7 +34369,7 @@ const _I = wh(({
   const o = k(() => yI(e.interactions), [e.interactions]);
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ r(wo, { type: "target", position: a, isConnectable: t }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       position: "absolute",
       top: 0,
       right: 0
@@ -34451,7 +34451,7 @@ function CI({
   active: n,
   openSettings: a
 }) {
-  return /* @__PURE__ */ u(R, { sx: {
+  return /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ r(ja, { sx: (i) => ({
@@ -34485,7 +34485,7 @@ const kI = D(() => {
   } = y(), t = le(), n = ie(), a = ne((o) => () => n.views.setIDOfVIE(o), [n]), i = (o) => {
     t.editor.open(["_VIEWS_", o]);
   };
-  return /* @__PURE__ */ u(R, { sx: {
+  return /* @__PURE__ */ u($, { sx: {
     position: "relative"
   }, children: [
     n.views.options.map((o) => /* @__PURE__ */ r(CI, { active: n.views.idOfVIE === o.value, name: o.label, onClick: a(o.value), openSettings: () => i(o.value) }, o.value)),
@@ -34652,7 +34652,7 @@ const kI = D(() => {
       /* @__PURE__ */ r(J, { checked: a.required, onChange: (s) => a.setRequired(s.currentTarget.checked), label: n("filter.widget.select.required") }),
       /* @__PURE__ */ r(yn, { filter: t })
     ] }),
-    /* @__PURE__ */ r($, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: a.min_width, onChange: (s) => a.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: n("filter.widget.select.width"), description: n("filter.widget.multi_select.width_description"), value: a.min_width, onChange: (s) => a.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: n("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(I, { gap: 10, sx: {
       position: "relative",
@@ -34678,12 +34678,12 @@ const kI = D(() => {
       o.map((s, c) => /* @__PURE__ */ u(rt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
-        /* @__PURE__ */ r($, { label: n("common.label"), required: !0, value: a.static_options[c].label, onChange: (d) => {
+        /* @__PURE__ */ r(V, { label: n("common.label"), required: !0, value: a.static_options[c].label, onChange: (d) => {
           a.static_options[c].setLabel(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
         } }),
-        /* @__PURE__ */ r($, { label: n("common.value"), required: !0, value: a.static_options[c].value, onChange: (d) => {
+        /* @__PURE__ */ r(V, { label: n("common.value"), required: !0, value: a.static_options[c].value, onChange: (d) => {
           a.static_options[c].setValue(d.currentTarget.value);
         }, sx: {
           flexGrow: 1
@@ -34784,12 +34784,12 @@ const kI = D(() => {
     a.map((o, l) => /* @__PURE__ */ u(rt, { gap: 10, sx: {
       position: "relative"
     }, pr: "40px", children: [
-      /* @__PURE__ */ r($, { label: t("common.label"), required: !0, value: e.static_options[l].label, onChange: (s) => {
+      /* @__PURE__ */ r(V, { label: t("common.label"), required: !0, value: e.static_options[l].label, onChange: (s) => {
         e.static_options[l].setLabel(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r($, { label: t("common.value"), required: !0, value: e.static_options[l].value, onChange: (s) => {
+      /* @__PURE__ */ r(V, { label: t("common.value"), required: !0, value: e.static_options[l].value, onChange: (s) => {
         e.static_options[l].setValue(s.currentTarget.value);
       }, sx: {
         flexGrow: 1
@@ -34814,7 +34814,7 @@ const kI = D(() => {
       /* @__PURE__ */ r(J, { checked: n.clearable, onChange: (a) => n.setClearable(a.currentTarget.checked), label: t("filter.widget.select.clearable") }),
       /* @__PURE__ */ r(yn, { filter: e })
     ] }),
-    /* @__PURE__ */ r($, { label: t("filter.widget.select.width"), value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
+    /* @__PURE__ */ r(V, { label: t("filter.widget.select.width"), value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r(A, { label: t("filter.widget.select.configure_options"), labelPosition: "center" }),
     /* @__PURE__ */ u(I, { gap: 10, sx: {
       position: "relative",
@@ -34851,12 +34851,12 @@ const kI = D(() => {
   } = y(), a = t.config;
   return /* @__PURE__ */ u(F, { children: [
     /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ r($, { label: n("filter.widget.text_input.default_value"), value: a.default_value, onChange: (i) => {
+      /* @__PURE__ */ r(V, { label: n("filter.widget.text_input.default_value"), value: a.default_value, onChange: (i) => {
         a.setDefaultValue(i.currentTarget.value);
       }, sx: {
         flexGrow: 1
       } }),
-      /* @__PURE__ */ r(R, { mt: 22, children: /* @__PURE__ */ r(yn, { filter: t }) })
+      /* @__PURE__ */ r($, { mt: 22, children: /* @__PURE__ */ r(yn, { filter: t }) })
     ] }),
     /* @__PURE__ */ r(J, { checked: a.required, onChange: (i) => a.setRequired(i.currentTarget.checked), label: n("filter.widget.text_input.required") })
   ] });
@@ -34906,7 +34906,7 @@ const kI = D(() => {
       /* @__PURE__ */ r(S.Tab, { value: "config", children: t("common.titles.config") }),
       /* @__PURE__ */ r(S.Tab, { value: "usage", children: t("filter.usage.label") })
     ] }),
-    /* @__PURE__ */ r(S.Panel, { value: "config", children: /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r(S.Panel, { value: "config", children: /* @__PURE__ */ r($, { sx: {
       minWidth: "480px"
     }, children: /* @__PURE__ */ r(zt, { mt: 22, language: "json", withCopyButton: !1, code: JSON.stringify(e, null, 4) }) }) }),
     /* @__PURE__ */ r(S.Panel, { value: "usage", children: /* @__PURE__ */ r(PI, { filter: e }) })
@@ -34954,8 +34954,9 @@ const kI = D(() => {
       /* @__PURE__ */ r(q, { data: a, label: t("filter.widget.date_range.default_by_shortcut"), value: n.default_shortcut, onChange: c, placeholder: t("filter.widget.date_range.default_by_shortcut_placeholder"), clearable: !0, sx: {
         flexGrow: 1
       }, maxDropdownHeight: 500 }),
-      /* @__PURE__ */ r(Tp, { type: "range", label: t("filter.widget.date_range.default_value"), value: o, onChange: s, valueFormat: n.inputFormat, required: n.required, allowSingleDateInRange: !0, numberOfColumns: 2, w: "50%", disabled: !!n.default_shortcut })
+      /* @__PURE__ */ r(Tp, { type: "range", label: t("filter.widget.date_range.default_value"), value: o, onChange: s, valueFormat: n.inputFormat, allowSingleDateInRange: !0, numberOfColumns: 2, w: "50%", disabled: !!n.default_shortcut })
     ] }),
+    n.required && !n.default_shortcut && n.default_value.every((h) => !h) && /* @__PURE__ */ r(z, { size: "xs", mt: -10, ta: "center", children: "快捷方式与具体日期范围二选一，且必填" }),
     /* @__PURE__ */ r(yn, { filter: e })
   ] });
 }), OI = {
@@ -35008,7 +35009,7 @@ const kI = D(() => {
     value: "merico-date-range"
   }], [n.language]);
   return /* @__PURE__ */ u(_, { grow: !0, gap: 20, align: "top", children: [
-    /* @__PURE__ */ u(R, { w: 600, children: [
+    /* @__PURE__ */ u($, { w: 600, children: [
       /* @__PURE__ */ r(z, { pb: "md", c: "gray", size: "sm", children: t("common.titles.edit") }),
       /* @__PURE__ */ u(I, { children: [
         /* @__PURE__ */ u(_, { wrap: "nowrap", children: [
@@ -35018,10 +35019,10 @@ const kI = D(() => {
           e.auto_submit_supported && /* @__PURE__ */ r(J, { label: t("filter.field.auto_submit"), checked: e.auto_submit, onChange: (l) => e.setAutoSubmit(l.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r(Jt, { label: t("filter.field.visible_in"), data: a.views.options, value: [...e.visibleInViewsIDs], onChange: e.setVisibleInViewsIDs }),
-        /* @__PURE__ */ r($, { label: t("common.key"), placeholder: t("filter.field.key_placeholder"), required: !0, value: e.key, onChange: (l) => {
+        /* @__PURE__ */ r(V, { label: t("common.key"), placeholder: t("filter.field.key_placeholder"), required: !0, value: e.key, onChange: (l) => {
           e.setKey(l.currentTarget.value);
         } }),
-        /* @__PURE__ */ r($, { label: t("common.label"), placeholder: t("filter.field.label_placeholder"), required: !0, value: e.label, onChange: (l) => {
+        /* @__PURE__ */ r(V, { label: t("common.label"), placeholder: t("filter.field.label_placeholder"), required: !0, value: e.label, onChange: (l) => {
           e.setLabel(l.currentTarget.value);
         } }),
         /* @__PURE__ */ r(q, { label: t("filter.field.widget"), data: o, required: !0, value: e.type, onChange: e.setType, maxDropdownHeight: 500 }),
@@ -35070,7 +35071,7 @@ const kI = D(() => {
         zIndex: 320
       });
     }, children: t("filter.delete") }) }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -35091,7 +35092,7 @@ const kI = D(() => {
   return /* @__PURE__ */ u(I, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(R, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r($, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(z, { size: "sm", px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -35114,7 +35115,7 @@ const kI = D(() => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(J.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -35264,7 +35265,7 @@ const kI = D(() => {
       ] }),
       /* @__PURE__ */ r(ee, { variant: "subtle", color: "blue", disabled: !o || s, onClick: l, children: /* @__PURE__ */ r(fe, { size: 18 }) })
     ] }),
-    /* @__PURE__ */ r($, { value: a, onChange: i, required: !0 })
+    /* @__PURE__ */ r(V, { value: a, onChange: i, required: !0 })
   ] });
 }), WI = D(() => {
   const {
@@ -35346,7 +35347,7 @@ function Uu({
     columnResizeMode: "onChange",
     getCoreRowModel: oi()
   });
-  return e.length === 0 ? /* @__PURE__ */ r(R, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ r($, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(w, { sx: KI, children: [
     /* @__PURE__ */ r(w.Thead, { children: n.getHeaderGroups().map((a) => /* @__PURE__ */ r(w.Tr, { children: a.headers.map((i) => /* @__PURE__ */ u(w.Th, { style: {
@@ -35428,7 +35429,7 @@ const YI = [{
   }, [e, n, i]);
   return /* @__PURE__ */ u(ze, { children: [
     /* @__PURE__ */ r(ZI, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
-    /* @__PURE__ */ u(R, { py: 10, sx: {
+    /* @__PURE__ */ u($, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -35488,7 +35489,7 @@ const YI = [{
         /* @__PURE__ */ r(ee, { variant: "subtle", color: "blue", disabled: s || h, onClick: d, children: /* @__PURE__ */ r(Nr, { size: 16 }) })
       ] })
     ] }),
-    /* @__PURE__ */ u(R, { pb: 20, sx: {
+    /* @__PURE__ */ u($, { pb: 20, sx: {
       position: "relative",
       flexGrow: 1,
       overflow: "auto"
@@ -35527,7 +35528,7 @@ const YI = [{
   const {
     panel: e
   } = Ie();
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r(R, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
+  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ r($, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, p: 0, sx: {
     border: "1px solid",
     borderColor: e.style.border.enabled ? "#e9ecef" : "transparent",
     flexGrow: 0,
@@ -35535,7 +35536,7 @@ const YI = [{
     width: "600px !important",
     height: "450px !important"
   }, children: /* @__PURE__ */ u(As, { children: [
-    /* @__PURE__ */ r(R, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(ku, {}) }),
+    /* @__PURE__ */ r($, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r(ku, {}) }),
     /* @__PURE__ */ r(n8, {}),
     /* @__PURE__ */ r(Mu, { panel: e })
   ] }) }) });
@@ -35808,7 +35809,7 @@ const p8 = E.forwardRef(function({
       border: "1px solid #e9ecef"
     }, children: [
       /* @__PURE__ */ u(_, { grow: !0, wrap: "nowrap", children: [
-        /* @__PURE__ */ r($, { label: o("common.name"), required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
+        /* @__PURE__ */ r(V, { label: o("common.name"), required: !0, value: t.name, onChange: (s) => l("name", s.currentTarget.value) }),
         /* @__PURE__ */ r(X, { label: o("common.data_field"), required: !0, value: t.data_field, onChange: (s) => l("data_field", s) })
       ] }),
       /* @__PURE__ */ r(Vi, { label: o("panel.variable.aggregation.label"), pt: 0, value: t.aggregation, onChange: (s) => l("aggregation", s), withFallback: !0 }),
@@ -35892,7 +35893,7 @@ const g8 = D(({
   height: "100%",
   position: "relative"
 }, children: [
-  /* @__PURE__ */ r(R, { sx: {
+  /* @__PURE__ */ r($, { sx: {
     maxWidth: "calc(100% - 610px - 10px)",
     height: "100%",
     overflow: "auto"
@@ -35904,7 +35905,7 @@ const g8 = D(({
     flexShrink: 0
   }, children: [
     /* @__PURE__ */ r(r8, {}),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r(d8, {}) })
   ] })
@@ -36027,7 +36028,7 @@ const _8 = D(({
   return /* @__PURE__ */ u(I, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(R, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r($, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(z, { px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -36053,7 +36054,7 @@ const _8 = D(({
       ] }),
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", color: "red", leftSection: /* @__PURE__ */ r(Pe, { size: 14 }), disabled: !i.content.hasUnusedQueries, onClick: l, children: e("query.delete_unused") })
     ] }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(J.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -36130,7 +36131,7 @@ const _8 = D(({
     hover: !0,
     focus: !1,
     touch: !1
-  }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r(R, { sx: {
+  }, withinPortal: !0, zIndex: 320, position: "top-end", children: /* @__PURE__ */ r($, { sx: {
     alignSelf: "flex-end"
   }, children: /* @__PURE__ */ r(L, { disabled: !0, size: "xs", leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), children: t("query.delete") }) }) }) : /* @__PURE__ */ r(L, { color: "red", size: "xs", onClick: c, leftSection: /* @__PURE__ */ r(Pe, { size: 16 }), sx: {
     alignSelf: "flex-end"
@@ -36344,7 +36345,7 @@ const L8 = D(({
   const t = e.dbInfo, {
     tables: n
   } = t;
-  return n.loading ? /* @__PURE__ */ r(Ku, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r(R, { h: "100%", sx: {
+  return n.loading ? /* @__PURE__ */ r(Ku, { height: "24px", lastWidth: "50%", count: 15 }) : /* @__PURE__ */ r($, { h: "100%", sx: {
     overflow: "auto",
     ".mantine-NavLink-label": {
       fontFamily: "monospace"
@@ -36354,7 +36355,7 @@ const L8 = D(({
   }, active: t.table_name === o.table_name }, o.table_name)) }, a)) });
 }), V8 = ({
   visible: e
-}) => /* @__PURE__ */ r(R, { py: 10, sx: {
+}) => /* @__PURE__ */ r($, { py: 10, sx: {
   width: "100%",
   height: "100%",
   overflow: "hidden",
@@ -36410,7 +36411,7 @@ const L8 = D(({
   const t = e.dbInfo.tableData;
   return t.maxPage === 0 ? /* @__PURE__ */ r(z, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: "This table is empty" }) : t.error ? /* @__PURE__ */ r(z, { mt: 20, c: "red", size: "md", ta: "center", ff: "monospace", children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r(V8, { visible: !0 }) : /* @__PURE__ */ u(ze, { children: [
     /* @__PURE__ */ r(P8, { dataSource: e }),
-    /* @__PURE__ */ u(R, { py: 10, sx: {
+    /* @__PURE__ */ u($, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -36445,7 +36446,7 @@ const L8 = D(({
   }, [n]), n.tables.error ? /* @__PURE__ */ r(z, { c: "red", size: "md", ta: "center", ff: "monospace", children: n.tables.error }) : /* @__PURE__ */ u(rt, { sx: {
     height: "100%"
   }, children: [
-    /* @__PURE__ */ r(R, { w: 300, sx: {
+    /* @__PURE__ */ r($, { w: 300, sx: {
       flexGrow: 0,
       flexShrink: 0,
       position: "relative"
@@ -36504,7 +36505,7 @@ const L8 = D(({
           to: "red"
         }, children: e.type })
       ] })
-    ] }), zIndex: 320, size: "96vw", styles: q8, children: /* @__PURE__ */ r(R, { sx: {
+    ] }), zIndex: 320, size: "96vw", styles: q8, children: /* @__PURE__ */ r($, { sx: {
       height: "calc(100vh - 220px)"
     }, children: /* @__PURE__ */ r(O8, { dataSource: e }) }) }),
     /* @__PURE__ */ r(L, { variant: "subtle", onClick: () => i(!0), px: 16, styles: {
@@ -36574,7 +36575,7 @@ const L8 = D(({
     key: e.key
   }), [a, e.type, e.key]);
   return /* @__PURE__ */ r(q, { size: t, data: l, label: /* @__PURE__ */ u(_, { justify: "space-between", children: [
-    /* @__PURE__ */ r(R, { children: n("data_source.label") }),
+    /* @__PURE__ */ r($, { children: n("data_source.label") }),
     d && /* @__PURE__ */ r(Yu, { dataSource: d, triggerButtonProps: {
       size: "compact-xs",
       px: 10
@@ -36615,7 +36616,7 @@ const L8 = D(({
     width: "100%"
   }, children: [
     /* @__PURE__ */ r(A, { mb: -10, variant: "dashed", label: t("query.basics"), labelPosition: "center" }),
-    /* @__PURE__ */ r($, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
+    /* @__PURE__ */ r(V, { placeholder: t("query.name_description"), label: t("query.name"), required: !0, sx: {
       flex: 1
     }, value: n, onChange: (o) => {
       a(o.currentTarget.value);
@@ -36772,8 +36773,8 @@ WHERE
       /* @__PURE__ */ r(w.Td, { children: t(l.type_label) }),
       /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ r(On, { size: "sm", component: "button", type: "button", onClick: () => a(l), children: l.label }) }),
       /* @__PURE__ */ r(w.Td, { children: /* @__PURE__ */ u(I, { align: "flex-start", justify: "flex-start", gap: 2, children: [
-        l.views.map((s) => /* @__PURE__ */ r(On, { size: "sm", component: "button", type: "button", onClick: () => i(s.id), children: /* @__PURE__ */ r(R, { children: s.label }) }, s.id)),
-        l.views.length === 0 && /* @__PURE__ */ r(R, { children: "--" })
+        l.views.map((s) => /* @__PURE__ */ r(On, { size: "sm", component: "button", type: "button", onClick: () => i(s.id), children: /* @__PURE__ */ r($, { children: s.label }) }, s.id)),
+        l.views.length === 0 && /* @__PURE__ */ r($, { children: "--" })
       ] }) })
     ] }, l.id)) })
   ] });
@@ -36792,7 +36793,7 @@ WHERE
         svg: {
           verticalAlign: "middle"
         }
-      }, children: l.map((s) => /* @__PURE__ */ r(Ke.Item, { icon: /* @__PURE__ */ r(R, { sx: {
+      }, children: l.map((s) => /* @__PURE__ */ r(Ke.Item, { icon: /* @__PURE__ */ r($, { sx: {
         path: {
           fill: s.valid ? "rgb(18, 184, 134)" : "rgb(250, 82, 82)"
         }
@@ -36912,7 +36913,7 @@ WHERE
     /* @__PURE__ */ r(z, { size: "sm", children: t("query.transform.guide.pick_queries") }),
     /* @__PURE__ */ r(Jt, { data: n.queries.optionsWithoutTransform, value: [...a.dep_query_ids], onChange: a.setDependantQueryIDs, maxDropdownHeight: 800 }),
     /* @__PURE__ */ r(z, { size: "sm", children: t("query.transform.guide.write_function") }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1
     }, children: /* @__PURE__ */ r(Tn, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Z8.pre }) })
   ] });
@@ -37075,7 +37076,7 @@ function oM({
     columnResizeMode: "onChange",
     getCoreRowModel: oi()
   });
-  return e.length === 0 ? /* @__PURE__ */ r(R, { sx: {
+  return e.length === 0 ? /* @__PURE__ */ r($, { sx: {
     height: "5em"
   } }) : /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ u(w, { sx: iM, stickyHeader: !0, stickyHeaderOffset: 0, children: [
     /* @__PURE__ */ r(w.Thead, { style: {
@@ -37168,7 +37169,7 @@ const lM = [{
     }
   }, children: [
     /* @__PURE__ */ r(cM, { data: e, page: n, setPage: a, limit: i, setLimit: o }),
-    /* @__PURE__ */ u(R, { sx: {
+    /* @__PURE__ */ u($, { sx: {
       width: "100%",
       height: "calc(100% - 42px)",
       overflow: "auto",
@@ -37218,7 +37219,7 @@ const lM = [{
       /* @__PURE__ */ r(z, { size: "sm", fw: 500, children: "查询结果" }),
       /* @__PURE__ */ r(L, { size: "xs", variant: "transparent", color: "gray", leftSection: /* @__PURE__ */ r(Nr, { size: 16 }), disabled: a || l, onClick: o, children: "下载查询结果" })
     ] }),
-    /* @__PURE__ */ u(R, { sx: {
+    /* @__PURE__ */ u($, { sx: {
       position: "relative",
       flexGrow: 1,
       overflow: "hidden"
@@ -37570,7 +37571,7 @@ const lM = [{
       t.setTimeQueryEnabled(!0);
       return;
     }
-  }, [i.requireTrendingReason, l]), i.supportTrending ? i.requireTrendingReason ? /* @__PURE__ */ r(ae, { label: i.requireTrendingReason, children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(ke, { size: "xs", color: "red", checked: !0, readOnly: !0, styles: {
+  }, [i.requireTrendingReason, l]), i.supportTrending ? i.requireTrendingReason ? /* @__PURE__ */ r(ae, { label: i.requireTrendingReason, children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(ke, { size: "xs", color: "red", checked: !0, readOnly: !0, styles: {
     track: {
       cursor: "not-allowed"
     }
@@ -37578,7 +37579,7 @@ const lM = [{
     track: {
       cursor: "pointer"
     }
-  } }) : /* @__PURE__ */ r(ae, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(ke, { size: "xs", color: "red", disabled: !o }) }) });
+  } }) : /* @__PURE__ */ r(ae, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(ke, { size: "xs", color: "red", disabled: !o }) }) });
 }), zM = D(({
   queryModel: e
 }) => {
@@ -37739,7 +37740,7 @@ const lM = [{
 }) => {
   const t = e.metricQueryPayloadError;
   return t.length > 0 ? /* @__PURE__ */ u(pe, { shadow: "md", children: [
-    /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(wl, { width: 14, height: 14, color: "rgb(173, 181, 189)" }), variant: "filled", color: "red", disabled: !0, children: "执行查询" }) }) }),
+    /* @__PURE__ */ r(pe.Target, { children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(wl, { width: 14, height: 14, color: "rgb(173, 181, 189)" }), variant: "filled", color: "red", disabled: !0, children: "执行查询" }) }) }),
     /* @__PURE__ */ r(pe.Dropdown, { children: /* @__PURE__ */ r(Ke, { size: "xs", children: t.map((n) => /* @__PURE__ */ r(Ke.Item, { children: n }, n)) }) })
   ] }) : /* @__PURE__ */ r(L, { size: "xs", leftSection: /* @__PURE__ */ r(wl, { width: 14, height: 14 }), variant: "filled", color: "red", onClick: () => e.fetchData(!0), children: "执行查询" });
 }), AM = ({
@@ -37819,7 +37820,7 @@ const lM = [{
         flexGrow: 0,
         flexShrink: 0
       }
-    }, children: /* @__PURE__ */ r($, { size: "xs", placeholder: t("query.name_description"), label: t("query.name"), value: e.name, onChange: (n) => {
+    }, children: /* @__PURE__ */ r(V, { size: "xs", placeholder: t("query.name_description"), label: t("query.name"), value: e.name, onChange: (n) => {
       e.setName(n.currentTarget.value);
     }, styles: {
       root: {
@@ -37899,7 +37900,7 @@ const lM = [{
     /* @__PURE__ */ u(_, { sx: {
       alignItems: "end"
     }, gap: 40, children: [
-      /* @__PURE__ */ r($, { label: a(h ? "sql_snippet.key_occupied" : "sql_snippet.key"), value: l, onChange: (M) => {
+      /* @__PURE__ */ r(V, { label: a(h ? "sql_snippet.key_occupied" : "sql_snippet.key"), value: l, onChange: (M) => {
         s(M.currentTarget.value);
       }, sx: {
         flexGrow: "1 !important"
@@ -37979,7 +37980,7 @@ const lM = [{
   return /* @__PURE__ */ u(I, { sx: {
     height: "100%"
   }, gap: "sm", pb: "59px", children: [
-    /* @__PURE__ */ r(R, { pt: 9, pb: 8, sx: {
+    /* @__PURE__ */ r($, { pt: 9, pb: 8, sx: {
       borderBottom: "1px solid #eee"
     }, children: /* @__PURE__ */ r(z, { size: "sm", px: "md", ta: "left", sx: {
       userSelect: "none",
@@ -38005,7 +38006,7 @@ const lM = [{
       ] }),
       /* @__PURE__ */ r(L, { variant: "subtle", size: "xs", color: "red", leftSection: /* @__PURE__ */ r(Pe, { size: 14 }), disabled: !i.content.hasUnusedSQLSnippets, onClick: l, children: e("sql_snippet.delete_unused") })
     ] }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       overflow: "auto"
     }, children: /* @__PURE__ */ r(J.Group, { size: "xs", value: t, onChange: n, children: /* @__PURE__ */ u(w, { fz: "sm", highlightOnHover: !0, sx: {
@@ -38082,7 +38083,7 @@ const lM = [{
   disabled: e,
   value: t,
   onChange: n
-}) => /* @__PURE__ */ u(R, { sx: {
+}) => /* @__PURE__ */ u($, { sx: {
   position: "relative"
 }, children: [
   e && /* @__PURE__ */ r(hn, { backgroundOpacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
@@ -38156,14 +38157,14 @@ const lM = [{
   return /* @__PURE__ */ u(I, { children: [
     /* @__PURE__ */ r(A, { mt: 8, label: t("view.component.modal.modal_settings"), labelPosition: "center" }),
     /* @__PURE__ */ u(rt, { gap: 10, children: [
-      /* @__PURE__ */ r($, { label: t("view.component.modal.title"), value: a, onChange: C.noop, disabled: !0, sx: {
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.title"), value: a, onChange: C.noop, disabled: !0, sx: {
         flexGrow: 1
       } }),
       /* @__PURE__ */ r(WM, { value: n.custom_modal_title, onChange: n.custom_modal_title.replace })
     ] }),
     /* @__PURE__ */ u(_, { grow: !0, children: [
-      /* @__PURE__ */ r($, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
-      /* @__PURE__ */ r($, { label: t("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.width"), value: n.width, onChange: (i) => n.setWidth(i.currentTarget.value), placeholder: "600px / 50vw" }),
+      /* @__PURE__ */ r(V, { label: t("view.component.modal.height"), value: n.height, onChange: (i) => n.setHeight(i.currentTarget.value), placeholder: "600px / 50vw" })
     ] })
   ] });
 }), KM = D(({
@@ -38191,7 +38192,7 @@ const lM = [{
   return e ? /* @__PURE__ */ u(I, { sx: {
     position: "relative"
   }, children: [
-    /* @__PURE__ */ r($, { label: t("common.name"), value: e.name, onChange: (i) => {
+    /* @__PURE__ */ r(V, { label: t("common.name"), value: e.name, onChange: (i) => {
       e.setName(i.currentTarget.value);
     } }),
     /* @__PURE__ */ r(q, { label: t("common.type"), comboboxProps: {
@@ -38239,7 +38240,7 @@ const lM = [{
         zIndex: 320
       });
     }, children: t("view.delete") }) }),
-    /* @__PURE__ */ r(R, { sx: {
+    /* @__PURE__ */ r($, { sx: {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
@@ -38249,7 +38250,7 @@ const lM = [{
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r(Ju, {}) })), JM = D(() => {
   const e = le().editor, t = e.path;
-  return c4(t) ? /* @__PURE__ */ r(ZM, {}) : d4(t) ? /* @__PURE__ */ r(BI, {}) : u4(t) ? /* @__PURE__ */ r(NI, {}) : h4(t) ? /* @__PURE__ */ r(R, { p: "xs", pl: 20, children: /* @__PURE__ */ r(FI, { id: t[1] }) }) : p4(t) ? /* @__PURE__ */ r(jM, {}) : m4(t) ? /* @__PURE__ */ r(BM, { id: t[1] }) : f4(t) ? /* @__PURE__ */ r(x8, {}) : g4(t) ? /* @__PURE__ */ r(qM, { id: t[1] }) : b4(t) ? /* @__PURE__ */ r(R, { p: "xs", pl: 20, children: /* @__PURE__ */ r(XM, { id: t[1] }) }) : Ea(t) ? /* @__PURE__ */ r(v8, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r(R, { children: e.path });
+  return c4(t) ? /* @__PURE__ */ r(ZM, {}) : d4(t) ? /* @__PURE__ */ r(BI, {}) : u4(t) ? /* @__PURE__ */ r(NI, {}) : h4(t) ? /* @__PURE__ */ r($, { p: "xs", pl: 20, children: /* @__PURE__ */ r(FI, { id: t[1] }) }) : p4(t) ? /* @__PURE__ */ r(jM, {}) : m4(t) ? /* @__PURE__ */ r(BM, { id: t[1] }) : f4(t) ? /* @__PURE__ */ r(x8, {}) : g4(t) ? /* @__PURE__ */ r(qM, { id: t[1] }) : b4(t) ? /* @__PURE__ */ r($, { p: "xs", pl: 20, children: /* @__PURE__ */ r(XM, { id: t[1] }) }) : Ea(t) ? /* @__PURE__ */ r(v8, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r($, { children: e.path });
 }), e9 = D(() => /* @__PURE__ */ r(JM, {})), t9 = D(() => {
   const {
     t: e
@@ -38407,7 +38408,7 @@ const lM = [{
   ] }) : null, className: p ? Tl.query : "", children: (g = e.children) == null ? void 0 : g.map((b) => b._type === "ACTION" ? /* @__PURE__ */ r(c9, { action_type: b._action_type, parentID: b.parentID }, `_ADD_${b.value}_`) : /* @__PURE__ */ r(nh, { option: b }, b.value)) }, e.label);
 }), h9 = D(() => {
   const e = le();
-  return /* @__PURE__ */ r(R, { sx: {
+  return /* @__PURE__ */ r($, { sx: {
     position: "relative"
   }, children: e.editor.navOptions.map((t) => /* @__PURE__ */ r(nh, { option: t }, t.value)) });
 }), p9 = D(() => {
@@ -38566,7 +38567,7 @@ const _9 = {
   }), [T]);
   const M = async () => {
     await a(T.json, T.content.json);
-  }, P = Nt(Wi, []), O = Bu(P);
+  }, R = Nt(Wi, []), O = Bu(R);
   return y9(T.content.changed), El("@devtable/dashboard editor", {
     context: e,
     dashboard: t,
@@ -38588,7 +38589,7 @@ const _9 = {
     inEditMode: !0
   }, children: [
     /* @__PURE__ */ r(K4, {}),
-    /* @__PURE__ */ r(on.Provider, { value: P, children: /* @__PURE__ */ u(Xr, { configure: O, children: [
+    /* @__PURE__ */ r(on.Provider, { value: R, children: /* @__PURE__ */ u(Xr, { configure: O, children: [
       /* @__PURE__ */ u(tt, { padding: 0, navbar: {
         width: {
           base: 200,
@@ -38603,7 +38604,7 @@ const _9 = {
       }, styles: _9, children: [
         /* @__PURE__ */ r(J4, { onExit: h, saveDashboardChanges: M, headerSlot: s }),
         /* @__PURE__ */ r(zI, {}),
-        /* @__PURE__ */ r(tt.Main, { children: /* @__PURE__ */ r(R, { className: `${i} dashboard-root`, sx: {
+        /* @__PURE__ */ r(tt.Main, { children: /* @__PURE__ */ r($, { className: `${i} dashboard-root`, sx: {
           position: "relative"
         }, children: T.content.views.visibleViews.map((G) => /* @__PURE__ */ r(F6, { view: G }, G.id)) }) })
       ] }),
@@ -38843,7 +38844,7 @@ const C9 = ({
   }, [h, T.content.views.firstVisibleTabsViewActiveTabStr]), E.useEffect(() => {
     d && T.content.views.setFirstVisibleTabsViewActiveTab(d);
   }, [d, T.content.views.setFirstVisibleTabsViewActiveTab]);
-  const M = Nt(Wi, [T]), P = Bu(M);
+  const M = Nt(Wi, [T]), R = Bu(M);
   return El("@devtable/dashboard render", {
     context: e,
     dashboard: t,
@@ -38868,7 +38869,7 @@ const C9 = ({
     setFullScreenPanelID: l
   }, children: /* @__PURE__ */ r(dr.Provider, { value: {
     inEditMode: !1
-  }, children: /* @__PURE__ */ r(R, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(on.Provider, { value: M, children: /* @__PURE__ */ r(Xr, { configure: P, children: T.content.views.visibleViews.map((O) => /* @__PURE__ */ r(co, { view: O }, O.id)) }) }) }) }) }) }) }) }) }) }) }) }) }) });
+  }, children: /* @__PURE__ */ r($, { className: `${a} dashboard-root`, children: /* @__PURE__ */ r(on.Provider, { value: M, children: /* @__PURE__ */ r(Xr, { configure: R, children: T.content.views.visibleViews.map((O) => /* @__PURE__ */ r(co, { view: O }, O.id)) }) }) }) }) }) }) }) }) }) }) }) }) }) });
 }, RV = D(C9), PV = () => Promise.resolve().then(() => hg).then(({
   version: e
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));