@devtable/dashboard 12.2.1 → 12.3.1

package/dist/dashboard.es.js

@@ -1,8 +1,8 @@
-var Ku = Object.defineProperty;
-var Yu = (e, t, n) => t in e ? Ku(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Uu = Object.defineProperty;
+var Yu = (e, t, n) => t in e ? Uu(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var N = (e, t, n) => (Yu(e, typeof t != "symbol" ? t + "" : t, n), n);
 import M, { forwardRef as xe, useState as B, useEffect as O, useCallback as We, useMemo as T, createElement as Jr, useContext as Wt, useRef as Zr, createContext as qa, memo as Xu } from "react";
-import { TextInput as I, Text as j, Box as L, Button as C, HoverCard as Ie, Group as y, Select as A, Stack as _, Divider as z, NumberInput as U, Switch as $e, Table as Ve, ActionIcon as W, MultiSelect as Fn, Paper as Ju, Code as No, Modal as ge, Tabs as f, LoadingOverlay as jn, Alert as es, ColorSwatch as Us, Overlay as Mt, Checkbox as K, Collapse as dr, Tooltip as ye, Center as vn, useMantineTheme as Wa, CheckIcon as Zu, MANTINE_SIZES as eh, SimpleGrid as en, NativeSelect as Ga, SegmentedControl as th, Anchor as Ks, Textarea as nh, Mark as rh, ColorInput as hi, createStyles as ur, Popover as Rn, Slider as sh, Flex as Gt, Badge as mn, CloseButton as Qa, Menu as re, Affix as ih, Header as oh, List as it, FileInput as ah, ThemeIcon as As, UnstyledButton as lh, Navbar as $t, JsonInput as Ha, Pagination as Ua, Drawer as ch, Accordion as kr, Radio as Bo, Skeleton as qo, NavLink as Ys, AppShell as Ka } from "@mantine/core";
+import { TextInput as I, Text as j, Box as L, Button as C, HoverCard as Ie, Group as y, Select as A, Stack as _, Divider as z, NumberInput as K, Switch as $e, Table as Ve, ActionIcon as W, MultiSelect as Fn, Paper as Ju, Code as No, Modal as ge, Tabs as f, LoadingOverlay as jn, Alert as es, ColorSwatch as Ks, Overlay as Mt, Checkbox as U, Collapse as dr, Tooltip as ye, Center as vn, useMantineTheme as Wa, CheckIcon as Zu, MANTINE_SIZES as eh, SimpleGrid as en, NativeSelect as Ga, SegmentedControl as th, Anchor as Us, Textarea as nh, Mark as rh, ColorInput as hi, createStyles as ur, Popover as Rn, Slider as sh, Flex as Gt, Badge as mn, CloseButton as Qa, Menu as re, Affix as ih, Header as oh, List as it, FileInput as ah, ThemeIcon as As, UnstyledButton as lh, Navbar as $t, JsonInput as Ha, Pagination as Ka, Drawer as ch, Accordion as kr, Radio as Bo, Skeleton as qo, NavLink as Ys, AppShell as Ua } from "@mantine/core";
 import { useModals as At, ModalsProvider as Ya } from "@mantine/modals";
 import { useBoolean as Oe, useCreation as wt, useAsyncEffect as hr, useRequest as fn, useWhyDidYouUpdate as Xa, useLatest as Wo, usePrevious as dh } from "ahooks";
 import { toJS as Qt, observable as Ja, runInAction as er, reaction as et, makeAutoObservable as pr } from "mobx";
@@ -19,7 +19,7 @@ import Nr from "numbro";
 import Nt from "axios";
 import { useClipboard as Ch, randomId as bn, useDisclosure as nn, useElementSize as sr, useResizeObserver as kh, useInputState as ol } from "@mantine/hooks";
 import { interpolate as wn } from "popmotion";
-import * as Ue from "echarts/core";
+import * as Ke from "echarts/core";
 import { use as Th } from "echarts/core";
 import { BarChart as Ih, BoxplotChart as Dh, FunnelChart as zh, HeatmapChart as Lh, LineChart as Mh, PieChart as Ah, RadarChart as Rh, ScatterChart as Eh, SunburstChart as Fh } from "echarts/charts";
 import { CalendarComponent as Oh, DataZoomComponent as Ph, GridComponent as $h, LegendComponent as Vh, TooltipComponent as Nh, MarkLineComponent as Bh, MarkAreaComponent as qh, VisualMapComponent as Wh } from "echarts/components";
@@ -29,9 +29,9 @@ import Go from "eventemitter2";
 import ir, { random as ts } from "chroma-js";
 import Xe from "echarts-for-react/lib/core";
 import "echarts-gl";
-import { useForm as we, Controller as g, useFieldArray as je, useWatch as Uh } from "react-hook-form";
-import { DeviceFloppy as fe, Trash as ae, AlertCircle as Kh, Recycle as pt, InfoCircle as Ht, Plus as De, Refresh as mi, Download as fi, ArrowsMaximize as al, Settings as ll, Copy as Yh, ArrowLeft as Xh, ArrowsMove as Jh, ChevronDownRight as Zh, ChevronsUpRight as ep, PlaylistAdd as ns, ArrowBarToRight as tp } from "tabler-icons-react";
-import { IconDeviceFloppy as Rt, IconChevronUp as np, IconChevronDown as rp, IconTextSize as gi, IconInfoCircle as _n, IconPlayerSkipBack as cl, IconRecycle as xr, IconMathFunction as dl, IconPlus as at, IconBorderAll as sp, IconTrash as qt, IconArrowDown as ip, IconArrowUp as op, IconCalendar as ap, IconMinus as lp, IconChevronsUp as cp, IconChevronsDown as dp, IconCode as yn, IconCamera as rs, IconShare3 as up, IconDownload as hp, IconArrowsLeftRight as pp, IconVariable as ul, IconCodeDots as xp, IconFilter as hl, IconCopy as mp, IconDatabase as ss, IconBoxMultiple as pl, IconCaretDown as fp, IconAlertTriangle as xl, IconArrowLeft as gp, IconPlaylistAdd as Qo, IconDevices as bp, IconSettings as mr, IconPointFilled as bi, IconFileImport as Ho, IconCircleDashed as yp, IconCircleDot as jp, IconCircleOff as vp, IconAdjustments as wp, IconLink as _p, IconArrowCurveRight as Xs, IconLine as Sp, IconX as ml, IconEye as fl, IconTable as Cp, IconColumns as kp, IconVectorTriangle as Tp, IconAlertCircle as Uo, IconVariablePlus as Ip, IconHierarchy as Dp, IconDiscountCheckFilled as zp } from "@tabler/icons-react";
+import { useForm as we, Controller as g, useFieldArray as je, useWatch as Kh } from "react-hook-form";
+import { DeviceFloppy as fe, Trash as ae, AlertCircle as Uh, Recycle as pt, InfoCircle as Ht, Plus as De, Refresh as mi, Download as fi, ArrowsMaximize as al, Settings as ll, Copy as Yh, ArrowLeft as Xh, ArrowsMove as Jh, ChevronDownRight as Zh, ChevronsUpRight as ep, PlaylistAdd as ns, ArrowBarToRight as tp } from "tabler-icons-react";
+import { IconDeviceFloppy as Rt, IconChevronUp as np, IconChevronDown as rp, IconTextSize as gi, IconInfoCircle as _n, IconPlayerSkipBack as cl, IconRecycle as xr, IconMathFunction as dl, IconPlus as at, IconBorderAll as sp, IconTrash as qt, IconArrowDown as ip, IconArrowUp as op, IconCalendar as ap, IconMinus as lp, IconChevronsUp as cp, IconChevronsDown as dp, IconCode as yn, IconCamera as rs, IconShare3 as up, IconDownload as hp, IconArrowsLeftRight as pp, IconVariable as ul, IconCodeDots as xp, IconFilter as hl, IconCopy as mp, IconDatabase as ss, IconBoxMultiple as pl, IconCaretDown as fp, IconAlertTriangle as xl, IconArrowLeft as gp, IconPlaylistAdd as Qo, IconDevices as bp, IconSettings as mr, IconPointFilled as bi, IconFileImport as Ho, IconCircleDashed as yp, IconCircleDot as jp, IconCircleOff as vp, IconAdjustments as wp, IconLink as _p, IconArrowCurveRight as Xs, IconLine as Sp, IconX as ml, IconEye as fl, IconTable as Cp, IconColumns as kp, IconVectorTriangle as Tp, IconAlertCircle as Ko, IconVariablePlus as Ip, IconHierarchy as Dp, IconDiscountCheckFilled as zp } from "@tabler/icons-react";
 import { showNotification as On, notifications as gl } from "@mantine/notifications";
 import Je, { loader as Rs } from "@monaco-editor/react";
 import * as Jt from "d3-regression";
@@ -51,8 +51,8 @@ import zl from "@tiptap/extension-underline";
 import { useEditor as Ll } from "@tiptap/react";
 import Ml from "@tiptap/starter-kit";
 import "prosemirror-keymap";
-import { createParagraphNear as Mp, deleteSelection as Ap, exitCode as Rp, joinUp as Ep, joinDown as Fp, joinBackward as Op, joinForward as Pp, lift as $p, liftEmptyBlock as Vp, newlineInCode as Np, selectNodeBackward as Bp, selectNodeForward as qp, selectParentNode as Wp, selectTextblockEnd as Gp, selectTextblockStart as Qp, setBlockType as Ko, wrapIn as Hp } from "prosemirror-commands";
-import { liftListItem as Up, sinkListItem as Kp, wrapInList as Yp } from "prosemirror-schema-list";
+import { createParagraphNear as Mp, deleteSelection as Ap, exitCode as Rp, joinUp as Ep, joinDown as Fp, joinBackward as Op, joinForward as Pp, lift as $p, liftEmptyBlock as Vp, newlineInCode as Np, selectNodeBackward as Bp, selectNodeForward as qp, selectParentNode as Wp, selectTextblockEnd as Gp, selectTextblockStart as Qp, setBlockType as Uo, wrapIn as Hp } from "prosemirror-commands";
+import { liftListItem as Kp, sinkListItem as Up, wrapInList as Yp } from "prosemirror-schema-list";
 import { Prism as tn } from "@mantine/prism";
 import { flexRender as Br, createColumnHelper as Al, useReactTable as Rl, getCoreRowModel as El, getSortedRowModel as Xp } from "@tanstack/react-table";
 import { useVirtual as Jp } from "react-virtual";
@@ -231,13 +231,13 @@ function Hx() {
         }
       return null;
     }
-    var an = Object.assign, Un = 0, yo, jo, vo, wo, _o, So, Co;
+    var an = Object.assign, Kn = 0, yo, jo, vo, wo, _o, So, Co;
     function ko() {
     }
     ko.__reactDisabledLog = !0;
     function Su() {
       {
-        if (Un === 0) {
+        if (Kn === 0) {
           yo = console.log, jo = console.info, vo = console.warn, wo = console.error, _o = console.group, So = console.groupCollapsed, Co = console.groupEnd;
           var v = {
             configurable: !0,
@@ -255,12 +255,12 @@ function Hx() {
             groupEnd: v
           });
         }
-        Un++;
+        Kn++;
       }
     }
     function Cu() {
       {
-        if (Un--, Un === 0) {
+        if (Kn--, Kn === 0) {
           var v = {
             configurable: !0,
             enumerable: !0,
@@ -290,7 +290,7 @@ function Hx() {
             })
           });
         }
-        Un < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        Kn < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Cs = R.ReactCurrentDispatcher, ks;
@@ -361,14 +361,14 @@ function Hx() {
       } catch (Ot) {
         if (Ot && H && typeof Ot.stack == "string") {
           for (var ee = Ot.stack.split(`
-`), Ke = H.stack.split(`
-`), Te = ee.length - 1, ze = Ke.length - 1; Te >= 1 && ze >= 0 && ee[Te] !== Ke[ze]; )
+`), Ue = H.stack.split(`
+`), Te = ee.length - 1, ze = Ue.length - 1; Te >= 1 && ze >= 0 && ee[Te] !== Ue[ze]; )
             ze--;
           for (; Te >= 1 && ze >= 0; Te--, ze--)
-            if (ee[Te] !== Ke[ze]) {
+            if (ee[Te] !== Ue[ze]) {
               if (Te !== 1 || ze !== 1)
                 do
-                  if (Te--, ze--, ze < 0 || ee[Te] !== Ke[ze]) {
+                  if (Te--, ze--, ze < 0 || ee[Te] !== Ue[ze]) {
                     var lt = `
 ` + ee[Te].replace(" at new ", " at ");
                     return v.displayName && lt.includes("<anonymous>") && (lt = lt.replace("<anonymous>", v.displayName)), typeof v == "function" && wr.set(v, lt), lt;
@@ -435,8 +435,8 @@ function Hx() {
             var ee = void 0;
             try {
               if (typeof v[ie] != "function") {
-                var Ke = Error((H || "React class") + ": " + V + " type `" + ie + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof v[ie] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Ke.name = "Invariant Violation", Ke;
+                var Ue = Error((H || "React class") + ": " + V + " type `" + ie + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof v[ie] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Ue.name = "Invariant Violation", Ue;
               }
               ee = v[ie](E, ie, H, V, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Te) {
@@ -470,7 +470,7 @@ function Hx() {
       if (Mu(v))
         return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Lu(v)), zo(v);
     }
-    var Kn = R.ReactCurrentOwner, Au = {
+    var Un = R.ReactCurrentOwner, Au = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -494,9 +494,9 @@ function Hx() {
       return v.key !== void 0;
     }
     function Fu(v, E) {
-      if (typeof v.ref == "string" && Kn.current && E && Kn.current.stateNode !== E) {
-        var V = Ft(Kn.current.type);
-        Ds[V] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Ft(Kn.current.type), v.ref), Ds[V] = !0);
+      if (typeof v.ref == "string" && Un.current && E && Un.current.stateNode !== E) {
+        var V = Ft(Un.current.type);
+        Ds[V] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Ft(Un.current.type), v.ref), Ds[V] = !0);
       }
     }
     function Ou(v, E) {
@@ -552,8 +552,8 @@ function Hx() {
     };
     function Vu(v, E, V, H, ce) {
       {
-        var be, ie = {}, ee = null, Ke = null;
-        V !== void 0 && (Lo(V), ee = "" + V), Eu(E) && (Lo(E.key), ee = "" + E.key), Ru(E) && (Ke = E.ref, Fu(E, ce));
+        var be, ie = {}, ee = null, Ue = null;
+        V !== void 0 && (Lo(V), ee = "" + V), Eu(E) && (Lo(E.key), ee = "" + E.key), Ru(E) && (Ue = E.ref, Fu(E, ce));
         for (be in E)
           Sr.call(E, be) && !Au.hasOwnProperty(be) && (ie[be] = E[be]);
         if (v && v.defaultProps) {
@@ -561,11 +561,11 @@ function Hx() {
           for (be in Te)
             ie[be] === void 0 && (ie[be] = Te[be]);
         }
-        if (ee || Ke) {
+        if (ee || Ue) {
           var ze = typeof v == "function" ? v.displayName || v.name || "Unknown" : v;
-          ee && Ou(ie, ze), Ke && Pu(ie, ze);
+          ee && Ou(ie, ze), Ue && Pu(ie, ze);
         }
-        return $u(v, ee, Ke, ce, H, Kn.current, ie);
+        return $u(v, ee, Ue, ce, H, Un.current, ie);
       }
     }
     var zs = R.ReactCurrentOwner, Ro = R.ReactDebugCurrentFrame;
@@ -692,8 +692,8 @@ Check the top-level render call using <` + V + ">.");
         if (!ie) {
           var ee = "";
           (v === void 0 || typeof v == "object" && v !== null && Object.keys(v).length === 0) && (ee += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Ke = Nu(ce);
-          Ke ? ee += Ke : ee += Eo();
+          var Ue = Nu(ce);
+          Ue ? ee += Ue : ee += Eo();
           var Te;
           v === null ? Te = "null" : Is(v) ? Te = "array" : v !== void 0 && v.$$typeof === t ? (Te = "<" + (Ft(v.type) || "Unknown") + " />", ee = " Did you accidentally export a JSX literal instead of a component?") : Te = typeof v, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Te, ee);
         }
@@ -722,13 +722,13 @@ Check the top-level render call using <` + V + ">.");
     function Qu(v, E, V) {
       return $o(v, E, V, !1);
     }
-    var Hu = Qu, Uu = Gu;
-    Xn.Fragment = s, Xn.jsx = Hu, Xn.jsxs = Uu;
+    var Hu = Qu, Ku = Gu;
+    Xn.Fragment = s, Xn.jsx = Hu, Xn.jsxs = Ku;
   }()), Xn;
 }
 process.env.NODE_ENV === "production" ? Zs.exports = Qx() : Zs.exports = Hx();
 var r = Zs.exports;
-const Ut = {
+const Kt = {
   CryptoJS: ph,
   d3Array: xh,
   dayjs: F,
@@ -736,7 +736,7 @@ const Ut = {
   numbro: Nr,
   mathjs: En,
   faker: uh
-}, Ux = [{
+}, Kx = [{
   name: "CryptoJS",
   url: "https://github.com/brix/crypto-js",
   version: "4.1.1"
@@ -764,7 +764,7 @@ const Ut = {
   name: "faker",
   url: "https://fakerjs.dev/",
   version: "7.6.0"
-}], Kx = (e) => `
+}], Ux = (e) => `
 <tr>
   <td><code>${e.name}</code></td>
   <td>
@@ -788,7 +788,7 @@ const Ut = {
     </tr>
   </thead>
   <tbody>
-    ${Ux.map(Kx).join("")}
+    ${Kx.map(Ux).join("")}
   </tbody>
 </table>
 `;
@@ -816,7 +816,7 @@ function Xx({
   try {
     return new Function(`return ${t}`)()({
       sql: e
-    }, Ut);
+    }, Kt);
   } catch (n) {
     return console.error(n), e;
   }
@@ -825,7 +825,7 @@ function Jx(e, t, n) {
   if (!e.trim())
     return t;
   try {
-    return new Function(`return ${e}`)()(t, Ut, n);
+    return new Function(`return ${e}`)()(t, Kt, n);
   } catch (s) {
     return console.error(s), t;
   }
@@ -1063,7 +1063,7 @@ function cm(e, t, n) {
     const s = fr(e, t);
     return new Function(`return ${n.config.func}`)()({
       queryData: s
-    }, Ut);
+    }, Kt);
   } catch (s) {
     return console.error(s), s.message;
   }
@@ -1112,7 +1112,7 @@ function ne(e, {
 function um(e) {
   return e === null ? "null" : e === void 0 ? "undefined" : Array.isArray(e) ? `Array(${e.length})` : e.toString();
 }
-function Kt({
+function Ut({
   data_field: e,
   aggregation: t
 }, n) {
@@ -1288,7 +1288,7 @@ const ei = {
   }
 };
 function bm() {
-  Ue.registerTheme("merico-light", {
+  Ke.registerTheme("merico-light", {
     color: Object.values(ei.graphics.multiple),
     visualMap: {
       color: Object.values(ei.graphics.depth).reverse()
@@ -1371,7 +1371,7 @@ function jm(e, t = {
   return (n) => /* @__PURE__ */ r.jsx(Qe, { ...t, children: /* @__PURE__ */ r.jsx(e, { ...n }) });
 }
 function vm(e, t) {
-  return new Function(`return ${e}`)()(t, Ut);
+  return new Function(`return ${e}`)()(t, Kt);
 }
 function wm(e, t, n) {
   return vm(e, {
@@ -1381,16 +1381,16 @@ function wm(e, t, n) {
 }
 function _m(e, t) {
   try {
-    return new Function(`return ${e.config.processing.pre}`)()(t, Ut);
+    return new Function(`return ${e.config.processing.pre}`)()(t, Kt);
   } catch (n) {
     return console.error(n), t;
   }
 }
 function Sm(e, t) {
-  return new Function(`return ${e.config.processing.post}`)()(t, Ut);
+  return new Function(`return ${e.config.processing.post}`)()(t, Kt);
 }
 function Cm(e, t, n) {
-  return e ? new Function(`return ${e}`)()(t, Ut, n) : t;
+  return e ? new Function(`return ${e}`)()(t, Kt, n) : t;
 }
 function Wl() {
   Th([Gh, Ih, Dh, zh, Lh, Mh, Ah, Rh, Eh, Fh, Oh, Ph, $h, Vh, Nh, Bh, qh, Wh]);
@@ -1631,7 +1631,7 @@ const Lm = (e) => {
     ...Hl(a, s, t, i)
   }, c = o.configRender;
   return /* @__PURE__ */ r.jsx(c, { context: l, instance: a, ...gn(e, ["panel", "vizManager", "data"]) });
-}, Ul = (e, t) => {
+}, Kl = (e, t) => {
   const n = ir.bezier(e), s = ir.bezier(t);
   return function(i) {
     return i < 50 ? n(i * 2 / 100).hex() : s((i - 50) * 2 / 100).hex();
@@ -1644,13 +1644,13 @@ const Lm = (e) => {
 }, Am = {
   type: "interpolation",
   displayName: "Red / Green",
-  getColor: Ul(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
+  getColor: Kl(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
   name: "red-green",
   category: "diverging"
 }, Rm = {
   type: "interpolation",
   displayName: "Yellow / Blue",
-  getColor: Ul(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
+  getColor: Kl(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
   name: "yellow-blue",
   category: "diverging"
 }, Em = {
@@ -1724,9 +1724,9 @@ class Si {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const Kl = "12.2.1", Vm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ul = "12.3.1", Vm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  version: Kl
+  version: Ul
 }, Symbol.toStringTag, { value: "Module" }));
 class Nm {
   constructor(t) {
@@ -1962,7 +1962,7 @@ function Wm({
       data: u.map((P) => [P[p.columnKey], P[x.columnKey], P[b.columnKey]])
     }]
   };
-  return t ? /* @__PURE__ */ r.jsx(nt, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: R, style: gr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
+  return t ? /* @__PURE__ */ r.jsx(nt, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: R, style: gr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
 }
 const Yl = M.createContext(null), Xl = Yl.Provider;
 function Jl() {
@@ -2000,11 +2000,11 @@ function oc() {
     throw new Error("Please use PanelContextProvider");
   return e;
 }
-const Sn = () => oc(), Ct = () => oc(), Um = {
+const Sn = () => oc(), Ct = () => oc(), Km = {
   fullScreenPanelID: "",
   setFullScreenPanelID: w.noop
-}, ac = M.createContext(Um);
-function Km() {
+}, ac = M.createContext(Km);
+function Um() {
   const e = M.useContext(ac);
   if (!e)
     throw new Error("Please use FullScreenPanelContext.Provider");
@@ -2229,7 +2229,7 @@ const nf = [{
       color: "dimmed"
     } }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
-      /* @__PURE__ */ r.jsx(U, { label: "Max Width", hideControls: !0, value: t.width, onChange: i("width") }),
+      /* @__PURE__ */ r.jsx(K, { label: "Max Width", hideControls: !0, value: t.width, onChange: i("width") }),
       /* @__PURE__ */ r.jsx(A, { label: "Overflow", data: nf, value: t.overflow, onChange: i("overflow") }),
       /* @__PURE__ */ r.jsx(
         I,
@@ -3102,7 +3102,7 @@ const Bf = k(({
   });
   return /* @__PURE__ */ r.jsxs(_, { children: [
     /* @__PURE__ */ r.jsx(jn, { visible: u }),
-    h === 0 && /* @__PURE__ */ r.jsx(es, { icon: /* @__PURE__ */ r.jsx(Kh, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
+    h === 0 && /* @__PURE__ */ r.jsx(es, { icon: /* @__PURE__ */ r.jsx(Uh, { size: 16 }), title: "Unavailable", color: "gray", children: "This visualization does not have available interactions to choose from" }),
     l.map((p) => /* @__PURE__ */ r.jsx(Bf, { onRemove: d, instance: i, sampleData: o, variables: a, item: p, manager: e.interactionManager }, p.id)),
     /* @__PURE__ */ r.jsx(C, { style: {
       width: "fit-content"
@@ -3177,12 +3177,12 @@ const Hf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   }
 };
-function Uf(e) {
+function Kf(e) {
   return w.defaultsDeep({}, e, hc);
 }
-const Kf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Uf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getYAxis: Uf,
+  getYAxis: Kf,
   yAxis: hc
 }, Symbol.toStringTag, { value: "Module" })), pc = {
   confine: !0,
@@ -3197,7 +3197,7 @@ const Xf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   tooltip: pc
 }, Symbol.toStringTag, { value: "Module" })), ue = {
   ...Hf,
-  ...Kf,
+  ...Uf,
   ...Xf
 };
 function Wn({
@@ -3301,7 +3301,7 @@ function tg({
 }
 function ng(e, t, n) {
   const s = t.reduce((i, o) => {
-    const a = Kt(o, n);
+    const a = Ut(o, n);
     return i[o.name] = xt(o, a), i;
   }, {});
   return e.map((i) => ({
@@ -3743,7 +3743,7 @@ function bg({
     data: i,
     variables: s
   }), [l, i, s]);
-  return !n || !o || !a ? null : /* @__PURE__ */ r.jsx(nt, { width: o, height: a, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: x, style: gr(o, a), onEvents: p, notMerge: !0, theme: "merico-light" }) });
+  return !n || !o || !a ? null : /* @__PURE__ */ r.jsx(nt, { width: o, height: a, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: x, style: gr(o, a), onEvents: p, notMerge: !0, theme: "merico-light" }) });
 }
 function yg({
   value: e,
@@ -3764,7 +3764,7 @@ function yg({
         placeholder: "Set any color",
         value: o ? "" : e,
         onChange: (a) => t(a.currentTarget.value),
-        rightSection: /* @__PURE__ */ r.jsx(Us, { color: o ? "transparent" : e, radius: 4 }),
+        rightSection: /* @__PURE__ */ r.jsx(Ks, { color: o ? "transparent" : e, radius: 4 }),
         variant: o ? "filled" : "default",
         sx: {
           maxWidth: "46%",
@@ -3783,7 +3783,7 @@ function yg({
         onChange: t,
         variant: o ? "default" : "filled",
         placeholder: "Pick a theme color",
-        icon: /* @__PURE__ */ r.jsx(Us, { color: o ? e : "transparent", radius: 4 }),
+        icon: /* @__PURE__ */ r.jsx(Ks, { color: o ? e : "transparent", radius: 4 }),
         sx: {
           maxWidth: "46%",
           flexGrow: 1
@@ -3922,7 +3922,7 @@ const wg = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(wg, { value: a.func_content, onChange: u, disabled: !a.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -3955,7 +3955,7 @@ const wg = ({
       field: n
     }) => (
       // @ts-expect-error type of onChange
-      /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+      /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
         width: "48%"
       }, styles: {
         rightSection: {
@@ -4065,7 +4065,7 @@ function kg({
       }, styles: Fs })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(U, { label: "Mantissa", defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: i }),
+      /* @__PURE__ */ r.jsx(K, { label: "Mantissa", defaultValue: 0, min: 0, step: 1, max: 4, value: e.mantissa, onChange: i }),
       /* @__PURE__ */ r.jsx($e, { label: /* @__PURE__ */ r.jsxs(_, { spacing: 0, children: [
         /* @__PURE__ */ r.jsx(j, { children: "Trim mantissa" }),
         /* @__PURE__ */ r.jsx(j, { size: 12, color: "gray", children: "hide trailing zero(s)" })
@@ -4574,11 +4574,11 @@ const Li = {
   left: "flex-start",
   center: "center",
   right: "flex-end"
-}, Ug = {
+}, Kg = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end"
-}, Kg = k(({
+}, Ug = k(({
   context: e,
   instance: t
 }) => {
@@ -4604,7 +4604,7 @@ const Li = {
     width: u,
     height: p,
     justifyContent: Hg[c],
-    alignItems: Ug[d]
+    alignItems: Kg[d]
   }, children: /* @__PURE__ */ r.jsx(C, { ...h, onClick: b, children: xi(l)(x) }) });
 }), Yg = ({
   value: e,
@@ -4618,7 +4618,7 @@ const Li = {
     }, children: n }),
     /* @__PURE__ */ r.jsx(y, { position: "left", spacing: "xs", children: Object.keys(s.colors).map((a) => {
       const l = s.colors[a][6];
-      return /* @__PURE__ */ r.jsx(Us, { color: l, onClick: i(a), radius: 4, size: 26, sx: {
+      return /* @__PURE__ */ r.jsx(Ks, { color: l, onClick: i(a), radius: 4, size: 26, sx: {
         cursor: "pointer"
       }, children: o(a) && /* @__PURE__ */ r.jsx(Zu, { width: 10, color: "white" }) }, a);
     }) })
@@ -4728,7 +4728,7 @@ function nb({
         }) => /* @__PURE__ */ r.jsx(Jg, { label: "Size", ...p }) }),
         /* @__PURE__ */ r.jsx(g, { control: o, name: "compact", render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(K, { label: "Compact", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked), mt: 26 }) })
+        }) => /* @__PURE__ */ r.jsx(U, { label: "Compact", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked), mt: 26 }) })
       ] }),
       /* @__PURE__ */ r.jsxs(en, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(
@@ -4787,7 +4787,7 @@ const sb = {
   displayGroup: "Others",
   migrator: new rb(),
   name: "button",
-  viewRender: Kg,
+  viewRender: Ug,
   configRender: nb,
   createConfig() {
     return {
@@ -5284,7 +5284,7 @@ function kb(e) {
 function fc(e, t) {
   const n = {};
   return t.map((s) => {
-    const i = Kt(s, e);
+    const i = Ut(s, e);
     n[s.name] = xt(s, i);
   }), n;
 }
@@ -5431,7 +5431,7 @@ function Ab({
   };
   return O(() => {
     h.current && ra(h.current);
-  }, [d]), !n || !s ? null : /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: d, style: {
+  }, [d]), !n || !s ? null : /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: d, style: {
     width: n,
     height: s
   }, onEvents: u, onChartReady: p, notMerge: !0, theme: "merico-light" });
@@ -5693,7 +5693,7 @@ function Nb({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -5708,7 +5708,7 @@ function Nb({
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
       right: 5
@@ -5856,7 +5856,7 @@ function Gb({
           control: e,
           render: ({
             field: a
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Order", sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Order", sx: {
             flex: 1
           }, ...a })
         }
@@ -5883,7 +5883,7 @@ function Gb({
           control: e,
           render: ({
             field: a
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...a })
         }
@@ -6723,7 +6723,7 @@ const vc = {
   table: !0,
   tfoot: !0,
   ul: !0
-}, Ub = {
+}, Kb = {
   head: !0,
   noscript: !0,
   object: !0,
@@ -6832,9 +6832,9 @@ class oa {
   // none is found, the element's content nodes are added directly.
   addElement(t, n) {
     let s = t.nodeName.toLowerCase(), i;
-    wc.hasOwnProperty(s) && this.parser.normalizeLists && Kb(t);
+    wc.hasOwnProperty(s) && this.parser.normalizeLists && Ub(t);
     let o = this.options.ruleFromNode && this.options.ruleFromNode(t) || (i = this.parser.matchTag(t, this, n));
-    if (o ? o.ignore : Ub.hasOwnProperty(s))
+    if (o ? o.ignore : Kb.hasOwnProperty(s))
       this.findInside(t), this.ignoreFallback(t);
     else if (!o || o.skip || o.closeParent) {
       o && o.closeParent ? this.open = Math.max(0, this.open - 1) : o && o.skip.nodeType && (t = o.skip);
@@ -7063,7 +7063,7 @@ class oa {
     }
   }
 }
-function Kb(e) {
+function Ub(e) {
   for (let t = e.firstChild, n = null; t; t = t.nextSibling) {
     let s = t.nodeType == 1 ? t.nodeName.toLowerCase() : null;
     s && wc.hasOwnProperty(s) && n ? (n.appendChild(t), t = n) : s == "li" ? n = t : s && (n = null);
@@ -8534,7 +8534,7 @@ function xa(e) {
   const t = `<body>${e}</body>`;
   return new window.DOMParser().parseFromString(t, "text/html").body;
 }
-function Ur(e, t, n) {
+function Kr(e, t, n) {
   if (n = {
     slice: !0,
     parseOptions: {},
@@ -8543,13 +8543,13 @@ function Ur(e, t, n) {
     try {
       return Array.isArray(e) && e.length > 0 ? de.fromArray(e.map((s) => t.nodeFromJSON(s))) : t.nodeFromJSON(e);
     } catch (s) {
-      return console.warn("[tiptap warn]: Invalid content.", "Passed value:", e, "Error:", s), Ur("", t, n);
+      return console.warn("[tiptap warn]: Invalid content.", "Passed value:", e, "Error:", s), Kr("", t, n);
     }
   if (typeof e == "string") {
     const s = Wr.fromSchema(t);
     return n.slice ? s.parseSlice(xa(e), n.parseOptions).content : s.parse(xa(e), n.parseOptions);
   }
-  return Ur("", t, n);
+  return Kr("", t, n);
 }
 function My(e, t, n) {
   const s = e.steps.length - 1;
@@ -8571,7 +8571,7 @@ const Ay = (e) => e.toString().startsWith("<"), Ry = (e, t, n) => ({ tr: s, disp
       updateSelection: !0,
       ...n
     };
-    const a = Ur(t, o.schema, {
+    const a = Kr(t, o.schema, {
       parseOptions: {
         preserveWhitespace: "full",
         ...n.parseOptions
@@ -8652,7 +8652,7 @@ const Ny = (e, t = {}) => ({ state: n, dispatch: s }) => {
   return Vi(n, i, t) ? $p(n, s) : !1;
 }, By = () => ({ state: e, dispatch: t }) => Vp(e, t), qy = (e) => ({ state: t, dispatch: n }) => {
   const s = He(e, t.schema);
-  return Up(s)(t, n);
+  return Kp(s)(t, n);
 }, Wy = () => ({ state: e, dispatch: t }) => Np(e, t);
 function Fc(e, t) {
   return t.nodes[e] ? "node" : t.marks[e] ? "mark" : null;
@@ -8674,9 +8674,9 @@ const Gy = (e, t) => ({ tr: n, state: s, dispatch: i }) => {
 }, Qy = () => ({ tr: e, dispatch: t }) => (t && e.scrollIntoView(), !0), Hy = () => ({ tr: e, commands: t }) => t.setTextSelection({
   from: 0,
   to: e.doc.content.size
-}), Uy = () => ({ state: e, dispatch: t }) => Bp(e, t), Ky = () => ({ state: e, dispatch: t }) => qp(e, t), Yy = () => ({ state: e, dispatch: t }) => Wp(e, t), Xy = () => ({ state: e, dispatch: t }) => Gp(e, t), Jy = () => ({ state: e, dispatch: t }) => Qp(e, t);
+}), Ky = () => ({ state: e, dispatch: t }) => Bp(e, t), Uy = () => ({ state: e, dispatch: t }) => qp(e, t), Yy = () => ({ state: e, dispatch: t }) => Wp(e, t), Xy = () => ({ state: e, dispatch: t }) => Gp(e, t), Jy = () => ({ state: e, dispatch: t }) => Qp(e, t);
 function Zy(e, t, n = {}) {
-  return Ur(e, t, { slice: !1, parseOptions: n });
+  return Kr(e, t, { slice: !1, parseOptions: n });
 }
 const ej = (e, t = !1, n = {}) => ({ tr: s, editor: i, dispatch: o }) => {
   const { doc: a } = s, l = Zy(e, i.schema, n);
@@ -8800,7 +8800,7 @@ const oj = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return ij(s, n, c);
 }, aj = (e, t) => ({ tr: n }) => (n.setMeta(e, t), !0), lj = (e, t = {}) => ({ state: n, dispatch: s, chain: i }) => {
   const o = He(e, n.schema);
-  return o.isTextblock ? i().command(({ commands: a }) => Ko(o, t)(n) ? !0 : a.clearNodes()).command(({ state: a }) => Ko(o, t)(a, s)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
+  return o.isTextblock ? i().command(({ commands: a }) => Uo(o, t)(n) ? !0 : a.clearNodes()).command(({ state: a }) => Uo(o, t)(a, s)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, cj = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
     const { doc: s } = t, i = pn(e, 0, s.content.size), o = ot.create(s, i);
@@ -8815,7 +8815,7 @@ const oj = (e, t = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return !0;
 }, uj = (e) => ({ state: t, dispatch: n }) => {
   const s = He(e, t.schema);
-  return Kp(s)(t, n);
+  return Up(s)(t, n);
 };
 function ga(e, t) {
   const n = e.storedMarks || e.selection.$to.parentOffset && e.selection.$from.marks();
@@ -9037,8 +9037,8 @@ var Sj = /* @__PURE__ */ Object.freeze({
   resetAttributes: Gy,
   scrollIntoView: Qy,
   selectAll: Hy,
-  selectNodeBackward: Uy,
-  selectNodeForward: Ky,
+  selectNodeBackward: Ky,
+  selectNodeForward: Uy,
   selectParentNode: Yy,
   selectTextblockEnd: Xy,
   selectTextblockStart: Jy,
@@ -9468,7 +9468,7 @@ function Mj({
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, pt: s, children: [
       /* @__PURE__ */ r.jsx(A, { ref: o, label: e, data: Lj, value: t.type, onChange: a, maxDropdownHeight: 600 }),
-      t.type === "quantile" && /* @__PURE__ */ r.jsx(U, { label: "p", value: t.config.p, onChange: l, precision: 2, min: 0.05, step: 0.05, max: 1 }),
+      t.type === "quantile" && /* @__PURE__ */ r.jsx(K, { label: "p", value: t.config.p, onChange: l, precision: 2, min: 0.05, step: 0.05, max: 1 }),
       t.type === "custom" && /* @__PURE__ */ r.jsx(Pc, { title: "Custom Aggregation", label: "", triggerLabel: "Edit Function", value: t.config.func, onChange: c, defaultValue: ea, triggerButtonProps: {
         size: "xs",
         sx: {
@@ -9606,7 +9606,7 @@ const Ej = ({
       size: s
     });
   };
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(U, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(K, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
 }, $j = [{
   label: "Static",
   value: "static"
@@ -9680,7 +9680,7 @@ function Bj({
           control: e,
           render: ({
             field: i
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...i })
         }
@@ -9858,7 +9858,7 @@ function Gj({
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Hide in legend", checked: a.value, onChange: (l) => a.onChange(l.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Hide in legend", checked: a.value, onChange: (l) => a.onChange(l.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
@@ -9946,7 +9946,7 @@ function Hj({
     }, ...n }) })
   ] }) });
 }
-const Uj = () => /* @__PURE__ */ r.jsxs(y, { sx: {
+const Kj = () => /* @__PURE__ */ r.jsxs(y, { sx: {
   display: "inline-flex"
 }, spacing: 6, mr: 14, children: [
   /* @__PURE__ */ r.jsx(j, { children: "X Axis Data Type" }),
@@ -9956,11 +9956,11 @@ const Uj = () => /* @__PURE__ */ r.jsxs(y, { sx: {
     }, children: /* @__PURE__ */ r.jsx(_n, {}) }) }),
     /* @__PURE__ */ r.jsx(Ie.Dropdown, { children: /* @__PURE__ */ r.jsxs(j, { size: "sm", children: [
       "Click",
-      /* @__PURE__ */ r.jsx(Ks, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 4, children: "here" }),
+      /* @__PURE__ */ r.jsx(Us, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 4, children: "here" }),
       "to learn more about these options"
     ] }) })
   ] })
-] }), Kj = [{
+] }), Uj = [{
   label: "Value",
   value: "value"
 }, {
@@ -9993,7 +9993,7 @@ function Yj({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(A, { label: /* @__PURE__ */ r.jsx(Uj, {}), required: !0, data: Kj, sx: {
+        /* @__PURE__ */ r.jsx(A, { label: /* @__PURE__ */ r.jsx(Kj, {}), required: !0, data: Uj, sx: {
           flex: 1
         }, ...n })
       ) })
@@ -10004,7 +10004,7 @@ function Yj({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -10092,7 +10092,7 @@ function Zj({
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.show`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), disabled: t === 0, children: "Delete this YAxis" })
   ] });
 }
