@devtable/dashboard 14.1.1 → 14.2.0

package/dist/dashboard.es.js

@@ -2,7 +2,7 @@ var Qg = Object.defineProperty;
 var Gg = (e, t, r) => t in e ? Qg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var Y = (e, t, r) => (Gg(e, typeof t != "symbol" ? t + "" : t, r), r);
 import B, { forwardRef as le, useMemo as z, useRef as qn, useEffect as H, useLayoutEffect as Wg, useState as K, useCallback as fe, createElement as Kr, useContext as sr, createContext as Zd, memo as Ug } from "react";
-import { TextInput as E, Box as R, Group as b, Text as S, Select as N, Button as L, Modal as Ge, Stack as T, Divider as A, NumberInput as ce, SimpleGrid as Xe, Menu as re, UnstyledButton as uo, Tooltip as ue, Flex as tn, ColorInput as Tr, Center as Qn, ActionIcon as oe, Badge as rr, CloseButton as In, Overlay as or, NativeSelect as ho, useMantineTheme as $a, ColorSwatch as pa, Popover as Zt, ColorPicker as vc, HoverCard as He, Checkbox as he, Switch as tt, Table as v, MultiSelect as yr, Paper as Yg, Code as jc, Tabs as j, LoadingOverlay as lr, Alert as Pi, Collapse as Ei, CheckIcon as Kg, SegmentedControl as Jd, Anchor as Ti, Pagination as Aa, Textarea as eu, RangeSlider as Xg, Mark as tu, Slider as Zg, List as Dt, getRadius as po, Affix as Jg, AppShell as $t, FileInput as ef, Highlight as tf, rem as wc, ThemeIcon as sa, JsonInput as nu, Drawer as nf, Radio as Sc, Skeleton as Cc, NavLink as Rs, useCombobox as rf, Loader as mo, Combobox as Yn, InputBase as af, Input as sf } from "@mantine/core";
+import { TextInput as E, Box as R, Group as b, Text as S, Select as N, Button as L, Modal as Ge, Stack as T, Divider as A, NumberInput as ce, SimpleGrid as Xe, Menu as re, UnstyledButton as uo, Tooltip as he, Flex as tn, ColorInput as Tr, Center as Qn, ActionIcon as oe, Badge as rr, CloseButton as In, Overlay as or, NativeSelect as ho, useMantineTheme as $a, ColorSwatch as pa, Popover as Zt, ColorPicker as vc, HoverCard as He, Checkbox as de, Switch as tt, Table as v, MultiSelect as yr, Paper as Yg, Code as jc, Tabs as j, LoadingOverlay as lr, Alert as Pi, Collapse as Ei, CheckIcon as Kg, SegmentedControl as Jd, Anchor as Ti, Pagination as Aa, Textarea as eu, RangeSlider as Xg, Mark as tu, Slider as Zg, List as Dt, getRadius as po, Affix as Jg, AppShell as $t, FileInput as ef, Highlight as tf, rem as wc, ThemeIcon as sa, JsonInput as nu, Drawer as nf, Radio as Sc, Skeleton as Cc, NavLink as Rs, useCombobox as rf, Loader as mo, Combobox as Yn, InputBase as af, Input as sf } from "@mantine/core";
 import { useModals as fn, ModalsProvider as ru } from "@mantine/modals";
 import { useBoolean as lt, useCreation as mn, useAsyncEffect as Ri, useRequest as _r, useLatest as kc, usePrevious as of, useWhyDidYouUpdate as iu } from "ahooks";
 import { toJS as Ln, observable as au, runInAction as Si, reaction as ft, makeAutoObservable as $i } from "mobx";
@@ -239,14 +239,14 @@ function Oy() {
         }
       return null;
     }
-    var ie = Object.assign, ae = 0, xe, de, De, Ce, ke, dt, at;
+    var ie = Object.assign, ae = 0, xe, ue, De, Ce, ke, dt, at;
     function wn() {
     }
     wn.__reactDisabledLog = !0;
     function Pe() {
       {
         if (ae === 0) {
-          xe = console.log, de = console.info, De = console.warn, Ce = console.error, ke = console.group, dt = console.groupCollapsed, at = console.groupEnd;
+          xe = console.log, ue = console.info, De = console.warn, Ce = console.error, ke = console.group, dt = console.groupCollapsed, at = console.groupEnd;
           var C = {
             configurable: !0,
             enumerable: !0,
@@ -279,7 +279,7 @@ function Oy() {
               value: xe
             }),
             info: ie({}, C, {
-              value: de
+              value: ue
             }),
             warn: ie({}, C, {
               value: De
@@ -2959,17 +2959,17 @@ var kv = class extends an {
         },
         vt
       ), q && x.insertAdjacentElement("afterend", q), Hs(x) && (x.hasAttribute("popover") || x.setAttribute("popover", ""), Ss(x));
-      const xe = new Cn(x, !0), de = {
+      const xe = new Cn(x, !0), ue = {
         top: ae.top - xe.top,
         left: ae.left - xe.left
       };
-      de.left > 0.01 || de.top > 0.01 ? V.set(
+      ue.left > 0.01 || ue.top > 0.01 ? V.set(
         {
-          top: ae.top + de.top,
-          left: ae.left + de.left
+          top: ae.top + ue.top,
+          left: ae.left + ue.left
         },
         vt
-      ) : (de.left = 0, de.top = 0);
+      ) : (ue.left = 0, ue.top = 0);
       const De = new ResizeObserver(() => {
         if (!q)
           return;
@@ -2978,8 +2978,8 @@ var kv = class extends an {
           {
             width: X.width,
             height: X.height,
-            top: P + We + de.top,
-            left: $ + Te + de.left
+            top: P + We + ue.top,
+            left: $ + Te + ue.left
           },
           vt
         ), x instanceof HTMLTableRowElement && q instanceof HTMLTableRowElement) {
@@ -4564,7 +4564,7 @@ const vj = _j(), jj = ({
     /* @__PURE__ */ n.jsxs(re.Dropdown, { children: [
       /* @__PURE__ */ n.jsx(re.Label, { children: i("chart.visual_map.built_in_palettes") }),
       /* @__PURE__ */ n.jsx(re.Divider, {}),
-      Object.entries(vj).map(([s, o]) => /* @__PURE__ */ n.jsx(ue, { label: i("chart.visual_map.use_palette_x", {
+      Object.entries(vj).map(([s, o]) => /* @__PURE__ */ n.jsx(he, { label: i("chart.visual_map.use_palette_x", {
         x: s
       }), children: /* @__PURE__ */ n.jsx(re.Item, { children: /* @__PURE__ */ n.jsx(R, { style: {
         height: "20px",
@@ -4805,14 +4805,14 @@ const kj = () => /* @__PURE__ */ n.jsx("div", { style: {
       }
     }, children: /* @__PURE__ */ n.jsx(Sj, { defaultValues: d, unset: h, onSubmit: u }) }),
     /* @__PURE__ */ n.jsxs(ge.ControlsGroup, { children: [
-      /* @__PURE__ */ n.jsx(ue, { label: t("rich_text.color_mapping.label"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
+      /* @__PURE__ */ n.jsx(he, { label: t("rich_text.color_mapping.label"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
         height: "26px",
         minHeight: "26px",
         lineHeight: "26px",
         borderColor: "#ced4da !important",
         color: "#000"
       }, onClick: a, children: /* @__PURE__ */ n.jsx(kj, {}) }) }),
-      /* @__PURE__ */ n.jsx(ue, { label: t("rich_text.color_mapping.clear"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
+      /* @__PURE__ */ n.jsx(he, { label: t("rich_text.color_mapping.clear"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
         height: "26px",
         minHeight: "26px",
         lineHeight: "26px",
@@ -5033,38 +5033,38 @@ const ji = "data-value", Rj = ji, Yp = "dynamicColor", Kp = Fu.create({
           break;
         case 1:
           {
-            let de = ae;
+            let ue = ae;
             const De = ie[0], Ce = q[De - 1].length;
-            if (de < 0) {
-              if (de = Ce - Math.abs(de), de < 0)
+            if (ue < 0) {
+              if (ue = Ce - Math.abs(ue), ue < 0)
                 throw new Error("Provided Start Column(" + ae + ") is out of bounds. Max Column in line " + De + " is " + Ce);
-            } else if (de > Ce + 1)
+            } else if (ue > Ce + 1)
               throw new Error("Provided Start Column(" + ae + ") is out of bounds. Max Column in line " + De + " is " + Ce);
-            ie[xe] = de;
+            ie[xe] = ue;
           }
           break;
         case 2:
           {
-            let de = ae;
-            if (de < 0) {
-              if (de = Z - Math.abs(ae), de < 0)
+            let ue = ae;
+            if (ue < 0) {
+              if (ue = Z - Math.abs(ae), ue < 0)
                 throw new Error("Provided End Line(" + ae + ") is out of bounds. Max Lines in content is " + Z);
-              de < ie[0] && console.warn("Provided End Line(" + ae + ") is less than the start Line, the Restriction may not behave as expected");
+              ue < ie[0] && console.warn("Provided End Line(" + ae + ") is less than the start Line, the Restriction may not behave as expected");
             } else if (ae > Z)
               throw new Error("Provided End Line(" + ae + ") is out of bounds. Max Lines in content is " + Z);
-            ie[xe] = de;
+            ie[xe] = ue;
           }
           break;
         case 3:
           {
-            let de = ae;
+            let ue = ae;
             const De = ie[2], Ce = q[De - 1].length;
-            if (de < 0) {
-              if (de = Ce - Math.abs(de), de < 0)
+            if (ue < 0) {
+              if (ue = Ce - Math.abs(ue), ue < 0)
                 throw new Error("Provided End Column(" + ae + ") is out of bounds. Max Column in line " + De + " is " + Ce);
-            } else if (de > Ce + 1)
+            } else if (ue > Ce + 1)
               throw new Error("Provided Start Column(" + ae + ") is out of bounds. Max Column in line " + De + " is " + Ce);
-            ie[xe] = de;
+            ie[xe] = ue;
           }
           break;
       }
@@ -5074,8 +5074,8 @@ const ji = "data-value", Rj = ji, Yp = "dynamicColor", Kp = Fu.create({
   const l = function(G) {
     const W = e.getValue();
     G.forEach(function(q, Z) {
-      const ie = s(q.range, W), ae = ie[0], xe = ie[1], de = ie[2], De = ie[3];
-      q._originalRange = ie.slice(), q.range = new i(ae, xe, de, De), q.index = Z, q.allowMultiline || (q.allowMultiline = i.spansMultipleLines(q.range)), q.label || (q.label = `[${ae},${xe} -> ${de}${De}]`);
+      const ie = s(q.range, W), ae = ie[0], xe = ie[1], ue = ie[2], De = ie[3];
+      q._originalRange = ie.slice(), q.range = new i(ae, xe, ue, De), q.index = Z, q.allowMultiline || (q.allowMultiline = i.spansMultipleLines(q.range)), q.label || (q.label = `[${ae},${xe} -> ${ue}${De}]`);
     });
   }, c = function() {
     return o.reduce(function(G, W) {
@@ -5142,11 +5142,11 @@ const ji = "data-value", Rj = ji, Yp = "dynamicColor", Kp = Fu.create({
       }));
     });
   }, I = function(G, W, q, Z, ie, ae) {
-    let xe = W.endLineNumber, de = W.endColumn;
+    let xe = W.endLineNumber, ue = W.endColumn;
     G.prevRange = W, G.range = W.setEndPosition(q, Z);
     const De = o.length;
     let Ce = ie.length;
-    const ke = Z - de, dt = q - xe, at = e._currentCursorPositions || [], wn = at.length;
+    const ke = Z - ue, dt = q - xe, at = e._currentCursorPositions || [], wn = at.length;
     if (Ce !== wn && (ie = ie.filter(function(Pe) {
       const $e = Pe.range;
       for (let X = 0; X < wn; X++) {
@@ -5228,11 +5228,11 @@ const ji = "data-value", Rj = ji, Yp = "dynamicColor", Kp = Fu.create({
     else {
       const q = G.changes.sort(a), Z = {}, ie = o.length;
       if (q.every(function(xe) {
-        const de = xe.range, De = de.toString();
+        const ue = xe.range, De = ue.toString();
         Z[De] = null;
         for (let Ce = 0; Ce < ie; Ce++) {
           const ke = o[Ce];
-          if (ke.range.containsRange(de))
+          if (ke.range.containsRange(ue))
             return ye(ke, xe.text) ? !1 : (Z[De] = ke, !0);
         }
         return !1;
@@ -5244,18 +5244,18 @@ const ji = "data-value", Rj = ji, Yp = "dynamicColor", Kp = Fu.create({
           const Ke = k(De, at);
           dt.lastInfo = Ke, (Ke.isAddition || Ke.isReplacement) && (Ke.rangeIsSingleLine && (Pe === 0 ? We += $e : (Te += Pe, Ke.startColumnOfRange ? We += $e : Ke.endColumnOfRange ? We = $e + 1 : We = $e + Lt)), Ke.rangeIsMultiLine && (Te += Pe, Ke.endLineOfRange && (Pe === 0 ? We += $e : We = Lt + $e))), (Ke.isDeletion || Ke.isReplacement) && (Ke.rangeIsSingleLine && (We -= pe), Ke.rangeIsMultiLine && (Ke.endLineOfRange ? (Te -= X, We -= pe) : Te -= X)), I(dt, at, Te, We, q, Ce);
         });
-        const xe = e.getValueInEditableRanges(), de = {};
+        const xe = e.getValueInEditableRanges(), ue = {};
         for (let De in Z) {
           const Ce = Z[De], ke = Ce.range, dt = Ce.label || ke.toString(), at = xe[dt];
           if (ze(Ce, at, ke)) {
             V(Z), _();
             return;
           }
-          de[dt] = at;
+          ue[dt] = at;
         }
         e._hasHighlight && e._oldDecorationsSource.forEach(function(De) {
           De.range = e.getDecorationRange(De.id);
-        }), x(de, xe);
+        }), x(ue, xe);
       } else
         _();
     }
@@ -5506,7 +5506,7 @@ const kr = le(({
   const {
     t
   } = y();
-  return /* @__PURE__ */ n.jsx(ue, { label: t("rich_text.dynamic_color.label"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
+  return /* @__PURE__ */ n.jsx(he, { label: t("rich_text.dynamic_color.label"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
     height: "26px",
     minHeight: "26px",
     lineHeight: "26px",
@@ -5523,7 +5523,7 @@ const kr = le(({
     /* @__PURE__ */ n.jsx(bl, { title: t("rich_text.dynamic_color.edit"), label: "", triggerLabel: "", value: i, onChange: (s) => {
       s ? e.chain().focus().setDynamicColor(s).run() : e.chain().focus().unsetDynamicColor().run();
     }, defaultValue: Ij, renderTriggerButton: Fj, restrictions: a, zIndex: 340 }),
-    /* @__PURE__ */ n.jsx(ue, { label: t("rich_text.dynamic_color.clear"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
+    /* @__PURE__ */ n.jsx(he, { label: t("rich_text.dynamic_color.clear"), children: /* @__PURE__ */ n.jsx(oe, { variant: "default", "data-rich-text-editor-control": "true", sx: {
       height: "26px",
       minHeight: "26px",
       lineHeight: "26px",
@@ -6545,7 +6545,7 @@ class jl {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const um = "14.1.1", C0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const um = "14.2.0", C0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: um
 }, Symbol.toStringTag, { value: "Module" }));
@@ -7036,7 +7036,7 @@ const vn = le(({
       flexGrow: 0
     }, children: _ }),
     /* @__PURE__ */ n.jsx(Ge, { size: 800, title: _, opened: s, onClose: l, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ n.jsxs(T, { children: [
-      /* @__PURE__ */ n.jsx(he, { mt: 10, label: a("common.enabled"), checked: c.enabled, onChange: (I) => u(I.currentTarget.checked) }),
+      /* @__PURE__ */ n.jsx(de, { mt: 10, label: a("common.enabled"), checked: c.enabled, onChange: (I) => u(I.currentTarget.checked) }),
       /* @__PURE__ */ n.jsx(A0, { value: c.func_content, onChange: g, disabled: !c.enabled }),
       /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
         /* @__PURE__ */ n.jsx(L, { onClick: x, color: "red", leftSection: /* @__PURE__ */ n.jsx(nn, { size: 20 }), children: a("common.actions.reset_to_default") }),
@@ -8862,7 +8862,7 @@ function l1(e) {
         backgroundColor: i
       } }) }),
       /* @__PURE__ */ n.jsxs(Zt.Dropdown, { children: [
-        /* @__PURE__ */ n.jsx(ue, { withinPortal: !0, zIndex: 340, label: t("common.actions.close"), children: /* @__PURE__ */ n.jsx(In, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: I, style: {
+        /* @__PURE__ */ n.jsx(he, { withinPortal: !0, zIndex: 340, label: t("common.actions.close"), children: /* @__PURE__ */ n.jsx(In, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: I, style: {
           position: "absolute",
           top: "0.5em",
           right: "0.8em"
@@ -9053,7 +9053,7 @@ const c1 = D(({
   };
   return /* @__PURE__ */ n.jsxs(j.List, { children: [
     /* @__PURE__ */ n.jsx(Nu, { onDragEnd: s, children: a.map((o, l) => /* @__PURE__ */ n.jsx(x1, { value: o.id, index: l, children: i(o, l) }, o.id)) }),
-    /* @__PURE__ */ n.jsx(j.Tab, { onClick: t, value: "add", children: /* @__PURE__ */ n.jsx(ue, { label: r, children: /* @__PURE__ */ n.jsx(Qn, { children: /* @__PURE__ */ n.jsx(rn, { size: 18, color: "#228be6" }) }) }) })
+    /* @__PURE__ */ n.jsx(j.Tab, { onClick: t, value: "add", children: /* @__PURE__ */ n.jsx(he, { label: r, children: /* @__PURE__ */ n.jsx(Qn, { children: /* @__PURE__ */ n.jsx(rn, { size: 18, color: "#228be6" }) }) }) })
   ] });
 }, f1 = {
   tab: {
@@ -9140,7 +9140,7 @@ const c1 = D(({
       /* @__PURE__ */ n.jsx(R, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n.jsx(tt, { label: i("chart.zooming.slider.x_axis"), checked: e.x_axis_slider, onChange: (s) => a("x_axis_slider")(s.currentTarget.checked) }) }),
-      /* @__PURE__ */ n.jsx(ue, { label: i("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ n.jsx(R, { sx: {
+      /* @__PURE__ */ n.jsx(he, { label: i("chart.zooming.slider.y_axis_disabled"), children: /* @__PURE__ */ n.jsx(R, { sx: {
         flexGrow: 1
       }, children: /* @__PURE__ */ n.jsx(tt, { label: i("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (s) => a("y_axis_slider")(s.currentTarget.checked) }) }) })
     ] })
@@ -9947,7 +9947,7 @@ function Y1({
         }) => /* @__PURE__ */ n.jsx(to, { label: "Size", ...u }) }),
         /* @__PURE__ */ n.jsx(f, { control: s, name: "compact", render: ({
           field: u
-        }) => /* @__PURE__ */ n.jsx(he, { label: "Compact", checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked), mt: 26 }) })
+        }) => /* @__PURE__ */ n.jsx(de, { label: "Compact", checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked), mt: 26 }) })
       ] }),
       /* @__PURE__ */ n.jsxs(Xe, { cols: 2, children: [
         /* @__PURE__ */ n.jsx(f, { control: s, name: "horizontal_align", render: ({
@@ -11495,7 +11495,7 @@ function sC({
     /* @__PURE__ */ n.jsx(A, { mb: -10, mt: 10, variant: "dashed", label: s("chart.behavior.label"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ n.jsx(he, { label: s("chart.legend.show_in_legend"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) })
+    }) => /* @__PURE__ */ n.jsx(de, { label: s("chart.legend.show_in_legend"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) })
   ] });
 }
 function oC({
@@ -12184,7 +12184,7 @@ function bC({
     /* @__PURE__ */ n.jsx(A, { mb: -10, mt: 10, variant: "dashed", label: a("chart.behavior.label"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ n.jsx(he, { label: a("chart.legend.hide_in_legend"), checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) })
+    }) => /* @__PURE__ */ n.jsx(de, { label: a("chart.legend.hide_in_legend"), checked: o.value, onChange: (l) => o.onChange(l.currentTarget.checked) }) })
   ] });
 }
 function yC({
@@ -12475,7 +12475,7 @@ function kC({
     /* @__PURE__ */ n.jsx(A, { mb: -10, mt: 10, variant: "dashed", label: r("chart.y_axis.behavior"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: `y_axes.${t}.show`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ n.jsx(he, { label: r("chart.y_axis.visible"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked) }) })
+    }) => /* @__PURE__ */ n.jsx(de, { label: r("chart.y_axis.visible"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked) }) })
   ] });
 }
 function TC({
@@ -12831,9 +12831,9 @@ const qC = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ n.jsx(S, { size: "sm", children: a("viz.funnel_chart.min_value") }),
-        /* @__PURE__ */ n.jsx(ue, { label: a("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ n.jsx(R, { children: /* @__PURE__ */ n.jsx(f, { name: `series.${r}.min.enable_value`, control: t, render: ({
+        /* @__PURE__ */ n.jsx(he, { label: a("viz.funnel_chart.min_value_checkbox_tip"), children: /* @__PURE__ */ n.jsx(R, { children: /* @__PURE__ */ n.jsx(f, { name: `series.${r}.min.enable_value`, control: t, render: ({
           field: m
-        }) => /* @__PURE__ */ n.jsx(he, { size: "xs", checked: m.value, onChange: (g) => m.onChange(g.currentTarget.checked) }) }) }) })
+        }) => /* @__PURE__ */ n.jsx(de, { size: "xs", checked: m.value, onChange: (g) => m.onChange(g.currentTarget.checked) }) }) }) })
       ] }), ...h }) }),
       /* @__PURE__ */ n.jsx(f, { name: `series.${r}.min.size`, control: t, render: ({
         field: h
@@ -12848,9 +12848,9 @@ const qC = ({
         width: "100%"
       }, children: [
         /* @__PURE__ */ n.jsx(S, { size: "sm", children: a("viz.funnel_chart.max_value") }),
-        /* @__PURE__ */ n.jsx(ue, { label: a("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ n.jsx(R, { children: /* @__PURE__ */ n.jsx(f, { name: `series.${r}.max.enable_value`, control: t, render: ({
+        /* @__PURE__ */ n.jsx(he, { label: a("viz.funnel_chart.max_value_checkbox_tip"), children: /* @__PURE__ */ n.jsx(R, { children: /* @__PURE__ */ n.jsx(f, { name: `series.${r}.max.enable_value`, control: t, render: ({
           field: m
-        }) => /* @__PURE__ */ n.jsx(he, { size: "xs", checked: m.value, onChange: (g) => m.onChange(g.currentTarget.checked) }) }) }) })
+        }) => /* @__PURE__ */ n.jsx(de, { size: "xs", checked: m.value, onChange: (g) => m.onChange(g.currentTarget.checked) }) }) }) })
       ] }), ...h }) }),
       /* @__PURE__ */ n.jsx(f, { name: `series.${r}.max.size`, control: t, render: ({
         field: h
@@ -12908,7 +12908,7 @@ const qC = ({
   }, children: [
     /* @__PURE__ */ n.jsxs(j.List, { children: [
       o.map((u, h) => /* @__PURE__ */ n.jsx(j.Tab, { value: u.id, children: u.name }, u.id)),
-      /* @__PURE__ */ n.jsx(j.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n.jsx(ue, { label: "todo", children: /* @__PURE__ */ n.jsx(Qn, { children: /* @__PURE__ */ n.jsx(rn, { size: 18, color: "#228be6" }) }) }) })
+      /* @__PURE__ */ n.jsx(j.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ n.jsx(he, { label: "todo", children: /* @__PURE__ */ n.jsx(Qn, { children: /* @__PURE__ */ n.jsx(rn, { size: 18, color: "#228be6" }) }) }) })
     ] }),
     o.map((u, h) => /* @__PURE__ */ n.jsx(j.Panel, { value: u.id, children: /* @__PURE__ */ n.jsx(qC, { item: u, control: e, index: h, remove: a }) }, u.id))
   ] });
@@ -13294,17 +13294,18 @@ function ck(e, t, r) {
   const {
     nameAlignment: i,
     data_key: a,
-    ...s
+    inverse: s,
+    ...o
   } = e.y_axis, {
-    overflow: o,
-    rotate: l
-  } = e.y_axis.axisLabel, c = on(o.on_axis);
+    overflow: l,
+    rotate: c
+  } = e.y_axis.axisLabel, d = on(l.on_axis);
   return Le.getYAxis({
-    ...s,
+    ...o,
     type: "category",
     axisLabel: {
-      rotate: l,
-      ...c,
+      rotate: c,
+      ...d,
       formatter: t
     },
     axisTick: {
@@ -13335,8 +13336,9 @@ function ck(e, t, r) {
       fontWeight: "bold",
       align: i
     },
-    nameLocation: "end",
+    nameLocation: s ? "start" : "end",
     nameGap: 15,
+    inverse: s,
     z: 3
   });
 }
@@ -13402,7 +13404,7 @@ const na = ({
       }, ...d }) }),
       /* @__PURE__ */ n.jsx(f, { name: "visualMap.calculable", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ n.jsx(he, { label: t("chart.visual_map.calculable"), checked: d.value, onChange: (u) => d.onChange(u.currentTarget.checked), styles: {
+      }) => /* @__PURE__ */ n.jsx(de, { label: t("chart.visual_map.calculable"), checked: d.value, onChange: (u) => d.onChange(u.currentTarget.checked), styles: {
         root: {
           transform: "translateY(12px)"
         }
@@ -13764,6 +13766,7 @@ const Ol = {
   },
   y_axis: {
     name: "Y Axis",
+    inverse: !1,
     data_key: "",
     nameAlignment: "center",
     axisLabel: {
@@ -14013,6 +14016,20 @@ function Mk({
     }) => /* @__PURE__ */ n.jsx(mr, { sx: {
       flex: 1
     }, ...i }) }) }),
+    /* @__PURE__ */ n.jsx(f, { name: "y_axis.inverse", control: e, render: ({
+      field: i
+    }) => /* @__PURE__ */ n.jsx(de, { size: "sm", checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked), label: r("chart.y_axis.inverse"), styles: {
+      root: {
+        transform: "translateY(6px)"
+      },
+      label: {
+        cursor: "pointer",
+        userSelect: "none"
+      },
+      input: {
+        cursor: "pointer"
+      }
+    } }) }),
     /* @__PURE__ */ n.jsx(A, { mb: -15, variant: "dashed", label: r("chart.axis.tick_label"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: "y_axis.axisLabel.overflow", control: e, render: ({
       field: i
@@ -15950,10 +15967,10 @@ function l3({
       /* @__PURE__ */ n.jsx(j.Panel, { value: "style", p: "md", children: /* @__PURE__ */ n.jsxs(b, { grow: !0, wrap: "nowrap", children: [
         /* @__PURE__ */ n.jsx(f, { name: "background.enabled", control: s, render: ({
           field: u
-        }) => /* @__PURE__ */ n.jsx(he, { label: t("viz.radar_chart.style.show_background"), checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked) }) }),
+        }) => /* @__PURE__ */ n.jsx(de, { label: t("viz.radar_chart.style.show_background"), checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked) }) }),
         /* @__PURE__ */ n.jsx(f, { name: "label.enabled", control: s, render: ({
           field: u
-        }) => /* @__PURE__ */ n.jsx(he, { label: t("viz.radar_chart.style.show_value_label"), checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked) }) })
+        }) => /* @__PURE__ */ n.jsx(de, { label: t("viz.radar_chart.style.show_value_label"), checked: u.value, onChange: (h) => u.onChange(h.currentTarget.checked) }) })
       ] }) }),
       /* @__PURE__ */ n.jsx(j.Panel, { value: "additional_series", p: "md", children: /* @__PURE__ */ n.jsx(a3, { control: s, watch: l }) })
     ] })
@@ -21834,7 +21851,7 @@ function rD({
     /* @__PURE__ */ n.jsx(A, { mb: -10, mt: 10, variant: "dashed", label: s("chart.behavior.label"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ n.jsx(he, { label: s("chart.legend.show_in_legend"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) })
+    }) => /* @__PURE__ */ n.jsx(de, { label: s("chart.legend.show_in_legend"), checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) })
   ] });
 }
 function iD({
@@ -21960,10 +21977,10 @@ function sD({
     /* @__PURE__ */ n.jsx(A, { mb: -10, mt: 10, variant: "dashed", label: a("chart.behavior.label"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ n.jsx(he, { label: a("chart.legend.hide_in_legend"), checked: s.value, onChange: (o) => s.onChange(o.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ n.jsx(de, { label: a("chart.legend.hide_in_legend"), checked: s.value, onChange: (o) => s.onChange(o.currentTarget.checked) }) }),
     /* @__PURE__ */ n.jsx(f, { name: `series.${t}.invisible`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ n.jsx(he, { label: a("chart.behavior.invisible"), checked: s.value, onChange: (o) => s.onChange(o.currentTarget.checked) }) })
+    }) => /* @__PURE__ */ n.jsx(de, { label: a("chart.behavior.invisible"), checked: s.value, onChange: (o) => s.onChange(o.currentTarget.checked) }) })
   ] });
 }
 function oD({
@@ -22046,7 +22063,7 @@ function cD({
     /* @__PURE__ */ n.jsx(A, { mb: -10, mt: 10, variant: "dashed", label: r("chart.x_axis.behavior"), labelPosition: "center" }),
     /* @__PURE__ */ n.jsx(f, { name: `x_axes.${t}.show`, control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ n.jsx(he, { label: r("chart.x_axis.visible"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked) }) })
+    }) => /* @__PURE__ */ n.jsx(de, { label: r("chart.x_axis.visible"), checked: i.value, onChange: (a) => i.onChange(a.currentTarget.checked) }) })
   ] });
 }
 function dD({
@@ -25669,12 +25686,12 @@ const sI = p.model("FilterDateRangeConfigMeta", {
   } = y(), i = t.config;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
-      /* @__PURE__ */ n.jsx(he, { checked: i.required, onChange: (a) => i.setRequired(a.currentTarget.checked), label: r("filter.widget.select.required") }),
+      /* @__PURE__ */ n.jsx(de, { checked: i.required, onChange: (a) => i.setRequired(a.currentTarget.checked), label: r("filter.widget.select.required") }),
       /* @__PURE__ */ n.jsx(Lr, { filter: t })
     ] }),
     /* @__PURE__ */ n.jsx(E, { label: r("filter.widget.common.min_width"), value: i.min_width, onChange: (a) => i.setMinWidth(a.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ n.jsx(A, { label: r("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
-    /* @__PURE__ */ n.jsx(he, { checked: i.treeCheckStrictly, onChange: (a) => i.setTreeCheckStrictly(a.currentTarget.checked), label: r("filter.widget.tree_select.strictly") }),
+    /* @__PURE__ */ n.jsx(de, { checked: i.treeCheckStrictly, onChange: (a) => i.setTreeCheckStrictly(a.currentTarget.checked), label: r("filter.widget.tree_select.strictly") }),
     /* @__PURE__ */ n.jsx(ce, { value: i.default_selection_count, onChange: i.setDefaultSelectionCount, label: r("filter.widget.common.default_selection_count") }),
     /* @__PURE__ */ n.jsx(us, { value: i.options_query_id, onChange: i.setOptionsQueryID }),
     /* @__PURE__ */ n.jsx(xx, {})
@@ -26001,7 +26018,7 @@ const sI = p.model("FilterDateRangeConfigMeta", {
         i,
         c && /* @__PURE__ */ n.jsx("span", { className: h.required, "aria-hidden": "true", children: "*" })
       ] }),
-      I && /* @__PURE__ */ n.jsx(ue, { label: u("filter.widget.common.x_selected", {
+      I && /* @__PURE__ */ n.jsx(he, { label: u("filter.widget.common.x_selected", {
         count: a.length
       }), children: /* @__PURE__ */ n.jsx(rr, { variant: "light", children: a.length }) })
     ] }),
@@ -26068,12 +26085,12 @@ const sI = p.model("FilterDateRangeConfigMeta", {
   } = y(), r = e.config;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
-      /* @__PURE__ */ n.jsx(he, { checked: r.required, onChange: (i) => r.setRequired(i.currentTarget.checked), label: t("filter.widget.select.required") }),
+      /* @__PURE__ */ n.jsx(de, { checked: r.required, onChange: (i) => r.setRequired(i.currentTarget.checked), label: t("filter.widget.select.required") }),
       /* @__PURE__ */ n.jsx(Lr, { filter: e })
     ] }),
     /* @__PURE__ */ n.jsx(E, { label: t("filter.widget.common.min_width"), value: r.min_width, onChange: (i) => r.setMinWidth(i.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ n.jsx(A, { label: t("filter.widget.common.fetch_options_from_datasource"), labelPosition: "center" }),
-    /* @__PURE__ */ n.jsx(he, { checked: r.default_selection_count === 1, onChange: (i) => r.setDefaultSelectionCount(i.currentTarget.checked ? 1 : 0), label: t("filter.widget.tree_single_select.select_first_option_by_default") }),
+    /* @__PURE__ */ n.jsx(de, { checked: r.default_selection_count === 1, onChange: (i) => r.setDefaultSelectionCount(i.currentTarget.checked ? 1 : 0), label: t("filter.widget.tree_single_select.select_first_option_by_default") }),
     /* @__PURE__ */ n.jsx(us, { value: r.options_query_id, onChange: r.setOptionsQueryID }),
     /* @__PURE__ */ n.jsx(xx, {})
   ] });
@@ -28247,7 +28264,7 @@ class BI {
 const HI = (e) => new BI(e), QI = ({
   description: e,
   isDescriptionEmpty: t
-}) => t ? null : /* @__PURE__ */ n.jsx(ue, { color: "white", label: /* @__PURE__ */ n.jsx(si, { value: e, styles: {
+}) => t ? null : /* @__PURE__ */ n.jsx(he, { color: "white", label: /* @__PURE__ */ n.jsx(si, { value: e, styles: {
   root: {
     border: "none"
   },
@@ -28274,7 +28291,7 @@ const HI = (e) => new BI(e), QI = ({
   onChange: o
 }) => /* @__PURE__ */ n.jsxs(R, { children: [
   /* @__PURE__ */ n.jsx(S, { size: "sm", children: " " }),
-  /* @__PURE__ */ n.jsx(he, { label: /* @__PURE__ */ n.jsxs(b, { wrap: "nowrap", justify: "space-between", align: "middle", gap: 6, children: [
+  /* @__PURE__ */ n.jsx(de, { label: /* @__PURE__ */ n.jsxs(b, { wrap: "nowrap", justify: "space-between", align: "middle", gap: 6, children: [
     /* @__PURE__ */ n.jsx(R, { sx: {
       flexGrow: 1
     }, children: e }),
@@ -28323,7 +28340,7 @@ const HI = (e) => new BI(e), QI = ({
   const a = i === 1 ? r("filter.widget.date_range.one_day") : r("filter.widget.date_range.x_days", {
     count: i
   });
-  return /* @__PURE__ */ n.jsx(ue, { label: a, children: /* @__PURE__ */ n.jsx(rr, { size: "sm", variant: "light", children: i }) });
+  return /* @__PURE__ */ n.jsx(he, { label: a, children: /* @__PURE__ */ n.jsx(rr, { size: "sm", variant: "light", children: i }) });
 }, YI = ({
   max_days: e
 }) => {
@@ -28689,7 +28706,7 @@ const HI = (e) => new BI(e), QI = ({
         i,
         c && /* @__PURE__ */ n.jsx("span", { className: u.required, "aria-hidden": "true", children: "*" })
       ] }),
-      _ && /* @__PURE__ */ n.jsx(ue, { label: d("filter.widget.common.x_selected", {
+      _ && /* @__PURE__ */ n.jsx(he, { label: d("filter.widget.common.x_selected", {
         count: a.length
       }), children: /* @__PURE__ */ n.jsx(rr, { variant: "light", children: a.length }) })
     ] }),
@@ -28998,7 +29015,7 @@ const p8 = D(() => {
   } = Nt();
   return h8(i.description) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(Ge, { opened: t, onClose: () => r(!1), title: i.title.show ? i.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n.jsx(p8, {}) }),
-    /* @__PURE__ */ n.jsx(ue, { label: e("panel.panel_description_click"), position: "top-start", withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", color: "blue", onClick: () => r((a) => !a), sx: {
+    /* @__PURE__ */ n.jsx(he, { label: e("panel.panel_description_click"), position: "top-start", withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", color: "blue", onClick: () => r((a) => !a), sx: {
       verticalAlign: "baseline",
       cursor: "pointer"
     }, children: /* @__PURE__ */ n.jsx(mt, { size: 20 }) }) })
@@ -32525,6 +32542,7 @@ Variable: {{ your_var }}`,
         y_axis_name: "Y Axis Name",
         y_axis_name_anchor: "Name Anchor",
         y_axis_data_field: "Y Axis Data Field",
+        inverse: "Inverse",
         layout: "Layout",
         position: {
           label: "Position",
@@ -33531,6 +33549,7 @@ Variable: {{ your_var }}`,
         y_axis_name: "Y轴名称",
         y_axis_name_anchor: "名称贴靠侧",
         y_axis_data_field: "Y轴数据字段",
+        inverse: "反向坐标轴",
         layout: "布局",
         position: {
           label: "位置",
@@ -33877,7 +33896,7 @@ const VM = D(({
   const {
     t: e
   } = y(), t = je(), r = ((a = t.views.VIE) == null ? void 0 : a.type) === J.Tabs, i = () => t.addANewPanel(t.views.idOfVIE);
-  return r ? /* @__PURE__ */ n.jsx(ue, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ n.jsx(Di, { size: 20 }), sx: {
+  return r ? /* @__PURE__ */ n.jsx(he, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ n.jsx(Di, { size: 20 }), sx: {
     ...$d,
     transform: "none !important"
   }, children: e("panel.add") }) }) : /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: i, leftSection: /* @__PURE__ */ n.jsx(Di, { size: 20 }), sx: {
@@ -33976,7 +33995,7 @@ const VM = D(({
           backgroundColor: "transparent"
         }, children: /* @__PURE__ */ n.jsx(v.Td, { colSpan: 3, style: {
           padding: "0"
-        }, children: /* @__PURE__ */ n.jsx(ue, { label: t("breakpoint.add"), children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", size: "md", color: "blue", onClick: I, sx: {
+        }, children: /* @__PURE__ */ n.jsx(he, { label: t("breakpoint.add"), children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", size: "md", color: "blue", onClick: I, sx: {
           width: "100%"
         }, children: /* @__PURE__ */ n.jsx(rn, { size: 18 }) }) }) }) })
       ] })
@@ -34041,7 +34060,7 @@ const VM = D(({
     var s;
     return (s = t.views.VIE) == null ? void 0 : s.downloadSchema();
   };
-  return r ? /* @__PURE__ */ n.jsx(ue, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ n.jsx(wr, { size: 16 }), sx: {
+  return r ? /* @__PURE__ */ n.jsx(he, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ n.jsx(wr, { size: 16 }), sx: {
     ...Ad,
     transform: "none !important"
   }, children: e("view.download_schema") }) }) : /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: i, leftSection: /* @__PURE__ */ n.jsx(wr, { size: 16 }), sx: {
@@ -34293,7 +34312,7 @@ const JM = D(({
     setTrue: s,
     setFalse: o
   }] = lt(!1), c = ((d = we().content.views.VIE) == null ? void 0 : d.type) === J.Tabs;
-  return c ? /* @__PURE__ */ n.jsx(ue, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ n.jsx(Tc, { size: 16 }), sx: {
+  return c ? /* @__PURE__ */ n.jsx(he, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ n.jsx(L, { variant: "outline", color: "gray", radius: 0, size: "xs", leftSection: /* @__PURE__ */ n.jsx(Tc, { size: 16 }), sx: {
     ...Od,
     transform: "none !important"
   }, children: e("import.label") }) }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
@@ -34426,7 +34445,7 @@ const tL = ({
   const {
     t: e
   } = y();
-  return /* @__PURE__ */ n.jsx(ue, { label: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  return /* @__PURE__ */ n.jsx(he, { label: /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     Fd && /* @__PURE__ */ n.jsx(Vd, { children: "⌘ + K" }),
     !Fd && /* @__PURE__ */ n.jsx(Vd, { children: "Ctrl + K" })
   ] }), children: /* @__PURE__ */ n.jsx(uo, { onClick: () => Ly.open(), style: {
@@ -34899,7 +34918,7 @@ function EL({
     }), children: /* @__PURE__ */ n.jsx(b, { sx: {
       width: "calc(100% - 28px)"
     }, onClick: e, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t }) }) }),
-    r && /* @__PURE__ */ n.jsx(ue, { label: "Edit", position: "right", withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { onClick: i, variant: "light", color: "blue", sx: {
+    r && /* @__PURE__ */ n.jsx(he, { label: "Edit", position: "right", withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { onClick: i, variant: "light", color: "blue", sx: {
       position: "absolute",
       top: 0,
       bottom: 0,
@@ -34956,13 +34975,13 @@ const RL = D(() => {
           borderColor: "#e9ecef"
         }
       }, children: [
-        /* @__PURE__ */ n.jsx(ue, { label: e("filter.labels"), withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "default", radius: 0, size: "md", sx: {
+        /* @__PURE__ */ n.jsx(he, { label: e("filter.labels"), withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: a, children: /* @__PURE__ */ n.jsx(So, { size: 18 }) }) }),
-        /* @__PURE__ */ n.jsx(ue, { label: e("query.labels"), withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "default", radius: 0, size: "md", sx: {
+        /* @__PURE__ */ n.jsx(he, { label: e("query.labels"), withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: i, children: /* @__PURE__ */ n.jsx(ir, { size: 18 }) }) }),
-        /* @__PURE__ */ n.jsx(ue, { label: e("interactions.interactions_viewer"), withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "default", radius: 0, size: "md", sx: {
+        /* @__PURE__ */ n.jsx(he, { label: e("interactions.interactions_viewer"), withinPortal: !0, children: /* @__PURE__ */ n.jsx(oe, { variant: "default", radius: 0, size: "md", sx: {
           height: "30px"
         }, onClick: l, children: /* @__PURE__ */ n.jsx(jo, { size: 18 }) }) })
       ] }),
@@ -34989,7 +35008,7 @@ const RL = D(() => {
   } = y(), r = e.config;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
-      /* @__PURE__ */ n.jsx(he, { checked: r.default_value, onChange: (i) => r.setDefaultValue(i.currentTarget.checked), label: t("filter.widget.checkbox.default_checked") }),
+      /* @__PURE__ */ n.jsx(de, { checked: r.default_value, onChange: (i) => r.setDefaultValue(i.currentTarget.checked), label: t("filter.widget.checkbox.default_checked") }),
       /* @__PURE__ */ n.jsx(Lr, { filter: e })
     ] }),
     /* @__PURE__ */ n.jsx(ar, { label: t("filter.widget.checkbox.description"), value: r.description, onChange: r.setDescription, styles: {
@@ -35034,8 +35053,8 @@ const RL = D(() => {
   }, []), s = [...i.default_value];
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(b, { children: [
-      /* @__PURE__ */ n.jsx(he, { checked: i.required, onChange: (o) => i.setRequired(o.currentTarget.checked), label: r("filter.widget.date_range.required") }),
-      /* @__PURE__ */ n.jsx(he, { checked: i.allowSingleDateInRange, onChange: (o) => i.setAllowSingleDateInRange(o.currentTarget.checked), label: r("filter.widget.date_range.allow_single_date") })
+      /* @__PURE__ */ n.jsx(de, { checked: i.required, onChange: (o) => i.setRequired(o.currentTarget.checked), label: r("filter.widget.date_range.required") }),
+      /* @__PURE__ */ n.jsx(de, { checked: i.allowSingleDateInRange, onChange: (o) => i.setAllowSingleDateInRange(o.currentTarget.checked), label: r("filter.widget.date_range.allow_single_date") })
     ] }),
     /* @__PURE__ */ n.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ n.jsx(N, { data: OL, label: r("filter.widget.date_range.display_format"), value: i.inputFormat, onChange: i.setInputFormat }),
@@ -35080,7 +35099,7 @@ const RL = D(() => {
   }, s = i.static_options, o = [...s];
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
-      /* @__PURE__ */ n.jsx(he, { checked: i.required, onChange: (l) => i.setRequired(l.currentTarget.checked), label: r("filter.widget.select.required") }),
+      /* @__PURE__ */ n.jsx(de, { checked: i.required, onChange: (l) => i.setRequired(l.currentTarget.checked), label: r("filter.widget.select.required") }),
       /* @__PURE__ */ n.jsx(Lr, { filter: t })
     ] }),
     /* @__PURE__ */ n.jsx(E, { label: r("filter.widget.select.width"), description: r("filter.widget.multi_select.width_description"), value: i.min_width, onChange: (l) => i.setMinWidth(l.currentTarget.value), placeholder: "200px" }),
@@ -35240,8 +35259,8 @@ const RL = D(() => {
   } = y(), r = e.config;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
-      /* @__PURE__ */ n.jsx(he, { checked: r.required, onChange: (i) => r.setRequired(i.currentTarget.checked), label: t("filter.widget.select.required") }),
-      /* @__PURE__ */ n.jsx(he, { checked: r.clearable, onChange: (i) => r.setClearable(i.currentTarget.checked), label: t("filter.widget.select.clearable") }),
+      /* @__PURE__ */ n.jsx(de, { checked: r.required, onChange: (i) => r.setRequired(i.currentTarget.checked), label: t("filter.widget.select.required") }),
+      /* @__PURE__ */ n.jsx(de, { checked: r.clearable, onChange: (i) => r.setClearable(i.currentTarget.checked), label: t("filter.widget.select.clearable") }),
       /* @__PURE__ */ n.jsx(Lr, { filter: e })
     ] }),
     /* @__PURE__ */ n.jsx(E, { label: t("filter.widget.select.width"), value: r.width, onChange: (i) => r.setWidth(i.currentTarget.value), placeholder: "200px" }),
@@ -35269,7 +35288,7 @@ const RL = D(() => {
       /* @__PURE__ */ n.jsx(qL, { config: r })
     ] }),
     /* @__PURE__ */ n.jsx(A, { label: t("filter.widget.common.or_fetch_options_from_datasource"), labelPosition: "center" }),
-    /* @__PURE__ */ n.jsx(he, { checked: r.default_selection_count === 1, onChange: (i) => r.setDefaultSelectionCount(i.currentTarget.checked ? 1 : 0), label: t("filter.widget.select.select_first_option_by_default") }),
+    /* @__PURE__ */ n.jsx(de, { checked: r.default_selection_count === 1, onChange: (i) => r.setDefaultSelectionCount(i.currentTarget.checked ? 1 : 0), label: t("filter.widget.select.select_first_option_by_default") }),
     /* @__PURE__ */ n.jsx(us, { value: r.options_query_id, onChange: r.setOptionsQueryID }),
     /* @__PURE__ */ n.jsx(hg, {})
   ] });
@@ -35288,7 +35307,7 @@ const RL = D(() => {
       } }),
       /* @__PURE__ */ n.jsx(R, { mt: 22, children: /* @__PURE__ */ n.jsx(Lr, { filter: t }) })
     ] }),
-    /* @__PURE__ */ n.jsx(he, { checked: i.required, onChange: (a) => i.setRequired(a.currentTarget.checked), label: r("filter.widget.text_input.required") })
+    /* @__PURE__ */ n.jsx(de, { checked: i.required, onChange: (a) => i.setRequired(a.currentTarget.checked), label: r("filter.widget.text_input.required") })
   ] });
 }), QL = D(function({
   filter: t
@@ -35356,7 +35375,7 @@ const RL = D(() => {
           /* @__PURE__ */ n.jsx(ce, { label: r("filter.field.order"), required: !0, value: t.order, onChange: t.setOrder, hideControls: !0, sx: {
             flexGrow: "1 !important"
           } }),
-          t.auto_submit_supported && /* @__PURE__ */ n.jsx(he, { label: r("filter.field.auto_submit"), checked: t.auto_submit, onChange: (l) => t.setAutoSubmit(l.currentTarget.checked), mt: 22 })
+          t.auto_submit_supported && /* @__PURE__ */ n.jsx(de, { label: r("filter.field.auto_submit"), checked: t.auto_submit, onChange: (l) => t.setAutoSubmit(l.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ n.jsx(yr, { label: r("filter.field.visible_in"), data: a.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
         /* @__PURE__ */ n.jsx(E, { label: r("common.key"), placeholder: r("filter.field.key_placeholder"), required: !0, value: t.key, onChange: (l) => {
@@ -35458,7 +35477,7 @@ const RL = D(() => {
     /* @__PURE__ */ n.jsx(R, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ n.jsx(he.Group, { size: "xs", value: t, onChange: r, children: /* @__PURE__ */ n.jsxs(v, { fz: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ n.jsx(de.Group, { size: "xs", value: t, onChange: r, children: /* @__PURE__ */ n.jsxs(v, { fz: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ n.jsx(v.Thead, { children: /* @__PURE__ */ n.jsxs(v.Tr, { children: [
@@ -35478,7 +35497,7 @@ const RL = D(() => {
         }, children: e("common.action") })
       ] }) }),
       /* @__PURE__ */ n.jsx(v.Tbody, { children: i.content.filters.sortedList.map((d) => /* @__PURE__ */ n.jsxs(v.Tr, { children: [
-        /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(he, { value: d.id, styles: {
+        /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(de, { value: d.id, styles: {
           input: {
             cursor: "pointer"
           }
@@ -35578,7 +35597,7 @@ const RL = D(() => {
         typeof a != "string" && r.setHeight(a);
       } })
     ] }),
-    /* @__PURE__ */ n.jsx(he, { ml: 6, label: e("panel.style.border"), checked: i.border.enabled, onChange: (a) => i.border.setEnabled(a.currentTarget.checked) })
+    /* @__PURE__ */ n.jsx(de, { ml: 6, label: e("panel.style.border"), checked: i.border.enabled, onChange: (a) => i.border.setEnabled(a.currentTarget.checked) })
   ] }) });
 }), JL = () => /* @__PURE__ */ n.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
   " ",
@@ -35614,10 +35633,10 @@ const RL = D(() => {
     panel: t
   } = xt();
   return /* @__PURE__ */ n.jsx(T, { gap: 6, mb: 10, children: /* @__PURE__ */ n.jsxs(b, { pl: 6, justify: "flex-start", gap: 20, children: [
-    /* @__PURE__ */ n.jsx(he, { size: "sm", checked: t.title.show, onChange: (r) => t.title.setShow(r.currentTarget.checked), label: e("panel.show_title"), sx: {
+    /* @__PURE__ */ n.jsx(de, { size: "sm", checked: t.title.show, onChange: (r) => t.title.setShow(r.currentTarget.checked), label: e("panel.show_title"), sx: {
       userSelect: "none"
     } }),
-    /* @__PURE__ */ n.jsx(he, { size: "sm", checked: !0, disabled: !0, label: e("panel.use_name_as_title") })
+    /* @__PURE__ */ n.jsx(de, { size: "sm", checked: !0, disabled: !0, label: e("panel.use_name_as_title") })
   ] }) });
 });
 function n9() {
@@ -35847,13 +35866,13 @@ const i9 = [{
     r.editor.setPath(["_QUERIES_", d]);
   }, c = a.queryIDs.length;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(nf, { opened: s, onClose: () => o(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ n.jsx(he.Group, { value: [...a.queryIDs], onChange: a.setQueryIDs, children: /* @__PURE__ */ n.jsx(T, { gap: "lg", children: i.queries.options.map((d) => /* @__PURE__ */ n.jsx(he, { label: d.label, value: d.value }, d.value)) }) }) }),
+    /* @__PURE__ */ n.jsx(nf, { opened: s, onClose: () => o(!1), title: t("panel.settings.choose_queries"), padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ n.jsx(de.Group, { value: [...a.queryIDs], onChange: a.setQueryIDs, children: /* @__PURE__ */ n.jsx(T, { gap: "lg", children: i.queries.options.map((d) => /* @__PURE__ */ n.jsx(de, { label: d.label, value: d.value }, d.value)) }) }) }),
     /* @__PURE__ */ n.jsxs(T, { gap: 6, children: [
       /* @__PURE__ */ n.jsx(b, { justify: "flex-start", children: /* @__PURE__ */ n.jsx(L, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ n.jsx(Xf, { size: 16 }), onClick: () => o(!0), children: t(c === 0 ? "panel.settings.need_to_choose_queries" : "panel.settings.choose_queries") }) }),
-      c === 1 && /* @__PURE__ */ n.jsx(lo, { id: a.queryIDs[0], moreActions: /* @__PURE__ */ n.jsx(ue, { label: t("query.open"), children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", color: "blue", onClick: () => l(a.queryIDs[0]), children: /* @__PURE__ */ n.jsx($s, { size: 16 }) }) }) }),
+      c === 1 && /* @__PURE__ */ n.jsx(lo, { id: a.queryIDs[0], moreActions: /* @__PURE__ */ n.jsx(he, { label: t("query.open"), children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", color: "blue", onClick: () => l(a.queryIDs[0]), children: /* @__PURE__ */ n.jsx($s, { size: 16 }) }) }) }),
       c > 1 && /* @__PURE__ */ n.jsxs(j, { defaultValue: a.queryIDs[0], children: [
         /* @__PURE__ */ n.jsx(j.List, { children: a.queries.map((d) => /* @__PURE__ */ n.jsx(j.Tab, { value: d.id, children: d.name }, d.id)) }),
-        a.queries.map((d) => /* @__PURE__ */ n.jsx(j.Panel, { value: d.id, children: /* @__PURE__ */ n.jsx(lo, { id: d.id, moreActions: /* @__PURE__ */ n.jsx(ue, { label: t("query.open"), children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", color: "blue", onClick: () => l(d.id), children: /* @__PURE__ */ n.jsx($s, { size: 16 }) }) }) }) }, d.id))
+        a.queries.map((d) => /* @__PURE__ */ n.jsx(j.Panel, { value: d.id, children: /* @__PURE__ */ n.jsx(lo, { id: d.id, moreActions: /* @__PURE__ */ n.jsx(he, { label: t("query.open"), children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", color: "blue", onClick: () => l(d.id), children: /* @__PURE__ */ n.jsx($s, { size: 16 }) }) }) }) }, d.id))
       ] })
     ] })
   ] });
@@ -36302,8 +36321,8 @@ const T9 = D(({
       /* @__PURE__ */ n.jsxs(j.List, { children: [
         /* @__PURE__ */ n.jsx(j.Tab, { value: "Data", leftSection: /* @__PURE__ */ n.jsx(ir, { size: 14 }), disabled: d, children: t("data.label") }),
         /* @__PURE__ */ n.jsx(j.Tab, { value: "Panel", leftSection: /* @__PURE__ */ n.jsx(vo, { size: 14 }), children: t("panel.label") }),
-        /* @__PURE__ */ n.jsx(j.Tab, { value: "Variables", leftSection: /* @__PURE__ */ n.jsx(Xr, { size: 14 }), disabled: u, children: /* @__PURE__ */ n.jsx(ue, { label: t("data.requires_data"), disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("panel.variable.labels") }) }) }),
-        /* @__PURE__ */ n.jsx(j.Tab, { value: "Visualization", leftSection: /* @__PURE__ */ n.jsx(yu, { size: 14 }), disabled: u, children: /* @__PURE__ */ n.jsx(ue, { label: t("data.requires_data"), disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("visualization.label") }) }) }),
+        /* @__PURE__ */ n.jsx(j.Tab, { value: "Variables", leftSection: /* @__PURE__ */ n.jsx(Xr, { size: 14 }), disabled: u, children: /* @__PURE__ */ n.jsx(he, { label: t("data.requires_data"), disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("panel.variable.labels") }) }) }),
+        /* @__PURE__ */ n.jsx(j.Tab, { value: "Visualization", leftSection: /* @__PURE__ */ n.jsx(yu, { size: 14 }), disabled: u, children: /* @__PURE__ */ n.jsx(he, { label: t("data.requires_data"), disabled: !u, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("visualization.label") }) }) }),
         /* @__PURE__ */ n.jsx(j.Tab, { value: "Interactions", leftSection: /* @__PURE__ */ n.jsx(jo, { size: 14 }), children: t("interactions.label") })
       ] }),
       /* @__PURE__ */ n.jsxs(j.Panel, { value: "Data", children: [
@@ -36394,7 +36413,7 @@ const T9 = D(({
     /* @__PURE__ */ n.jsx(R, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ n.jsx(he.Group, { size: "xs", value: t, onChange: r, children: /* @__PURE__ */ n.jsxs(v, { fz: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ n.jsx(de.Group, { size: "xs", value: t, onChange: r, children: /* @__PURE__ */ n.jsxs(v, { fz: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ n.jsx(v.Thead, { children: /* @__PURE__ */ n.jsxs(v.Tr, { children: [
@@ -36422,7 +36441,7 @@ const T9 = D(({
         var x;
         const g = ((x = h[m.id]) == null ? void 0 : x.length) ?? 0;
         return /* @__PURE__ */ n.jsxs(v.Tr, { children: [
-          /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(he, { value: m.id, styles: {
+          /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(de, { value: m.id, styles: {
             input: {
               cursor: "pointer"
             }
@@ -36464,7 +36483,7 @@ const T9 = D(({
       zIndex: 320
     });
   };
-  return o ? /* @__PURE__ */ n.jsx(ue, { label: t("query.cant_delete"), withArrow: !0, events: {
+  return o ? /* @__PURE__ */ n.jsx(he, { label: t("query.cant_delete"), withArrow: !0, events: {
     hover: !0,
     focus: !1,
     touch: !1
@@ -36485,14 +36504,14 @@ const T9 = D(({
   /* @__PURE__ */ n.jsx(Cc, { width: t, height: r, radius: "xs" })
 ] }), ki = ({
   value: e
-}) => e === null || e === "" ? null : /* @__PURE__ */ n.jsx(ue, { label: e, disabled: !e, multiline: !0, zIndex: 340, children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", children: /* @__PURE__ */ n.jsx(mt, { size: 14 }) }) }), L9 = ({
+}) => e === null || e === "" ? null : /* @__PURE__ */ n.jsx(he, { label: e, disabled: !e, multiline: !0, zIndex: 340, children: /* @__PURE__ */ n.jsx(oe, { variant: "subtle", children: /* @__PURE__ */ n.jsx(mt, { size: 14 }) }) }), L9 = ({
   column: e
 }) => {
   const {
     column_key: t,
     column_key_text: r
   } = e;
-  return t ? /* @__PURE__ */ n.jsx(ue, { label: r, disabled: !r, children: /* @__PURE__ */ n.jsx(rr, { variant: "light", children: t }) }) : null;
+  return t ? /* @__PURE__ */ n.jsx(he, { label: r, disabled: !r, children: /* @__PURE__ */ n.jsx(rr, { variant: "light", children: t }) }) : null;
 }, P9 = D(({
   dataSource: e
 }) => {
@@ -37135,7 +37154,7 @@ WHERE
         }
       }, children: /* @__PURE__ */ n.jsx(Va, { size: 12 }) }), children: l.key }, l.key)) })
     ] }, s)) }) })
-  ] }) : /* @__PURE__ */ n.jsx(ue, { label: t("query.dependency.has_none"), children: /* @__PURE__ */ n.jsx(L, { size: "xs", variant: "subtle", color: "gray", leftSection: /* @__PURE__ */ n.jsx(nb, { size: 16, style: {
+  ] }) : /* @__PURE__ */ n.jsx(he, { label: t("query.dependency.has_none"), children: /* @__PURE__ */ n.jsx(L, { size: "xs", variant: "subtle", color: "gray", leftSection: /* @__PURE__ */ n.jsx(nb, { size: 16, style: {
     transform: "rotate(180deg)"
   } }), sx: {
     transform: "none !important"
@@ -37275,8 +37294,8 @@ WHERE
       e.typedAsSQL && /* @__PURE__ */ n.jsx(j.Tab, { value: "SQL", children: t("query.request") }),
       e.typedAsHTTP && /* @__PURE__ */ n.jsx(j.Tab, { value: "HTTP", children: t("query.request") }),
       e.isTransform && /* @__PURE__ */ n.jsx(j.Tab, { value: "Transform", children: t("query.transform.label") }),
-      /* @__PURE__ */ n.jsx(j.Tab, { value: "Data", disabled: !e.canPreviewData, children: /* @__PURE__ */ n.jsx(ue, { label: e.guideToPreviewData, disabled: e.canPreviewData, withinPortal: !0, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("data.preview_data") }) }) }),
-      /* @__PURE__ */ n.jsx(j.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ n.jsx(ue, { label: t("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("query.usage.label") }) }) })
+      /* @__PURE__ */ n.jsx(j.Tab, { value: "Data", disabled: !e.canPreviewData, children: /* @__PURE__ */ n.jsx(he, { label: e.guideToPreviewData, disabled: e.canPreviewData, withinPortal: !0, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("data.preview_data") }) }) }),
+      /* @__PURE__ */ n.jsx(j.Tab, { value: "Usage", disabled: l, children: /* @__PURE__ */ n.jsx(he, { label: t("query.usage.unused_description"), disabled: !l, withinPortal: !0, children: /* @__PURE__ */ n.jsx(S, { size: "sm", children: t("query.usage.label") }) }) })
     ] }),
     /* @__PURE__ */ n.jsx(j.Panel, { value: "Configurations", pt: 0, p: 0, children: /* @__PURE__ */ n.jsx(Y9, { queryModel: e }) }),
     e.typedAsSQL && /* @__PURE__ */ n.jsx(j.Panel, { value: "SQL", sx: xi, children: /* @__PURE__ */ n.jsx(T, { sx: {
@@ -37347,7 +37366,7 @@ WHERE
       zIndex: 320
     });
   };
-  return s ? /* @__PURE__ */ n.jsx(ue, { label: "此查询在使用中，不能删除。请查看“使用情况”标签页以了解详情", withArrow: !0, events: {
+  return s ? /* @__PURE__ */ n.jsx(he, { label: "此查询在使用中，不能删除。请查看“使用情况”标签页以了解详情", withArrow: !0, events: {
     hover: !0,
     focus: !1,
     touch: !1
@@ -37710,7 +37729,7 @@ const xP = [{
   return /* @__PURE__ */ n.jsxs(Yn, { store: c, onOptionSubmit: (h) => {
     r(h), c.closeDropdown();
   }, styles: TP, children: [
-    /* @__PURE__ */ n.jsx(Yn.Target, { children: o ? /* @__PURE__ */ n.jsx(ue, { label: o, children: u }) : u }),
+    /* @__PURE__ */ n.jsx(Yn.Target, { children: o ? /* @__PURE__ */ n.jsx(he, { label: o, children: u }) : u }),
     /* @__PURE__ */ n.jsx(Yn.Dropdown, { miw: 300, children: /* @__PURE__ */ n.jsx(Yn.Options, { children: l.map(({
       group: h,
       items: m
@@ -37845,7 +37864,7 @@ const xP = [{
   }, [t.id, i]), /* @__PURE__ */ n.jsxs(T, { gap: 7, children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "flex-start", gap: 8, children: [
       /* @__PURE__ */ n.jsx(S, { size: "sm", children: "看板变量与指标维度关联" }),
-      /* @__PURE__ */ n.jsx(ue, { label: "将看板的筛选器参数与指标的查询维度关联上，使指标可以按照看板的筛选条件和背景变量进行关联展示。", children: /* @__PURE__ */ n.jsx(oe, { size: "xs", variant: "subtle", color: "gray", children: /* @__PURE__ */ n.jsx(mt, {}) }) })
+      /* @__PURE__ */ n.jsx(he, { label: "将看板的筛选器参数与指标的查询维度关联上，使指标可以按照看板的筛选条件和背景变量进行关联展示。", children: /* @__PURE__ */ n.jsx(oe, { size: "xs", variant: "subtle", color: "gray", children: /* @__PURE__ */ n.jsx(mt, {}) }) })
     ] }),
     /* @__PURE__ */ n.jsxs(v, { withTableBorder: !0, withColumnBorders: !0, layout: "fixed", styles: _g, children: [
       /* @__PURE__ */ n.jsxs("colgroup", { children: [
@@ -37872,7 +37891,7 @@ const xP = [{
             /* @__PURE__ */ n.jsx(co, { variable: a.variable }),
             /* @__PURE__ */ n.jsx(Ra, { queryModel: e, value: a.variable, onChange: a.setVariable, usedKeys: t.usedFilterVariableSet })
           ] }) }),
-          /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(he, { size: "xs", checked: e.keyInRunBy(a.variable), onChange: (s) => e.changeRunByRecord(a.variable, s.currentTarget.checked), color: "red" }) })
+          /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(de, { size: "xs", checked: e.keyInRunBy(a.variable), onChange: (s) => e.changeRunByRecord(a.variable, s.currentTarget.checked), color: "red" }) })
         ] }, a.dimension)),
         /* @__PURE__ */ n.jsxs(v.Tr, { className: "add-a-row", children: [
           /* @__PURE__ */ n.jsx(v.Td, { pr: 0, children: /* @__PURE__ */ n.jsx(Kd, { mmInfo: i, value: null, onChange: (a) => a && t.addFilter(a, ""), usedKeys: t.usedFilterDimensionKeys }) }),
@@ -37889,7 +37908,7 @@ const xP = [{
   const r = e.keyInRunBy(t), i = (a) => {
     e.changeRunByRecord(t, a.currentTarget.checked);
   };
-  return /* @__PURE__ */ n.jsx(he, { size: "xs", checked: r, onChange: i, color: "red" });
+  return /* @__PURE__ */ n.jsx(de, { size: "xs", checked: r, onChange: i, color: "red" });
 }), Xd = ({
   queryModel: e,
   variable: t
@@ -37944,8 +37963,8 @@ const xP = [{
   return /* @__PURE__ */ n.jsxs(T, { gap: 7, children: [
     /* @__PURE__ */ n.jsxs(b, { justify: "flex-start", gap: 8, children: [
       /* @__PURE__ */ n.jsx(S, { size: "sm", children: "按时间序列展示" }),
-      /* @__PURE__ */ n.jsx(ue, { label: "将看板的时间&步长筛选器与相应的查询维度关联上。", children: /* @__PURE__ */ n.jsx(oe, { size: "xs", variant: "subtle", color: "gray", children: /* @__PURE__ */ n.jsx(mt, {}) }) }),
-      s ? /* @__PURE__ */ n.jsx(tt, { size: "xs", color: "red", checked: t.timeQuery.enabled, onChange: (o) => t.setTimeQueryEnabled(o.currentTarget.checked) }) : /* @__PURE__ */ n.jsx(ue, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ n.jsx(R, { children: /* @__PURE__ */ n.jsx(tt, { size: "xs", color: "red", disabled: !s }) }) })
+      /* @__PURE__ */ n.jsx(he, { label: "将看板的时间&步长筛选器与相应的查询维度关联上。", children: /* @__PURE__ */ n.jsx(oe, { size: "xs", variant: "subtle", color: "gray", children: /* @__PURE__ */ n.jsx(mt, {}) }) }),
+      s ? /* @__PURE__ */ n.jsx(tt, { size: "xs", color: "red", checked: t.timeQuery.enabled, onChange: (o) => t.setTimeQueryEnabled(o.currentTarget.checked) }) : /* @__PURE__ */ n.jsx(he, { label: "由于指标未设定时序维度，所以不具备时间序列展示功能。", children: /* @__PURE__ */ n.jsx(R, { children: /* @__PURE__ */ n.jsx(tt, { size: "xs", color: "red", disabled: !s }) }) })
     ] }),
     /* @__PURE__ */ n.jsx(PP, { queryModel: e })
   ] });
@@ -38101,7 +38120,7 @@ const xP = [{
     error: c
   } = a;
   return /* @__PURE__ */ n.jsx(Ze, { children: /* @__PURE__ */ n.jsxs(b, { justify: "flex-end", gap: 12, align: "flex-end", children: [
-    c ? /* @__PURE__ */ n.jsx(ue, { label: c, children: /* @__PURE__ */ n.jsx(N, { size: "xs", label: "指标", error: !0, styles: {
+    c ? /* @__PURE__ */ n.jsx(he, { label: c, children: /* @__PURE__ */ n.jsx(N, { size: "xs", label: "指标", error: !0, styles: {
       root: {
         flexGrow: 1
       }
@@ -38110,7 +38129,7 @@ const xP = [{
         flexGrow: 1
       }
     }, maxDropdownHeight: 500, value: t.id, onChange: o, rightSection: l ? /* @__PURE__ */ n.jsx(mo, { size: "xs" }) : null }),
-    /* @__PURE__ */ n.jsx(ue, { label: "跳转到指标明细页查看详情。", disabled: l, children: /* @__PURE__ */ n.jsx(Ti, { size: "md", variant: "subtle", mb: 2, href: `/admin/metrics/detail/${t.id}`, target: "_blank", underline: "never", children: /* @__PURE__ */ n.jsx(cP, { width: 14, height: 14 }) }) })
+    /* @__PURE__ */ n.jsx(he, { label: "跳转到指标明细页查看详情。", disabled: l, children: /* @__PURE__ */ n.jsx(Ti, { size: "md", variant: "subtle", mb: 2, href: `/admin/metrics/detail/${t.id}`, target: "_blank", underline: "never", children: /* @__PURE__ */ n.jsx(cP, { width: 14, height: 14 }) }) })
   ] }) });
 }), QP = D(({
   queryModel: e
@@ -38318,7 +38337,7 @@ const xP = [{
     /* @__PURE__ */ n.jsx(R, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ n.jsx(he.Group, { size: "xs", value: t, onChange: r, children: /* @__PURE__ */ n.jsxs(v, { fz: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ n.jsx(de.Group, { size: "xs", value: t, onChange: r, children: /* @__PURE__ */ n.jsxs(v, { fz: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ n.jsx(v.Thead, { children: /* @__PURE__ */ n.jsxs(v.Tr, { children: [
@@ -38339,7 +38358,7 @@ const xP = [{
         var x;
         const g = ((x = h[m.key]) == null ? void 0 : x.length) ?? 0;
         return /* @__PURE__ */ n.jsxs(v.Tr, { children: [
-          /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(he, { value: m.key, styles: {
+          /* @__PURE__ */ n.jsx(v.Td, { children: /* @__PURE__ */ n.jsx(de, { value: m.key, styles: {
             input: {
               cursor: "pointer"
             }
@@ -38446,7 +38465,7 @@ const xP = [{
       flexGrow: 0
     }, children: /* @__PURE__ */ n.jsx(Zr, { size: 14 }) }),
     /* @__PURE__ */ n.jsx(Ge, { size: 800, title: r("view.component.modal.custom_title"), opened: i, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ n.jsxs(T, { children: [
-      /* @__PURE__ */ n.jsx(he, { mt: 10, label: r("common.enabled"), checked: o.enabled, onChange: (g) => c(g.currentTarget.checked) }),
+      /* @__PURE__ */ n.jsx(de, { mt: 10, label: r("common.enabled"), checked: o.enabled, onChange: (g) => c(g.currentTarget.checked) }),
       /* @__PURE__ */ n.jsx(JP, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ n.jsxs(b, { justify: "space-between", children: [
         /* @__PURE__ */ n.jsx(L, { onClick: m, color: "red", leftSection: /* @__PURE__ */ n.jsx(nn, { size: 20 }), children: r("common.actions.revert") }),