@@ -10869,7 +10869,7 @@ function Rv({
   height: s
 }) {
   const i = M.useMemo(() => Mv(e, t), [e, t]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: i, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: i, style: {
     width: n,
     height: s
   }, notMerge: !0, theme: "merico-light" });
@@ -11010,7 +11010,7 @@ const Fv = [{
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { disabled: !i, labelProps: {
+        /* @__PURE__ */ r.jsx(K, { disabled: !i, labelProps: {
           display: "block"
         }, label: /* @__PURE__ */ r.jsxs(y, { position: "apart", pr: 6, sx: {
           width: "100%"
@@ -11018,7 +11018,7 @@ const Fv = [{
           /* @__PURE__ */ r.jsx(j, { children: "Min Value" }),
           /* @__PURE__ */ r.jsx(ye, { label: "Check to enable specific min value", children: /* @__PURE__ */ r.jsx(L, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.min.enable_value`, control: t, render: ({
             field: c
-          }) => /* @__PURE__ */ r.jsx(K, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
+          }) => /* @__PURE__ */ r.jsx(U, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.min.size`, control: t, render: ({
@@ -11030,7 +11030,7 @@ const Fv = [{
         field: l
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { disabled: !o, labelProps: {
+        /* @__PURE__ */ r.jsx(K, { disabled: !o, labelProps: {
           display: "block"
         }, label: /* @__PURE__ */ r.jsxs(y, { position: "apart", pr: 6, sx: {
           width: "100%"
@@ -11038,7 +11038,7 @@ const Fv = [{
           /* @__PURE__ */ r.jsx(j, { children: "Max Value" }),
           /* @__PURE__ */ r.jsx(ye, { label: "Check to enable specific max value", children: /* @__PURE__ */ r.jsx(L, { children: /* @__PURE__ */ r.jsx(g, { name: `series.${n}.max.enable_value`, control: t, render: ({
             field: c
-          }) => /* @__PURE__ */ r.jsx(K, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
+          }) => /* @__PURE__ */ r.jsx(U, { size: "xs", checked: c.value, onChange: (d) => c.onChange(d.currentTarget.checked) }) }) }) })
         ] }), ...l })
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.max.size`, control: t, render: ({
@@ -11081,7 +11081,7 @@ const Fv = [{
           control: t,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { placeholder: "0, 5, 10...", label: "Gap", ...l })
+          }) => /* @__PURE__ */ r.jsx(K, { placeholder: "0, 5, 10...", label: "Gap", ...l })
         }
       )
     ] }),
@@ -11261,14 +11261,14 @@ function ba({
     }
   };
 }
-function Uv(e) {
+function Kv(e) {
   const t = ba(e.x_axis.axisLabel.formatter), n = ba(e.y_axis.axisLabel.formatter);
   return {
     x_axis: t,
     y_axis: n
   };
 }
-function Kv(e) {
+function Uv(e) {
   return {
     heat_block: function(s) {
       if (!e.heat_block.value_formatter)
@@ -11491,7 +11491,7 @@ const tw = ({
       value: s
     });
   };
-  return /* @__PURE__ */ r.jsx(U, { defaultValue: 18, label: " ", hideControls: !0, value: e.value, onChange: n });
+  return /* @__PURE__ */ r.jsx(K, { defaultValue: 18, label: " ", hideControls: !0, value: e.value, onChange: n });
 }, iw = [{
   label: "Static",
   value: "static"
@@ -11652,9 +11652,9 @@ function dw(e, t, n, s, i) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
   const o = n.reduce((D, R) => {
-    const P = Kt(R, t);
+    const P = Ut(R, t);
     return D[R.name] = xt(R, P), D;
-  }, {}), a = Uv(e), l = Kv(e), c = $(e.x_axis.data_key), d = $(e.y_axis.data_key), h = $(e.heat_block.data_key), u = w.uniq(t[c.queryID].map((D) => D[c.columnKey])), p = w.uniq(t[c.queryID].map((D) => D[d.columnKey])), x = t[c.queryID].map((D) => [w.get(D, c.columnKey), w.get(D, d.columnKey), w.get(D, h.columnKey)]), b = cw(u.length, p.length, s, i);
+  }, {}), a = Kv(e), l = Uv(e), c = $(e.x_axis.data_key), d = $(e.y_axis.data_key), h = $(e.heat_block.data_key), u = w.uniq(t[c.queryID].map((D) => D[c.columnKey])), p = w.uniq(t[c.queryID].map((D) => D[d.columnKey])), x = t[c.queryID].map((D) => [w.get(D, c.columnKey), w.get(D, d.columnKey), w.get(D, h.columnKey)]), b = cw(u.length, p.length, s, i);
   return {
     xAxis: aw(e, u, a.x_axis, b),
     yAxis: lw(e, p, a.y_axis, b),
@@ -11769,7 +11769,7 @@ function pw({
   }, [a, l, i]), d = T(() => ({
     click: c
   }), [c]), h = M.useMemo(() => dw(e, t, o, n, s), [e, t, n, s]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: h, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: h, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -11833,7 +11833,7 @@ function mw({
         field: s
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { size: "xs", icon: /* @__PURE__ */ r.jsx(gi, { size: 16 }), disabled: !n, ...s })
+        /* @__PURE__ */ r.jsx(K, { size: "xs", icon: /* @__PURE__ */ r.jsx(gi, { size: 16 }), disabled: !n, ...s })
       ) })
     ] })
   ] });
@@ -11978,7 +11978,7 @@ const yw = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(yw, { value: a.func_content, onChange: u, disabled: !a.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -12016,7 +12016,7 @@ function vw({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -12078,7 +12078,7 @@ function _w({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -12329,7 +12329,7 @@ const Wc = {
   dataZoom: Cn,
   markLine: Wc
 };
-function Kr(e) {
+function Ur(e) {
   return ne(e, {
     output: "percent",
     mantissa: 0,
@@ -12339,7 +12339,7 @@ function Kr(e) {
 function Mw(e) {
   const t = e.value[1];
   try {
-    return Kr(t);
+    return Ur(t);
   } catch (n) {
     return console.error(n), t;
   }
@@ -12358,7 +12358,7 @@ function Aw(e) {
   return {
     bar: t,
     line: Mw,
-    lineValue: Kr
+    lineValue: Ur
   };
 }
 function Rw(e, t, n) {
@@ -12381,8 +12381,8 @@ function Ew(e, t) {
   if (n === -1)
     return {};
   const s = t[n], i = {
-    x: Kr((n + 1) / t.length),
-    y: Kr(s[1])
+    x: Ur((n + 1) / t.length),
+    y: Ur(s[1])
   }, o = {
     left: n + 1,
     right: t.length - n - 1
@@ -12600,7 +12600,7 @@ function Bw({
   }, [h, d, c]), p = T(() => ({
     click: u
   }), [u]);
-  return !a || !i || !o ? null : /* @__PURE__ */ r.jsx(nt, { width: i, height: o, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: l, style: gr(i, o), onEvents: p, notMerge: !0, theme: "merico-light" }) });
+  return !a || !i || !o ? null : /* @__PURE__ */ r.jsx(nt, { width: i, height: o, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: l, style: gr(i, o), onEvents: p, notMerge: !0, theme: "merico-light" }) });
 }
 const qw = [{
   label: "left",
@@ -12707,14 +12707,14 @@ const Hw = `
     name: string;
   };
 }
-`, Uw = () => {
+`, Kw = () => {
   const [e, t] = B(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(C, { variant: "subtle", compact: !0, onClick: () => t((n) => !n), children: e ? "Close" : "Click to see params for Label Template" }),
     /* @__PURE__ */ r.jsx(dr, { in: e, children: /* @__PURE__ */ r.jsx(tn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: Hw }) })
   ] });
 };
-function Kw({
+function Uw({
   control: e,
   watch: t
 }) {
@@ -12731,7 +12731,7 @@ function Kw({
       }) => /* @__PURE__ */ r.jsx(nh, { autosize: !0, minRows: 2, maxRows: 4, label: "Label Template", sx: {
         flex: 1
       }, ...n }) }),
-      /* @__PURE__ */ r.jsx(Uw, {})
+      /* @__PURE__ */ r.jsx(Kw, {})
     ] })
   ] });
 }
@@ -12758,7 +12758,7 @@ function Yw({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -12836,7 +12836,7 @@ function Jw({
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Y Axis", children: /* @__PURE__ */ r.jsx(Xw, { control: i, watch: a }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Bar", children: /* @__PURE__ */ r.jsx(Ww, { control: i, watch: a }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Line", children: /* @__PURE__ */ r.jsx(Qw, { control: i, watch: a }) }),
-      /* @__PURE__ */ r.jsx(f.Panel, { value: "80-20 Line", children: /* @__PURE__ */ r.jsx(Kw, { control: i, watch: a }) }),
+      /* @__PURE__ */ r.jsx(f.Panel, { value: "80-20 Line", children: /* @__PURE__ */ r.jsx(Uw, { control: i, watch: a }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "Zooming", children: /* @__PURE__ */ r.jsx(g, { name: "dataZoom", control: i, render: ({
         field: u
       }) => /* @__PURE__ */ r.jsx(hs, { ...u }) }) })
@@ -13146,7 +13146,7 @@ function p0({
   }, [o, a, i]), c = M.useMemo(() => d0(e, t, n), [e, t, n]), d = T(() => ({
     click: l
   }), [l]);
-  return !n || !s || !c.series.name ? null : /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: c, style: {
+  return !n || !s || !c.series.name ? null : /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: c, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -13331,7 +13331,7 @@ function Hc(e) {
     }
   } : (t) => t;
 }
-function Uc(e) {
+function Kc(e) {
   return {
     show: e.label.enabled,
     formatter: ({
@@ -13340,7 +13340,7 @@ function Uc(e) {
     }) => Hc(e.dimensions[t].formatter)(n)
   };
 }
-function Kc(e, t) {
+function Uc(e, t) {
   return t.map(({
     data_key: n
   }) => {
@@ -13351,7 +13351,7 @@ function Kc(e, t) {
 function w0(e, t, n) {
   const s = $(t);
   return e[s.queryID].map((i) => ({
-    value: Kc(i, n),
+    value: Uc(i, n),
     name: i[s.columnKey]
   }));
 }
@@ -13376,7 +13376,7 @@ function _0(e, t) {
     areaStyle: t.background.enabled ? {
       opacity: 0.4
     } : void 0,
-    label: Uc(t)
+    label: Kc(t)
   }];
 }
 function S0(e, t) {
@@ -13393,7 +13393,7 @@ function S0(e, t) {
         const u = h[a.columnKey], p = h[l.columnKey];
         return {
           name: u,
-          value: Kc(h, s),
+          value: Uc(h, s),
           itemStyle: {
             color: p
           }
@@ -13411,7 +13411,7 @@ function S0(e, t) {
       areaStyle: t.background.enabled ? {
         opacity: 0.4
       } : void 0,
-      label: Uc(t)
+      label: Kc(t)
     };
   }).flat();
 }
@@ -13543,7 +13543,7 @@ function z0({
   }, [a, l, i]), d = T(() => ({
     click: c
   }), [c]), h = T(() => D0(Se({}, e, fs), t), [e, t]);
-  return !n || !s ? null : /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: h, style: {
+  return !n || !s ? null : /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: h, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -13776,10 +13776,10 @@ function F0({
       /* @__PURE__ */ r.jsx(f.Panel, { value: "style", p: "md", children: /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
         /* @__PURE__ */ r.jsx(g, { name: "background.enabled", control: i, render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(K, { label: "Show background", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) }),
+        }) => /* @__PURE__ */ r.jsx(U, { label: "Show background", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) }),
         /* @__PURE__ */ r.jsx(g, { name: "label.enabled", control: i, render: ({
           field: p
-        }) => /* @__PURE__ */ r.jsx(K, { label: "Show value label", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) })
+        }) => /* @__PURE__ */ r.jsx(U, { label: "Show value label", checked: p.value, onChange: (x) => p.onChange(x.currentTarget.checked) }) })
       ] }) }),
       /* @__PURE__ */ r.jsx(f.Panel, { value: "additional_series", p: "md", children: /* @__PURE__ */ r.jsx(A0, { control: i, watch: a }) })
     ] })
@@ -14021,7 +14021,7 @@ function H0(e, t) {
     };
   });
 }
-function U0(e, t) {
+function K0(e, t) {
   if (t.length === 0)
     return [];
   const {
@@ -14029,7 +14029,7 @@ function U0(e, t) {
   } = e.regression;
   return n ? H0(e, t) : Q0(e, t);
 }
-function K0(e) {
+function U0(e) {
   return Array.isArray(e) || (e = [e]), e.map((t) => ({
     marker: t.marker,
     label: t.seriesName,
@@ -14041,7 +14041,7 @@ function Y0(e) {
   return ue.getTooltip({
     trigger: "axis",
     formatter: (t) => {
-      const n = K0(t);
+      const n = U0(t);
       return n.length === 0 ? "" : `
         <table style="width: auto">
           <thead>
@@ -14132,7 +14132,7 @@ const J0 = {
   }]
 };
 function Z0(e, t) {
-  const n = U0(e, t), s = G0(e, n), i = {
+  const n = K0(e, t), s = G0(e, n), i = {
     xAxis: X0(e),
     yAxis: ue.getYAxis({
       name: e.y_axis.name ?? "",
@@ -14363,7 +14363,7 @@ const bs = {
   enabled: !1,
   func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
 `)
-}, Ui = {
+}, Ki = {
   x_axis: {
     name: "X Axis",
     data_key: "",
@@ -14420,12 +14420,12 @@ function c_({
       ...b,
       [p.columnKey]: Number(b[p.columnKey])
     });
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), o = T(() => Z0(Se({}, t, Ui), i), [t, i]), a = Zr(null), l = (c) => {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), o = T(() => Z0(Se({}, t, Ki), i), [t, i]), a = Zr(null), l = (c) => {
     a.current = c;
   };
   return !n || !s || !t ? null : /* @__PURE__ */ r.jsxs(nt, { width: n, height: s, children: [
     /* @__PURE__ */ r.jsx(l_, { conf: t, queryData: i }),
-    /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, onChartReady: l, option: o, style: gr(n, s), notMerge: !0, theme: "merico-light" })
+    /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, onChartReady: l, option: o, style: gr(n, s), notMerge: !0, theme: "merico-light" })
   ] });
 }
 const d_ = [{
@@ -14478,7 +14478,7 @@ function u_({
           control: e,
           render: ({
             field: i
-          }) => /* @__PURE__ */ r.jsx(U, { label: "次", sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "次", sx: {
             flex: 1
           }, ...i })
         }
@@ -14553,7 +14553,7 @@ const h_ = ({
       flexGrow: 0
     }, children: n }),
     /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (b) => d(b.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (b) => d(b.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(h_, { value: l.func_content, onChange: p, disabled: !l.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: x, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -14592,7 +14592,7 @@ function p_({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -14634,7 +14634,7 @@ function m_({
   const {
     value: t,
     set: n
-  } = Q(e.instanceData, "config"), s = T(() => ke({}, t, Ui), [t]), {
+  } = Q(e.instanceData, "config"), s = T(() => ke({}, t, Ki), [t]), {
     control: i,
     handleSubmit: o,
     watch: a,
@@ -14751,7 +14751,7 @@ const y_ = {
   createConfig() {
     return {
       version: 3,
-      config: Ne(Ui)
+      config: Ne(Ki)
     };
   }
 }, ys = {
@@ -14832,7 +14832,7 @@ function C_() {
     withHeaderRow: !0
   }), "aria-label": "Insert table", title: "Insert table", children: /* @__PURE__ */ r.jsx(sp, { stroke: 1.5, size: 16 }) });
 }
-const Ki = xe(({
+const Ui = xe(({
   value: e,
   onChange: t,
   styles: n = {},
@@ -14958,7 +14958,7 @@ function k_({
       field: h
     }) => (
       // @ts-expect-error type of onChange
-      /* @__PURE__ */ r.jsx(Ki, { ...h, styles: {
+      /* @__PURE__ */ r.jsx(Ui, { ...h, styles: {
         root: {
           flexGrow: 1
         }
@@ -15450,7 +15450,7 @@ const G_ = {
 };
 function Q_(e, t, n) {
   const s = n.reduce((c, d) => {
-    const h = Kt(d, t);
+    const h = Ut(d, t);
     return c[d.name] = xt(d, h), c;
   }, {}), i = e.y_axes.reduce((c, {
     label_formatter: d
@@ -15501,12 +15501,12 @@ function H_({
   }, [a, l, i]), d = T(() => ({
     click: c
   }), [c]), h = M.useMemo(() => Q_(e, t, o), [e, t]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: h, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: h, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
 }
-function U_({
+function K_({
   context: e,
   instance: t
 }) {
@@ -15547,7 +15547,7 @@ function U_({
     }, children: Object.values(x.bottom).map((S) => S) })
   ] });
 }
-const K_ = xe(({
+const U_ = xe(({
   value: e,
   onChange: t,
   xAxisOptions: n,
@@ -15663,7 +15663,7 @@ function X_({
     l.map((p, x) => /* @__PURE__ */ r.jsx(f.Panel, { value: x.toString(), children: /* @__PURE__ */ r.jsx(g, { name: `reference_areas.${x}`, control: e, render: ({
       field: b
     }) => /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K_, { variableOptions: d, yAxisOptions: u, ...b }),
+      /* @__PURE__ */ r.jsx(U_, { variableOptions: d, yAxisOptions: u, ...b }),
       /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
       /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(qt, { size: 16 }), color: "red", variant: "light", onClick: () => o(x), children: "Delete this Reference Area" })
     ] }) }) }, p.id))
@@ -15770,7 +15770,7 @@ function eS({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -16040,7 +16040,7 @@ const nS = ({
       size: s
     });
   };
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(U, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(K, { defaultValue: 18, placeholder: "1 ~ 100", label: " ", hideControls: !0, value: e.size, onChange: n }) });
 }, pS = [{
   label: "Static",
   value: "static"
@@ -16320,7 +16320,7 @@ const wS = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(wS, { value: a.func_content, onChange: u, disabled: !a.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -16355,7 +16355,7 @@ function SS({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -16767,7 +16767,7 @@ const VS = {
   displayGroup: "ECharts-based charts",
   migrator: new $S(),
   name: "scatterChart",
-  viewRender: U_,
+  viewRender: K_,
   configRender: LS,
   createConfig() {
     return {
@@ -16876,7 +16876,7 @@ const QS = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end"
-}, US = k(({
+}, KS = k(({
   context: e
 }) => {
   const t = Pe(), {
@@ -16903,7 +16903,7 @@ const QS = {
     justifyContent: QS[o],
     alignItems: HS[a]
   }, children: /* @__PURE__ */ r.jsx(L, { children: Object.values(h).map((u, p) => /* @__PURE__ */ r.jsx(M.Fragment, { children: u }, p)) }) });
-}), KS = [{
+}), US = [{
   label: "Left",
   value: "left"
 }, {
@@ -16962,7 +16962,7 @@ function XS({
           control: i,
           render: ({
             field: u
-          }) => /* @__PURE__ */ r.jsx(A, { label: "Horizontal Alignment", data: KS, ...u })
+          }) => /* @__PURE__ */ r.jsx(A, { label: "Horizontal Alignment", data: US, ...u })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -16989,7 +16989,7 @@ const JS = {
   displayGroup: "Others",
   migrator: new GS(),
   name: "stats",
-  viewRender: US,
+  viewRender: KS,
   configRender: XS
 }, Ji = {
   label_key: "",
@@ -17131,7 +17131,7 @@ const oC = {
 };
 function aC(e, t, n) {
   n.reduce((o, a) => {
-    const l = Kt(a, t);
+    const l = Ut(a, t);
     return o[a.name] = xt(a, l), o;
   }, {});
   const i = {
@@ -17154,7 +17154,7 @@ function lC({
     width: o,
     height: a
   } = e.viewport, l = T(() => aC(s, i, t), [s, i, t]);
-  return !o || !a ? null : /* @__PURE__ */ r.jsx(nt, { width: o, height: a, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: l, style: gr(o, a), notMerge: !0, theme: "merico-light" }) });
+  return !o || !a ? null : /* @__PURE__ */ r.jsx(nt, { width: o, height: a, children: /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: l, style: gr(o, a), notMerge: !0, theme: "merico-light" }) });
 }
 function cC({
   control: e,
@@ -17208,7 +17208,7 @@ const dC = [{
     field: s
   }) => (
     // @ts-expect-error type of onChange
-    /* @__PURE__ */ r.jsx(U, { label: "Hide label when its percentage is less than...", precision: 4, step: 5e-4, min: 0, max: 1, ...s })
+    /* @__PURE__ */ r.jsx(K, { label: "Hide label when its percentage is less than...", precision: 4, step: 5e-4, min: 0, max: 1, ...s })
   ) }),
   /* @__PURE__ */ r.jsxs(y, { grow: !0, noWrap: !0, children: [
     /* @__PURE__ */ r.jsx(
@@ -17243,7 +17243,7 @@ const dC = [{
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ r.jsx(U, { label: "Padding", min: 0, hideControls: !0, ...s })
+        }) => /* @__PURE__ */ r.jsx(K, { label: "Padding", min: 0, hideControls: !0, ...s })
       }
     )
   ] }),
@@ -18026,7 +18026,7 @@ function HC(e) {
         backgroundColor: n
       } }) }),
       /* @__PURE__ */ r.jsx(Rn.Dropdown, { children: /* @__PURE__ */ r.jsxs(_, { children: [
-        /* @__PURE__ */ r.jsx(U, { size: "xs", label: "Map a value to this color", value: a, onChange: l }),
+        /* @__PURE__ */ r.jsx(K, { size: "xs", label: "Map a value to this color", value: a, onChange: l }),
         /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
           /* @__PURE__ */ r.jsx(C, { variant: "subtle", size: "xs", onClick: S, children: "Cancel" }),
           /* @__PURE__ */ r.jsx(C, { "data-testid": "palette-item-ok", size: "xs", onClick: D, children: "OK" })
@@ -18038,18 +18038,18 @@ function HC(e) {
     }, color: "dimmed", size: "sm", className: "palette-value--bottom palette-value", children: R })
   ] });
 }
-const UC = k(({
+const KC = k(({
   model: e
 }) => {
   const {
     classes: t
   } = ld(), n = Sh(0, 13, 1).map((s) => 100 / 12 * s).map((s) => [e.interpolation.getColor(s), s]);
   return /* @__PURE__ */ r.jsx("div", { className: t.palette, children: n.map(([s, i], o) => /* @__PURE__ */ r.jsx(HC, { index: o, color: s, value: e.getStepFromValue(i), onChange: (a) => e.changeStep(a, i) }, s)) });
-}), KC = k(function(t) {
+}), UC = k(function(t) {
   const n = wt(() => new QC(), []);
   return O(() => {
     n.fromProps(t);
-  }), n.interpolation == null ? null : /* @__PURE__ */ r.jsx(UC, { model: n });
+  }), n.interpolation == null ? null : /* @__PURE__ */ r.jsx(KC, { model: n });
 }), YC = (e) => {
   const {
     value: t,
@@ -18085,7 +18085,7 @@ const UC = k(({
     /* @__PURE__ */ r.jsx(C, { variant: "outline", onClick: d, children: l == null ? void 0 : l.displayName }),
     /* @__PURE__ */ r.jsx(ge, { size: 508, title: "Setup color interpolation", opened: c, onClose: h, zIndex: 320, children: c && /* @__PURE__ */ r.jsxs(_, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ r.jsx(A, { label: "Color style", value: o.interpolation, data: u, onChange: p, withinPortal: !0, zIndex: 340, maxDropdownHeight: 500 }),
-      /* @__PURE__ */ r.jsx(KC, { steps: o.steps, interpolation: l, onChange: b }),
+      /* @__PURE__ */ r.jsx(UC, { steps: o.steps, interpolation: l, onChange: b }),
       /* @__PURE__ */ r.jsxs(y, { position: "right", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: S, variant: "subtle", children: "Cancel" }),
         /* @__PURE__ */ r.jsx(C, { onClick: x, children: "OK" })
@@ -18222,11 +18222,11 @@ const t1 = xe((e, t) => {
     ] }),
     /* @__PURE__ */ r.jsx(z, { mb: -10, variant: "dashed", label: "Style", labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(U, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ r.jsx(Ws, {}), disabled: !0 }),
+      /* @__PURE__ */ r.jsx(K, { hideControls: !0, label: "Min Width", rightSection: /* @__PURE__ */ r.jsx(Ws, {}), disabled: !0 }),
       /* @__PURE__ */ r.jsx(g, { name: `columns.${t}.width`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(U, { hideControls: !0, label: "Width", rightSection: /* @__PURE__ */ r.jsx(Ws, {}), ...a }) }),
-      /* @__PURE__ */ r.jsx(U, { hideControls: !0, label: "Max Width", rightSection: /* @__PURE__ */ r.jsx(Ws, {}), disabled: !0 })
+      }) => /* @__PURE__ */ r.jsx(K, { hideControls: !0, label: "Width", rightSection: /* @__PURE__ */ r.jsx(Ws, {}), ...a }) }),
+      /* @__PURE__ */ r.jsx(K, { hideControls: !0, label: "Max Width", rightSection: /* @__PURE__ */ r.jsx(Ws, {}), disabled: !0 })
     ] }),
     /* @__PURE__ */ r.jsx(y, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(
       g,
@@ -18530,7 +18530,7 @@ const oi = {
     font_size: l,
     font_weight: c
   } = n, d = T(() => s.reduce((u, p) => {
-    const x = Kt(p, i);
+    const x = Ut(p, i);
     return u[p.name] = xt(p, x), u;
   }, {}), [s, i]), h = T(() => new Function(`return ${o}`)()({
     data: i,
@@ -19085,7 +19085,7 @@ function q1(e, t) {
 }
 function W1(e, t, n) {
   const s = n.reduce((u, p) => {
-    const x = Kt(p, t);
+    const x = Ut(p, t);
     return u[p.name] = xt(p, x), u;
   }, {}), i = R1(e), {
     dateSpan: o,
@@ -19167,7 +19167,7 @@ function H1({
     s.range = e;
   }), t.setOption(n);
 }
-function U1({
+function K1({
   conf: e,
   data: t,
   width: n,
@@ -19189,14 +19189,14 @@ function U1({
     click: c,
     legendselectchanged: H1
   }), [c]), h = M.useMemo(() => W1(e, t, o), [e, t]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: h, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: h, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, opts: {
     locale: e.calendar.locale
   }, theme: "merico-light" });
 }
-function K1({
+function U1({
   context: e,
   instance: t
 }) {
@@ -19211,7 +19211,7 @@ function K1({
     width: l,
     height: c
   } = e.viewport;
-  return !o.calendar.data_key || !o.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(nt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(U1, { variables: i, width: _t(l), height: St(c), data: a, conf: o, interactionManager: n }) });
+  return !o.calendar.data_key || !o.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(nt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(K1, { variables: i, width: _t(l), height: St(c), data: a, conf: o, interactionManager: n }) });
 }
 function Y1({
   control: e,
@@ -19486,7 +19486,7 @@ const ok = {
   displayGroup: "ECharts-based charts",
   migrator: new ik(),
   name: "calendarHeatmap",
-  viewRender: K1,
+  viewRender: U1,
   configRender: nk,
   createConfig: () => ({
     version: 3,
@@ -19830,7 +19830,7 @@ function wk(e) {
 function _k(e, t) {
   const n = {};
   return t.map((s) => {
-    const i = Kt(s, e);
+    const i = Ut(s, e);
     n[s.name] = xt(s, i);
   }), n;
 }
@@ -19914,7 +19914,7 @@ function Tk({
   }, [a, l, i]), d = T(() => ({
     click: c
   }), [c]), h = M.useMemo(() => kk(e, t, o), [e, t]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: h, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: h, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -20030,7 +20030,7 @@ function Lk({
           control: e,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r.jsx(U, { label: "Line Width", min: 1, max: 10, sx: {
+          }) => /* @__PURE__ */ r.jsx(K, { label: "Line Width", min: 1, max: 10, sx: {
             flexGrow: 1
           }, ...l })
         }
@@ -20045,7 +20045,7 @@ function Lk({
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.show_in_legend`, control: e, render: ({
       field: l
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Show in legend", checked: l.value, onChange: (c) => l.onChange(c.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
       right: 5
@@ -20260,10 +20260,10 @@ function Ok({
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.hide_in_legend`, control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Hide in legend", checked: o.value, onChange: (a) => o.onChange(a.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Hide in legend", checked: o.value, onChange: (a) => o.onChange(a.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(g, { name: `series.${t}.invisible`, control: e, render: ({
       field: o
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Invisible", checked: o.value, onChange: (a) => o.onChange(a.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Invisible", checked: o.value, onChange: (a) => o.onChange(a.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed" }),
     /* @__PURE__ */ r.jsx(C, { leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), sx: {
       top: 15,
@@ -20365,7 +20365,7 @@ function Vk({
     /* @__PURE__ */ r.jsx(z, { mb: -10, mt: 10, variant: "dashed", label: "Behavior", labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `x_axes.${t}.show`, control: e, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(K, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
+    }) => /* @__PURE__ */ r.jsx(U, { label: "Visible", checked: s.value, onChange: (i) => s.onChange(i.currentTarget.checked) }) }),
     /* @__PURE__ */ r.jsx(C, { mt: 20, leftIcon: /* @__PURE__ */ r.jsx(ae, { size: 16 }), color: "red", variant: "light", onClick: () => n(t), disabled: t === 0, children: "Delete this X Axis" })
   ] });
 }
@@ -20618,7 +20618,7 @@ const Ta = ({
     return console.error(t), e;
   }
 };
-function Uk(e, t, n) {
+function Kk(e, t, n) {
   return {
     type: "heatmap",
     name: "准确估算比例",
@@ -20674,7 +20674,7 @@ function pd(e) {
   const t = [`background-color: ${e}`];
   return e === "rgba(255, 255, 255, 1)" && t.push("box-shadow: 0px 0px 1px 0px  rgba(0,0,0,.5)"), t.join(";");
 }
-function Kk([e, t]) {
+function Uk([e, t]) {
   const n = {
     x: e,
     v: `${t}`
@@ -20741,7 +20741,7 @@ function Yk(e, t, n, s) {
         const {
           x: p,
           v: x
-        } = Kk(u);
+        } = Uk(u);
         return `
           <table style="width: auto">
             <thead>
@@ -20881,7 +20881,7 @@ function eT(e, t, n, s) {
     barMinWidth: 5,
     barMaxWidth: 20
   };
-  return [Uk(e, n, s), Yk(e, n, s, a), ...Jk(e, n, s, a), Zk(e, t, n, s)];
+  return [Kk(e, n, s), Yk(e, n, s, a), ...Jk(e, n, s, a), Zk(e, t, n, s)];
 }
 function tT(e, t) {
   const {
@@ -21208,7 +21208,7 @@ function mT({
   metricKey: i
 }) {
   const o = M.useMemo(() => cT(e, i, t), [e, t, i]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: o, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: o, style: {
     width: n,
     height: s
   }, notMerge: !0, theme: "merico-light" });
@@ -21359,7 +21359,7 @@ function jT({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "旋转", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "度" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -21894,7 +21894,7 @@ function $T({
         field: s
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { size: "xs", icon: /* @__PURE__ */ r.jsx(gi, { size: 16 }), disabled: !n, ...s })
+        /* @__PURE__ */ r.jsx(K, { size: "xs", icon: /* @__PURE__ */ r.jsx(gi, { size: 16 }), disabled: !n, ...s })
       ) })
     ] })
   ] });
@@ -22039,7 +22039,7 @@ const qT = ({
       flexGrow: 0
     }, children: "Customize Label" }),
     /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize label content", opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (x) => c(x.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(qT, { value: a.func_content, onChange: u, disabled: !a.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -22077,7 +22077,7 @@ function GT({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -22139,7 +22139,7 @@ function HT({
         field: n
       }) => (
         // @ts-expect-error type of onChange
-        /* @__PURE__ */ r.jsx(U, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
+        /* @__PURE__ */ r.jsx(K, { label: "Rotate", hideControls: !0, min: -90, max: 90, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "degree" }), sx: {
           width: "48%"
         }, styles: {
           rightSection: {
@@ -22200,7 +22200,7 @@ const oo = {
     metrics: []
   }
 };
-function UT({
+function KT({
   context: e
 }) {
   const {
@@ -22262,7 +22262,7 @@ function UT({
     ] })
   ] }) });
 }
-function KT(e) {
+function UT(e) {
   return /* @__PURE__ */ r.jsx(r.Fragment, {});
 }
 function YT(e) {
@@ -22272,7 +22272,7 @@ const md = {
   id: "builtin:echarts:click-heatmap:heat-block",
   displayName: "Click Heat Block",
   nameRender: YT,
-  configRender: KT,
+  configRender: UT,
   payload: [{
     name: "seriesType",
     description: "'heatmap'",
@@ -22561,7 +22561,7 @@ function aI(e, t, n) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
   const s = n.reduce((l, c) => {
-    const d = Kt(c, t);
+    const d = Ut(c, t);
     return l[c.name] = xt(c, d), l;
   }, {}), i = XT(e), o = JT(e);
   return {
@@ -22597,7 +22597,7 @@ function lI({
   }, [a, l, i]), d = T(() => ({
     click: c
   }), [c]), h = M.useMemo(() => aI(e, t, o), [e, t]);
-  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ue, option: h, style: {
+  return /* @__PURE__ */ r.jsx(Xe, { echarts: Ke, option: h, style: {
     width: n,
     height: s
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
@@ -22637,7 +22637,7 @@ const uI = {
   migrator: new dI(),
   name: "merico-heatmap",
   viewRender: cI,
-  configRender: UT,
+  configRender: KT,
   createConfig: () => ({
     version: 1,
     config: oo
@@ -22692,7 +22692,7 @@ const uI = {
   category: "basic"
 })), pI = [Am, Rm, Om, Fm, Em, Pm], fd = () => ({
   id: "dashboard",
-  version: Kl,
+  version: Ul,
   manifest: {
     viz: [oi, JS, _1, I_, jC, y0, Qk, Zm, Wg, Hv, Dw, ok, l0, Sv, VS, W0, y_, L1, ST, uI, PT, sb],
     color: [...hI, ...pI]
@@ -22763,7 +22763,7 @@ const xI = ({
   onChange: a
 }) => /* @__PURE__ */ r.jsxs(L, { children: [
   /* @__PURE__ */ r.jsx(j, { children: " " }),
-  /* @__PURE__ */ r.jsx(K, { label: /* @__PURE__ */ r.jsxs(y, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
+  /* @__PURE__ */ r.jsx(U, { label: /* @__PURE__ */ r.jsxs(y, { noWrap: !0, position: "apart", align: "middle", spacing: 6, children: [
     /* @__PURE__ */ r.jsx(L, { sx: {
       flexGrow: 1
     }, children: e }),
@@ -23768,7 +23768,7 @@ const PI = ({
     defaultValues: i.filters.values,
     // make sure the preview value is updated when filters are changed
     reValidateMode: "onBlur"
-  }), c = Uh({
+  }), c = Kh({
     control: o
   });
   O(() => {
@@ -24161,7 +24161,7 @@ const QI = m.model("QueryMeta", {
   setHeight(t) {
     e.h = t;
   }
-})), UI = m.model("LayoutSetMeta", {
+})), KI = m.model("LayoutSetMeta", {
   id: m.identifier,
   name: m.string,
   breakpoint: m.number,
@@ -24238,7 +24238,7 @@ const QI = m.model("QueryMeta", {
     }
     n.set(t);
   }
-})), KI = m.model("SQLSnippetMeta", {
+})), UI = m.model("SQLSnippetMeta", {
   key: m.string,
   value: m.string
 }).views((e) => ({
@@ -24435,10 +24435,9 @@ const XI = m.model("FilterDateRangeConfigMeta", {
       return e.static_options;
     const {
       data: t,
-      state: n,
-      error: s
+      state: n
     } = e.contentModel.getDataStuffByID(e.options_query_id);
-    return n === "idle" ? Array.isArray(t) ? t : [] : [];
+    return n === "error" ? [] : Array.isArray(t) ? t : [];
   }
 })).actions((e) => ({
   setRequired(t) {
@@ -24495,8 +24494,8 @@ const XI = m.model("FilterDateRangeConfigMeta", {
     e.min_width = t;
   },
   setDefaultSelection() {
-    const t = qe(e).content.filters, n = Ae(e).key;
-    t.setValueByKey(n, e.default_selection);
+    const t = qe(e).content.filters, n = Ae(e).key, s = new Set(e.options.map((o) => o.value)), i = (t.values[n] ?? []).filter((o) => s.has(o));
+    i.length > 0 ? t.setValueByKey(n, i) : t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
   afterCreate() {
@@ -24553,8 +24552,9 @@ const XI = m.model("FilterDateRangeConfigMeta", {
     e.width = t;
   },
   setDefaultSelection() {
-    const t = qe(e).content.filters, n = Ae(e).key;
-    t.setValueByKey(n, e.default_selection);
+    var o;
+    const t = qe(e).content.filters, n = Ae(e).key, s = t.values[n], i = (o = e.options.find((a) => a.value === s)) == null ? void 0 : o.value;
+    i ? t.setValueByKey(n, i) : t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
   afterCreate() {
@@ -24713,8 +24713,8 @@ const Ld = m.compose("FilterTreeSelectConfigMeta", m.model({
     e.treeCheckStrictly = t;
   },
   applyDefaultSelection() {
-    const t = Ae(e, 1).key;
-    e.contentModel.filters.setValueByKey(t, e.defaultSelection);
+    const t = Ae(e, 1).key, n = e.contentModel.filters, s = n.values[t], i = new Set(e.plainData.map((a) => a.value)), o = (s ?? []).filter((a) => i.has(a));
+    o.length > 0 ? n.setValueByKey(t, o) : n.setValueByKey(t, e.defaultSelection);
   },
   afterCreate() {
     dt(e, et(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
@@ -25460,7 +25460,7 @@ function Wd(e) {
 function gD(e, t) {
   const n = e.default_value_func;
   try {
-    return new Function(`return ${n}`)()(e, Ut, t);
+    return new Function(`return ${n}`)()(e, Kt, t);
   } catch (s) {
     return console.error(s), Wd(e);
   }
@@ -25565,7 +25565,7 @@ const Hd = m.model("FiltersRenderModel", {
     Gn("Filters", n);
   }
 }));
-function Ud(e, t, n, s) {
+function Kd(e, t, n, s) {
   const i = w.defaults({}, s, Qd(e, {
     ...n,
     ...t
@@ -25704,7 +25704,7 @@ const bD = QI.views((e) => ({
       });
     }), i;
   }
-})), Kd = m.compose("QueryRenderModel", bD, m.model({
+})), Ud = m.compose("QueryRenderModel", bD, m.model({
   state: m.optional(m.enumeration(["idle", "loading", "error"]), "idle"),
   data: m.optional(m.frozen([]), []),
   error: m.frozen()
@@ -25807,7 +25807,7 @@ const bD = QI.views((e) => ({
         id: a.id,
         name: a.name,
         data: w.cloneDeep(a.data)
-      })), s = e.contentModel.dashboardState, i = e.pre_process, o = new Function(`return ${i}`)()(n, s, Ut);
+      })), s = e.contentModel.dashboardState, i = e.pre_process, o = new Function(`return ${i}`)()(n, s, Kt);
       e.data = o, e.state = "idle", e.error = null;
     } catch (t) {
       e.data = [], e.error = t.message, e.state = "error";
@@ -25836,7 +25836,7 @@ const bD = QI.views((e) => ({
     }));
   }
 })), Yd = m.model("QueriesRenderModel", {
-  current: m.optional(m.array(Kd), [])
+  current: m.optional(m.array(Ud), [])
 }).views((e) => ({
   get idSet() {
     return new Set(e.current.map((t) => t.id));
@@ -25950,7 +25950,7 @@ function Aa({
   return `[${n}, ${s})`;
 }
 const Xd = m.model("LayoutsRenderModel", {
-  list: m.array(UI),
+  list: m.array(KI),
   currentBreakpoint: m.string
 }).views((e) => ({
   get json() {
@@ -26052,7 +26052,7 @@ const Xd = m.model("LayoutsRenderModel", {
       delay: 0
     }));
   }
-})), jD = KI.views((e) => ({
+})), jD = UI.views((e) => ({
   isADuplicatedKey(t) {
     return !t || t === e.key ? !1 : !!Ae(e, 2).findByKey(t);
   }
@@ -26584,12 +26584,12 @@ const WD = M.forwardRef(({
     /* @__PURE__ */ r.jsx(WD, { h: d.h }),
     /* @__PURE__ */ r.jsx(OD, { view: e, panel: d.panel })
   ] }, d.id)) });
-}), UD = Fl(Ol), KD = k(({
+}), KD = Fl(Ol), UD = k(({
   view: e,
   className: t = "layout"
 }) => {
   const n = Pe(), s = n.layouts.items(e.panelIDs), i = n.layouts.gridLayouts(e.panelIDs);
-  return /* @__PURE__ */ r.jsx(UD, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: i, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: s.map((o) => /* @__PURE__ */ r.jsx("div", { "data-grid": o.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(ou, { view: e, panel: o.panel }) }, o.id)) });
+  return /* @__PURE__ */ r.jsx(KD, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: i, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: s.map((o) => /* @__PURE__ */ r.jsx("div", { "data-grid": o.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(ou, { view: e, panel: o.panel }) }, o.id)) });
 });
 function ho(e) {
   const t = Zr(null);
@@ -26895,7 +26895,7 @@ const nz = k(({
           }, children: [
             /* @__PURE__ */ r.jsx(I, { label: "Tab Name", required: !0, value: l.name, onChange: (h) => l.setName(h.currentTarget.value) }),
             /* @__PURE__ */ r.jsx(A, { label: "View", value: l.view_id, onChange: l.setViewID, data: s }),
-            /* @__PURE__ */ r.jsx(U, { label: "Placement Order", required: !0, value: l.order, onChange: (h) => l.setOrder(h || 0), min: 0, max: 1e3, step: 1 }),
+            /* @__PURE__ */ r.jsx(K, { label: "Placement Order", required: !0, value: l.order, onChange: (h) => l.setOrder(h || 0), min: 0, max: 1e3, step: 1 }),
             /* @__PURE__ */ r.jsx(hi, { label: "Color", value: l.color, onChange: l.setColor, disabled: i.variant !== "default" }),
             d && /* @__PURE__ */ r.jsxs(C, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ r.jsx(pp, { size: 18 }), gradient: {
               from: "cyan",
@@ -26948,7 +26948,7 @@ const nz = k(({
   const {
     fullScreenPanelID: n,
     setFullScreenPanelID: s
-  } = Km(), {
+  } = Um(), {
     viewPanelInFullScreen: i,
     exitFullScreen: o,
     inFullScreen: a,
@@ -26968,7 +26968,7 @@ const nz = k(({
         position: "sticky",
         top: "0px"
       }, children: /* @__PURE__ */ r.jsx(vd, { view: t }) }),
-      !a && /* @__PURE__ */ r.jsx(KD, { view: t })
+      !a && /* @__PURE__ */ r.jsx(UD, { view: t })
     ] }) })
   ] }) });
 });
@@ -27065,7 +27065,7 @@ const uz = m.compose("FiltersModel", Hd, m.model("FiltersModel", {
       t();
     }
   };
-}), hz = Kd.views((e) => ({
+}), hz = Ud.views((e) => ({
   get canPreviewData() {
     return e.isTransform ? e.dep_query_ids.length > 0 && !!e.pre_process : !!e.datasource;
   },
@@ -28225,7 +28225,7 @@ const Iz = m.model({
     }, e);
   }
 });
-function UE(e, t) {
+function KE(e, t) {
   t.filters && Ge(e.filters.current, t.filters);
 }
 function Dz({
@@ -28257,7 +28257,7 @@ function Dz({
     create_time: s,
     update_time: i,
     version: c,
-    filters: Ud(d, a, S, l),
+    filters: Kd(d, a, S, l),
     queries: {
       current: x
     },
@@ -28575,7 +28575,7 @@ const Mz = k(({
             "px"
           ] }) : /* @__PURE__ */ r.jsx(g, { name: `list.${le}.breakpoint`, control: i, render: ({
             field: ve
-          }) => /* @__PURE__ */ r.jsx(U, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "px" }), rightSectionProps: {
+          }) => /* @__PURE__ */ r.jsx(K, { size: "xs", label: "", required: !0, max: 1e4, hideControls: !0, rightSection: /* @__PURE__ */ r.jsx(j, { color: "dimmed", children: "px" }), rightSectionProps: {
             style: {
               width: "30px"
             }
@@ -28747,7 +28747,7 @@ const Mz = k(({
       flexGrow: 0
     }, children: /* @__PURE__ */ r.jsx(ll, { size: 14 }) }),
     /* @__PURE__ */ r.jsx(ge, { size: 800, title: "Customize modal title", opened: n, onClose: i, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ r.jsxs(_, { children: [
-      /* @__PURE__ */ r.jsx(K, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (p) => l(p.currentTarget.checked) }),
+      /* @__PURE__ */ r.jsx(U, { mt: 10, label: "Enabled", checked: o.enabled, onChange: (p) => l(p.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Bz, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
         /* @__PURE__ */ r.jsx(C, { onClick: u, color: "red", leftIcon: /* @__PURE__ */ r.jsx(pt, { size: 20 }), children: "Reset" }),
@@ -28815,7 +28815,7 @@ const Mz = k(({
 }, children: [
   /* @__PURE__ */ r.jsx("thead", { children: e }),
   /* @__PURE__ */ r.jsx("tbody", { children: t })
-] }), Uz = ({
+] }), Kz = ({
   content: e
 }) => {
   const t = e.views;
@@ -28833,7 +28833,7 @@ const Mz = k(({
       /* @__PURE__ */ r.jsx("td", { children: $r[n.type] })
     ] }, n.id)) })
   ] });
-}, Kz = ({
+}, Uz = ({
   content: e
 }) => {
   const t = e.filters;
@@ -28918,8 +28918,8 @@ const Mz = k(({
   /* @__PURE__ */ r.jsx(z, { mt: 20, mb: 10, variant: "dashed" }),
   /* @__PURE__ */ r.jsx(j, { ta: "left", c: "dimmed", children: "Preview" }),
   /* @__PURE__ */ r.jsxs(_, { children: [
-    /* @__PURE__ */ r.jsx(Uz, { content: e }),
     /* @__PURE__ */ r.jsx(Kz, { content: e }),
+    /* @__PURE__ */ r.jsx(Uz, { content: e }),
     /* @__PURE__ */ r.jsx(Yz, { content: e }),
     /* @__PURE__ */ r.jsx(Xz, { content: e }),
     /* @__PURE__ */ r.jsx(Jz, { content: e }),
@@ -29593,10 +29593,10 @@ const ML = k(() => {
   const n = t.config;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-      /* @__PURE__ */ r.jsx(K, { checked: n.default_value, onChange: (s) => n.setDefaultValue(s.currentTarget.checked), label: "Default Checked" }),
+      /* @__PURE__ */ r.jsx(U, { checked: n.default_value, onChange: (s) => n.setDefaultValue(s.currentTarget.checked), label: "Default Checked" }),
       /* @__PURE__ */ r.jsx(Qn, { filter: t })
     ] }),
-    /* @__PURE__ */ r.jsx(Ki, { label: "Description", value: n.description, onChange: n.setDescription, styles: {
+    /* @__PURE__ */ r.jsx(Ui, { label: "Description", value: n.description, onChange: n.setDescription, styles: {
       root: {
         flexGrow: 1,
         minHeight: "400px"
@@ -29631,12 +29631,12 @@ const ML = k(() => {
   })), []);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { children: [
-      /* @__PURE__ */ r.jsx(K, { checked: n.required, onChange: (i) => n.setRequired(i.currentTarget.checked), label: "Required" }),
-      /* @__PURE__ */ r.jsx(K, { checked: n.allowSingleDateInRange, onChange: (i) => n.setAllowSingleDateInRange(i.currentTarget.checked), label: "Allow choosing 1 day" })
+      /* @__PURE__ */ r.jsx(U, { checked: n.required, onChange: (i) => n.setRequired(i.currentTarget.checked), label: "Required" }),
+      /* @__PURE__ */ r.jsx(U, { checked: n.allowSingleDateInRange, onChange: (i) => n.setAllowSingleDateInRange(i.currentTarget.checked), label: "Allow choosing 1 day" })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(A, { data: FL, label: "Display Format", value: n.inputFormat, onChange: n.setInputFormat }),
-      /* @__PURE__ */ r.jsx(U, { label: "Max Days", min: 0, value: n.max_days, onChange: n.setMaxDays, hideControls: !0 })
+      /* @__PURE__ */ r.jsx(K, { label: "Max Days", min: 0, value: n.max_days, onChange: n.setMaxDays, hideControls: !0 })
     ] }),
     /* @__PURE__ */ r.jsxs(y, { children: [
       /* @__PURE__ */ r.jsx(
@@ -29696,7 +29696,7 @@ const ML = k(() => {
   }, i = n.static_options, o = [...i];
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-      /* @__PURE__ */ r.jsx(K, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: "Required" }),
+      /* @__PURE__ */ r.jsx(U, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: "Required" }),
       /* @__PURE__ */ r.jsx(Qn, { filter: t })
     ] }),
     /* @__PURE__ */ r.jsx(I, { label: "Width", description: "At least 160px", value: n.min_width, onChange: (a) => n.setMinWidth(a.currentTarget.value), placeholder: "default: 200px" }),
@@ -29746,7 +29746,7 @@ const ML = k(() => {
       }, mx: "auto", children: "Add an Option" })
     ] }),
     /* @__PURE__ */ r.jsx(z, { label: "Or fetch options from database", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(U, { value: n.default_selection_count, onChange: n.setDefaultSelectionCount, label: "Select first N options by default" }),
+    /* @__PURE__ */ r.jsx(K, { value: n.default_selection_count, onChange: n.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ r.jsx(fo, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(gu, {})
   ] });
@@ -29764,7 +29764,7 @@ const ML = k(() => {
   }, ...i];
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-      /* @__PURE__ */ r.jsx(K, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: "Required" }),
+      /* @__PURE__ */ r.jsx(U, { checked: n.required, onChange: (a) => n.setRequired(a.currentTarget.checked), label: "Required" }),
       /* @__PURE__ */ r.jsx(Qn, { filter: t })
     ] }),
     /* @__PURE__ */ r.jsx(I, { label: "Width", value: n.width, onChange: (a) => n.setWidth(a.currentTarget.value), placeholder: "200px" }),
@@ -29814,7 +29814,7 @@ const ML = k(() => {
       }, mx: "auto", children: "Add an Option" })
     ] }),
     /* @__PURE__ */ r.jsx(z, { label: "Or fetch options from database", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(K, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: "Select the first option by default" }),
+    /* @__PURE__ */ r.jsx(U, { checked: n.default_selection_count === 1, onChange: (a) => n.setDefaultSelectionCount(a.currentTarget.checked ? 1 : 0), label: "Select the first option by default" }),
     /* @__PURE__ */ r.jsx(fo, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(gu, {})
   ] });
@@ -29831,7 +29831,7 @@ const ML = k(() => {
       } }),
       /* @__PURE__ */ r.jsx(L, { mt: 22, children: /* @__PURE__ */ r.jsx(Qn, { filter: t }) })
     ] }),
-    /* @__PURE__ */ r.jsx(K, { checked: n.required, onChange: (s) => n.setRequired(s.currentTarget.checked), label: "Required" })
+    /* @__PURE__ */ r.jsx(U, { checked: n.required, onChange: (s) => n.setRequired(s.currentTarget.checked), label: "Required" })
   ] });
 }), BL = `
 // row
@@ -29853,13 +29853,13 @@ const ML = k(() => {
   const n = t.config;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(y, { position: "apart", children: [
-      /* @__PURE__ */ r.jsx(K, { checked: n.required, onChange: (s) => n.setRequired(s.currentTarget.checked), label: "Required" }),
+      /* @__PURE__ */ r.jsx(U, { checked: n.required, onChange: (s) => n.setRequired(s.currentTarget.checked), label: "Required" }),
       /* @__PURE__ */ r.jsx(Qn, { filter: t })
     ] }),
     /* @__PURE__ */ r.jsx(I, { label: "Min-width", value: n.min_width, onChange: (s) => n.setMinWidth(s.currentTarget.value), placeholder: "200px" }),
     /* @__PURE__ */ r.jsx(z, { label: "Fetch options from database", labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(K, { checked: n.treeCheckStrictly, onChange: (s) => n.setTreeCheckStrictly(s.currentTarget.checked), label: "Parent and children nodes are not associated" }),
-    /* @__PURE__ */ r.jsx(U, { value: n.default_selection_count, onChange: n.setDefaultSelectionCount, label: "Select first N options by default" }),
+    /* @__PURE__ */ r.jsx(U, { checked: n.treeCheckStrictly, onChange: (s) => n.setTreeCheckStrictly(s.currentTarget.checked), label: "Parent and children nodes are not associated" }),
+    /* @__PURE__ */ r.jsx(K, { value: n.default_selection_count, onChange: n.setDefaultSelectionCount, label: "Select first N options by default" }),
     /* @__PURE__ */ r.jsx(fo, { value: n.options_query_id, onChange: n.setOptionsQueryID }),
     /* @__PURE__ */ r.jsx(qL, {})
   ] });
@@ -29904,7 +29904,7 @@ const ML = k(() => {
 }, {
   label: Yt["date-range"],
   value: "date-range"
-}], UL = k(function({
+}], KL = k(function({
   filter: t
 }) {
   const n = se(), s = M.useMemo(() => QL[t.type], [t.type]);
@@ -29916,7 +29916,7 @@ const ML = k(() => {
       /* @__PURE__ */ r.jsxs(_, { children: [
         /* @__PURE__ */ r.jsxs(y, { noWrap: !0, children: [
           /* @__PURE__ */ r.jsx(
-            U,
+            K,
             {
               label: "Placement Order",
               required: !0,
@@ -29928,7 +29928,7 @@ const ML = k(() => {
               }
             }
           ),
-          t.auto_submit_supported && /* @__PURE__ */ r.jsx(K, { label: "Submit automatically", checked: t.auto_submit, onChange: (i) => t.setAutoSubmit(i.currentTarget.checked), mt: 22 })
+          t.auto_submit_supported && /* @__PURE__ */ r.jsx(U, { label: "Submit automatically", checked: t.auto_submit, onChange: (i) => t.setAutoSubmit(i.currentTarget.checked), mt: 22 })
         ] }),
         /* @__PURE__ */ r.jsx(Fn, { label: "Visible in...", data: n.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
         /* @__PURE__ */ r.jsx(I, { label: "Key", placeholder: "A unique key to refer", required: !0, value: t.key, onChange: (i) => {
@@ -29944,7 +29944,7 @@ const ML = k(() => {
     ] }),
     /* @__PURE__ */ r.jsx(GL, { filter: t })
   ] });
-}), KL = k(({
+}), UL = k(({
   id: e
 }) => {
   const t = At(), n = he(), s = se();
@@ -29985,7 +29985,7 @@ const ML = k(() => {
       flexGrow: 1,
       maxHeight: "calc(100% - 52px)",
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(UL, { filter: i }) })
+    }, children: /* @__PURE__ */ r.jsx(KL, { filter: i }) })
   ] });
 }), YL = k(() => {
   const [e, t] = B([]), n = he(), s = (c) => {
@@ -30026,7 +30026,7 @@ const ML = k(() => {
     /* @__PURE__ */ r.jsx(L, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(K.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(U.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -30046,7 +30046,7 @@ const ML = k(() => {
         }, children: "Action" })
       ] }) }),
       /* @__PURE__ */ r.jsx("tbody", { children: n.content.filters.sortedList.map((c) => /* @__PURE__ */ r.jsxs("tr", { children: [
-        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(K, { value: c.id, styles: {
+        /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(U, { value: c.id, styles: {
           input: {
             cursor: "pointer"
           }
@@ -30113,7 +30113,7 @@ const ML = k(() => {
   const {
     panel: e
   } = Ct();
-  return /* @__PURE__ */ r.jsx(Ki, { label: "Description", value: e.description, onChange: e.setDescription, styles: {
+  return /* @__PURE__ */ r.jsx(Ui, { label: "Description", value: e.description, onChange: e.setDescription, styles: {
     root: {
       flexGrow: 1
     }
@@ -30128,14 +30128,14 @@ const ML = k(() => {
     /* @__PURE__ */ r.jsx(z, { mb: -10, label: "Style", labelPosition: "center", variant: "dashed" }),
     /* @__PURE__ */ r.jsxs(_, { spacing: 20, children: [
       /* @__PURE__ */ r.jsxs(y, { grow: !0, align: "top", children: [
-        /* @__PURE__ */ r.jsx(U, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "of 36 columns" }), styles: {
+        /* @__PURE__ */ r.jsx(K, { label: "Width", min: 1, max: 36, step: 1, precision: 0, rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "of 36 columns" }), styles: {
           rightSection: {
             width: "110px"
           }
         }, value: t.w, onChange: (s) => {
           s && t.setWidth(s);
         } }),
-        /* @__PURE__ */ r.jsx(U, { label: "Height", rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "px" }), styles: {
+        /* @__PURE__ */ r.jsx(K, { label: "Height", rightSection: /* @__PURE__ */ r.jsx(j, { size: 12, children: "px" }), styles: {
           rightSection: {
             width: "40px"
           }
@@ -30143,7 +30143,7 @@ const ML = k(() => {
           s && t.setHeight(s);
         } })
       ] }),
-      /* @__PURE__ */ r.jsx(K, { ml: 6, label: "Border", checked: n.border.enabled, onChange: (s) => n.border.setEnabled(s.currentTarget.checked) })
+      /* @__PURE__ */ r.jsx(U, { ml: 6, label: "Border", checked: n.border.enabled, onChange: (s) => n.border.setEnabled(s.currentTarget.checked) })
     ] })
   ] });
 }), eM = () => /* @__PURE__ */ r.jsxs("span", { className: "mantine-103svbs mantine-InputWrapper-required mantine-Select-required", "aria-hidden": "true", children: [
@@ -30176,10 +30176,10 @@ const ML = k(() => {
     panel: e
   } = Ct();
   return /* @__PURE__ */ r.jsx(_, { spacing: 6, mb: 10, children: /* @__PURE__ */ r.jsxs(y, { pl: 6, position: "left", spacing: 20, children: [
-    /* @__PURE__ */ r.jsx(K, { size: "sm", checked: e.title.show, onChange: (t) => e.title.setShow(t.currentTarget.checked), label: "Show Title", sx: {
+    /* @__PURE__ */ r.jsx(U, { size: "sm", checked: e.title.show, onChange: (t) => e.title.setShow(t.currentTarget.checked), label: "Show Title", sx: {
       userSelect: "none"
     } }),
-    /* @__PURE__ */ r.jsx(K, { size: "sm", checked: !0, disabled: !0, label: "Use name as title" })
+    /* @__PURE__ */ r.jsx(U, { size: "sm", checked: !0, disabled: !0, label: "Use name as title" })
   ] }) });
 });
 function rM() {
@@ -30294,7 +30294,7 @@ const iM = [{
   const c = a === 1 && o <= 10;
   return /* @__PURE__ */ r.jsxs(y, { pt: 10, px: 10, position: "apart", children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", children: [
-      a > 1 && /* @__PURE__ */ r.jsx(Ua, { size: "sm", value: t, onChange: n, total: a, withEdges: a > 7, styles: {
+      a > 1 && /* @__PURE__ */ r.jsx(Ka, { size: "sm", value: t, onChange: n, total: a, withEdges: a > 7, styles: {
         control: {
           height: "30px"
         }
@@ -30395,7 +30395,7 @@ const iM = [{
     t.editor.setPath(["_QUERIES_", l]);
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(ch, { opened: i, onClose: () => o(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(K.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(_, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ r.jsx(K, { label: l.label, value: l.value }, l.value)) }) }) }),
+    /* @__PURE__ */ r.jsx(ch, { opened: i, onClose: () => o(!1), title: "Choose queries", padding: "xl", size: 500, zIndex: 320, children: /* @__PURE__ */ r.jsx(U.Group, { value: [...s.queryIDs], onChange: s.setQueryIDs, children: /* @__PURE__ */ r.jsx(_, { spacing: "lg", children: n.queries.options.map((l) => /* @__PURE__ */ r.jsx(U, { label: l.label, value: l.value }, l.value)) }) }) }),
     /* @__PURE__ */ r.jsxs(_, { spacing: 6, children: [
       /* @__PURE__ */ r.jsx(y, { position: "right", children: /* @__PURE__ */ r.jsx(C, { variant: "light", size: "sm", leftIcon: /* @__PURE__ */ r.jsx(Sp, { size: 16 }), onClick: () => o(!0), children: "Click me to choose queries for this panel" }) }),
       s.queryIDs.length === 1 && /* @__PURE__ */ r.jsx(ui, { id: s.queryIDs[0], moreActions: /* @__PURE__ */ r.jsx(ye, { label: "Open this query", children: /* @__PURE__ */ r.jsx(W, { variant: "subtle", color: "blue", onClick: () => a(s.queryIDs[0]), children: /* @__PURE__ */ r.jsx(Xs, { size: 16 }) }) }) }),
@@ -31016,7 +31016,7 @@ const MM = k(({
     /* @__PURE__ */ r.jsx(L, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(K.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(U.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -31044,7 +31044,7 @@ const MM = k(({
         var x;
         const p = ((x = h[u.id]) == null ? void 0 : x.length) ?? 0;
         return /* @__PURE__ */ r.jsxs("tr", { children: [
-          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(K, { value: u.id, styles: {
+          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(U, { value: u.id, styles: {
             input: {
               cursor: "pointer"
             }
@@ -31339,7 +31339,7 @@ const WM = k(({
       paddingLeft: "50px"
     }
   }
-}, UM = k(({
+}, KM = k(({
   dataSource: e
 }) => {
   const {
@@ -31347,7 +31347,7 @@ const WM = k(({
   } = e;
   return /* @__PURE__ */ r.jsxs(y, { pt: 10, px: 10, position: "apart", children: [
     /* @__PURE__ */ r.jsxs(y, { position: "left", children: [
-      t.maxPage > 1 && /* @__PURE__ */ r.jsx(Ua, { size: "sm", value: t.page, onChange: t.setPage, total: t.maxPage, withEdges: t.maxPage > 7, styles: {
+      t.maxPage > 1 && /* @__PURE__ */ r.jsx(Ka, { size: "sm", value: t.page, onChange: t.setPage, total: t.maxPage, withEdges: t.maxPage > 7, styles: {
         control: {
           height: "30px"
         }
@@ -31370,7 +31370,7 @@ const WM = k(({
       " rows"
     ] }) })
   ] });
-}), KM = k(({
+}), UM = k(({
   dataSource: e
 }) => {
   const t = e.tableData;
@@ -31379,7 +31379,7 @@ const WM = k(({
   }, children: "This table is empty" }) : t.error ? /* @__PURE__ */ r.jsx(j, { mt: 20, color: "red", size: "md", align: "center", sx: {
     fontFamily: "monospace"
   }, children: t.error }) : t.page === 1 && t.loading ? /* @__PURE__ */ r.jsx(GM, { visible: !0 }) : /* @__PURE__ */ r.jsxs(Qe, { children: [
-    /* @__PURE__ */ r.jsx(UM, { dataSource: e }),
+    /* @__PURE__ */ r.jsx(KM, { dataSource: e }),
     /* @__PURE__ */ r.jsxs(L, { py: 10, sx: {
       width: "100%",
       height: "calc(100% - 42px)",
@@ -31426,7 +31426,7 @@ const WM = k(({
       width: "100%",
       height: "calc(100% - 36px)",
       overflow: "hidden"
-    }, children: /* @__PURE__ */ r.jsx(KM, { dataSource: e }) })
+    }, children: /* @__PURE__ */ r.jsx(UM, { dataSource: e }) })
   ] })
 ] }))), JM = {
   modal: {
@@ -31645,7 +31645,7 @@ WHERE
     ...n
   }, children: /* @__PURE__ */ r.jsxs(f, { defaultValue: "guide", keepMounted: !1, children: [
     /* @__PURE__ */ r.jsxs(f.List, { grow: !0, children: [
-      /* @__PURE__ */ r.jsx(f.Tab, { value: "guide", icon: /* @__PURE__ */ r.jsx(Uo, { size: 14 }), children: "Guide" }),
+      /* @__PURE__ */ r.jsx(f.Tab, { value: "guide", icon: /* @__PURE__ */ r.jsx(Ko, { size: 14 }), children: "Guide" }),
       /* @__PURE__ */ r.jsx(f.Tab, { value: "local_query_vars", icon: /* @__PURE__ */ r.jsx(ul, { size: 14 }), children: "Variables in this dashboard" }),
       /* @__PURE__ */ r.jsx(f.Tab, { value: "global_sql_snippets", icon: /* @__PURE__ */ r.jsx(Ip, { size: 14 }), children: "Global SQL Snippets" })
     ] }),
@@ -31656,7 +31656,7 @@ WHERE
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: a }) }),
     /* @__PURE__ */ r.jsx(f.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(_, { spacing: 10, children: [
-      /* @__PURE__ */ r.jsx(es, { icon: /* @__PURE__ */ r.jsx(Uo, { size: 16 }), title: "Global SQL Snippets", children: "SQL snippets worth sharing between dashboards are managed in System Settings by admins." }),
+      /* @__PURE__ */ r.jsx(es, { icon: /* @__PURE__ */ r.jsx(Ko, { size: 16 }), title: "Global SQL Snippets", children: "SQL snippets worth sharing between dashboards are managed in System Settings by admins." }),
       /* @__PURE__ */ r.jsx(rA, {})
     ] }) })
   ] }) });
@@ -31720,9 +31720,9 @@ WHERE
     ] }) }),
     /* @__PURE__ */ r.jsx("tbody", { children: t.map((o) => /* @__PURE__ */ r.jsxs("tr", { children: [
       /* @__PURE__ */ r.jsx("td", { children: w.capitalize(o.type) }),
-      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(Ks, { component: "button", type: "button", onClick: () => s(o), children: o.label }) }),
+      /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(Us, { component: "button", type: "button", onClick: () => s(o), children: o.label }) }),
       /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsxs(_, { align: "flex-start", justify: "flex-start", spacing: 2, children: [
-        o.views.map((a) => /* @__PURE__ */ r.jsx(Ks, { component: "button", type: "button", onClick: () => i(a.id), children: /* @__PURE__ */ r.jsx(L, { children: a.label }) }, a.id)),
+        o.views.map((a) => /* @__PURE__ */ r.jsx(Us, { component: "button", type: "button", onClick: () => i(a.id), children: /* @__PURE__ */ r.jsx(L, { children: a.label }) }, a.id)),
         o.views.length === 0 && /* @__PURE__ */ r.jsx(L, { children: "--" })
       ] }) })
     ] }, o.id)) })
@@ -32075,7 +32075,7 @@ WHERE
     /* @__PURE__ */ r.jsx(L, { sx: {
       flexGrow: 1,
       overflow: "auto"
-    }, children: /* @__PURE__ */ r.jsx(K.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
+    }, children: /* @__PURE__ */ r.jsx(U.Group, { size: "xs", value: e, onChange: t, children: /* @__PURE__ */ r.jsxs(Ve, { fontSize: "sm", highlightOnHover: !0, sx: {
       tableLayout: "fixed"
     }, children: [
       /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
@@ -32096,7 +32096,7 @@ WHERE
         var x;
         const p = ((x = h[u.key]) == null ? void 0 : x.length) ?? 0;
         return /* @__PURE__ */ r.jsxs("tr", { children: [
-          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(K, { value: u.key, styles: {
+          /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(U, { value: u.key, styles: {
             input: {
               cursor: "pointer"
             }
@@ -32187,7 +32187,7 @@ const MA = k(() => /* @__PURE__ */ r.jsx(_, { sx: {
   height: "100%"
 }, p: "sm", children: /* @__PURE__ */ r.jsx(vu, {}) })), AA = k(() => {
   const e = he().editor, t = e.path;
-  return wA(t) ? /* @__PURE__ */ r.jsx(MA, {}) : _A(t) ? /* @__PURE__ */ r.jsx(XL, {}) : SA(t) ? /* @__PURE__ */ r.jsx(YL, {}) : CA(t) ? /* @__PURE__ */ r.jsx(L, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(KL, { id: t[1] }) }) : kA(t) ? /* @__PURE__ */ r.jsx(jA, {}) : TA(t) ? /* @__PURE__ */ r.jsx(yA, { id: t[1] }) : DA(t) ? /* @__PURE__ */ r.jsx(RM, {}) : IA(t) ? /* @__PURE__ */ r.jsx(fA, { id: t[1] }) : zA(t) ? /* @__PURE__ */ r.jsx(L, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(vA, { id: t[1] }) }) : LA(t) ? /* @__PURE__ */ r.jsx(AM, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r.jsx(L, { children: e.path });
+  return wA(t) ? /* @__PURE__ */ r.jsx(MA, {}) : _A(t) ? /* @__PURE__ */ r.jsx(XL, {}) : SA(t) ? /* @__PURE__ */ r.jsx(YL, {}) : CA(t) ? /* @__PURE__ */ r.jsx(L, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(UL, { id: t[1] }) }) : kA(t) ? /* @__PURE__ */ r.jsx(jA, {}) : TA(t) ? /* @__PURE__ */ r.jsx(yA, { id: t[1] }) : DA(t) ? /* @__PURE__ */ r.jsx(RM, {}) : IA(t) ? /* @__PURE__ */ r.jsx(fA, { id: t[1] }) : zA(t) ? /* @__PURE__ */ r.jsx(L, { p: "xs", pl: 20, children: /* @__PURE__ */ r.jsx(vA, { id: t[1] }) }) : LA(t) ? /* @__PURE__ */ r.jsx(AM, { viewID: t[1], panelID: t[3] }) : /* @__PURE__ */ r.jsx(L, { children: e.path });
 }), RA = k(() => /* @__PURE__ */ r.jsx(AA, {})), EA = k(() => {
   const e = he(), t = () => {
     const n = (/* @__PURE__ */ new Date()).getTime().toString(), s = {
@@ -32381,14 +32381,14 @@ const MA = k(() => /* @__PURE__ */ r.jsx(_, { sx: {
       // @ts-expect-error important
       overflowY: "hidden !important"
     }
-  }, children: /* @__PURE__ */ r.jsx(Ka, { padding: 0, navbar: /* @__PURE__ */ r.jsx(GA, {}), styles: QA, children: /* @__PURE__ */ r.jsx(RA, {}) }) });
-}), UA = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
-function KA(e) {
+  }, children: /* @__PURE__ */ r.jsx(Ua, { padding: 0, navbar: /* @__PURE__ */ r.jsx(GA, {}), styles: QA, children: /* @__PURE__ */ r.jsx(RA, {}) }) });
+}), KA = (e) => e.replace(/([^:])(\/\/+)/g, "$1/");
+function UA(e) {
   O(() => {
     if (Rs.__getMonacoInstance())
       return;
     console.log("loading monaco for @devtable/dashboard");
-    const n = UA(e);
+    const n = KA(e);
     Rs.config({
       paths: {
         vs: n
@@ -32429,7 +32429,7 @@ const YA = {
   onFilterValuesChange: d,
   onExit: h
 }, u) => {
-  KA(o.monacoPath), Nl(o);
+  UA(o.monacoPath), Nl(o);
   const {
     data: p = []
   } = fn(_i), {
@@ -32456,12 +32456,12 @@ const YA = {
   }, children: /* @__PURE__ */ r.jsx(Xl, { value: b, children: /* @__PURE__ */ r.jsx(nc, { value: b.content, children: /* @__PURE__ */ r.jsx(ki.Provider, { value: {
     inEditMode: !0
   }, children: /* @__PURE__ */ r.jsx(Et.Provider, { value: D, children: /* @__PURE__ */ r.jsxs(vs, { configure: R, children: [
-    /* @__PURE__ */ r.jsx(Ka, { padding: 0, header: /* @__PURE__ */ r.jsx(oL, { onExit: h, saveDashboardChanges: S, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(AL, {}), styles: YA, children: /* @__PURE__ */ r.jsx(L, { className: `${i} dashboard-root`, sx: {
+    /* @__PURE__ */ r.jsx(Ua, { padding: 0, header: /* @__PURE__ */ r.jsx(oL, { onExit: h, saveDashboardChanges: S, headerSlot: l }), navbar: /* @__PURE__ */ r.jsx(AL, {}), styles: YA, children: /* @__PURE__ */ r.jsx(L, { className: `${i} dashboard-root`, sx: {
       position: "relative"
     }, children: b.content.views.visibleViews.map((P) => /* @__PURE__ */ r.jsx(az, { view: P }, P.id)) }) }),
     /* @__PURE__ */ r.jsx(HA, {})
   ] }) }) }) }) }) }) });
-}, KE = k(xe(XA));
+}, UE = k(xe(XA));
 const _u = m.model({
   id: m.string,
   name: m.string,
@@ -32594,7 +32594,7 @@ function JA({
     create_time: s,
     update_time: i,
     version: c,
-    filters: Ud(d, a, S, l),
+    filters: Kd(d, a, S, l),
     queries: yD(x),
     sqlSnippets: vD(b),
     mock_context: _d(S),
@@ -32729,7 +32729,7 @@ export {
   di as DEFAULT_CUSTOM_MODAL_TITLE,
   nm as DashboardApiClient,
   rm as DashboardApiFacadeClient,
-  KE as DashboardEditor,
+  UE as DashboardEditor,
   Re as DashboardFilterType,
   lz as DashboardMode,
   zz as DashboardModel,
@@ -32760,7 +32760,7 @@ export {
   hD as GlobalSQLSnippetMeta,
   Od as GlobalSQLSnippetsMeta,
   HI as LayoutItemMeta,
-  UI as LayoutSetMeta,
+  KI as LayoutSetMeta,
   ki as LayoutStateContext,
   Xd as LayoutsRenderModel,
   wd as MockContextMeta,
@@ -32782,9 +32782,9 @@ export {
   Yd as QueriesRenderModel,
   QI as QueryMeta,
   hz as QueryModel,
-  Kd as QueryRenderModel,
+  Ud as QueryRenderModel,
   YE as ReadOnlyDashboard,
-  KI as SQLSnippetMeta,
+  UI as SQLSnippetMeta,
   jD as SQLSnippetRenderModel,
   xz as SQLSnippetsModel,
   Jd as SQLSnippetsRenderModel,
@@ -32800,7 +32800,7 @@ export {
   Tz as ViewsModel,
   Vd as ViewsRenderModel,
   MD as Viz,
-  UE as applyPartialDashboard,
+  KE as applyPartialDashboard,
   Nl as configureAPIClient,
   Dz as createContentModel,
   JA as createContentRenderModel,
@@ -32820,7 +32820,7 @@ export {
   sm as facadeApiClient,
   Yr as formatSQLSnippet,
   cu as getInitialDashboardViewsModel,
-  Ud as getInitialFiltersConfig,
+  Kd as getInitialFiltersConfig,
   _d as getInitialMockContextMeta,
   yD as getInitialQueriesRenderModel,
   vD as getInitialSQLSnippetsRenderModel,
@@ -32833,7 +32833,7 @@ export {
   se as useEditContentModelContext,
   he as useEditDashboardContext,
   Ct as useEditPanelContext,
-  Km as useFullScreenPanelContext,
+  Um as useFullScreenPanelContext,
   qD as usePanelFullScreen,
   Pe as useRenderContentModelContext,
   Gm as useRenderDashboardContext,