@devtable/dashboard 13.27.4 → 13.27.5

package/dist/dashboard.es.js

@@ -1,10 +1,10 @@
 var mg = Object.defineProperty;
 var fg = (e, t, n) => t in e ? mg(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var G = (e, t, n) => (fg(e, typeof t != "symbol" ? t + "" : t, n), n);
-import R, { forwardRef as re, useState as U, useEffect as W, useCallback as Ee, useMemo as I, createElement as aa, useContext as Rn, useRef as ni, useLayoutEffect as xg, createContext as Du, memo as gg } from "react";
-import { TextInput as E, Stack as S, Group as b, Button as M, Text as w, Box as A, Overlay as Cr, Modal as Le, Tooltip as de, ActionIcon as J, NativeSelect as Mu, useMantineTheme as Yo, Popover as Ft, ColorSwatch as $s, ColorInput as Jn, SimpleGrid as br, ColorPicker as td, HoverCard as Pe, Select as N, Checkbox as te, Divider as P, NumberInput as ne, Switch as Xe, Table as Ge, MultiSelect as Yr, Paper as bg, Code as nd, Tabs as _, LoadingOverlay as Ir, Alert as Vi, createStyles as Ni, CloseButton as _r, Center as Zn, Collapse as qi, CheckIcon as yg, MANTINE_SIZES as vg, SegmentedControl as Eu, Anchor as As, Menu as ee, UnstyledButton as Lu, Flex as qt, Badge as Yn, Textarea as $u, Mark as Au, Slider as _g, Affix as jg, Header as wg, List as Tt, FileInput as Sg, ThemeIcon as Wa, Navbar as Tn, JsonInput as Ru, Pagination as Pu, Drawer as kg, Accordion as ms, Radio as rd, Skeleton as id, NavLink as po, AppShell as Ou } from "@mantine/core";
+import R, { forwardRef as re, useRef as Yn, useEffect as W, useState as U, useCallback as Ee, useMemo as I, createElement as aa, useContext as Rn, useLayoutEffect as xg, createContext as Du, memo as gg } from "react";
+import { TextInput as E, Stack as S, Group as b, Button as M, Text as w, Box as A, Overlay as Ir, Modal as Le, Tooltip as de, ActionIcon as J, NativeSelect as Mu, useMantineTheme as Yo, Popover as Ft, ColorSwatch as $s, ColorInput as Zn, SimpleGrid as yr, ColorPicker as td, HoverCard as Pe, Select as N, Checkbox as te, Divider as P, NumberInput as ne, Switch as Xe, Table as Ge, MultiSelect as Xr, Paper as bg, Code as nd, Tabs as _, LoadingOverlay as Tr, Alert as Vi, createStyles as Ni, CloseButton as jr, Center as er, Collapse as qi, CheckIcon as yg, MANTINE_SIZES as vg, SegmentedControl as Eu, Anchor as As, Menu as ee, UnstyledButton as Lu, Flex as qt, Badge as Xn, Textarea as $u, Mark as Au, Slider as _g, Affix as jg, Header as wg, List as Tt, FileInput as Sg, ThemeIcon as Wa, Navbar as Tn, JsonInput as Ru, Pagination as Pu, Drawer as kg, Accordion as ms, Radio as rd, Skeleton as id, NavLink as po, AppShell as Ou } from "@mantine/core";
 import { useModals as _n, ModalsProvider as Fu } from "@mantine/modals";
-import { useBoolean as nt, useCreation as en, useAsyncEffect as Bi, useRequest as jr, useLatest as sd, usePrevious as Cg, useWhyDidYouUpdate as Vu } from "ahooks";
+import { useBoolean as nt, useCreation as en, useAsyncEffect as Bi, useRequest as wr, useLatest as sd, usePrevious as Cg, useWhyDidYouUpdate as Vu } from "ahooks";
 import { toJS as Pn, observable as Nu, runInAction as zi, reaction as Dt, makeAutoObservable as Wi } from "mobx";
 import { observer as D } from "mobx-react-lite";
 import { faker as Ig } from "@faker-js/faker";
@@ -13,14 +13,14 @@ import zg from "crypto-js";
 import * as Dg from "d3-array";
 import { quantile as ks } from "d3-array";
 import V from "dayjs";
-import C, { cloneDeepWith as qu, unset as Mg, get as ae, isObject as Bu, set as Xo, omit as wr, isFunction as Eg, orderBy as Lg, last as Wu, defaults as je, minBy as $g, maxBy as Ag, cloneDeep as Ze, values as Gu, template as Jo, throttle as Rg, range as Pg, isEqual as xe, defaultsDeep as He, keyBy as Og, isEmpty as Hu, isNumber as Fg, findLastIndex as Vg, isString as Qu, pick as Uu } from "lodash";
-import * as Wr from "mathjs";
+import C, { cloneDeepWith as qu, unset as Mg, get as ae, isObject as Bu, set as Xo, omit as Sr, isFunction as Eg, orderBy as Lg, last as Wu, defaults as je, minBy as $g, maxBy as Ag, cloneDeep as Ze, values as Gu, template as Jo, throttle as Rg, range as Pg, isEqual as xe, defaultsDeep as He, keyBy as Og, isEmpty as Hu, isNumber as Fg, findLastIndex as Vg, isString as Qu, pick as Uu } from "lodash";
+import * as Gr from "mathjs";
 import Rs from "numbro";
 import * as Ng from "popmotion";
-import { interpolate as Tr } from "popmotion";
+import { interpolate as zr } from "popmotion";
 import xn from "axios";
-import { useDisclosure as er, useClipboard as qg, randomId as Sr, useElementSize as $i, useResizeObserver as Bg, useInputState as Ku } from "@mantine/hooks";
-import { IconPlayerSkipBack as Yu, IconRecycle as Gi, IconDeviceFloppy as Qe, IconMathFunctionOff as Wg, IconMathFunction as On, IconTextSize as Zo, IconInfoCircle as zr, IconCircleOff as Xu, IconX as el, IconBorderAll as Gg, IconTrash as bn, IconPlus as nn, IconGripHorizontal as Hg, IconChevronUp as Qg, IconChevronDown as Ug, IconSelector as Kg, IconGripVertical as Yg, IconPlaylistAdd as mo, IconArrowDown as Xg, IconArrowUp as Jg, IconAlertCircle as fo, IconArrowBarToRight as Zg, IconCalendar as eb, IconMinus as tb, IconChevronsUp as nb, IconChevronsDown as rb, IconDatabase as Hi, IconCode as kr, IconCamera as oa, IconShare3 as ib, IconDownload as sb, IconArrowsLeftRight as ab, IconVariable as Ju, IconCodeDots as ob, IconFilter as Zu, IconCopy as lb, IconBoxMultiple as eh, IconCaretDown as cb, IconAlertTriangle as th, IconArrowLeft as db, IconDevices as ub, IconSettings as Qi, IconPointFilled as tl, IconFileImport as ad, IconCircleDashed as hb, IconCircleDot as pb, IconAdjustments as mb, IconLink as fb, IconArrowCurveRight as xo, IconLine as xb, IconEye as nh, IconTable as gb, IconColumns as bb, IconVectorTriangle as yb, IconVariablePlus as vb, IconHierarchy as _b, IconDiscountCheckFilled as jb } from "@tabler/icons-react";
+import { useDisclosure as tr, useClipboard as qg, randomId as kr, useElementSize as $i, useResizeObserver as Bg, useInputState as Ku } from "@mantine/hooks";
+import { IconPlayerSkipBack as Yu, IconRecycle as Gi, IconDeviceFloppy as Qe, IconMathFunctionOff as Wg, IconMathFunction as On, IconTextSize as Zo, IconInfoCircle as Dr, IconCircleOff as Xu, IconX as el, IconBorderAll as Gg, IconTrash as bn, IconPlus as nn, IconGripHorizontal as Hg, IconChevronUp as Qg, IconChevronDown as Ug, IconSelector as Kg, IconGripVertical as Yg, IconPlaylistAdd as mo, IconArrowDown as Xg, IconArrowUp as Jg, IconAlertCircle as fo, IconArrowBarToRight as Zg, IconCalendar as eb, IconMinus as tb, IconChevronsUp as nb, IconChevronsDown as rb, IconDatabase as Hi, IconCode as Cr, IconCamera as oa, IconShare3 as ib, IconDownload as sb, IconArrowsLeftRight as ab, IconVariable as Ju, IconCodeDots as ob, IconFilter as Zu, IconCopy as lb, IconBoxMultiple as eh, IconCaretDown as cb, IconAlertTriangle as th, IconArrowLeft as db, IconDevices as ub, IconSettings as Qi, IconPointFilled as tl, IconFileImport as ad, IconCircleDashed as hb, IconCircleDot as pb, IconAdjustments as mb, IconLink as fb, IconArrowCurveRight as xo, IconLine as xb, IconEye as nh, IconTable as gb, IconColumns as bb, IconVectorTriangle as yb, IconVariablePlus as vb, IconHierarchy as _b, IconDiscountCheckFilled as jb } from "@tabler/icons-react";
 import { useTranslation as v, Trans as la, initReactI18next as wb, I18nextProvider as Sb } from "react-i18next";
 import { RichTextEditor as ie, Link as rh, useRichTextEditorContext as kb } from "@mantine/tiptap";
 import { Color as ih } from "@tiptap/extension-color";
@@ -46,7 +46,7 @@ import { use as Gb } from "echarts/core";
 import { BarChart as Hb, BoxplotChart as Qb, CustomChart as Ub, FunnelChart as Kb, HeatmapChart as Yb, LineChart as Xb, PieChart as Jb, RadarChart as Zb, ScatterChart as ey, SunburstChart as ty } from "echarts/charts";
 import { CalendarComponent as ny, DataZoomComponent as ry, GridComponent as iy, LegendComponent as sy, TooltipComponent as ay, MarkLineComponent as oy, MarkAreaComponent as ly, VisualMapComponent as cy } from "echarts/components";
 import { CanvasRenderer as dy } from "echarts/renderers";
-import Xr, { random as ca } from "chroma-js";
+import Jr, { random as ca } from "chroma-js";
 import { constrainedEditor as uy } from "constrained-editor-plugin";
 import { encode as hy, decode as py } from "js-base64";
 import ld from "eventemitter2";
@@ -54,20 +54,20 @@ import ht from "echarts-for-react/lib/core";
 import "echarts-gl";
 import { useForm as Te, Controller as g, useFieldArray as da, useWatch as my } from "react-hook-form";
 import { DatesProvider as fy, DatePicker as xy } from "@mantine/dates";
-import { DeviceFloppy as $n, Recycle as Dr, Trash as Fn, AlertCircle as gy, InfoCircle as Vn, Refresh as nl, Download as rl, ArrowsMaximize as bh, Settings as yh, Copy as by, ArrowLeft as yy, ArrowsMove as vy, ChevronDownRight as _y, Plus as jy, ChevronsUpRight as wy, PlaylistAdd as ua, ArrowBarToRight as Sy } from "tabler-icons-react";
-import { showNotification as Jr, notifications as vh } from "@mantine/notifications";
+import { DeviceFloppy as $n, Recycle as Mr, Trash as Fn, AlertCircle as gy, InfoCircle as Vn, Refresh as nl, Download as rl, ArrowsMaximize as bh, Settings as yh, Copy as by, ArrowLeft as yy, ArrowsMove as vy, ChevronDownRight as _y, Plus as jy, ChevronsUpRight as wy, PlaylistAdd as ua, ArrowBarToRight as Sy } from "tabler-icons-react";
+import { showNotification as Zr, notifications as vh } from "@mantine/notifications";
 import { useDragDropManager as ky, useInstance as Cy, DragDropProvider as _h } from "@dnd-kit/react";
 import { flushSync as Iy } from "react-dom";
 import * as Gn from "d3-regression";
 import { move as Ty } from "@dnd-kit/helpers";
 import { v4 as Mn } from "uuid";
-import { Prism as Xn } from "@mantine/prism";
+import { Prism as Jn } from "@mantine/prism";
 import { flexRender as Ps, createColumnHelper as jh, useReactTable as wh, getCoreRowModel as Sh, getSortedRowModel as zy } from "@tanstack/react-table";
 import { useVirtual as Dy } from "react-virtual";
 import My, { Option as Ey } from "rc-select";
 import Ly, { SHOW_PARENT as $y } from "rc-tree-select";
 import { WidthProvider as kh, Responsive as Ch } from "react-grid-layout";
-import { types as x, cast as yn, getRoot as tt, getParent as Ne, addDisposer as Zt, isAlive as cd, flow as qr, toGenerator as pr, clone as Ay, getSnapshot as mn, applySnapshot as at, addMiddleware as Ry, getType as Py, detach as go, castToSnapshot as Ih } from "mobx-state-tree";
+import { types as x, cast as yn, getRoot as tt, getParent as Ne, addDisposer as Zt, isAlive as cd, flow as Br, toGenerator as mr, clone as Ay, getSnapshot as mn, applySnapshot as at, addMiddleware as Ry, getType as Py, detach as go, castToSnapshot as Ih } from "mobx-state-tree";
 import { arrayToTree as Oy } from "performant-array-to-tree";
 import { saveAs as ha } from "file-saver";
 import Th from "dom-to-image-more";
@@ -240,14 +240,14 @@ function Cv() {
         }
       return null;
     }
-    var $t = Object.assign, At = 0, pi, Ht, mi, lr, cr, cs, fi;
+    var $t = Object.assign, At = 0, pi, Ht, mi, cr, dr, cs, fi;
     function ds() {
     }
     ds.__reactDisabledLog = !0;
-    function $r() {
+    function Ar() {
       {
         if (At === 0) {
-          pi = console.log, Ht = console.info, mi = console.warn, lr = console.error, cr = console.group, cs = console.groupCollapsed, fi = console.groupEnd;
+          pi = console.log, Ht = console.info, mi = console.warn, cr = console.error, dr = console.group, cs = console.groupCollapsed, fi = console.groupEnd;
           var j = {
             configurable: !0,
             enumerable: !0,
@@ -286,10 +286,10 @@ function Cv() {
               value: mi
             }),
             error: $t({}, j, {
-              value: lr
+              value: cr
             }),
             group: $t({}, j, {
-              value: cr
+              value: dr
             }),
             groupCollapsed: $t({}, j, {
               value: cs
@@ -334,7 +334,7 @@ function Cv() {
       var ue = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _e;
-      _e = ve.current, ve.current = null, $r();
+      _e = ve.current, ve.current = null, Ar();
       try {
         if (F) {
           var ce = function() {
@@ -389,7 +389,7 @@ function Cv() {
       } finally {
         kt = !1, ve.current = _e, Oa(), Error.prepareStackTrace = ue;
       }
-      var Rr = j ? j.displayName || j.name : "", ed = Rr ? Ae(Rr) : "";
+      var Pr = j ? j.displayName || j.name : "", ed = Pr ? Ae(Pr) : "";
       return typeof j == "function" && cn.set(j, ed), ed;
     }
     function dn(j, F, B) {
@@ -578,7 +578,7 @@ function Cv() {
       }
     }
     var Na = k.ReactCurrentOwner, Uc = k.ReactDebugCurrentFrame;
-    function Ar(j) {
+    function Rr(j) {
       if (j) {
         var F = j._owner, B = us(j.type, j._source, F ? F.type : null);
         Uc.setExtraStackFrame(B);
@@ -636,7 +636,7 @@ Check the top-level render call using <` + B + ">.");
           return;
         Yc[B] = !0;
         var X = "";
-        j && j._owner && j._owner !== Na.current && (X = " It was passed a child from " + it(j._owner.type) + "."), Ar(j), z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, X), Ar(null);
+        j && j._owner && j._owner !== Na.current && (X = " It was passed a child from " + it(j._owner.type) + "."), Rr(j), z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', B, X), Rr(null);
       }
     }
     function Jc(j, F) {
@@ -688,11 +688,11 @@ Check the top-level render call using <` + B + ">.");
         for (var F = Object.keys(j.props), B = 0; B < F.length; B++) {
           var X = F[B];
           if (X !== "children" && X !== "key") {
-            Ar(j), z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", X), Ar(null);
+            Rr(j), z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", X), Rr(null);
             break;
           }
         }
-        j.ref !== null && (Ar(j), z("Invalid attribute `ref` supplied to `React.Fragment`."), Ar(null));
+        j.ref !== null && (Rr(j), z("Invalid attribute `ref` supplied to `React.Fragment`."), Rr(null));
       }
     }
     function Zc(j, F, B, X, ue, _e) {
@@ -714,8 +714,8 @@ Check the top-level render call using <` + B + ">.");
           if (Rt !== void 0)
             if (X)
               if (Fa(Rt)) {
-                for (var Rr = 0; Rr < Rt.length; Rr++)
-                  Jc(Rt[Rr], j);
+                for (var Pr = 0; Pr < Rt.length; Pr++)
+                  Jc(Rt[Pr], j);
                 Object.freeze && Object.freeze(Rt);
               } else
                 z("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -743,7 +743,7 @@ const rn = {
   dayjs: V,
   lodash: C,
   numbro: Rs,
-  mathjs: Wr,
+  mathjs: Gr,
   faker: Ig,
   popmotion: Ng
 }, Iv = [{
@@ -992,11 +992,11 @@ class Rv {
     return this.getRequest("PUT", t);
   }
 }
-const Fr = new Av();
+const Vr = new Av();
 function Dh(e) {
-  Fr.baseURL !== e.apiBaseURL && (Fr.baseURL = e.apiBaseURL), e.app_id && (Fr.app_id = e.app_id), e.app_secret && (Fr.app_secret = e.app_secret), e.makeQueryENV && (Fr.makeQueryENV = e.makeQueryENV);
+  Vr.baseURL !== e.apiBaseURL && (Vr.baseURL = e.apiBaseURL), e.app_id && (Vr.app_id = e.app_id), e.app_secret && (Vr.app_secret = e.app_secret), e.makeQueryENV && (Vr.makeQueryENV = e.makeQueryENV);
 }
-const Pv = new Rv(Fr), zn = Pv, Os = re(function({
+const Pv = new Rv(Vr), zn = Pv, Os = re(function({
   value: t,
   onChange: n,
   ...i
@@ -1065,10 +1065,10 @@ function Nv(e, t) {
     case "quantile":
       return ks(e, t.config.p);
     case "CV":
-      const n = Wr.std(...e), i = Wr.mean(...e);
+      const n = Gr.std(...e), i = Gr.mean(...e);
       return i ? n / i : Number.NaN;
     case "std":
-      return Wr.std(...e);
+      return Gr.std(...e);
     default:
       return e;
   }
@@ -1110,7 +1110,7 @@ class Wv {
     colorRange: n
   }) {
     G(this, "mapper");
-    this.mapper = Tr(t, n);
+    this.mapper = zr(t, n);
   }
   getColor(t) {
     return this.mapper(t);
@@ -2482,7 +2482,7 @@ function ll(e, t, n) {
   }
   return he.fromArray(i);
 }
-class mr extends _t {
+class fr extends _t {
   /**
   Create a mark step.
   */
@@ -2494,14 +2494,14 @@ class mr extends _t {
     return Be.fromReplace(t, this.from, this.to, a);
   }
   invert() {
-    return new fr(this.from, this.to, this.mark);
+    return new xr(this.from, this.to, this.mark);
   }
   map(t) {
     let n = t.mapResult(this.from, 1), i = t.mapResult(this.to, -1);
-    return n.deleted && i.deleted || n.pos >= i.pos ? null : new mr(n.pos, i.pos, this.mark);
+    return n.deleted && i.deleted || n.pos >= i.pos ? null : new fr(n.pos, i.pos, this.mark);
   }
   merge(t) {
-    return t instanceof mr && t.mark.eq(this.mark) && this.from <= t.to && this.to >= t.from ? new mr(Math.min(this.from, t.from), Math.max(this.to, t.to), this.mark) : null;
+    return t instanceof fr && t.mark.eq(this.mark) && this.from <= t.to && this.to >= t.from ? new fr(Math.min(this.from, t.from), Math.max(this.to, t.to), this.mark) : null;
   }
   toJSON() {
     return {
@@ -2517,11 +2517,11 @@ class mr extends _t {
   static fromJSON(t, n) {
     if (typeof n.from != "number" || typeof n.to != "number")
       throw new RangeError("Invalid input for AddMarkStep.fromJSON");
-    return new mr(n.from, n.to, t.markFromJSON(n.mark));
+    return new fr(n.from, n.to, t.markFromJSON(n.mark));
   }
 }
-_t.jsonID("addMark", mr);
-class fr extends _t {
+_t.jsonID("addMark", fr);
+class xr extends _t {
   /**
   Create a mark-removing step.
   */
@@ -2533,14 +2533,14 @@ class fr extends _t {
     return Be.fromReplace(t, this.from, this.to, i);
   }
   invert() {
-    return new mr(this.from, this.to, this.mark);
+    return new fr(this.from, this.to, this.mark);
   }
   map(t) {
     let n = t.mapResult(this.from, 1), i = t.mapResult(this.to, -1);
-    return n.deleted && i.deleted || n.pos >= i.pos ? null : new fr(n.pos, i.pos, this.mark);
+    return n.deleted && i.deleted || n.pos >= i.pos ? null : new xr(n.pos, i.pos, this.mark);
   }
   merge(t) {
-    return t instanceof fr && t.mark.eq(this.mark) && this.from <= t.to && this.to >= t.from ? new fr(Math.min(this.from, t.from), Math.max(this.to, t.to), this.mark) : null;
+    return t instanceof xr && t.mark.eq(this.mark) && this.from <= t.to && this.to >= t.from ? new xr(Math.min(this.from, t.from), Math.max(this.to, t.to), this.mark) : null;
   }
   toJSON() {
     return {
@@ -2556,11 +2556,11 @@ class fr extends _t {
   static fromJSON(t, n) {
     if (typeof n.from != "number" || typeof n.to != "number")
       throw new RangeError("Invalid input for RemoveMarkStep.fromJSON");
-    return new fr(n.from, n.to, t.markFromJSON(n.mark));
+    return new xr(n.from, n.to, t.markFromJSON(n.mark));
   }
 }
-_t.jsonID("removeMark", fr);
-class xr extends _t {
+_t.jsonID("removeMark", xr);
+class gr extends _t {
   /**
   Create a node mark step.
   */
@@ -2581,15 +2581,15 @@ class xr extends _t {
       if (i.length == n.marks.length) {
         for (let s = 0; s < n.marks.length; s++)
           if (!n.marks[s].isInSet(i))
-            return new xr(this.pos, n.marks[s]);
-        return new xr(this.pos, this.mark);
+            return new gr(this.pos, n.marks[s]);
+        return new gr(this.pos, this.mark);
       }
     }
     return new Ai(this.pos, this.mark);
   }
   map(t) {
     let n = t.mapResult(this.pos, 1);
-    return n.deletedAfter ? null : new xr(n.pos, this.mark);
+    return n.deletedAfter ? null : new gr(n.pos, this.mark);
   }
   toJSON() {
     return { stepType: "addNodeMark", pos: this.pos, mark: this.mark.toJSON() };
@@ -2600,10 +2600,10 @@ class xr extends _t {
   static fromJSON(t, n) {
     if (typeof n.pos != "number")
       throw new RangeError("Invalid input for AddNodeMarkStep.fromJSON");
-    return new xr(n.pos, t.markFromJSON(n.mark));
+    return new gr(n.pos, t.markFromJSON(n.mark));
   }
 }
-_t.jsonID("addNodeMark", xr);
+_t.jsonID("addNodeMark", gr);
 class Ai extends _t {
   /**
   Create a mark-removing step.
@@ -2620,7 +2620,7 @@ class Ai extends _t {
   }
   invert(t) {
     let n = t.nodeAt(this.pos);
-    return !n || !this.mark.isInSet(n.marks) ? this : new xr(this.pos, this.mark);
+    return !n || !this.mark.isInSet(n.marks) ? this : new gr(this.pos, this.mark);
   }
   map(t) {
     let n = t.mapResult(this.pos, 1);
@@ -2691,7 +2691,7 @@ class pn extends _t {
   }
 }
 _t.jsonID("replace", pn);
-class yr extends _t {
+class vr extends _t {
   /**
   Create a replace-around step with the given range and gap.
   `insert` should be the point in the slice into which the content
@@ -2722,11 +2722,11 @@ class yr extends _t {
   }
   invert(t) {
     let n = this.gapTo - this.gapFrom;
-    return new yr(this.from, this.from + this.slice.size + n, this.from + this.insert, this.from + this.insert + n, t.slice(this.from, this.to).removeBetween(this.gapFrom - this.from, this.gapTo - this.from), this.gapFrom - this.from, this.structure);
+    return new vr(this.from, this.from + this.slice.size + n, this.from + this.insert, this.from + this.insert + n, t.slice(this.from, this.to).removeBetween(this.gapFrom - this.from, this.gapTo - this.from), this.gapFrom - this.from, this.structure);
   }
   map(t) {
     let n = t.mapResult(this.from, 1), i = t.mapResult(this.to, -1), s = t.map(this.gapFrom, -1), a = t.map(this.gapTo, 1);
-    return n.deletedAcross && i.deletedAcross || s < n.pos || a > i.pos ? null : new yr(n.pos, i.pos, s, a, this.slice, this.insert, this.structure);
+    return n.deletedAcross && i.deletedAcross || s < n.pos || a > i.pos ? null : new vr(n.pos, i.pos, s, a, this.slice, this.insert, this.structure);
   }
   toJSON() {
     let t = {
@@ -2745,10 +2745,10 @@ class yr extends _t {
   static fromJSON(t, n) {
     if (typeof n.from != "number" || typeof n.to != "number" || typeof n.gapFrom != "number" || typeof n.gapTo != "number" || typeof n.insert != "number")
       throw new RangeError("Invalid input for ReplaceAroundStep.fromJSON");
-    return new yr(n.from, n.to, n.gapFrom, n.gapTo, be.fromJSON(t, n.slice), n.insert, !!n.structure);
+    return new vr(n.from, n.to, n.gapFrom, n.gapTo, be.fromJSON(t, n.slice), n.insert, !!n.structure);
   }
 }
-_t.jsonID("replaceAround", yr);
+_t.jsonID("replaceAround", vr);
 function jo(e, t, n) {
   let i = e.resolve(t), s = n - t, a = i.depth;
   for (; s > 0 && a > 0 && i.indexAfter(a) == i.node(a).childCount; )
@@ -2943,11 +2943,11 @@ class De {
   found.
   */
   static findFrom(t, n, i = !1) {
-    let s = t.parent.inlineContent ? new We(t) : Vr(t.node(0), t.parent, t.pos, t.index(), n, i);
+    let s = t.parent.inlineContent ? new We(t) : Nr(t.node(0), t.parent, t.pos, t.index(), n, i);
     if (s)
       return s;
     for (let a = t.depth - 1; a >= 0; a--) {
-      let o = n < 0 ? Vr(t.node(0), t.node(a), t.before(a + 1), t.index(a), n, i) : Vr(t.node(0), t.node(a), t.after(a + 1), t.index(a) + 1, n, i);
+      let o = n < 0 ? Nr(t.node(0), t.node(a), t.before(a + 1), t.index(a), n, i) : Nr(t.node(0), t.node(a), t.after(a + 1), t.index(a) + 1, n, i);
       if (o)
         return o;
     }
@@ -2968,14 +2968,14 @@ class De {
   exists.
   */
   static atStart(t) {
-    return Vr(t, t, 0, 0, 1) || new En(t);
+    return Nr(t, t, 0, 0, 1) || new En(t);
   }
   /**
   Find the cursor or leaf node selection closest to the end of the
   given document.
   */
   static atEnd(t) {
-    return Vr(t, t, t.content.size, t.childCount, -1) || new En(t);
+    return Nr(t, t, t.content.size, t.childCount, -1) || new En(t);
   }
   /**
   Deserialize the JSON representation of a selection. Must be
@@ -3214,7 +3214,7 @@ const s_ = {
     return new En(e);
   }
 };
-function Vr(e, t, n, i, s, a = !1) {
+function Nr(e, t, n, i, s, a = !1) {
   if (t.inlineContent)
     return We.create(e, n);
   for (let o = i - (s > 0 ? 0 : 1); s > 0 ? o < t.childCount : o >= 0; o += s) {
@@ -3223,7 +3223,7 @@ function Vr(e, t, n, i, s, a = !1) {
       if (!a && zt.isSelectable(l))
         return zt.create(e, n - (s < 0 ? l.nodeSize : 0));
     } else {
-      let c = Vr(e, l, n + s, s < 0 ? l.childCount : 0, s, a);
+      let c = Nr(e, l, n + s, s < 0 ? l.childCount : 0, s, a);
       if (c)
         return c;
     }
@@ -3236,7 +3236,7 @@ function _d(e, t, n) {
   if (i < t)
     return;
   let s = e.steps[i];
-  if (!(s instanceof pn || s instanceof yr))
+  if (!(s instanceof pn || s instanceof vr))
     return;
   let a = e.mapping.maps[i], o;
   a.forEach((l, c, d, u) => {
@@ -3608,7 +3608,7 @@ function Hh(e, t, n = {}) {
     to: c
   };
 }
-function tr(e, t) {
+function nr(e, t) {
   if (typeof e == "string") {
     if (!t.marks[e])
       throw Error(`There is no mark type named '${e}'. Maybe you forgot to add the extension?`);
@@ -3617,7 +3617,7 @@ function tr(e, t) {
   return e;
 }
 const k_ = (e, t = {}) => ({ tr: n, state: i, dispatch: s }) => {
-  const a = tr(e, i.schema), { doc: o, selection: l } = n, { $from: c, from: d, to: u } = l;
+  const a = nr(e, i.schema), { doc: o, selection: l } = n, { $from: c, from: d, to: u } = l;
   if (s) {
     const h = Hh(c, a, t);
     if (h && h.from <= d && h.to >= u) {
@@ -3636,7 +3636,7 @@ const k_ = (e, t = {}) => ({ tr: n, state: i, dispatch: s }) => {
 function Qh(e) {
   return e instanceof We;
 }
-function gr(e = 0, t = 0, n = 0) {
+function br(e = 0, t = 0, n = 0) {
   return Math.min(Math.max(e, t), n);
 }
 function I_(e, t = null) {
@@ -3648,7 +3648,7 @@ function I_(e, t = null) {
   if (t === "end")
     return i;
   const s = n.from, a = i.to;
-  return t === "all" ? We.create(e, gr(0, s, a), gr(e.content.size, s, a)) : We.create(e, gr(t, s, a), gr(t, s, a));
+  return t === "all" ? We.create(e, br(0, s, a), br(e.content.size, s, a)) : We.create(e, br(t, s, a), br(t, s, a));
 }
 function ul() {
   return [
@@ -3703,7 +3703,7 @@ function M_(e, t, n) {
   if (i < t)
     return;
   const s = e.steps[i];
-  if (!(s instanceof pn || s instanceof yr))
+  if (!(s instanceof pn || s instanceof vr))
     return;
   const a = e.mapping.maps[i];
   let o = 0;
@@ -3811,7 +3811,7 @@ function Sd(e, t) {
 const W_ = (e, t) => ({ tr: n, state: i, dispatch: s }) => {
   let a = null, o = null;
   const l = Kh(typeof e == "string" ? e : e.name, i.schema);
-  return l ? (l === "node" && (a = ct(e, i.schema)), l === "mark" && (o = tr(e, i.schema)), s && n.selection.ranges.forEach((c) => {
+  return l ? (l === "node" && (a = ct(e, i.schema)), l === "mark" && (o = nr(e, i.schema)), s && n.selection.ranges.forEach((c) => {
     i.doc.nodesBetween(c.$from.pos, c.$to.pos, (d, u) => {
       a && a === d.type && n.setNodeMarkup(u, void 0, Sd(d.attrs, t)), o && d.marks.length && d.marks.forEach((h) => {
         o === h.type && n.addMark(u, u + d.nodeSize, o.create(Sd(h.attrs, t)));
@@ -3853,7 +3853,7 @@ function pl(e) {
   return (t) => tj(t.$from, e);
 }
 function nj(e, t) {
-  const n = tr(t, e.schema), { from: i, to: s, empty: a } = e.selection, o = [];
+  const n = nr(t, e.schema), { from: i, to: s, empty: a } = e.selection, o = [];
   a ? (e.storedMarks && o.push(...e.storedMarks), o.push(...e.selection.$head.marks())) : e.doc.nodesBetween(i, s, (c) => {
     o.push(...c.marks);
   });
@@ -3867,7 +3867,7 @@ function zs(e, t, n) {
   }));
 }
 function rj(e, t, n = {}) {
-  const { empty: i, ranges: s } = e.selection, a = t ? tr(t, e.schema) : null;
+  const { empty: i, ranges: s } = e.selection, a = t ? nr(t, e.schema) : null;
   if (i)
     return !!(e.storedMarks || e.selection.$from.marks()).filter((h) => a ? a.name === h.type.name : !0).find((h) => Ns(h.attrs, n, { strict: !1 }));
   let o = 0;
@@ -3923,7 +3923,7 @@ function ij(e, t, n) {
   });
 }
 const sj = (e, t = {}) => ({ tr: n, state: i, dispatch: s }) => {
-  const { selection: a } = n, { empty: o, ranges: l } = a, c = tr(e, i.schema);
+  const { selection: a } = n, { empty: o, ranges: l } = a, c = nr(e, i.schema);
   if (s)
     if (o) {
       const d = nj(i, c);
@@ -3950,13 +3950,13 @@ const sj = (e, t = {}) => ({ tr: n, state: i, dispatch: s }) => {
   return a.isTextblock ? s().command(({ commands: o }) => od(a, t)(n) ? !0 : o.clearNodes()).command(({ state: o }) => od(a, t)(o, i)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, lj = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
-    const { doc: i } = t, s = gr(e, 0, i.content.size), a = zt.create(i, s);
+    const { doc: i } = t, s = br(e, 0, i.content.size), a = zt.create(i, s);
     t.setSelection(a);
   }
   return !0;
 }, cj = (e) => ({ tr: t, dispatch: n }) => {
   if (n) {
-    const { doc: i } = t, { from: s, to: a } = typeof e == "number" ? { from: e, to: e } : e, o = We.atStart(i).from, l = We.atEnd(i).to, c = gr(s, o, l), d = gr(a, o, l), u = We.create(i, c, d);
+    const { doc: i } = t, { from: s, to: a } = typeof e == "number" ? { from: e, to: e } : e, o = We.atStart(i).from, l = We.atEnd(i).to, c = br(s, o, l), d = br(a, o, l), u = We.create(i, c, d);
     t.setSelection(u);
   }
   return !0;
@@ -4079,7 +4079,7 @@ const uj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
     return a.ensureMarks(Z), Q ? !0 : d.clearNodes();
   }).wrapInList(m, i).command(() => Xa(a, m)).command(() => Ja(a, m)).run();
 }, mj = (e, t = {}, n = {}) => ({ state: i, commands: s }) => {
-  const { extendEmptyMarkRange: a = !1 } = n, o = tr(e, i.schema);
+  const { extendEmptyMarkRange: a = !1 } = n, o = nr(e, i.schema);
   return rj(i, o, t) ? s.unsetMark(o, { extendEmptyMarkRange: a }) : s.setMark(o, t);
 }, fj = (e, t, n = {}) => ({ state: i, commands: s }) => {
   const a = ct(e, i.schema), o = ct(t, i.schema);
@@ -4114,7 +4114,7 @@ const uj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
   }), !0;
 }, yj = (e, t = {}) => ({ tr: n, state: i, dispatch: s }) => {
   var a;
-  const { extendEmptyMarkRange: o = !1 } = t, { selection: l } = n, c = tr(e, i.schema), { $from: d, empty: u, ranges: h } = l;
+  const { extendEmptyMarkRange: o = !1 } = t, { selection: l } = n, c = nr(e, i.schema), { $from: d, empty: u, ranges: h } = l;
   if (!s)
     return !0;
   if (u && o) {
@@ -4129,7 +4129,7 @@ const uj = ({ keepMarks: e = !0 } = {}) => ({ tr: t, state: n, dispatch: i, edit
 }, vj = (e, t = {}) => ({ tr: n, state: i, dispatch: s }) => {
   let a = null, o = null;
   const l = Kh(typeof e == "string" ? e : e.name, i.schema);
-  return l ? (l === "node" && (a = ct(e, i.schema)), l === "mark" && (o = tr(e, i.schema)), s && n.selection.ranges.forEach((c) => {
+  return l ? (l === "node" && (a = ct(e, i.schema)), l === "mark" && (o = nr(e, i.schema)), s && n.selection.ranges.forEach((c) => {
     const d = c.$from.pos, u = c.$to.pos;
     i.doc.nodesBetween(d, u, (h, p) => {
       a && a === h.type && n.setNodeMarkup(p, void 0, {
@@ -4471,22 +4471,31 @@ const _i = "data-value", Dj = _i, Zh = "dynamicColor", ep = Bs.create({
   onChange: t,
   onMount: n
 }) => {
-  const i = (s) => {
-    if (!s) {
+  const i = Yn(null), s = Yn(null), a = (l) => {
+    if (!l) {
       t("");
       return;
     }
-    t(s);
+    t(l);
   };
-  return /* @__PURE__ */ r.jsx(
+  W(() => {
+    var c;
+    const l = (c = i.current) == null ? void 0 : c.getModel();
+    l && (l.getValue() || l.setValue(e));
+  }, [e]);
+  const o = (l, c) => {
+    i.current = l, s.current = c, n == null || n(l, c);
+  };
+  return console.log({
+    value: e
+  }), /* @__PURE__ */ r.jsx(
     jn,
     {
       className: "function-editor",
       height: "100%",
       defaultLanguage: "javascript",
       defaultValue: e,
-      value: e,
-      onChange: i,
+      onChange: a,
       theme: "vs-dark",
       options: {
         lineNumbers: "off",
@@ -4498,10 +4507,10 @@ const _i = "data-value", Dj = _i, Zh = "dynamicColor", ep = Bs.create({
           enabled: !1
         }
       },
-      onMount: n
+      onMount: o
     }
   );
-}, Zr = re(({
+}, ei = re(({
   value: e,
   onChange: t,
   label: n,
@@ -4559,7 +4568,7 @@ const _i = "data-value", Dj = _i, Zh = "dynamicColor", ep = Bs.create({
       position: "relative",
       flexGrow: 1
     }, children: [
-      f && /* @__PURE__ */ r.jsx(Cr, { center: !0, color: "#fff", opacity: 0.5, children: /* @__PURE__ */ r.jsx(M, { color: "blue", radius: "xl", onClick: h, children: o("common.actions.init_with_default") }) }),
+      f && /* @__PURE__ */ r.jsx(Ir, { center: !0, color: "#fff", opacity: 0.5, children: /* @__PURE__ */ r.jsx(M, { color: "blue", radius: "xl", onClick: h, children: o("common.actions.init_with_default") }) }),
       /* @__PURE__ */ r.jsx(Mj, { value: l, onChange: c, onMount: p })
     ] })
   ] });
@@ -4579,11 +4588,11 @@ const _i = "data-value", Dj = _i, Zh = "dynamicColor", ep = Bs.create({
   const [p, {
     open: m,
     close: f
-  }] = er(!1);
+  }] = tr(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(Le, { opened: p, onClose: f, title: e, withinPortal: !0, zIndex: d, size: "900px", children: [
       s,
-      /* @__PURE__ */ r.jsx(A, { h: 600, children: /* @__PURE__ */ r.jsx(Zr, { value: t, onChange: n, defaultValue: c, label: i, restrictions: u }) })
+      /* @__PURE__ */ r.jsx(A, { h: 600, children: /* @__PURE__ */ r.jsx(ei, { value: t, onChange: n, defaultValue: c, label: i, restrictions: u }) })
     ] }),
     l == null ? void 0 : l({
       onClick: m
@@ -4716,7 +4725,7 @@ function np() {
   } = v(), [t, {
     open: n,
     close: i
-  }] = er(!1);
+  }] = tr(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Le, { opened: t, onClose: i, title: e("function_utils.modal_title"), zIndex: 330, withinPortal: !0, children: /* @__PURE__ */ r.jsx(Yi, { value: zv(e), styles: {
       root: {
@@ -4729,7 +4738,7 @@ function np() {
         }
       }
     } }) }),
-    /* @__PURE__ */ r.jsx(M, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 16 }), children: e("function_utils.trigger_text") })
+    /* @__PURE__ */ r.jsx(M, { variant: "light", color: "violet", size: "xs", onClick: n, leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 16 }), children: e("function_utils.trigger_text") })
   ] });
 }
 const Id = re((e, t) => {
@@ -4788,7 +4797,7 @@ const Id = re((e, t) => {
     set: s,
     setFalse: a,
     toggle: o
-  }] = nt(), l = e.getAttributes("textStyle").color || n.black, c = I(() => Xr(l).hex(), [l]), d = I(() => {
+  }] = nt(), l = e.getAttributes("textStyle").color || n.black, c = I(() => Jr(l).hex(), [l]), d = I(() => {
     const p = [];
     return Oj.forEach((m) => {
       const f = n.colors[m];
@@ -4805,7 +4814,7 @@ const Id = re((e, t) => {
     /* @__PURE__ */ r.jsx(Ft.Target, { children: /* @__PURE__ */ r.jsx(ie.Control, { onClick: o, children: /* @__PURE__ */ r.jsx($s, { color: c, size: 14 }) }) }),
     /* @__PURE__ */ r.jsx(Ft.Dropdown, { children: /* @__PURE__ */ r.jsxs(S, { spacing: "xs", children: [
       /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
-        /* @__PURE__ */ r.jsx(Jn, { value: c, onChangeEnd: (p) => u(p, !1), size: "xs", withPicker: !1, dropdownZIndex: 340, styles: {
+        /* @__PURE__ */ r.jsx(Zn, { value: c, onChangeEnd: (p) => u(p, !1), size: "xs", withPicker: !1, dropdownZIndex: 340, styles: {
           root: {
             flexGrow: 1
           },
@@ -4818,7 +4827,7 @@ const Id = re((e, t) => {
         /* @__PURE__ */ r.jsx(J, { variant: "default", onClick: h, title: t("common.actions.clear"), children: /* @__PURE__ */ r.jsx(Xu, { stroke: 1.5, size: "1rem" }) }),
         /* @__PURE__ */ r.jsx(J, { variant: "default", onClick: a, title: t("common.actions.close"), children: /* @__PURE__ */ r.jsx(el, { stroke: 1.5, size: "1rem" }) })
       ] }),
-      /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(td, { format: "hex", swatches: d, value: c, onChange: (p) => u(p, !1), size: "sm", withPicker: !1, styles: {
           swatches: {
             marginTop: "0 !important"
@@ -5106,7 +5115,7 @@ function Xi(e, t, n) {
     return `${l}${c}`;
   }).join("");
 }
-const vr = {
+const _r = {
   grid: {
     axis: "#97999D",
     scope: "rgba(47,140,192,0.1)",
@@ -5171,9 +5180,9 @@ const vr = {
 };
 function Kj() {
   rt.registerTheme("merico-light", {
-    color: Object.values(vr.graphics.multiple),
+    color: Object.values(_r.graphics.multiple),
     visualMap: {
-      color: Object.values(vr.graphics.depth).reverse()
+      color: Object.values(_r.graphics.depth).reverse()
     },
     axes: [{
       type: "all",
@@ -5191,7 +5200,7 @@ function ap() {
   Kj();
 }
 function* Yj(e) {
-  const t = vr.graphics[e];
+  const t = _r.graphics[e];
   if (!t)
     throw new Error("Invalid palette key provided");
   const n = Object.values(t);
@@ -5277,7 +5286,7 @@ function nw(e, t, n) {
 function op() {
   Gb([dy, Hb, Qb, Ub, Kb, Yb, Xb, Jb, Zb, ey, ty, ny, ry, iy, sy, ay, oy, ly, cy]);
 }
-const ei = (e) => qu(e, (t, n) => {
+const ti = (e) => qu(e, (t, n) => {
   if (n !== void 0 && t)
     return Pn(t);
 }), Ds = {
@@ -5543,7 +5552,7 @@ const uw = (e) => {
       height: n.h
     }
   }, d = o.viewRender;
-  return /* @__PURE__ */ r.jsx(d, { context: c, instance: l, ...wr(e, ["panel", "vizManager", "data"]) });
+  return /* @__PURE__ */ r.jsx(d, { context: c, instance: l, ...Sr(e, ["panel", "vizManager", "data"]) });
 }, hw = (e) => {
   const {
     vizManager: t,
@@ -5553,14 +5562,14 @@ const uw = (e) => {
   } = e, a = t.resolveComponent(n.viz.type), o = t.getOrCreateInstance(n), l = {
     ...up(o, i, t, s)
   }, c = a.configRender;
-  return /* @__PURE__ */ r.jsx(c, { context: l, instance: o, ...wr(e, ["panel", "vizManager", "data"]) });
+  return /* @__PURE__ */ r.jsx(c, { context: l, instance: o, ...Sr(e, ["panel", "vizManager", "data"]) });
 }, hp = (e, t) => {
-  const n = Xr.bezier(e), i = Xr.bezier(t);
+  const n = Jr.bezier(e), i = Jr.bezier(t);
   return function(s) {
     return s < 50 ? n(s * 2 / 100).hex() : i((s - 50) * 2 / 100).hex();
   };
 }, ga = (e) => {
-  const t = Xr.bezier(e);
+  const t = Jr.bezier(e);
   return function(n) {
     return t(n / 100).hex();
   };
@@ -5647,7 +5656,7 @@ class yl {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const pp = "13.27.4", vw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pp = "13.27.5", vw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: pp
 }, Symbol.toStringTag, { value: "Module" }));
@@ -6134,7 +6143,7 @@ const Pw = {
   return /* @__PURE__ */ r.jsxs(A, { sx: {
     position: "relative"
   }, children: [
-    e && /* @__PURE__ */ r.jsx(Cr, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+    e && /* @__PURE__ */ r.jsx(Ir, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
     /* @__PURE__ */ r.jsx(jn, { height: "500px", defaultLanguage: "javascript", value: t, onChange: i, theme: "vs-dark", options: {
       minimap: {
         enabled: !1
@@ -6211,7 +6220,7 @@ const on = re(({
       /* @__PURE__ */ r.jsx(te, { mt: 10, label: s("common.enabled"), checked: c.enabled, onChange: (T) => u(T.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(Ow, { value: c.func_content, onChange: m, disabled: !c.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: f, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: s("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: f, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: s("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: p, variant: "subtle", children: s("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Qe, { size: 16 }), onClick: h, children: s("common.actions.save") })
@@ -6219,14 +6228,14 @@ const on = re(({
       ] })
     ] }) })
   ] });
-}), Mr = {
+}), Er = {
   x_axis_scroll: !1,
   y_axis_scroll: !1,
   x_axis_slider: !1,
   y_axis_slider: !1
 };
 function Ip() {
-  return C.cloneDeep(Mr);
+  return C.cloneDeep(Er);
 }
 const Fw = {
   boxplot: {
@@ -6428,7 +6437,7 @@ const jl = {
   },
   dataZoom: Ip()
 };
-function Er(e, t) {
+function Lr(e, t) {
   return I(() => {
     const {
       queryID: n,
@@ -6441,14 +6450,14 @@ const Et = (e, t) => {
   const [n, i] = U([]);
   return W(() => e.watchTriggerSnapshotList((s) => i(s.filter((a) => a.schemaRef === t))), []), n;
 };
-class Br {
+class Wr {
   constructor(t, n) {
     this.root = t, this.path = n;
   }
   async deleteItem(t) {
     t === null && await this.root.deleteItem(this.path);
     const n = await this.root.getItem(this.path) || {};
-    await this.root.setItem(this.path, wr(n, t));
+    await this.root.setItem(this.path, Sr(n, t));
   }
   async getItem(t) {
     const n = await this.root.getItem(this.path);
@@ -6485,21 +6494,21 @@ const Ww = {
 class wl {
   constructor(t, n, i) {
     G(this, "attachmentStorage");
-    this.instance = t, this.attachmentKey = n, this.constructInstance = i, this.attachmentStorage = new Br(t.instanceData, n);
+    this.instance = t, this.attachmentKey = n, this.constructInstance = i, this.attachmentStorage = new Wr(t.instanceData, n);
   }
   async getInstance(t) {
     if (await this.attachmentStorage.getItem(t))
-      return this.constructInstance(new Br(this.attachmentStorage, t));
+      return this.constructInstance(new Wr(this.attachmentStorage, t));
   }
   async create(t, n) {
-    return await this.attachmentStorage.setItem(t, n), this.constructInstance(new Br(this.attachmentStorage, t));
+    return await this.attachmentStorage.setItem(t, n), this.constructInstance(new Wr(this.attachmentStorage, t));
   }
   async remove(t) {
     await this.attachmentStorage.deleteItem(t);
   }
   async list() {
     const t = await this.attachmentStorage.getItem(null), n = C.orderBy(Gu(t), (i) => Ww[i.schemaRef] ?? 10);
-    return Promise.all(n.map((i) => this.constructInstance(new Br(this.attachmentStorage, i.id))));
+    return Promise.all(n.map((i) => this.constructInstance(new Wr(this.attachmentStorage, i.id))));
   }
 }
 function Gw(e, t) {
@@ -6740,7 +6749,7 @@ const l0 = {
     label: c.label,
     value: c.key
   })), [n.filters.values]);
-  return /* @__PURE__ */ r.jsx(S, { spacing: 10, children: /* @__PURE__ */ r.jsx(Yr, { label: t("interactions.operation.clear_filter_values.select_filter"), data: l, value: a, onChange: o }) });
+  return /* @__PURE__ */ r.jsx(S, { spacing: 10, children: /* @__PURE__ */ r.jsx(Xr, { label: t("interactions.operation.clear_filter_values.select_filter"), data: l, value: a, onChange: o }) });
 });
 async function u0(e, t) {
   const i = (await t.operationData.getItem("config")).filter_keys;
@@ -6769,7 +6778,7 @@ class p0 {
       return {
         id: a,
         schemaRef: o,
-        operationData: new Br(s, "data")
+        operationData: new Wr(s, "data")
       };
     };
     this.attachments = new wl(t, "__OPERATIONS", i);
@@ -6845,7 +6854,7 @@ class m0 {
       return {
         id: a,
         schemaRef: o,
-        triggerData: new Br(s, "data")
+        triggerData: new Wr(s, "data")
       };
     };
     this.attachments = new wl(t, Td, i);
@@ -6971,7 +6980,7 @@ const Lt = ({
     title: n = "Variables",
     variables: i
   } = e, s = qg(), a = (o) => {
-    s.copy(o), Jr({
+    s.copy(o), Zr({
       color: "green",
       message: t("common.copied")
     });
@@ -7199,7 +7208,7 @@ const z0 = D(({
     sampleData: o,
     variables: l
   } = e, c = T0(s, n), d = async () => {
-    const m = await s.triggerManager.createOrGetTrigger(Sr(), s.triggerManager.getTriggerSchemaList()[0]), f = await s.operationManager.createOrGetOperation(Sr(), s.operationManager.getOperationSchemaList()[0]);
+    const m = await s.triggerManager.createOrGetTrigger(kr(), s.triggerManager.getTriggerSchemaList()[0]), f = await s.operationManager.createOrGetOperation(kr(), s.operationManager.getOperationSchemaList()[0]);
     await s.addInteraction(m, f), i((y) => y + 1);
   };
   async function u(m) {
@@ -7208,7 +7217,7 @@ const z0 = D(({
   const {
     data: h = 0,
     loading: p
-  } = jr(async () => {
+  } = wr(async () => {
     try {
       return (await s.triggerManager.getTriggerSchemaList()).length;
     } catch {
@@ -7216,7 +7225,7 @@ const z0 = D(({
     }
   });
   return /* @__PURE__ */ r.jsxs(S, { children: [
-    /* @__PURE__ */ r.jsx(Ir, { visible: p }),
+    /* @__PURE__ */ r.jsx(Tr, { visible: p }),
     h === 0 && /* @__PURE__ */ r.jsx(Vi, { icon: /* @__PURE__ */ r.jsx(gy, { size: 16 }), title: t("interactions.unavailable"), color: "gray", children: t("interactions.unavailable_reason") }),
     c.map((m) => /* @__PURE__ */ r.jsx(z0, { onRemove: u, instance: a, sampleData: o, variables: l, item: m, manager: e.interactionManager }, m.id)),
     /* @__PURE__ */ r.jsx(M, { style: {
@@ -7765,7 +7774,7 @@ function rS({
     return Math.min(0, e);
   if (e <= 200)
     return 100;
-  const n = Wr.floor(Wr.log10(e)), i = Math.pow(10, n), s = Math.pow(10, n - 1);
+  const n = Gr.floor(Gr.log10(e)), i = Math.pow(10, n), s = Math.pow(10, n - 1);
   return e / i <= 2 ? C.round(e, -1 * (n - 1)) - s : C.round(e, -1 * n) - i;
 }
 function iS(e) {
@@ -7844,7 +7853,7 @@ function aS({
   } = e.viewport, c = je({}, i, jl), d = Lt({
     vizManager: e.vizManager,
     instance: t
-  }), u = Et(d.triggerManager, Tp.id), h = Er(a, c.x_axis.data_key), p = Ee((y) => {
+  }), u = Et(d.triggerManager, Tp.id), h = Lr(a, c.x_axis.data_key), p = Ee((y) => {
     const T = C.get(h, y.name, {
       error: "rowData is not found"
     });
@@ -8072,11 +8081,11 @@ function dS(e) {
     }, color: "dimmed", size: "sm", className: "palette-value--up palette-value", children: L }),
     /* @__PURE__ */ r.jsxs(Ft, { width: 240, trapFocus: !0, opened: d, onClose: h, zIndex: 340, withinPortal: !0, children: [
       /* @__PURE__ */ r.jsx(Ft.Target, { children: /* @__PURE__ */ r.jsx("div", { "data-testid": "palette-item-target", className: "palette-item", onClick: u, style: {
-        "--shadow-color": Xr(i).alpha(0.5).hex(),
+        "--shadow-color": Jr(i).alpha(0.5).hex(),
         backgroundColor: i
       } }) }),
       /* @__PURE__ */ r.jsxs(Ft.Dropdown, { children: [
-        /* @__PURE__ */ r.jsx(de, { withinPortal: !0, zIndex: 340, label: t("common.actions.close"), children: /* @__PURE__ */ r.jsx(_r, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: T, style: {
+        /* @__PURE__ */ r.jsx(de, { withinPortal: !0, zIndex: 340, label: t("common.actions.close"), children: /* @__PURE__ */ r.jsx(jr, { "data-testid": "palette-item-cancel", size: "sm", color: "gray", onClick: T, style: {
           position: "absolute",
           top: "0.5em",
           right: "0.8em"
@@ -8261,7 +8270,7 @@ function Ln(e) {
   }
 }
 var me = void 0;
-function Gr(e) {
+function Hr(e) {
   var t = me;
   me = void 0;
   try {
@@ -8549,7 +8558,7 @@ var vS = Object.create, zl = Object.defineProperty, _S = Object.getOwnPropertyDe
 }, Ld = (e, t) => zl(e, "name", { value: t, configurable: !0 }), kS = (e) => {
   var t;
   return [, , , vS((t = e == null ? void 0 : e[Np("metadata")]) != null ? t : null)];
-}, qp = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ji = (e) => e !== void 0 && typeof e != "function" ? si("Function expected") : e, CS = (e, t, n, i, s) => ({ kind: qp[e], name: t, metadata: i, addInitializer: (a) => n._ ? si("Already initialized") : s.push(ji(a || null)) }), Bp = (e, t) => zo(t, Np("metadata"), e[3]), dr = (e, t, n, i) => {
+}, qp = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], ji = (e) => e !== void 0 && typeof e != "function" ? si("Function expected") : e, CS = (e, t, n, i, s) => ({ kind: qp[e], name: t, metadata: i, addInitializer: (a) => n._ ? si("Already initialized") : s.push(ji(a || null)) }), Bp = (e, t) => zo(t, Np("metadata"), e[3]), ur = (e, t, n, i) => {
   for (var s = 0, a = e[t >> 1], o = a && a.length; s < o; s++)
     t & 1 ? a[s].call(n) : i = a[s].call(n, i);
   return i;
@@ -8664,7 +8673,7 @@ var Rd = 10, Wp, Gp, Hp, Qp, Up, xt, Ml, El, Ll;
 Up = [Ie], Qp = [Ie], Hp = [Ie], Gp = [Us], Wp = [Us];
 var ai = class {
   constructor(e) {
-    dr(xt, 5, this), eo(this, Ml, dr(xt, 8, this)), dr(xt, 11, this), eo(this, El, dr(xt, 12, this)), dr(xt, 15, this), eo(this, Ll, dr(xt, 16, this)), dr(xt, 19, this);
+    ur(xt, 5, this), eo(this, Ml, ur(xt, 8, this)), ur(xt, 11, this), eo(this, El, ur(xt, 12, this)), ur(xt, 15, this), eo(this, Ll, ur(xt, 16, this)), ur(xt, 19, this);
     const t = Dn.from(e);
     this.initial = t, this.current = t, this.previous = t;
   }
@@ -8777,7 +8786,7 @@ var Wt = class {
    * Does not trigger effects when accessed.
    */
   isDisabled() {
-    return Gr(() => this.disabled);
+    return Hr(() => this.disabled);
   }
   /**
    * Configure a plugin instance with new options.
@@ -8806,7 +8815,7 @@ ts(Pi, Wt);
 var VS = class extends Wt {
 }, ns = /* @__PURE__ */ ((e) => (e[e.Lowest = 0] = "Lowest", e[e.Low = 1] = "Low", e[e.Normal = 2] = "Normal", e[e.High = 3] = "High", e[e.Highest = 4] = "Highest", e))(ns || {}), rm, im, sm, am, ft, Pl, Ol, Fl, Vl;
 am = [Ie], sm = [Ie], im = [Ie], rm = [Ie];
-var Lr = class {
+var $r = class {
   /**
    * Creates a new instance of the `Entity` class.
    *
@@ -8862,12 +8871,12 @@ Pl = /* @__PURE__ */ new WeakMap();
 Ol = /* @__PURE__ */ new WeakMap();
 Fl = /* @__PURE__ */ new WeakMap();
 Vl = /* @__PURE__ */ new WeakMap();
-St(ft, 4, "manager", am, Lr, Pl);
-St(ft, 4, "id", sm, Lr, Ol);
-St(ft, 4, "data", im, Lr, Fl);
-St(ft, 4, "disabled", rm, Lr, Vl);
-ts(ft, Lr);
-var om, lm, cm, Eo, Si, fn, Nl, ql, rs = class extends (Eo = Lr, cm = [Ie], lm = [Ie], om = [Us], Eo) {
+St(ft, 4, "manager", am, $r, Pl);
+St(ft, 4, "id", sm, $r, Ol);
+St(ft, 4, "data", im, $r, Fl);
+St(ft, 4, "disabled", rm, $r, Vl);
+ts(ft, $r);
+var om, lm, cm, Eo, Si, fn, Nl, ql, rs = class extends (Eo = $r, cm = [Ie], lm = [Ie], om = [Us], Eo) {
   constructor(t, n) {
     var i = t, { modifiers: s, type: a, sensors: o } = i, l = Jp(i, ["modifiers", "type", "sensors"]);
     super(l, n), Se(fn, 5, this), It(this, Si), It(this, Nl, Se(fn, 8, this)), Se(fn, 11, this), It(this, ql, Se(fn, 12, this, "idle")), Se(fn, 15, this), this.type = a, this.sensors = o, this.modifiers = s;
@@ -8900,7 +8909,7 @@ St(fn, 4, "type", cm, rs, Nl);
 St(fn, 4, "status", lm, rs, ql);
 St(fn, 2, "isDragSource", om, rs);
 ts(fn, rs);
-var dm, um, hm, pm, mm, fm, Lo, qe, Bl, Wl, Gl, Hl, Ql, nr = class extends (Lo = Lr, fm = [Ie], mm = [Ie], pm = [Ie], hm = [Ie], um = [Ie], dm = [Us], Lo) {
+var dm, um, hm, pm, mm, fm, Lo, qe, Bl, Wl, Gl, Hl, Ql, rr = class extends (Lo = $r, fm = [Ie], mm = [Ie], pm = [Ie], hm = [Ie], um = [Ie], dm = [Us], Lo) {
   constructor(t, n) {
     var i = t, {
       accept: s,
@@ -8938,13 +8947,13 @@ Wl = /* @__PURE__ */ new WeakMap();
 Gl = /* @__PURE__ */ new WeakMap();
 Hl = /* @__PURE__ */ new WeakMap();
 Ql = /* @__PURE__ */ new WeakMap();
-St(qe, 4, "accept", fm, nr, Bl);
-St(qe, 4, "type", mm, nr, Wl);
-St(qe, 4, "collisionDetector", pm, nr, Gl);
-St(qe, 4, "collisionPriority", hm, nr, Hl);
-St(qe, 4, "shape", um, nr, Ql);
-St(qe, 2, "isDropTarget", dm, nr);
-ts(qe, nr);
+St(qe, 4, "accept", fm, rr, Bl);
+St(qe, 4, "type", mm, rr, Wl);
+St(qe, 4, "collisionDetector", pm, rr, Gl);
+St(qe, 4, "collisionPriority", hm, rr, Hl);
+St(qe, 4, "shape", um, rr, Ql);
+St(qe, 2, "isDropTarget", dm, rr);
+ts(qe, rr);
 var Ys = class extends Wt {
   constructor(e, t) {
     super(e, t), this.manager = e, this.options = t;
@@ -9050,12 +9059,12 @@ function HS(e) {
 function Fd(e) {
   return "value" in e;
 }
-function Hr(e) {
+function Qr(e) {
   return "style" in e && e.style instanceof li(e).CSSStyleDeclaration;
 }
 function QS(e, t = !1, n) {
   const i = HS(e);
-  if (Hr(i) && (t || i.style.setProperty("opacity", "0")), i.setAttribute("inert", "true"), i.setAttribute("tab-index", "-1"), i.setAttribute("aria-hidden", "true"), n)
+  if (Qr(i) && (t || i.style.setProperty("opacity", "0")), i.setAttribute("inert", "true"), i.setAttribute("tab-index", "-1"), i.setAttribute("aria-hidden", "true"), n)
     for (const [s, a] of Object.entries(n))
       i.setAttribute(s, a);
   return i;
@@ -9131,13 +9140,13 @@ function US(e, t) {
 function KS(e) {
   return e instanceof li(e).SVGElement;
 }
-function rr(e) {
+function ir(e) {
   return li(e).getComputedStyle(e);
 }
-function YS(e, t = rr(e)) {
+function YS(e, t = ir(e)) {
   return t.position === "fixed" || t.position === "sticky";
 }
-function XS(e, t = rr(e)) {
+function XS(e, t = ir(e)) {
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].find((s) => {
     const a = t[s];
@@ -9158,7 +9167,7 @@ function Xs(e, t = JS) {
       return KS(o) ? a(o.parentElement) : s;
     if (s.has(o))
       return s;
-    const l = rr(o);
+    const l = ir(o);
     if (i && o === e || XS(o, l) && s.add(o), YS(o, l)) {
       const { scrollingElement: c } = o.ownerDocument;
       return c && s.add(c), s;
@@ -9222,7 +9231,7 @@ function wm(e, t = !1) {
   var [n] = Xs(e, { limit: 1 });
   if (!(n instanceof HTMLElement))
     return;
-  const i = rr(n), s = parseInt(
+  const i = ir(n), s = parseInt(
     i.getPropertyValue("border-top-width")
   ), a = parseInt(
     i.getPropertyValue("border-left-width")
@@ -9241,7 +9250,7 @@ var i1 = class {
   schedule(e) {
     this.tasks.add(e), this.animationFrame || (this.animationFrame = requestAnimationFrame(this.flush));
   }
-}, Qr = new i1();
+}, Ur = new i1();
 function s1(e, t, n) {
   const { scaleX: i, scaleY: s, x: a, y: o } = t, l = e.left - a - (1 - i) * parseFloat(n), c = e.top - o - (1 - s) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = i ? e.width / i : e.width, u = s ? e.height / s : e.height;
   return {
@@ -9259,7 +9268,7 @@ var Sm = class {
   }
   set(e, t = "") {
     const { element: n } = this;
-    if (Hr(n))
+    if (Qr(n))
       for (const [i, s] of Object.entries(e)) {
         const a = `${t}${i}`;
         this.initial.has(a) || this.initial.set(a, n.style.getPropertyValue(a)), n.style.setProperty(
@@ -9270,7 +9279,7 @@ var Sm = class {
   }
   remove(e, t = "") {
     const { element: n } = this;
-    if (Hr(n))
+    if (Qr(n))
       for (const i of e) {
         const s = `${t}${i}`;
         n.style.removeProperty(s);
@@ -9278,7 +9287,7 @@ var Sm = class {
   }
   reset() {
     const { element: e } = this;
-    if (Hr(e)) {
+    if (Qr(e)) {
       for (const [t, n] of this.initial)
         e.style.setProperty(t, n);
       e.getAttribute("style") === "" && e.removeAttribute("style");
@@ -9292,7 +9301,7 @@ function km({
   onReady: i,
   onFinish: s
 }) {
-  const a = new Sm(e), { transitionProperty: o } = rr(e), l = o.split(", ");
+  const a = new Sm(e), { transitionProperty: o } = ir(e), l = o.split(", ");
   a.set({
     "transition-property": l.length ? l.filter(
       (c) => !c.includes("transform") && !c.includes("translate")
@@ -9330,7 +9339,7 @@ function a1(e) {
         return s;
     }
   }
-  const { translate: n } = rr(e);
+  const { translate: n } = ir(e);
   if (n) {
     const i = Js(n);
     if (i)
@@ -9396,7 +9405,7 @@ var hn = class extends zS {
   constructor(e, t = !1) {
     var n, i;
     let { top: s, left: a, right: o, bottom: l, width: c, height: d } = gm(e);
-    const u = rr(e), h = Im(u), p = {
+    const u = ir(e), h = Im(u), p = {
       x: (n = h == null ? void 0 : h.scaleX) != null ? n : 1,
       y: (i = h == null ? void 0 : h.scaleY) != null ? i : 1
     }, m = c1(e);
@@ -9451,15 +9460,15 @@ var d1 = Object.create, Tm = Object.defineProperty, u1 = Object.defineProperties
   for (var s = 0, a = e[t >> 1], o = a && a.length; s < o; s++)
     t & 1 ? a[s].call(n) : i = a[s].call(n, i);
   return i;
-}, ir = (e, t, n, i, s, a) => {
+}, sr = (e, t, n, i, s, a) => {
   for (var o, l, c, d, u, h = t & 7, p = !!(t & 8), m = !!(t & 16), f = e.length + 1, y = $m[h + 5], T = e[f - 1] = [], k = e[f] || (e[f] = []), z = (s = s.prototype, h1({ get [n]() {
     return gn(this, a);
   }, set [n]($) {
-    return Ur(this, a, $);
+    return Kr(this, a, $);
   } }, n)), L = i.length - 1; L >= 0; L--)
     d = f1(h, n, c = {}, e[3], k), d.static = p, d.private = m, u = d.access = { has: ($) => n in $ }, u.get = ($) => $[n], u.set = ($, O) => $[n] = O, l = (0, i[L])({ get: z.get, set: z.set }, d), c._ = 1, l === void 0 ? ki(l) && (z[y] = l) : typeof l != "object" || l === null ? ss("Object expected") : (ki(o = l.get) && (z.get = o), ki(o = l.set) && (z.set = o), ki(o = l.init) && T.unshift(o));
   return z && Tm(s, n, z), s;
-}, Am = (e, t, n) => t.has(e) || ss("Cannot " + n), gn = (e, t, n) => (Am(e, t, "read from private field"), t.get(e)), Vt = (e, t, n) => t.has(e) ? ss("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Ur = (e, t, n, i) => (Am(e, t, "write to private field"), t.set(e, n), n), Nd = {
+}, Am = (e, t, n) => t.has(e) || ss("Cannot " + n), gn = (e, t, n) => (Am(e, t, "read from private field"), t.get(e)), Vt = (e, t, n) => t.has(e) ? ss("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Kr = (e, t, n, i) => (Am(e, t, "write to private field"), t.set(e, n), n), Nd = {
   role: "button",
   roleDescription: "draggable",
   tabIndex: 0
@@ -9569,9 +9578,9 @@ var w1 = class extends Wt {
       const { element: f, feedback: y } = p;
       if (!f || y === "none")
         return;
-      const T = new hn(f, !0), { width: k, height: z, top: L, left: $ } = T, O = new Sm(f), { background: Q, border: Z, transition: ke, translate: ye } = rr(f), Ye = e.registry.droppables.get(p.id), Me = y === "clone", ge = y !== "move" ? QS(f, Me, {
+      const T = new hn(f, !0), { width: k, height: z, top: L, left: $ } = T, O = new Sm(f), { background: Q, border: Z, transition: ke, translate: ye } = ir(f), Ye = e.registry.droppables.get(p.id), Me = y === "clone", ge = y !== "move" ? QS(f, Me, {
         [Pm]: ""
-      }) : null, it = Gr(
+      }) : null, it = Hr(
         () => Zs(e.dragOperation.activatorEvent)
       );
       if (ye !== "none") {
@@ -9582,7 +9591,7 @@ var w1 = class extends Wt {
         x: $,
         y: L
       }), !a) {
-        const ve = Gr(() => h.current);
+        const ve = Hr(() => h.current);
         a = {
           x: (ve.x - $) / k,
           y: (ve.y - L) / z
@@ -9639,13 +9648,13 @@ var w1 = class extends Wt {
         }
         e.dragOperation.shape = new hn(f);
       });
-      Ye && ge && (Ye.placeholder = ge, Gr(Ye.refreshShape)), u.shape = new hn(f), p.status = "dragging";
-      let lr, cr;
-      ge && (mi.observe(ge), lr = new MutationObserver(() => {
+      Ye && ge && (Ye.placeholder = ge, Hr(Ye.refreshShape)), u.shape = new hn(f), p.status = "dragging";
+      let cr, dr;
+      ge && (mi.observe(ge), cr = new MutationObserver(() => {
         for (const ve of Array.from(f.attributes))
           if (!(ve.name.startsWith("aria-") || C1.includes(ve.name))) {
             if (ve.name === "style") {
-              if (Hr(f) && Hr(ge)) {
+              if (Qr(f) && Qr(ge)) {
                 ge.setAttribute("style", Me ? "" : "opacity: 0;"), ge.style.setProperty("transition", "none");
                 for (const we of Object.values(f.style))
                   we.startsWith(ot) || I1.includes(we) || ge.style.setProperty(
@@ -9658,16 +9667,16 @@ var w1 = class extends Wt {
             ge.setAttribute(ve.name, ve.value);
           }
         Me && (ge.innerHTML = f.innerHTML);
-      }), lr.observe(f, {
+      }), cr.observe(f, {
         attributes: !0,
         subtree: !0
-      }), cr = new MutationObserver((ve) => {
+      }), dr = new MutationObserver((ve) => {
         for (const we of ve)
           if (Array.from(we.addedNodes).includes(f)) {
             f.insertAdjacentElement("afterend", ge), no(f);
             return;
           }
-      }), cr.observe(f.ownerDocument.body, {
+      }), dr.observe(f.ownerDocument.body, {
         childList: !0,
         subtree: !0
       }));
@@ -9700,13 +9709,13 @@ var w1 = class extends Wt {
         const we = e.registry.draggables.get(fi), Ae = (ve = we == null ? void 0 : we.handle) != null ? ve : we == null ? void 0 : we.element;
         Ae instanceof HTMLElement && Ae.focus();
       };
-      let $r = () => {
-        lr == null || lr.disconnect(), cr == null || cr.disconnect(), mi.disconnect(), O.reset(), o && f.isConnected && (ge == null || ge.replaceWith(f)), ge == null || ge.remove(), f.removeAttribute(Wn), $o(f) && f.removeAttribute("popover"), cs(), Oa(), Ye && (Ye.placeholder = void 0), p.status = "idle", o = !1;
+      let Ar = () => {
+        cr == null || cr.disconnect(), dr == null || dr.disconnect(), mi.disconnect(), O.reset(), o && f.isConnected && (ge == null || ge.replaceWith(f)), ge == null || ge.remove(), f.removeAttribute(Wn), $o(f) && f.removeAttribute("popover"), cs(), Oa(), Ye && (Ye.placeholder = void 0), p.status = "idle", o = !1;
       };
       const Oa = bt(function() {
         if (u.status.dropped) {
-          const we = $r;
-          $r = void 0, p.status = "dropping";
+          const we = Ar;
+          Ar = void 0, p.status = "dropping";
           const Ae = s;
           if (!Ae) {
             we == null || we();
@@ -9747,7 +9756,7 @@ var w1 = class extends Wt {
           });
         }
       });
-      return () => $r == null ? void 0 : $r();
+      return () => Ar == null ? void 0 : Ar();
     });
     this.destroy = () => {
       l(), c(), t == null || t.remove();
@@ -9769,8 +9778,8 @@ var Oi = class {
 Hn = wa(null);
 Kl = /* @__PURE__ */ new WeakMap();
 Yl = /* @__PURE__ */ new WeakMap();
-ir(Hn, 4, Nm, Vm, Oi, Kl);
-ir(Hn, 4, Fm, Om, Oi, Yl);
+sr(Hn, 4, Nm, Vm, Oi, Kl);
+sr(Hn, 4, Fm, Om, Oi, Yl);
 Sa(Hn, Oi);
 var D1 = [Ot.Forward, Ot.Reverse], Bd = class {
   constructor() {
@@ -9826,7 +9835,7 @@ var qm, Ro, Fi, Xl, Bn, Po, ka = class extends (Ro = VS, qm = [Ie], Ro) {
         return !1;
       const l = this.getScrollableElements();
       if (!l)
-        return Ur(this, Bn, void 0), !1;
+        return Kr(this, Bn, void 0), !1;
       const { position: c } = this.manager.dragOperation, d = c == null ? void 0 : c.current;
       if (d) {
         const { by: u } = a ?? {}, h = u ? {
@@ -9852,19 +9861,19 @@ var qm, Ro, Fi, Xl, Bn, Po, ka = class extends (Ro = VS, qm = [Ie], Ro) {
                 const O = (o = gn(this, Bn)) == null ? void 0 : o.by;
                 if (this.autoScrolling && O && (O.x && !L || O.y && !$))
                   continue;
-                return Ur(this, Bn, {
+                return Kr(this, Bn, {
                   element: m,
                   by: {
                     x: L,
                     y: $
                   }
-                }), Qr.schedule(gn(this, Po)), !0;
+                }), Ur.schedule(gn(this, Po)), !0;
               }
             }
           }
         }
       }
-      return Ur(this, Bn, void 0), !1;
+      return Kr(this, Bn, void 0), !1;
     };
     let t = null, n = null;
     const i = Qs(() => {
@@ -9902,7 +9911,7 @@ Fi = wa(Ro);
 Xl = /* @__PURE__ */ new WeakMap();
 Bn = /* @__PURE__ */ new WeakMap();
 Po = /* @__PURE__ */ new WeakMap();
-ir(Fi, 4, "autoScrolling", qm, ka, Xl);
+sr(Fi, 4, "autoScrolling", qm, ka, Xl);
 Sa(Fi, ka);
 function Gd(e) {
   return e > 0 ? Ot.Forward : e < 0 ? Ot.Reverse : Ot.Idle;
@@ -10009,13 +10018,13 @@ var Qd = {
   }
   handleKeyDown(e, t, n) {
     const { keyboardCodes: i = Qd } = n ?? {};
-    if (Pr(e, [...i.end, ...i.cancel])) {
+    if (Or(e, [...i.end, ...i.cancel])) {
       e.preventDefault();
-      const s = Pr(e, i.cancel);
+      const s = Or(e, i.cancel);
       this.handleEnd(s);
       return;
     }
-    Pr(e, i.up) ? this.handleMove("up", e) : Pr(e, i.down) && this.handleMove("down", e), Pr(e, i.left) ? this.handleMove("left", e) : Pr(e, i.right) && this.handleMove("right", e);
+    Or(e, i.up) ? this.handleMove("up", e) : Or(e, i.down) && this.handleMove("down", e), Or(e, i.left) ? this.handleMove("left", e) : Or(e, i.right) && this.handleMove("right", e);
   }
   handleEnd(e) {
     this.manager.actions.stop({
@@ -10062,12 +10071,12 @@ var Qd = {
   }
 };
 Ci = /* @__PURE__ */ new WeakMap();
-function Pr(e, t) {
+function Or(e, t) {
   return t.includes(e.code);
 }
-var Nr, Oo = class extends Ys {
+var qr, Oo = class extends Ys {
   constructor(t, n) {
-    super(t), this.manager = t, this.options = n, this.listeners = new _m(), this.cleanup = /* @__PURE__ */ new Set(), Vt(this, Nr), this.handleCancel = this.handleCancel.bind(this), this.handlePointerUp = this.handlePointerUp.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
+    super(t), this.manager = t, this.options = n, this.listeners = new _m(), this.cleanup = /* @__PURE__ */ new Set(), Vt(this, qr), this.handleCancel = this.handleCancel.bind(this), this.handlePointerUp = this.handlePointerUp.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
   }
   bind(t, n = this.options) {
     return bt(() => {
@@ -10099,8 +10108,8 @@ var Nr, Oo = class extends Ys {
           () => this.handleStart(n, t),
           h.value
         );
-        Ur(this, Nr, () => {
-          clearTimeout(p), Ur(this, Nr, void 0);
+        Kr(this, qr, () => {
+          clearTimeout(p), Kr(this, qr, void 0);
         });
       }
     }
@@ -10140,7 +10149,7 @@ var Nr, Oo = class extends Ys {
       }
     ]), u = () => {
       var h;
-      setTimeout(d), (h = gn(this, Nr)) == null || h.call(this), this.initialCoordinates = void 0, this.cleanup.delete(u);
+      setTimeout(d), (h = gn(this, qr)) == null || h.call(this), this.initialCoordinates = void 0, this.cleanup.delete(u);
     };
     this.cleanup.add(u);
   }
@@ -10183,7 +10192,7 @@ var Nr, Oo = class extends Ys {
   handleStart(t, n) {
     var i;
     const { manager: s, initialCoordinates: a } = this;
-    (i = gn(this, Nr)) == null || i.call(this), !(!a || s.dragOperation.status.initialized) && (n.defaultPrevented || (n.preventDefault(), Ln(() => {
+    (i = gn(this, qr)) == null || i.call(this), !(!a || s.dragOperation.status.initialized) && (n.defaultPrevented || (n.preventDefault(), Ln(() => {
       s.actions.setDragSource(t.id), s.actions.start({ coordinates: a, event: n });
     })));
   }
@@ -10195,7 +10204,7 @@ var Nr, Oo = class extends Ys {
     this.listeners.clear();
   }
 };
-Nr = /* @__PURE__ */ new WeakMap();
+qr = /* @__PURE__ */ new WeakMap();
 Oo.configure = FS(Oo);
 var A1 = Oo;
 function io(e) {
@@ -10263,11 +10272,11 @@ Kt = wa(Fo);
 Jl = /* @__PURE__ */ new WeakMap();
 Zl = /* @__PURE__ */ new WeakMap();
 ec = /* @__PURE__ */ new WeakMap();
-ir(Kt, 4, "handle", Hm, as, Jl);
-ir(Kt, 4, "element", Gm, as, Zl);
-ir(Kt, 4, "feedback", Wm, as, ec);
+sr(Kt, 4, "handle", Hm, as, Jl);
+sr(Kt, 4, "element", Gm, as, Zl);
+sr(Kt, 4, "feedback", Wm, as, ec);
 Sa(Kt, as);
-var Qm, Um, Vo, Qn, tc, nc, Ca = class extends (Vo = nr, Um = [Ie], Qm = [Ie], Vo) {
+var Qm, Um, Vo, Qn, tc, nc, Ca = class extends (Vo = rr, Um = [Ie], Qm = [Ie], Vo) {
   constructor(e, t) {
     var n = e, { element: i, effects: s = () => [] } = n, a = Lm(n, ["element", "effects"]), o;
     const { collisionDetector: l = xm } = a;
@@ -10292,9 +10301,9 @@ var Qm, Um, Vo, Qn, tc, nc, Ca = class extends (Vo = nr, Um = [Ie], Qm = [Ie], V
                   rootMargin: "40%"
                 }
               ), y = new MutationObserver(
-                () => Qr.schedule(this.refreshShape)
+                () => Ur.schedule(this.refreshShape)
               ), T = new ResizeObserver(
-                () => Qr.schedule(this.refreshShape)
+                () => Ur.schedule(this.refreshShape)
               );
               return c.parentElement && y.observe(c.parentElement, {
                 childList: !0
@@ -10307,11 +10316,11 @@ var Qm, Um, Vo, Qn, tc, nc, Ca = class extends (Vo = nr, Um = [Ie], Qm = [Ie], V
             const { manager: c } = this;
             if (!c)
               return;
-            const { dragOperation: d } = c, { status: u } = d, h = Gr(() => d.source);
+            const { dragOperation: d } = c, { status: u } = d, h = Hr(() => d.source);
             if (u.initialized) {
               if ((h == null ? void 0 : h.type) != null && !this.accepts(h))
                 return;
-              Qr.schedule(this.refreshShape);
+              Ur.schedule(this.refreshShape);
             }
           },
           () => {
@@ -10348,8 +10357,8 @@ var Qm, Um, Vo, Qn, tc, nc, Ca = class extends (Vo = nr, Um = [Ie], Qm = [Ie], V
 Qn = wa(Vo);
 tc = /* @__PURE__ */ new WeakMap();
 nc = /* @__PURE__ */ new WeakMap();
-ir(Qn, 4, "visible", Um, Ca, tc);
-ir(Qn, 4, "placeholder", Qm, Ca, nc);
+sr(Qn, 4, "visible", Um, Ca, tc);
+sr(Qn, 4, "placeholder", Qm, Ca, nc);
 Sa(Qn, Ca);
 var O1 = Object.create, Km = Object.defineProperty, F1 = Object.defineProperties, V1 = Object.getOwnPropertyDescriptor, N1 = Object.getOwnPropertyDescriptors, ta = Object.getOwnPropertySymbols, Ym = Object.prototype.hasOwnProperty, Xm = Object.prototype.propertyIsEnumerable, q1 = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), os = (e) => {
   throw TypeError(e);
@@ -10384,7 +10393,7 @@ var O1 = Object.create, Km = Object.defineProperty, F1 = Object.defineProperties
     d = Q1(h, n, c = {}, e[3], k), d.static = p, d.private = m, u = d.access = { has: ($) => n in $ }, u.get = ($) => $[n], u.set = ($, O) => $[n] = O, l = (0, i[L])({ get: z.get, set: z.set }, d), c._ = 1, l === void 0 ? Ii(l) && (z[y] = l) : typeof l != "object" || l === null ? os("Object expected") : (Ii(o = l.get) && (z.get = o), Ii(o = l.set) && (z.set = o), Ii(o = l.init) && T.unshift(o));
   return z && Km(s, n, z), s;
 }, ef = (e, t, n) => t.has(e) || os("Cannot " + n), K1 = (e, t, n) => (ef(e, t, "read from private field"), t.get(e)), Kd = (e, t, n) => t.has(e) ? os("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), Y1 = (e, t, n, i) => (ef(e, t, "write to private field"), t.set(e, n), n);
-function Kr(e) {
+function Yr(e) {
   return e instanceof sc || e instanceof sf;
 }
 var vs = 10, X1 = class extends Wt {
@@ -10392,7 +10401,7 @@ var vs = 10, X1 = class extends Wt {
     super(e);
     const t = bt(() => {
       const { dragOperation: i } = e;
-      if (Zs(i.activatorEvent) && Kr(i.source) && i.status.initialized) {
+      if (Zs(i.activatorEvent) && Yr(i.source) && i.status.initialized) {
         const s = e.registry.plugins.get(ka);
         if (s)
           return s.disable(), () => s.enable();
@@ -10404,7 +10413,7 @@ var vs = 10, X1 = class extends Wt {
           if (this.disabled || i.defaultPrevented)
             return;
           const { dragOperation: a } = s;
-          if (!Zs(a.activatorEvent) || !Kr(a.source) || !a.shape)
+          if (!Zs(a.activatorEvent) || !Yr(a.source) || !a.shape)
             return;
           const { actions: o, collisionObserver: l, registry: c } = s, { by: d } = i;
           if (!d)
@@ -10412,7 +10421,7 @@ var vs = 10, X1 = class extends Wt {
           const u = J1(d), { source: h } = a, { center: p } = a.shape.current, m = [];
           for (const k of c.droppables) {
             const { shape: z, id: L } = k;
-            if (!(!z || L === (h == null ? void 0 : h.id) && Kr(k) || (h == null ? void 0 : h.type) != null && !k.accepts(h)))
+            if (!(!z || L === (h == null ? void 0 : h.id) && Yr(k) || (h == null ? void 0 : h.type) != null && !k.accepts(h)))
               switch (u) {
                 case "down":
                   p.y + vs < z.center.y && m.push(k);
@@ -10444,7 +10453,7 @@ var vs = 10, X1 = class extends Wt {
             if (!(z != null && z.element))
               return;
             const { element: L } = z;
-            wm(L), Qr.schedule(() => {
+            wm(L), Ur.schedule(() => {
               const $ = z.refreshShape();
               $ && (o.move({
                 to: {
@@ -10505,7 +10514,7 @@ var ek = class extends Wt {
           if (this.disabled || i.defaultPrevented)
             return;
           const { dragOperation: a } = s, { source: o, target: l } = a;
-          if (!Kr(o) || !Kr(l) || o.sortable === l.sortable || o.sortable.group !== l.sortable.group)
+          if (!Yr(o) || !Yr(l) || o.sortable === l.sortable || o.sortable.group !== l.sortable.group)
             return;
           const c = t(o.sortable.group);
           s.renderer.rendering.then(() => {
@@ -10531,7 +10540,7 @@ var ek = class extends Wt {
         if (!i.canceled)
           return;
         const { dragOperation: a } = s, { source: o } = a;
-        Kr(o) && o.sortable.initialIndex !== o.sortable.index && queueMicrotask(() => {
+        Yr(o) && o.sortable.initialIndex !== o.sortable.index && queueMicrotask(() => {
           const l = t(o.sortable.group);
           s.renderer.rendering.then(() => {
             var c;
@@ -10627,12 +10636,12 @@ var Ia = class {
     };
   }
   animate() {
-    Gr(() => {
+    Hr(() => {
       const { manager: e, transition: t } = this, { shape: n } = this.droppable;
       if (!e)
         return;
       const { idle: i } = e.dragOperation.status;
-      !n || !t || i && !t.idle || Qr.schedule(() => {
+      !n || !t || i && !t.idle || Ur.schedule(() => {
         const { element: s } = this.droppable;
         if (!s)
           return;
@@ -10787,7 +10796,7 @@ var sf = class extends as {
   }
 };
 function af(e) {
-  const t = ni();
+  const t = Yn();
   return t.current || (t.current = e()), t.current;
 }
 var nk = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", of = nk ? xg : W;
@@ -10814,7 +10823,7 @@ function ik(e, t) {
   e();
 }
 function st(e, t, n = W, i = Object.is) {
-  const s = ni(e);
+  const s = Yn(e);
   n(() => {
     const a = s.current;
     i(e, a) || (s.current = e, t(e, a));
@@ -10941,7 +10950,7 @@ const hk = ({
   };
   return /* @__PURE__ */ r.jsxs(_.List, { children: [
     /* @__PURE__ */ r.jsx(_h, { onDragEnd: a, children: s.map((o, l) => /* @__PURE__ */ r.jsx(hk, { value: o.id, index: l, children: i(o, l) }, o.id)) }),
-    /* @__PURE__ */ r.jsx(_.Tab, { onClick: t, value: "add", children: /* @__PURE__ */ r.jsx(de, { label: n, children: /* @__PURE__ */ r.jsx(Zn, { children: /* @__PURE__ */ r.jsx(nn, { size: 18, color: "#228be6" }) }) }) })
+    /* @__PURE__ */ r.jsx(_.Tab, { onClick: t, value: "add", children: /* @__PURE__ */ r.jsx(de, { label: n, children: /* @__PURE__ */ r.jsx(er, { children: /* @__PURE__ */ r.jsx(nn, { size: 18, color: "#228be6" }) }) }) })
   ] });
 }, mk = {
   tab: {
@@ -11033,7 +11042,7 @@ const hk = ({
       }, children: /* @__PURE__ */ r.jsx(Xe, { label: i("chart.zooming.slider.y_axis"), disabled: !e.y_axis_slider, checked: e.y_axis_slider, onChange: (a) => s("y_axis_slider")(a.currentTarget.checked) }) }) })
     ] })
   ] });
-}), sr = re(({
+}), ar = re(({
   label: e,
   value: t,
   onChange: n,
@@ -11072,7 +11081,7 @@ const hk = ({
     }, checked: a.value, onChange: (o) => a.onChange(o.currentTarget.checked) }) }) }),
     /* @__PURE__ */ r.jsx(b, { children: /* @__PURE__ */ r.jsx(g, { name: "legend", control: e, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(sr, { sx: {
+    }) => /* @__PURE__ */ r.jsx(ar, { sx: {
       flex: 1
     }, value: a.value.orient, onChange: (o) => {
       s(o, a.onChange);
@@ -11258,7 +11267,7 @@ function wk({
     t
   } = v(), [n, {
     toggle: i
-  }] = er(!1);
+  }] = tr(!1);
   return /* @__PURE__ */ r.jsxs(A, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", w: "100%", compact: !0, onClick: i, leftIcon: n ? /* @__PURE__ */ r.jsx(Qg, { size: 14 }) : /* @__PURE__ */ r.jsx(Ug, { size: 14 }), children: t(n ? "numbro.format.preview.close" : "numbro.format.preview.open") }),
     /* @__PURE__ */ r.jsx(qi, { in: n, children: n && /* @__PURE__ */ r.jsxs(Ge, { highlightOnHover: !0, sx: {
@@ -11435,7 +11444,7 @@ function Ck({
   ] }) });
 }
 function Ik(e) {
-  return wr(e, "variables");
+  return Sr(e, "variables");
 }
 function Tk(e) {
   const {
@@ -11737,7 +11746,7 @@ const ac = {
       n.runInteraction(y.id, {});
     });
   };
-  return /* @__PURE__ */ r.jsx(Zn, { sx: {
+  return /* @__PURE__ */ r.jsx(er, { sx: {
     width: h,
     height: p,
     justifyContent: Vk[c],
@@ -11827,7 +11836,7 @@ function Gk({
         field: p
       }) => /* @__PURE__ */ r.jsx(E, { label: "Content Template", description: "Filter values & context entries are supported", ...p, required: !0 }) }),
       /* @__PURE__ */ r.jsx(P, { mt: "xs", mb: 0, label: "Styles", labelPosition: "center", variant: "dashed" }),
-      /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(
           g,
           {
@@ -11842,7 +11851,7 @@ function Gk({
           field: p
         }) => /* @__PURE__ */ r.jsx(Bk, { label: "Theme", ...p }) })
       ] }),
-      /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(g, { control: a, name: "size", render: ({
           field: p
         }) => /* @__PURE__ */ r.jsx(qo, { label: "Size", ...p }) }),
@@ -11850,7 +11859,7 @@ function Gk({
           field: p
         }) => /* @__PURE__ */ r.jsx(te, { label: "Compact", checked: p.value, onChange: (m) => p.onChange(m.currentTarget.checked), mt: 26 }) })
       ] }),
-      /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+      /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
         /* @__PURE__ */ r.jsx(g, { control: a, name: "horizontal_align", render: ({
           field: p
         }) => /* @__PURE__ */ r.jsx(Cl, { ...p }) }),
@@ -11997,7 +12006,7 @@ const lc = {
   }],
   reference_lines: [],
   reference_areas: [],
-  dataZoom: Mr
+  dataZoom: Er
 };
 function Zk(e) {
   const t = e.y_axes.some((s) => !!s.name);
@@ -12247,7 +12256,7 @@ function hC({
         variables: s
       }, {
         lodash: C,
-        interpolate: Tr
+        interpolate: zr
       });
     } catch (p) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${p.message}`), 10;
@@ -12546,7 +12555,7 @@ function kC({
   interactionManager: s,
   variables: a
 }) {
-  const o = Er(t, e.x_axis_data_key), l = Et(s.triggerManager, oc.id), c = Ee((m) => {
+  const o = Lr(t, e.x_axis_data_key), l = Et(s.triggerManager, oc.id), c = Ee((m) => {
     const f = C.get(o, m.name, {
       error: "rowData is not found"
     });
@@ -12764,7 +12773,7 @@ function zC({
       /* @__PURE__ */ r.jsxs(S, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
-        }) => /* @__PURE__ */ r.jsx(sr, { label: a("chart.orientation.label"), sx: {
+        }) => /* @__PURE__ */ r.jsx(ar, { label: a("chart.orientation.label"), sx: {
           flex: 1
         }, ...l }) }),
         o === "vertical" && /* @__PURE__ */ r.jsx(w, { mt: -10, color: "dimmed", size: 12, children: a("chart.reference_line.orientation.vertical_hint") })
@@ -13052,7 +13061,7 @@ const LC = ({
       /* @__PURE__ */ r.jsx(P, { mt: 10, mb: -10, label: n("chart.symbol_size.setup.description"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(LC, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Qe, { size: 16 }), onClick: c, children: n("common.actions.save") })
@@ -13095,7 +13104,7 @@ const LC = ({
       ...uc[c]
     });
   };
-  return /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+  return /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
     /* @__PURE__ */ r.jsx(N, { ref: i, label: e ?? s("chart.symbol_size.label"), data: o, value: t.type, onChange: l, sx: {
       flexGrow: 1
     } }),
@@ -13527,7 +13536,7 @@ function qC({
     t: n
   } = v(), i = () => ({
     type: "bar",
-    name: Sr(),
+    name: kr(),
     showSymbol: !1,
     symbolSize: uc.static,
     y_axis_data_key: "value",
@@ -13646,7 +13655,7 @@ const QC = () => {
     /* @__PURE__ */ r.jsxs(Pe, { width: 340, shadow: "md", position: "top", children: [
       /* @__PURE__ */ r.jsx(Pe.Target, { children: /* @__PURE__ */ r.jsx(J, { size: "xs", sx: {
         transform: "none !important"
-      }, children: /* @__PURE__ */ r.jsx(zr, {}) }) }),
+      }, children: /* @__PURE__ */ r.jsx(Dr, {}) }) }),
       /* @__PURE__ */ r.jsx(Pe.Dropdown, { children: /* @__PURE__ */ r.jsx(w, { size: "sm", children: /* @__PURE__ */ r.jsxs(la, { i18nKey: "chart.axis.type.click_to_learn_more", children: [
         "Click",
         /* @__PURE__ */ r.jsx(As, { href: "https://echarts.apache.org/en/option.html#xAxis.type", target: "_blank", mx: 3, children: "here" }),
@@ -13714,7 +13723,7 @@ function UC({
     }) => /* @__PURE__ */ r.jsx(ln, { ...a }) })
   ] });
 }
-const ar = re(({
+const or = re(({
   label: e,
   value: t,
   onChange: n,
@@ -13772,7 +13781,7 @@ function KC({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(ar, { sx: {
+      }) => /* @__PURE__ */ r.jsx(or, { sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -13893,8 +13902,8 @@ function XC({
   ] }) });
 }
 function JC(e) {
-  const t = Ze(wr(e, "variables"));
-  return t.stats = wr(t.stats, "variables"), t;
+  const t = Ze(Sr(e, "variables"));
+  return t.stats = Sr(t.stats, "variables"), t;
 }
 function ZC(e) {
   const {
@@ -13914,7 +13923,7 @@ function ZC(e) {
 }
 function eI(e) {
   const {
-    dataZoom: t = Mr,
+    dataZoom: t = Er,
     ...n
   } = e;
   return {
@@ -14639,7 +14648,7 @@ const EI = ({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.orient`, control: t, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(sr, { ...h }) }),
+      }) => /* @__PURE__ */ r.jsx(ar, { ...h }) }),
       /* @__PURE__ */ r.jsx(
         g,
         {
@@ -14654,7 +14663,7 @@ const EI = ({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `series.${n}.funnelAlign`, control: t, render: ({
         field: h
-      }) => /* @__PURE__ */ r.jsx(ar, { label: s("viz.funnel_chart.align"), disabled: c === "horizontal", ...h }) }),
+      }) => /* @__PURE__ */ r.jsx(or, { label: s("viz.funnel_chart.align"), disabled: c === "horizontal", ...h }) }),
       /* @__PURE__ */ r.jsx(
         g,
         {
@@ -14705,7 +14714,7 @@ const EI = ({
   }, children: [
     /* @__PURE__ */ r.jsxs(_.List, { children: [
       o.map((u, h) => /* @__PURE__ */ r.jsx(_.Tab, { value: u.id, children: u.name }, u.id)),
-      /* @__PURE__ */ r.jsx(_.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ r.jsx(de, { label: "todo", children: /* @__PURE__ */ r.jsx(Zn, { children: /* @__PURE__ */ r.jsx(nn, { size: 18, color: "#228be6" }) }) }) })
+      /* @__PURE__ */ r.jsx(_.Tab, { value: "add", disabled: !0, children: /* @__PURE__ */ r.jsx(de, { label: "todo", children: /* @__PURE__ */ r.jsx(er, { children: /* @__PURE__ */ r.jsx(nn, { size: 18, color: "#228be6" }) }) }) })
     ] }),
     o.map((u, h) => /* @__PURE__ */ r.jsx(_.Panel, { value: u.id, children: /* @__PURE__ */ r.jsx(EI, { item: u, control: e, index: h, remove: s }) }, u.id))
   ] });
@@ -15180,7 +15189,7 @@ const XI = ({
       /* @__PURE__ */ r.jsx(P, { mt: 10, mb: -10, label: n("chart.number_or_dynamic_value.dynamic.guide"), labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ r.jsx(XI, { value: o.value, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Qe, { size: 16 }), onClick: c, children: n("common.actions.save") })
@@ -15223,7 +15232,7 @@ const XI = ({
     label: s("chart.number_or_dynamic_value.type.dynamic"),
     value: "dynamic"
   }], [a.language]);
-  return /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+  return /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
     /* @__PURE__ */ r.jsx(N, { ref: i, label: e, data: l, value: t.type, onChange: o, sx: {
       flexGrow: 1
     } }),
@@ -15248,7 +15257,7 @@ function nu(e, t, n) {
       variables: t
     }, {
       lodash: C,
-      interpolate: Tr
+      interpolate: zr
     });
     return Number(s);
   } catch (s) {
@@ -15262,7 +15271,7 @@ const _s = ({
   const {
     t: n
   } = v();
-  return /* @__PURE__ */ r.jsx(Jn, { label: e, placeholder: n("chart.visual_map.skip_range.follow_visual_map"), size: "xs", withinPortal: !0, dropdownZIndex: 340, rightSection: t.value ? /* @__PURE__ */ r.jsx(_r, { onClick: () => {
+  return /* @__PURE__ */ r.jsx(Zn, { label: e, placeholder: n("chart.visual_map.skip_range.follow_visual_map"), size: "xs", withinPortal: !0, dropdownZIndex: 340, rightSection: t.value ? /* @__PURE__ */ r.jsx(jr, { onClick: () => {
     t.onChange("");
   } }) : null, ...t });
 }, tT = ({
@@ -15307,7 +15316,7 @@ function hf(e) {
     itemHeight: 140,
     show: !0,
     inRange: {
-      color: e ?? Object.values(vr.graphics.depth)
+      color: e ?? Object.values(_r.graphics.depth)
     },
     skipRange: {
       lt_min: "",
@@ -15347,9 +15356,9 @@ function An() {
 }
 function rT() {
   return {
-    compared: Object.values(vr.graphics.compared),
-    level: Object.values(vr.graphics.level),
-    depth: Object.values(vr.graphics.depth),
+    compared: Object.values(_r.graphics.compared),
+    level: Object.values(_r.graphics.level),
+    depth: Object.values(_r.graphics.depth),
     yellow_blue: ["#8f531d", "#ffd347", "#e3efe3", "#eefaee", "#4ecbbf", "#003f94"],
     blue: ["#f9fcff", "#48b3e9", "#003f94"],
     darkgreen_pink: ["#0c525a", "#f21f99"],
@@ -15391,17 +15400,17 @@ function Da(e, t) {
     return h.upper.value === "" ? p[h.upper.symbol] = a : Number.isFinite(f) && (p[h.upper.symbol] = f), p;
   }) : o === "categories" && (u.categories = c), u;
 }
-const Or = (e) => ({
+const Fr = (e) => ({
   followVisualMap: !e,
   color: e
 });
 function fc(e, t, n, i) {
   if (i.type !== "continuous")
-    return Or("");
+    return Fr("");
   const {
     skipRange: s
   } = i;
-  return e === t ? Or(s.min) : e === n ? Or(s.max) : e < t ? Or(s.lt_min) : e > n ? Or(s.gt_max) : Or("");
+  return e === t ? Fr(s.min) : e === n ? Fr(s.max) : e < t ? Fr(s.lt_min) : e > n ? Fr(s.gt_max) : Fr("");
 }
 function pf() {
   return {
@@ -15483,14 +15492,14 @@ const iT = rT(), sT = ({
     index: t
   });
   return /* @__PURE__ */ r.jsxs(qt, { ref: l, gap: "sm", justify: "flex-start", align: "center", direction: "row", wrap: "nowrap", onMouseEnter: a, onMouseLeave: o, children: [
-    /* @__PURE__ */ r.jsx(Zn, { style: {
+    /* @__PURE__ */ r.jsx(er, { style: {
       minWidth: "30px",
       maxWidth: "30px",
       flex: 0
-    }, children: s ? /* @__PURE__ */ r.jsx(J, { size: "xs", ref: c, children: /* @__PURE__ */ r.jsx(Yg, {}) }) : /* @__PURE__ */ r.jsx(Yn, { size: "sm", children: t + 1 }) }),
+    }, children: s ? /* @__PURE__ */ r.jsx(J, { size: "xs", ref: c, children: /* @__PURE__ */ r.jsx(Yg, {}) }) : /* @__PURE__ */ r.jsx(Xn, { size: "sm", children: t + 1 }) }),
     /* @__PURE__ */ r.jsx("div", { style: {
       flex: 1
-    }, children: /* @__PURE__ */ r.jsx(Jn, { styles: {
+    }, children: /* @__PURE__ */ r.jsx(Zn, { styles: {
       root: {
         flexGrow: 1
       }
@@ -15499,7 +15508,7 @@ const iT = rT(), sT = ({
       minWidth: "40px",
       maxWidth: "40px",
       flex: 0
-    }, children: /* @__PURE__ */ r.jsx(_r, { onClick: i }) })
+    }, children: /* @__PURE__ */ r.jsx(jr, { onClick: i }) })
   ] });
 }, oT = re(({
   value: e,
@@ -15540,7 +15549,7 @@ const iT = rT(), sT = ({
       } }),
       /* @__PURE__ */ r.jsx("div", { style: {
         flex: 1
-      }, children: /* @__PURE__ */ r.jsx(Jn, { withinPortal: !0, dropdownZIndex: 340, placeholder: i("chart.color.click_to_add_a_color"), value: d, onChange: u, onBlur: h, size: "xs" }) }),
+      }, children: /* @__PURE__ */ r.jsx(Zn, { withinPortal: !0, dropdownZIndex: 340, placeholder: i("chart.color.click_to_add_a_color"), value: d, onChange: u, onBlur: h, size: "xs" }) }),
       /* @__PURE__ */ r.jsx("div", { style: {
         minWidth: "40px",
         maxWidth: "40px",
@@ -15572,7 +15581,7 @@ const iT = rT(), sT = ({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "visualMap.orient", control: i, render: ({
         field: d
-      }) => /* @__PURE__ */ r.jsx(sr, { sx: {
+      }) => /* @__PURE__ */ r.jsx(ar, { sx: {
         flex: 1
       }, ...d }) }),
       /* @__PURE__ */ r.jsx(g, { name: "visualMap.calculable", control: i, render: ({
@@ -15691,10 +15700,10 @@ const iT = rT(), sT = ({
     }) => /* @__PURE__ */ r.jsx(E, { size: "xs", placeholder: "", ...a, onChange: (o) => a.onChange(o.currentTarget.value) }) }) }),
     /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(g, { name: `visualMap.pieces.${t}.color`, control: i, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(Jn, { label: s(""), placeholder: s("chart.color.label"), size: "xs", withinPortal: !0, dropdownZIndex: 340, rightSection: a.value ? /* @__PURE__ */ r.jsx(_r, { onClick: () => {
+    }) => /* @__PURE__ */ r.jsx(Zn, { label: s(""), placeholder: s("chart.color.label"), size: "xs", withinPortal: !0, dropdownZIndex: 340, rightSection: a.value ? /* @__PURE__ */ r.jsx(jr, { onClick: () => {
       a.onChange("");
     } }) : null, ...a }) }) }),
-    /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(_r, { onClick: () => n(t) }) })
+    /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(jr, { onClick: () => n(t) }) })
   ] });
 }, hT = ({
   form: e
@@ -15763,7 +15772,7 @@ const iT = rT(), sT = ({
     }) => /* @__PURE__ */ r.jsx(ne, { label: t("chart.visual_map.precision"), ...d, onChange: c(d.onChange) }) }),
     /* @__PURE__ */ r.jsx(g, { name: "visualMap.orient", control: i, render: ({
       field: d
-    }) => /* @__PURE__ */ r.jsx(sr, { sx: {
+    }) => /* @__PURE__ */ r.jsx(ar, { sx: {
       flex: 1
     }, ...d }) }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
@@ -16125,7 +16134,7 @@ function kT({
     ] }),
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "y_axis.nameAlignment", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(ar, { sx: {
+    }) => /* @__PURE__ */ r.jsx(or, { sx: {
       flex: 1
     }, ...i }) }) }),
     /* @__PURE__ */ r.jsx(P, { mb: -15, variant: "dashed", label: n("chart.axis.tick_label"), labelPosition: "center" }),
@@ -16459,7 +16468,7 @@ const xf = {
     nameAlignment: "right",
     color: "red"
   },
-  dataZoom: Mr,
+  dataZoom: Er,
   markLine: xf,
   reference_lines: []
 };
@@ -16760,7 +16769,7 @@ function ZT({
   } = e.viewport, l = je({}, i, bc), c = JT(l, s, n), d = Lt({
     vizManager: e.vizManager,
     instance: t
-  }), u = Et(d.triggerManager, ff.id), h = Er(s, l.x_axis.data_key), p = Ee((f) => {
+  }), u = Et(d.triggerManager, ff.id), h = Lr(s, l.x_axis.data_key), p = Ee((f) => {
     const y = C.get(h, f.name, {
       error: "rowData is not found"
     });
@@ -16791,7 +16800,7 @@ function ez({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.nameAlignment", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(ar, { sx: {
+      }) => /* @__PURE__ */ r.jsx(or, { sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -16825,7 +16834,7 @@ function tz({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: "line.nameAlignment", control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(ar, { sx: {
+      }) => /* @__PURE__ */ r.jsx(or, { sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -16867,7 +16876,7 @@ const nz = (e, t) => `
   } = v(), [n, i] = U(!1), s = I(() => nz(e("viz.pareto_chart.line_80_20.param_section_note_1"), e("viz.pareto_chart.line_80_20.param_section_note_2")), [t.language]);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", compact: !0, onClick: () => i((a) => !a), children: e(n ? "common.actions.close" : "viz.pareto_chart.line_80_20.click_to_see_params") }),
-    /* @__PURE__ */ r.jsx(qi, { in: n, children: /* @__PURE__ */ r.jsx(Xn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: s }) })
+    /* @__PURE__ */ r.jsx(qi, { in: n, children: /* @__PURE__ */ r.jsx(Jn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: s }) })
   ] });
 };
 function iz({
@@ -16979,7 +16988,7 @@ function oz({
     /* @__PURE__ */ r.jsxs(b, { grow: !0, children: [
       /* @__PURE__ */ r.jsx(S, { children: /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
         field: l
-      }) => /* @__PURE__ */ r.jsx(sr, { label: a("chart.orientation.label"), sx: {
+      }) => /* @__PURE__ */ r.jsx(ar, { label: a("chart.orientation.label"), sx: {
         flex: 1
       }, ...l }) }) }),
       o === "horizontal" && /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.yAxisIndex`, control: e, render: ({
@@ -17114,7 +17123,7 @@ function cz({
 }
 function dz(e) {
   const {
-    dataZoom: t = Mr,
+    dataZoom: t = Er,
     ...n
   } = e;
   return {
@@ -17404,7 +17413,7 @@ function Sz({
   height: i,
   interactionManager: s
 }) {
-  const a = Er(t, e.label_field), o = Et(s.triggerManager, gf.id), l = R.useCallback((u) => {
+  const a = Lr(t, e.label_field), o = Et(s.triggerManager, gf.id), l = R.useCallback((u) => {
     const h = C.get(a, u.name, {
       error: "rowData is not found"
     });
@@ -17892,7 +17901,7 @@ function Qz({
     color_key: ""
   }), s = (a, o) => o + 1;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(Vi, { icon: /* @__PURE__ */ r.jsx(zr, { size: 16 }), title: n("viz.radar_chart.additional_series.label"), children: /* @__PURE__ */ r.jsxs(la, { i18nKey: "viz.radar_chart.additional_series.intro", children: [
+    /* @__PURE__ */ r.jsx(Vi, { icon: /* @__PURE__ */ r.jsx(Dr, { size: 16 }), title: n("viz.radar_chart.additional_series.label"), children: /* @__PURE__ */ r.jsxs(la, { i18nKey: "viz.radar_chart.additional_series.intro", children: [
       "By setting ",
       /* @__PURE__ */ r.jsx(Au, { children: "Series Name Key" }),
       ", you may add series from more queries to the chart."
@@ -18635,7 +18644,7 @@ function SD({
     t: n
   } = v();
   return /* @__PURE__ */ r.jsxs(Pe, { shadow: "md", withinPortal: !0, zIndex: 320, children: [
-    /* @__PURE__ */ r.jsx(Pe.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
+    /* @__PURE__ */ r.jsx(Pe.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 14 }), children: n("viz.regression_chart.regression_info") }) }),
     /* @__PURE__ */ r.jsx(Pe.Dropdown, { children: /* @__PURE__ */ r.jsx(Je, { children: /* @__PURE__ */ r.jsx(wD, { conf: e, queryData: t }) }) })
   ] });
 }
@@ -18704,7 +18713,7 @@ function CD({
       ...f,
       [p.columnKey]: Number(f[p.columnKey])
     });
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = I(() => xD(He({}, t, vc), s), [t, s]), o = ni(null), l = (c) => {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = I(() => xD(He({}, t, vc), s), [t, s]), o = Yn(null), l = (c) => {
     o.current = c;
   };
   return !n || !i || !t ? null : /* @__PURE__ */ r.jsxs(jt, { width: n, height: i, children: [
@@ -19021,7 +19030,7 @@ function FD({
   l("content"), W(() => {
     c(s);
   }, [s]);
-  const d = ni(null), u = () => {
+  const d = Yn(null), u = () => {
     var h;
     return (h = d.current) == null ? void 0 : h.click();
   };
@@ -19198,7 +19207,7 @@ const _c = {
   },
   reference_lines: [],
   reference_areas: [],
-  dataZoom: Mr
+  dataZoom: Er
 };
 function QD(e, t) {
   if (!e.x_axis.data_key)
@@ -19279,7 +19288,7 @@ function XD({
         variables: n
       }, {
         lodash: C,
-        interpolate: Tr
+        interpolate: zr
       });
     } catch (l) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${l.message}`), 10;
@@ -19310,7 +19319,7 @@ function JD({
         variables: n
       }, {
         lodash: C,
-        interpolate: Tr
+        interpolate: zr
       });
     } catch (a) {
       return console.error(`[getSeriesColor] failed parsing custom function, error: ${a.message}`), 10;
@@ -19574,7 +19583,7 @@ function cM({
   interactionManager: s,
   variables: a
 }) {
-  const o = Er(t, e.x_axis.data_key), l = Et(s.triggerManager, wf.id), c = Ee((h) => {
+  const o = Lr(t, e.x_axis.data_key), l = Et(s.triggerManager, wf.id), c = Ee((h) => {
     const p = h.data;
     l.forEach((m) => {
       s.runInteraction(m.id, {
@@ -19767,7 +19776,7 @@ function mM({
       /* @__PURE__ */ r.jsxs(S, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
-        }) => /* @__PURE__ */ r.jsx(sr, { sx: {
+        }) => /* @__PURE__ */ r.jsx(ar, { sx: {
           flex: 1
         }, ...l }) }),
         o === "vertical" && /* @__PURE__ */ r.jsx(w, { mt: -10, color: "dimmed", size: 12, children: a("chart.reference_line.orientation.vertical_hint") })
@@ -19898,7 +19907,7 @@ const xM = ({
     /* @__PURE__ */ r.jsx(Le, { size: 800, title: n("viz.scatter_chart.color.dynamic.setup_title"), opened: i, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: i && /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(xM, { value: o.func_content, onChange: u }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: n("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: n("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: d, variant: "subtle", children: n("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Qe, { size: 16 }), onClick: c, children: n("common.actions.save") })
@@ -19921,7 +19930,7 @@ const xM = ({
       color: i
     });
   };
-  return /* @__PURE__ */ r.jsx(Jn, { label: " ", format: "rgb", value: e.color, onChange: n });
+  return /* @__PURE__ */ r.jsx(Zn, { label: " ", format: "rgb", value: e.color, onChange: n });
 }, vM = re(({
   label: e = "Color",
   value: t,
@@ -19941,7 +19950,7 @@ const xM = ({
       ...ls[c]
     });
   };
-  return /* @__PURE__ */ r.jsxs(br, { cols: 2, children: [
+  return /* @__PURE__ */ r.jsxs(yr, { cols: 2, children: [
     /* @__PURE__ */ r.jsx(N, { ref: i, label: e, data: o, value: t.type, onChange: l, sx: {
       flexGrow: 1
     } }),
@@ -20159,7 +20168,7 @@ function TM({
       }, ...i }) }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${t}.nameAlignment`, control: e, render: ({
         field: i
-      }) => /* @__PURE__ */ r.jsx(ar, { sx: {
+      }) => /* @__PURE__ */ r.jsx(or, { sx: {
         flex: 1
       }, ...i }) })
     ] }),
@@ -20339,7 +20348,7 @@ const LM = {
 }];
 function RM(e) {
   const {
-    dataZoom: t = Mr,
+    dataZoom: t = Er,
     ...n
   } = e;
   return {
@@ -20587,7 +20596,7 @@ function GM(e) {
   };
 }
 function HM(e) {
-  return wr(e, ["variables"]);
+  return Sr(e, ["variables"]);
 }
 function QM(e) {
   const {
@@ -21066,7 +21075,7 @@ const _E = ({
       ) }),
       /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.label.align`, control: e, render: ({
         field: a
-      }) => /* @__PURE__ */ r.jsx(ar, { ...a }) })
+      }) => /* @__PURE__ */ r.jsx(or, { ...a }) })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: `levels.${t}.label.position`, control: e, render: ({
@@ -21450,7 +21459,7 @@ const Cf = ["function text({ value, row_data }, utils) {", "    return value", "
   }
 }));
 function PE(e) {
-  return e ? Xr(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
+  return e ? Jr(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
 function Df(e) {
   const t = e.tableCellContext.bgColor;
@@ -21459,7 +21468,7 @@ function Df(e) {
     color: PE(t)
   };
 }
-function ti(e) {
+function ni(e) {
   const t = e.tableCellContext.isClickable(), n = zf({
     clickable: t,
     align: e.align
@@ -21469,7 +21478,7 @@ function ti(e) {
   }, children: /* @__PURE__ */ r.jsx(w, { className: "table-cell-text", onClick: e.tableCellContext.getClickHandler(), children: /* @__PURE__ */ r.jsx("span", { title: e.children, children: e.children }) }) });
 }
 function OE(e) {
-  return /* @__PURE__ */ r.jsx(ti, { ...e, children: e.value });
+  return /* @__PURE__ */ r.jsx(ni, { ...e, children: e.value });
 }
 function FE(e) {
   const t = zf({
@@ -21488,7 +21497,7 @@ function VE(e) {
     trimMantissa: !0,
     absolute: !1
   });
-  return /* @__PURE__ */ r.jsx(ti, { ...e, children: t });
+  return /* @__PURE__ */ r.jsx(ni, { ...e, children: t });
 }
 function NE(e) {
   const t = oe(e.value, {
@@ -21497,7 +21506,7 @@ function NE(e) {
     thousandSeparated: !0,
     absolute: !1
   });
-  return /* @__PURE__ */ r.jsx(ti, { ...e, children: t });
+  return /* @__PURE__ */ r.jsx(ni, { ...e, children: t });
 }
 function qE(e) {
   const t = oe(e.value, {
@@ -21506,7 +21515,7 @@ function qE(e) {
     trimMantissa: !0,
     absolute: !1
   });
-  return /* @__PURE__ */ r.jsx(ti, { ...e, children: t });
+  return /* @__PURE__ */ r.jsx(ni, { ...e, children: t });
 }
 function BE(e) {
   const {
@@ -21515,12 +21524,12 @@ function BE(e) {
     func_content: i
   } = e;
   if (!i)
-    return /* @__PURE__ */ r.jsx(ti, { ...e, children: t });
+    return /* @__PURE__ */ r.jsx(ni, { ...e, children: t });
   const s = new Function(`return ${i}`)()({
     value: t,
     row_data: n
   }, rn);
-  return /* @__PURE__ */ r.jsx(ti, { ...e, children: s });
+  return /* @__PURE__ */ r.jsx(ni, { ...e, children: s });
 }
 function WE(e) {
   switch (e.type) {
@@ -21969,7 +21978,7 @@ const sL = re((e, t) => {
         }
       } }) }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: i("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: i("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: u, variant: "subtle", children: i("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Qe, { size: 16 }), onClick: d, children: i("common.actions.save") })
@@ -22030,7 +22039,7 @@ const sL = re((e, t) => {
   const {
     t: n
   } = v(), i = () => {
-    const o = Sr();
+    const o = kr();
     return {
       id: o,
       label: o,
@@ -22111,7 +22120,7 @@ function uL({
       id: n,
       ...i
     }) => ({
-      id: n ?? Sr(),
+      id: n ?? kr(),
       ...i
     }))
   };
@@ -22358,7 +22367,7 @@ class _L extends $e {
             id: a,
             ...o
           }) => ({
-            id: a ?? Sr(),
+            id: a ?? kr(),
             ...o
           }))
         }
@@ -22501,7 +22510,7 @@ const Af = R.forwardRef(wL), SL = ({
     /* @__PURE__ */ r.jsx(Le, { size: 800, title: i("viz.text.content.label"), opened: s, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: s && /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(SL, { value: l, onChange: c }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: i("common.actions.reset_to_default") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: h, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: i("common.actions.reset_to_default") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: u, variant: "subtle", children: i("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { color: "green", leftIcon: /* @__PURE__ */ r.jsx(Qe, { size: 16 }), onClick: d, children: i("common.actions.save_changes") })
@@ -22699,7 +22708,7 @@ const $L = ({
   if (i.startsWith("<"))
     return /* @__PURE__ */ r.jsx(fu, { message: i });
   const a = n - 25 - 20 - 30;
-  return /* @__PURE__ */ r.jsx(Zn, { sx: {
+  return /* @__PURE__ */ r.jsx(er, { sx: {
     width: "100%",
     height: a
   }, children: /* @__PURE__ */ r.jsxs(S, { align: "center", spacing: 20, children: [
@@ -22719,7 +22728,7 @@ function RL({
     data: o,
     error: l,
     loading: c
-  } = jr($L({
+  } = wr($L({
     conf: n,
     panelData: a
   }), {
@@ -22728,7 +22737,7 @@ function RL({
   return !i || !s || !n ? null : c ? /* @__PURE__ */ r.jsx(A, { sx: {
     position: "relative",
     height: s
-  }, children: /* @__PURE__ */ r.jsx(Ir, { visible: !0 }) }) : l ? /* @__PURE__ */ r.jsx(A, { sx: Go, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(AL, { error: l, width: i, height: s }) }) : !o || !Array.isArray(o.replies) || o.replies.length === 0 ? null : /* @__PURE__ */ r.jsx(A, { sx: Go, "data-enable-scrollbar": !0, children: o.replies.map((d, u) => /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: {
+  }, children: /* @__PURE__ */ r.jsx(Tr, { visible: !0 }) }) : l ? /* @__PURE__ */ r.jsx(A, { sx: Go, "data-enable-scrollbar": !0, children: /* @__PURE__ */ r.jsx(AL, { error: l, width: i, height: s }) }) : !o || !Array.isArray(o.replies) || o.replies.length === 0 ? null : /* @__PURE__ */ r.jsx(A, { sx: Go, "data-enable-scrollbar": !0, children: o.replies.map((d, u) => /* @__PURE__ */ r.jsx("div", { dangerouslySetInnerHTML: {
     __html: d.interpretation.html
   } }, u)) });
 }
@@ -23195,7 +23204,7 @@ function c$({
   interactionManager: s,
   variables: a
 }) {
-  const o = Er(t, e.calendar.data_key), l = Et(s.triggerManager, Rf.id), c = Ee((h) => {
+  const o = Lr(t, e.calendar.data_key), l = Et(s.triggerManager, Rf.id), c = Ee((h) => {
     const [p, m] = h.value, f = C.get(o, p, {
       error: "rowData is not found"
     });
@@ -23836,7 +23845,7 @@ function V$({
   interactionManager: s,
   variables: a
 }) {
-  const o = Er(t, e.y_axis.data_key), l = Et(s.triggerManager, oc.id), c = Ee((h) => {
+  const o = Lr(t, e.y_axis.data_key), l = Et(s.triggerManager, oc.id), c = Ee((h) => {
     const p = C.get(o, h.name, {
       error: "rowData is not found"
     });
@@ -23908,7 +23917,7 @@ function q$({
       /* @__PURE__ */ r.jsxs(S, { children: [
         /* @__PURE__ */ r.jsx(g, { name: `reference_lines.${t}.orientation`, control: e, render: ({
           field: l
-        }) => /* @__PURE__ */ r.jsx(sr, { sx: {
+        }) => /* @__PURE__ */ r.jsx(ar, { sx: {
           flex: 1
         }, ...l }) }),
         o === "vertical" && /* @__PURE__ */ r.jsx(w, { mt: -10, color: "dimmed", size: 12, children: a("chart.reference_line.orientation.vertical_hint") })
@@ -24501,7 +24510,7 @@ function oA(e, t, n, i) {
   const s = t.map((u) => {
     const h = n[u], p = C.sumBy(h, (m) => m.level.diff);
     return [u, p / h.length];
-  }), a = Number(((c = C.maxBy(s, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = C.minBy(s, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = Tr([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
+  }), a = Number(((c = C.maxBy(s, (u) => u[1])) == null ? void 0 : c[1]) ?? 0), o = Number(((d = C.minBy(s, (u) => u[1])) == null ? void 0 : d[1]) ?? 0), l = zr([a, 0, o], ["#D15A40", "#FFF", "#418AAF"]);
   return {
     type: "bar",
     name: "平均偏差",
@@ -24604,7 +24613,7 @@ function cA(e, t, n, i) {
       s[m].push([u, y, f, p]);
     });
   });
-  const a = Object.entries(s).map(([u]) => Number(u)).sort((u, h) => u - h), o = Math.max(...a), l = Math.min(...a), c = Tr([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
+  const a = Object.entries(s).map(([u]) => Number(u)).sort((u, h) => u - h), o = Math.max(...a), l = Math.min(...a), c = zr([o, 0, l], ["#D15A40", "#FFF", "#418AAF"]);
   return a.map((u) => ({
     type: "bar",
     name: u,
@@ -24987,7 +24996,7 @@ const _A = {
 };
 function SA() {
   return /* @__PURE__ */ r.jsxs(Pe, { width: 400, shadow: "md", children: [
-    /* @__PURE__ */ r.jsx(Pe.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(zr, { size: 14 }), children: "指标说明" }) }),
+    /* @__PURE__ */ r.jsx(Pe.Target, { children: /* @__PURE__ */ r.jsx(M, { size: "xs", variant: "subtle", compact: !0, leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 14 }), children: "指标说明" }) }),
     /* @__PURE__ */ r.jsx(Pe.Dropdown, { children: /* @__PURE__ */ r.jsx(Ge, { fontSize: 14, sx: wA, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: "估算偏差" }),
@@ -25809,7 +25818,7 @@ function iR({
     ] }),
     /* @__PURE__ */ r.jsx(b, { grow: !0, noWrap: !0, children: /* @__PURE__ */ r.jsx(g, { name: "y_axis.nameAlignment", control: e, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(ar, { sx: {
+    }) => /* @__PURE__ */ r.jsx(or, { sx: {
       flex: 1
     }, ...i }) }) }),
     /* @__PURE__ */ r.jsx(P, { mb: -15, variant: "dashed", label: n("chart.axis.tick_label"), labelPosition: "center" }),
@@ -26415,7 +26424,7 @@ const TR = ({
 }, withArrow: !0, children: /* @__PURE__ */ r.jsx(A, { sx: {
   height: "16px",
   alignSelf: "center"
-}, children: /* @__PURE__ */ r.jsx(zr, { size: 16, color: "gray" }) }) }), zR = D(({
+}, children: /* @__PURE__ */ r.jsx(Dr, { size: 16, color: "gray" }) }) }), zR = D(({
   label: e,
   config: {
     default_value: t,
@@ -26473,7 +26482,7 @@ const TR = ({
   const s = i === 1 ? n("filter.widget.date_range.one_day") : n("filter.widget.date_range.x_days", {
     count: i
   });
-  return /* @__PURE__ */ r.jsx(de, { label: s, children: /* @__PURE__ */ r.jsx(Yn, { size: "sm", children: i }) });
+  return /* @__PURE__ */ r.jsx(de, { label: s, children: /* @__PURE__ */ r.jsx(Xn, { size: "sm", children: i }) });
 }, ER = ({
   max_days: e
 }) => {
@@ -26481,7 +26490,7 @@ const TR = ({
     t
   } = v();
   return e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(Yn, { size: "xs", children: t("filter.widget.date_range.x_max_days", {
+    /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(Xn, { size: "xs", children: t("filter.widget.date_range.x_max_days", {
       max_days: e
     }) }) }),
     /* @__PURE__ */ r.jsx(P, { variant: "dashed", my: 10 })
@@ -26698,7 +26707,7 @@ const LR = ({
   } = v(), [c, {
     open: d,
     close: u
-  }] = er(!1), [h, p] = n, m = h ? V(h).format(o) : "", f = p ? V(p).format(o) : "";
+  }] = tr(!1), [h, p] = n, m = h ? V(h).format(o) : "", f = p ? V(p).format(o) : "";
   return /* @__PURE__ */ r.jsxs(Ft, { opened: c, onClose: u, position: "bottom-start", shadow: "md", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "left", grow: !0, noWrap: !0, spacing: 0, w: "288px", sx: {
       marginTop: "3px"
@@ -26990,9 +26999,9 @@ const LR = ({
       ] }),
       z && /* @__PURE__ */ r.jsx(de, { label: p("filter.widget.common.x_selected", {
         count: l.length
-      }), children: /* @__PURE__ */ r.jsx(Yn, { children: l.length }) })
+      }), children: /* @__PURE__ */ r.jsx(Xn, { children: l.length }) })
     ] }),
-    /* @__PURE__ */ r.jsx(My, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: k, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(_r, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(Lc, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (Q) => p("filter.widget.common.x_selected", {
+    /* @__PURE__ */ r.jsx(My, { disabled: e, allowClear: !0, className: f(m.root, "check-select"), dropdownClassName: f(m.dropdown, ""), onDropdownVisibleChange: k, transitionName: "rc-select-dropdown-slide-up", choiceTransitionName: "rc-select-selection__choice-zoom", style: a, clearIcon: () => /* @__PURE__ */ r.jsx(jr, {}), value: l, onChange: c, onSelect: console.log, mode: "multiple", maxTagCount: 0, notFoundContent: /* @__PURE__ */ r.jsx(Lc, { errorMessage: u }), maxTagTextLength: 10, maxTagPlaceholder: (Q) => p("filter.widget.common.x_selected", {
       count: Q.length
     }), searchValue: L, onSearch: $, filterOption: !1, children: O.map((Q) => /* @__PURE__ */ r.jsxs(Ey, { title: Q.label, children: [
       /* @__PURE__ */ r.jsx(w, { size: "sm", "data-role": "label", children: Q.label }),
@@ -27384,7 +27393,7 @@ const NR = ({
       ] }),
       L && /* @__PURE__ */ r.jsx(de, { label: m("filter.widget.common.x_selected", {
         count: l.length
-      }), children: /* @__PURE__ */ r.jsx(Yn, { children: l.length }) })
+      }), children: /* @__PURE__ */ r.jsx(Xn, { children: l.length }) })
     ] }),
     /* @__PURE__ */ r.jsx(
       Ly,
@@ -27401,7 +27410,7 @@ const NR = ({
         style: a,
         listHeight: 510,
         treeLine: !0,
-        clearIcon: () => /* @__PURE__ */ r.jsx(_r, {}),
+        clearIcon: () => /* @__PURE__ */ r.jsx(jr, {}),
         switcherIcon: qR,
         treeIcon: WR,
         maxTagTextLength: 10,
@@ -27500,7 +27509,7 @@ const JR = ({
 }) {
   const [n, {
     toggle: i
-  }] = er(!0), s = Ue(), {
+  }] = tr(!0), s = Ue(), {
     control: a,
     handleSubmit: o,
     reset: l
@@ -27787,7 +27796,7 @@ const aP = x.model("QueryMeta", {
       post_process: d,
       dep_query_ids: u
     } = e;
-    return ei({
+    return ti({
       id: t,
       key: s,
       sql: a,
@@ -27924,7 +27933,7 @@ const aP = x.model("QueryMeta", {
       id: t,
       name: n,
       breakpoint: i,
-      list: s.map((a) => ei(a.json))
+      list: s.map((a) => ti(a.json))
     };
   },
   jsonByPanelIDSet(t) {
@@ -27938,7 +27947,7 @@ const aP = x.model("QueryMeta", {
       id: n,
       name: i,
       breakpoint: s,
-      list: a.filter((o) => t.has(o.panelID)).map((o) => ei(o.json))
+      list: a.filter((o) => t.has(o.panelID)).map((o) => ti(o.json))
     };
   },
   findByID(t) {
@@ -28216,7 +28225,7 @@ const uP = x.model("FilterDateRangeConfigMeta", {
       options_query_id: o,
       default_selection_count: l
     } = e;
-    return ei({
+    return ti({
       _name: t,
       required: !!i,
       min_width: s,
@@ -28273,7 +28282,7 @@ const uP = x.model("FilterDateRangeConfigMeta", {
       options_query_id: l,
       default_selection_count: c
     } = e;
-    return ei({
+    return ti({
       _name: t,
       width: a,
       required: s,
@@ -28760,7 +28769,7 @@ const nx = x.model("ViewDivisionConfig", {
     e.tabs.length = 0, e.tabs = yn(t);
   },
   addTab() {
-    const t = Sr(), n = {
+    const t = kr(), n = {
       id: t,
       name: t,
       view_id: ""
@@ -28825,7 +28834,7 @@ const nx = x.model("ViewDivisionConfig", {
     const n = e.panelIDs.filter((i) => i !== t);
     e.panelIDs.length = 0, e.panelIDs.push(...n);
   }
-})), or = "11.10.0", g3 = {
+})), lr = "11.10.0", g3 = {
   definition: {
     sqlSnippets: [],
     queries: [],
@@ -28840,7 +28849,7 @@ const nx = x.model("ViewDivisionConfig", {
   }],
   panels: [],
   filters: [],
-  version: or,
+  version: lr,
   layouts: [{
     id: "basis",
     name: "basis",
@@ -28985,7 +28994,7 @@ const lx = x.compose("ViewRenderModel", SP, x.model({
   visibleViewIDs: x.array(x.string)
 }).views((e) => ({
   get json() {
-    return e.current.map((t) => ei(t.json));
+    return e.current.map((t) => ti(t.json));
   },
   get idMap() {
     const t = /* @__PURE__ */ new Map();
@@ -29189,7 +29198,7 @@ const ux = sP.views((e) => ({
         queries: n
       },
       layouts: i,
-      version: or
+      version: lr
     }, null, 2), o = e.name;
     ui(o, a);
   }
@@ -29365,7 +29374,7 @@ const xx = x.model("FiltersRenderModel", {
         ...a.json,
         visibleInViewsIDs: n ? a.json.visibleInViewsIDs : []
       })),
-      version: or
+      version: lr
     };
   },
   downloadSchema(t) {
@@ -29558,13 +29567,13 @@ const EP = aP.views((e) => ({
 })).volatile(() => ({
   controller: new AbortController()
 })).actions((e) => ({
-  runSQL: qr(function* () {
+  runSQL: Br(function* () {
     var t;
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
       try {
         const n = e.payload;
-        e.data = yield* pr(ow({
+        e.data = yield* mr(ow({
           payload: n,
           name: e.name,
           query: e.json,
@@ -29579,7 +29588,7 @@ const EP = aP.views((e) => ({
       }
     }
   }),
-  runHTTP: qr(function* () {
+  runHTTP: Br(function* () {
     var t;
     if (!(!e.valid || !e.datasource) && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
@@ -29591,7 +29600,7 @@ const EP = aP.views((e) => ({
         } = e.json;
         let a = JSON.parse(e.httpConfigString);
         a = ew(e.datasource, a);
-        const o = yield* pr(lw({
+        const o = yield* mr(lw({
           type: n,
           key: i,
           configString: JSON.stringify(a),
@@ -29737,7 +29746,7 @@ const EP = aP.views((e) => ({
       definition: {
         queries: e.findByIDSet(new Set(t)).map((s) => s.json)
       },
-      version: or
+      version: lr
     };
   },
   downloadSchema(t) {
@@ -29892,7 +29901,7 @@ const vx = x.model("LayoutsRenderModel", {
       definition: {
         sqlSnippets: e.findByKeySet(new Set(t)).map((s) => s.json)
       },
-      version: or
+      version: lr
     };
   },
   downloadSchema(t) {
@@ -29995,7 +30004,7 @@ const PP = (e) => new RP(e), OP = D(() => {
     /* @__PURE__ */ r.jsxs(ee.Dropdown, { children: [
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: o.refreshData, icon: /* @__PURE__ */ r.jsx(nl, { size: 14 }), children: n("common.actions.refresh") }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: o.downloadData, icon: /* @__PURE__ */ r.jsx(rl, { size: 14 }), children: n("common.actions.download_data") }),
-      /* @__PURE__ */ r.jsx(ee.Item, { onClick: o.downloadSchema, icon: /* @__PURE__ */ r.jsx(kr, { size: 14 }), children: n("common.actions.download_schema") }),
+      /* @__PURE__ */ r.jsx(ee.Item, { onClick: o.downloadSchema, icon: /* @__PURE__ */ r.jsx(Cr, { size: 14 }), children: n("common.actions.download_schema") }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: l, icon: /* @__PURE__ */ r.jsx(oa, { size: 14 }), children: n("common.actions.download_screenshot") }),
       y && /* @__PURE__ */ r.jsx(ee.Item, { onClick: f, icon: /* @__PURE__ */ r.jsx(bh, { size: 14 }), disabled: !0, children: n("common.actions.enter_fullscreen") }),
       /* @__PURE__ */ r.jsx(OP, {}),
@@ -30046,7 +30055,7 @@ const NP = D(function() {
   }, children: /* @__PURE__ */ r.jsx(w, { align: "center", lineClamp: 1, className: "panel-title-text", children: n }) }) : null;
 });
 function qP(e) {
-  const t = ni(null);
+  const t = Yn(null);
   return {
     ref: t,
     downloadPanelScreenshot: () => {
@@ -30156,7 +30165,7 @@ function WP({
   const {
     panel: n
   } = t, i = Cx(e, n), s = kx(() => {
-    Jr({
+    Zr({
       title: `${n.name} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
     });
@@ -30175,7 +30184,7 @@ function GP(e) {
     inEditMode: i
   } = Rn(_l);
   return kx(() => {
-    i && Jr({
+    i && Zr({
       title: `${t.name} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
     });
@@ -30237,7 +30246,7 @@ const QP = D(function({
   position: "relative",
   width: "100%"
 }, children: [
-  /* @__PURE__ */ r.jsx(Ir, { visible: e.dataLoading, exitTransitionDuration: 0 }),
+  /* @__PURE__ */ r.jsx(Tr, { visible: e.dataLoading, exitTransitionDuration: 0 }),
   !e.canRenderViz && /* @__PURE__ */ r.jsx(UP, { panel: e }),
   e.canRenderViz && /* @__PURE__ */ r.jsx(QP, { data: e.data })
 ] })), KP = {
@@ -30421,7 +30430,7 @@ const s2 = R.forwardRef(({
   return /* @__PURE__ */ r.jsx(c2, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isDraggable: !1, isResizable: !1, cols: n.layouts.cols, layouts: s, breakpoints: n.layouts.breakpoints, onBreakpointChange: n.layouts.setCurrentBreakpoint, children: i.map((a) => /* @__PURE__ */ r.jsx("div", { "data-grid": a.layoutProperies, className: "panel-grid-item", children: /* @__PURE__ */ r.jsx(zx, { view: e, panel: a.panel }) }, a.id)) });
 });
 function Rc(e) {
-  const t = ni(null);
+  const t = Yn(null);
   return {
     ref: t,
     downloadScreenshot: () => {
@@ -30460,7 +30469,7 @@ const u2 = D(({
       /* @__PURE__ */ r.jsx(ee.Item, { icon: /* @__PURE__ */ r.jsx(oa, { size: 14 }), onClick: e, children: t("common.actions.download_screenshot") }),
       /* @__PURE__ */ r.jsx(ee.Divider, {}),
       /* @__PURE__ */ r.jsx(ee.Item, { icon: /* @__PURE__ */ r.jsx(sb, { size: 14 }), onClick: o.queries.downloadAllData, children: t("common.actions.download_data") }),
-      /* @__PURE__ */ r.jsx(ee.Item, { icon: /* @__PURE__ */ r.jsx(kr, { size: 14 }), onClick: l, children: t("common.actions.download_schema") })
+      /* @__PURE__ */ r.jsx(ee.Item, { icon: /* @__PURE__ */ r.jsx(Cr, { size: 14 }), onClick: l, children: t("common.actions.download_schema") })
     ] })
   ] });
 }), Dx = D(({
@@ -30720,7 +30729,7 @@ const g2 = D(({
           bottom: 0,
           zIndex: 200
         }, children: [
-          /* @__PURE__ */ r.jsx(Cr, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
+          /* @__PURE__ */ r.jsx(Ir, { opacity: 0.8, color: "#FFF", blur: 10, zIndex: 100 }),
           /* @__PURE__ */ r.jsxs(S, { mx: "auto", mt: 100, sx: {
             width: "300px",
             position: "relative",
@@ -30729,7 +30738,7 @@ const g2 = D(({
             /* @__PURE__ */ r.jsx(E, { label: t("view.component.tabs.tab.name"), required: !0, value: c.name, onChange: (h) => c.setName(h.currentTarget.value) }),
             /* @__PURE__ */ r.jsx(N, { label: "View", value: c.view_id, onChange: c.setViewID, data: s }),
             /* @__PURE__ */ r.jsx(ne, { label: t("view.component.tabs.tab.order"), required: !0, value: c.order, onChange: (h) => c.setOrder(h || 0), min: 0, max: 1e3, step: 1 }),
-            /* @__PURE__ */ r.jsx(Jn, { label: t("view.component.tabs.tab.color"), value: c.color, onChange: c.setColor, disabled: a.variant !== "default" }),
+            /* @__PURE__ */ r.jsx(Zn, { label: t("view.component.tabs.tab.color"), value: c.color, onChange: c.setColor, disabled: a.variant !== "default" }),
             u && /* @__PURE__ */ r.jsx(M, { mt: 20, variant: "gradient", leftIcon: /* @__PURE__ */ r.jsx(ab, { size: 18 }), gradient: {
               from: "cyan",
               to: "indigo"
@@ -31132,11 +31141,11 @@ const C2 = x.compose("FiltersModel", xx, x.model("FiltersModel", {
     e.setKeywords(t, n);
   }
 })).actions((e) => {
-  const t = qr(function* () {
+  const t = Br(function* () {
     var n;
     (n = e.controllers.tables) == null || n.abort(), e.controllers.tables = new AbortController(), e.tables.state = "loading";
     try {
-      const i = yield* pr(zn.structure(e.controllers.tables.signal)({
+      const i = yield* mr(zn.structure(e.controllers.tables.signal)({
         query_type: "TABLES",
         type: e.sqlDataSourceType,
         key: e.key,
@@ -31161,11 +31170,11 @@ const C2 = x.compose("FiltersModel", xx, x.model("FiltersModel", {
     loadTablesIfEmpty() {
       e.tables.empty && t();
     },
-    loadColumns: qr(function* () {
+    loadColumns: Br(function* () {
       var n;
       (n = e.controllers.columns) == null || n.abort(), e.controllers.columns = new AbortController(), e.columns.state = "loading";
       try {
-        e.columns.data = yield* pr(zn.structure(e.controllers.columns.signal)({
+        e.columns.data = yield* mr(zn.structure(e.controllers.columns.signal)({
           query_type: "COLUMNS",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31186,11 +31195,11 @@ const C2 = x.compose("FiltersModel", xx, x.model("FiltersModel", {
         }
       }
     }),
-    loadIndexes: qr(function* () {
+    loadIndexes: Br(function* () {
       var n;
       (n = e.controllers.indexes) == null || n.abort(), e.controllers.indexes = new AbortController(), e.indexes.state = "loading";
       try {
-        e.indexes.data = yield* pr(zn.structure(e.controllers.indexes.signal)({
+        e.indexes.data = yield* mr(zn.structure(e.controllers.indexes.signal)({
           query_type: "INDEXES",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31211,13 +31220,13 @@ const C2 = x.compose("FiltersModel", xx, x.model("FiltersModel", {
         }
       }
     }),
-    loadTableData: qr(function* () {
+    loadTableData: Br(function* () {
       var i;
       (i = e.controllers.tableData) == null || i.abort(), e.controllers.tableData = new AbortController();
       const n = e.tableData;
       n.state = "loading";
       try {
-        n.data = yield* pr(zn.structure(e.controllers.tableData.signal)({
+        n.data = yield* mr(zn.structure(e.controllers.tableData.signal)({
           query_type: "DATA",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31232,7 +31241,7 @@ const C2 = x.compose("FiltersModel", xx, x.model("FiltersModel", {
         }));
         const [{
           total: s
-        }] = yield* pr(zn.structure(e.controllers.tableData.signal)({
+        }] = yield* mr(zn.structure(e.controllers.tableData.signal)({
           query_type: "COUNT",
           type: e.sqlDataSourceType,
           key: e.key,
@@ -31292,7 +31301,7 @@ const C2 = x.compose("FiltersModel", xx, x.model("FiltersModel", {
     e.list.length = 0, e.list.push(...t);
   }
 }));
-function ur(e) {
+function hr(e) {
   return {
     label: e,
     value: e,
@@ -31350,25 +31359,25 @@ const P2 = x.model("EditorModel", {
       label: "filter.labels",
       value: "_FILTERS_",
       Icon: Zu,
-      children: [ur("_FILTERS_SETTINGS_"), ...n.options, ur("_Add_A_Filter_")],
+      children: [hr("_FILTERS_SETTINGS_"), ...n.options, hr("_Add_A_Filter_")],
       _type: "GROUP"
     }, {
       label: "sql_snippet.labels",
       value: "_SQL_SNIPPETS_",
       Icon: lb,
-      children: [ur("_SQL_SNIPPETS_SETTINGS_"), ...s.options, ur("_Add_A_SQL_SNIPPET_")],
+      children: [hr("_SQL_SNIPPETS_SETTINGS_"), ...s.options, hr("_Add_A_SQL_SNIPPET_")],
       _type: "GROUP"
     }, {
       label: "query.labels",
       value: "_QUERIES_",
       Icon: Hi,
-      children: [ur("_QUERIES_SETTINGS_"), ...a.options, ur("_Add_A_QUERY_")],
+      children: [hr("_QUERIES_SETTINGS_"), ...a.options, hr("_Add_A_QUERY_")],
       _type: "GROUP"
     }, {
       label: "view.labels",
       value: "_VIEWS_",
       Icon: eh,
-      children: [...i.editorOptions, ur("_Add_A_VIEW_")],
+      children: [...i.editorOptions, hr("_Add_A_VIEW_")],
       _type: "GROUP"
     }];
   },
@@ -31644,7 +31653,7 @@ const P2 = x.model("EditorModel", {
         queries: C.uniqBy(i, (o) => o.id)
       },
       layouts: s,
-      version: or
+      version: lr
     };
   },
   downloadSchema() {
@@ -34400,7 +34409,7 @@ const K2 = D(({
   } = v(), [t, {
     open: n,
     close: i
-  }] = er(!1), s = le(), a = s.layouts.currentBreakpoint, o = s.layouts.currentLayoutRange, l = () => {
+  }] = tr(!1), s = le(), a = s.layouts.currentBreakpoint, o = s.layouts.currentLayoutRange, l = () => {
     setTimeout(() => {
       window.dispatchEvent(new Event("resize"));
     }, 32);
@@ -34448,10 +34457,10 @@ const K2 = D(({
     var a;
     return (a = t.views.VIE) == null ? void 0 : a.downloadSchema();
   };
-  return n ? /* @__PURE__ */ r.jsx(de, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(M, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(kr, { size: 16 }), sx: {
+  return n ? /* @__PURE__ */ r.jsx(de, { label: e("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(M, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(Cr, { size: 16 }), sx: {
     ...Su,
     transform: "none !important"
-  }, children: e("view.download_schema") }) }) : /* @__PURE__ */ r.jsx(M, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: i, leftIcon: /* @__PURE__ */ r.jsx(kr, { size: 16 }), sx: {
+  }, children: e("view.download_schema") }) }) : /* @__PURE__ */ r.jsx(M, { variant: "outline", color: "blue", radius: 0, size: "xs", onClick: i, leftIcon: /* @__PURE__ */ r.jsx(Cr, { size: 16 }), sx: {
     ...Su
     // background: 'rgb(231, 245, 255)',
   }, children: e("view.download_schema") });
@@ -34593,7 +34602,7 @@ function lO(e) {
   if (typeof e.target.result != "string")
     throw new Error(`Unparsable file content of type: ${typeof e.target.result}`);
   let t = JSON.parse(e.target.result);
-  if ("content" in t && (t = t.content), t.version !== or)
+  if ("content" in t && (t = t.content), t.version !== lr)
     throw new Error("Schema version mismatch");
   return t;
 }
@@ -34624,13 +34633,13 @@ const cO = D(({
     try {
       if (!L)
         throw new Error("please use a valid json file");
-      s.applyJSONSchema(L), Jr({
+      s.applyJSONSchema(L), Zr({
         title: "Successful",
         message: "",
         color: "green"
       }), e();
     } catch ($) {
-      console.error($), Jr({
+      console.error($), Zr({
         title: "Failed",
         message: $.message,
         color: "red"
@@ -34670,7 +34679,7 @@ const cO = D(({
     T ? /* @__PURE__ */ r.jsx(Ge, { fontSize: 12, mt: 10, children: /* @__PURE__ */ r.jsxs("tbody", { children: [
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: i("import.this_dashboard") }),
-        /* @__PURE__ */ r.jsx("td", { children: or })
+        /* @__PURE__ */ r.jsx("td", { children: lr })
       ] }),
       /* @__PURE__ */ r.jsxs("tr", { children: [
         /* @__PURE__ */ r.jsx("th", { children: i("import.this_file") }),
@@ -34696,7 +34705,7 @@ const cO = D(({
   } = v(), [t, {
     open: n,
     close: i
-  }] = er(!1), [s, {
+  }] = tr(!1), [s, {
     setTrue: a,
     setFalse: o
   }] = nt(!1), c = ((d = pe().content.views.VIE) == null ? void 0 : d.type) === H.Tabs;
@@ -35378,7 +35387,7 @@ const FO = D(() => {
   } = v(), [t, n] = U(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", compact: !0, onClick: () => n((i) => !i), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r.jsx(qi, { in: t, children: /* @__PURE__ */ r.jsx(Xn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: HO }) })
+    /* @__PURE__ */ r.jsx(qi, { in: t, children: /* @__PURE__ */ r.jsx(Jn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: HO }) })
   ] });
 }, QO = D(function({
   filter: t
@@ -35403,13 +35412,13 @@ const FO = D(() => {
       minHeight: "50px"
     }, children: [
       i.usingQuery && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(Cr, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ r.jsx(Ir, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
           bottom: "-5px"
         } }),
-        /* @__PURE__ */ r.jsx(Zn, { sx: {
+        /* @__PURE__ */ r.jsx(er, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -35418,7 +35427,7 @@ const FO = D(() => {
           width: "100%"
         }, children: /* @__PURE__ */ r.jsx(w, { color: "white", size: 16, children: n("filter.widget.common.using_query") }) })
       ] }),
-      a.length > 0 && /* @__PURE__ */ r.jsx(Yr, { label: n("filter.widget.select.default_selection"), data: o, value: [...i.default_value], onChange: i.setDefaultValue }),
+      a.length > 0 && /* @__PURE__ */ r.jsx(Xr, { label: n("filter.widget.select.default_selection"), data: o, value: [...i.default_value], onChange: i.setDefaultValue }),
       a.map((l, c) => /* @__PURE__ */ r.jsxs(qt, { gap: 10, sx: {
         position: "relative"
       }, pr: "40px", children: [
@@ -35475,13 +35484,13 @@ const FO = D(() => {
       minHeight: "50px"
     }, children: [
       s.usingQuery && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        /* @__PURE__ */ r.jsx(Cr, { opacity: 0.8, color: "#000", sx: {
+        /* @__PURE__ */ r.jsx(Ir, { opacity: 0.8, color: "#000", sx: {
           left: "-5px",
           right: "-5px",
           top: "-5px",
           bottom: "-5px"
         } }),
-        /* @__PURE__ */ r.jsx(Zn, { sx: {
+        /* @__PURE__ */ r.jsx(er, { sx: {
           position: "absolute",
           top: 0,
           left: 0,
@@ -35550,7 +35559,7 @@ const FO = D(() => {
   } = v(), [t, n] = U(!1);
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(M, { variant: "subtle", compact: !0, onClick: () => n((i) => !i), children: e(t ? "common.actions.close" : "filter.widget.common.see_data_structure") }),
-    /* @__PURE__ */ r.jsx(qi, { in: t, children: /* @__PURE__ */ r.jsx(Xn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: YO }) })
+    /* @__PURE__ */ r.jsx(qi, { in: t, children: /* @__PURE__ */ r.jsx(Jn, { language: "typescript", noCopy: !0, colorScheme: "dark", children: YO }) })
   ] });
 }, JO = D(function({
   filter: t
@@ -35580,7 +35589,7 @@ const FO = D(() => {
     maxWidth: "480px"
   }, children: [
     /* @__PURE__ */ r.jsx(w, { pt: "0", pb: "md", color: "gray", children: n("common.titles.config") }),
-    /* @__PURE__ */ r.jsx(Xn, { mt: 22, language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t, null, 4) })
+    /* @__PURE__ */ r.jsx(Jn, { mt: 22, language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t, null, 4) })
   ] });
 }), eF = {
   select: UO,
@@ -35589,7 +35598,7 @@ const FO = D(() => {
   "text-input": KO,
   checkbox: BO,
   "date-range": GO
-}, hr = {
+}, pr = {
   select: "filter.widget.names.select",
   "multi-select": "filter.widget.names.multi_select",
   "tree-select": "filter.widget.names.tree_select",
@@ -35603,22 +35612,22 @@ const FO = D(() => {
     t: n,
     i18n: i
   } = v(), s = le(), a = R.useMemo(() => eF[t.type], [t.type]), o = I(() => [{
-    label: n(hr.select),
+    label: n(pr.select),
     value: "select"
   }, {
-    label: n(hr["multi-select"]),
+    label: n(pr["multi-select"]),
     value: "multi-select"
   }, {
-    label: n(hr["tree-select"]),
+    label: n(pr["tree-select"]),
     value: "tree-select"
   }, {
-    label: n(hr["text-input"]),
+    label: n(pr["text-input"]),
     value: "text-input"
   }, {
-    label: n(hr.checkbox),
+    label: n(pr.checkbox),
     value: "checkbox"
   }, {
-    label: n(hr["date-range"]),
+    label: n(pr["date-range"]),
     value: "date-range"
   }], [i.language]);
   return /* @__PURE__ */ r.jsxs(b, { grow: !0, spacing: 20, align: "top", children: [
@@ -35643,7 +35652,7 @@ const FO = D(() => {
           ),
           t.auto_submit_supported && /* @__PURE__ */ r.jsx(te, { label: n("filter.field.auto_submit"), checked: t.auto_submit, onChange: (l) => t.setAutoSubmit(l.currentTarget.checked), mt: 22 })
         ] }),
-        /* @__PURE__ */ r.jsx(Yr, { label: n("filter.field.visible_in"), data: s.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
+        /* @__PURE__ */ r.jsx(Xr, { label: n("filter.field.visible_in"), data: s.views.options, value: [...t.visibleInViewsIDs], onChange: t.setVisibleInViewsIDs }),
         /* @__PURE__ */ r.jsx(E, { label: n("common.key"), placeholder: n("filter.field.key_placeholder"), required: !0, value: t.key, onChange: (l) => {
           t.setKey(l.currentTarget.value);
         } }),
@@ -35733,7 +35742,7 @@ const FO = D(() => {
         {
           size: "xs",
           color: "blue",
-          leftIcon: /* @__PURE__ */ r.jsx(kr, { size: 14 }),
+          leftIcon: /* @__PURE__ */ r.jsx(Cr, { size: 14 }),
           disabled: t.length === 0,
           onClick: a,
           children: e("common.actions.download_schema")
@@ -35770,7 +35779,7 @@ const FO = D(() => {
         } }) }),
         /* @__PURE__ */ r.jsx("td", { children: d.label }),
         /* @__PURE__ */ r.jsx("td", { children: d.key }),
-        /* @__PURE__ */ r.jsx("td", { children: e(hr[d.type]) }),
+        /* @__PURE__ */ r.jsx("td", { children: e(pr[d.type]) }),
         /* @__PURE__ */ r.jsx("td", { children: /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "xs", onClick: () => s(d.id), children: e("common.actions.open") }) })
       ] }, d.id)) })
     ] }) }) })
@@ -35782,7 +35791,7 @@ const FO = D(() => {
     try {
       t.mock_context.replace(JSON.parse(n));
     } catch (o) {
-      Jr({
+      Zr({
         title: "Failed",
         // @ts-expect-error error's type
         message: o.message,
@@ -36067,7 +36076,7 @@ const hF = [{
       overflow: "auto",
       position: "relative"
     }, children: [
-      /* @__PURE__ */ r.jsx(Ir, { visible: t, overlayBlur: 2 }),
+      /* @__PURE__ */ r.jsx(Tr, { visible: t, overlayBlur: 2 }),
       /* @__PURE__ */ r.jsx(qx, { data: o })
     ] })
   ] });
@@ -36272,7 +36281,7 @@ function _F({
       /* @__PURE__ */ r.jsx(J, { mr: 5, variant: "filled", color: "blue", disabled: !c, onClick: d, children: /* @__PURE__ */ r.jsx($n, { size: 20 }) })
     ] }),
     /* @__PURE__ */ r.jsxs(b, { children: [
-      s.map((p, m) => /* @__PURE__ */ r.jsx(Jn, { value: p, onChange: (f) => {
+      s.map((p, m) => /* @__PURE__ */ r.jsx(Zn, { value: p, onChange: (f) => {
         a((y) => (y.splice(m, 1, f), [...y]));
       }, swatches: h, rightSection: /* @__PURE__ */ r.jsx(J, { onClick: () => l(m), color: "red", children: /* @__PURE__ */ r.jsx(Fn, { size: 14 }) }), sx: {
         width: "45%"
@@ -36422,7 +36431,7 @@ const TF = D(({
   const {
     t
   } = v();
-  return /* @__PURE__ */ r.jsx(Cr, { color: "#fff", opacity: 1, sx: {
+  return /* @__PURE__ */ r.jsx(Ir, { color: "#fff", opacity: 1, sx: {
     position: "absolute"
   }, children: /* @__PURE__ */ r.jsx(M, { variant: "light", size: "xs", leftIcon: /* @__PURE__ */ r.jsx(nn, { size: 16 }), onClick: e.addNew, sx: {
     flexGrow: 0,
@@ -36458,7 +36467,7 @@ const TF = D(({
   } = wt();
   return Object.keys(t.variableStrings).length === 0 ? null : /* @__PURE__ */ r.jsxs(S, { mt: 22, spacing: 4, children: [
     /* @__PURE__ */ r.jsx(w, { size: "sm", fw: 500, color: "dimmed", children: e("panel.variable.labels") }),
-    /* @__PURE__ */ r.jsx(Xn, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t.variableStrings, null, 4) })
+    /* @__PURE__ */ r.jsx(Jn, { language: "json", colorScheme: "dark", noCopy: !0, children: JSON.stringify(t.variableStrings, null, 4) })
   ] });
 });
 function MF() {
@@ -36578,7 +36587,7 @@ const AF = D(() => {
   const [o, {
     open: l,
     close: c
-  }] = er(!1), d = () => {
+  }] = tr(!1), d = () => {
     e.moveToView(t, s), c();
   };
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -36694,7 +36703,7 @@ const FF = D(({
         /* @__PURE__ */ r.jsx(_.Tab, { value: "Interactions", children: t("interactions.label") })
       ] }),
       /* @__PURE__ */ r.jsxs(_.Panel, { value: "Data", children: [
-        /* @__PURE__ */ r.jsx(Ir, { visible: d, exitTransitionDuration: 0 }),
+        /* @__PURE__ */ r.jsx(Tr, { visible: d, exitTransitionDuration: 0 }),
         /* @__PURE__ */ r.jsx(gF, {})
       ] }),
       /* @__PURE__ */ r.jsx(_.Panel, { value: "Panel", children: /* @__PURE__ */ r.jsx(ho, { children: /* @__PURE__ */ r.jsx(dF, {}) }) }),
@@ -36767,7 +36776,7 @@ const FF = D(({
           {
             size: "xs",
             color: "blue",
-            leftIcon: /* @__PURE__ */ r.jsx(kr, { size: 14 }),
+            leftIcon: /* @__PURE__ */ r.jsx(Cr, { size: 14 }),
             disabled: t.length === 0,
             onClick: l,
             children: e("common.actions.download_schema")
@@ -36870,14 +36879,14 @@ const FF = D(({
   /* @__PURE__ */ r.jsx(id, { width: t, height: n, radius: "xs" })
 ] }), Li = ({
   value: e
-}) => e === null || e === "" ? null : /* @__PURE__ */ r.jsx(de, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ r.jsx(J, { children: /* @__PURE__ */ r.jsx(zr, { size: 14 }) }) }), WF = ({
+}) => e === null || e === "" ? null : /* @__PURE__ */ r.jsx(de, { label: e, disabled: !e, multiline: !0, children: /* @__PURE__ */ r.jsx(J, { children: /* @__PURE__ */ r.jsx(Dr, { size: 14 }) }) }), WF = ({
   column: e
 }) => {
   const {
     column_key: t,
     column_key_text: n
   } = e;
-  return t ? /* @__PURE__ */ r.jsx(de, { label: n, disabled: !n, children: /* @__PURE__ */ r.jsx(Yn, { children: t }) }) : null;
+  return t ? /* @__PURE__ */ r.jsx(de, { label: n, disabled: !n, children: /* @__PURE__ */ r.jsx(Xn, { children: t }) }) : null;
 }, GF = D(({
   dataSource: e
 }) => {
@@ -37082,7 +37091,7 @@ const XF = D(({
   height: "100%",
   overflow: "hidden",
   position: "relative"
-}, children: /* @__PURE__ */ r.jsx(Ir, { visible: e }) }), ZF = [{
+}, children: /* @__PURE__ */ r.jsx(Tr, { visible: e }) }), ZF = [{
   label: "10",
   value: "10"
 }, {
@@ -37151,7 +37160,7 @@ const XF = D(({
       overflow: "auto",
       position: "relative"
     }, children: [
-      /* @__PURE__ */ r.jsx(Ir, { visible: t.loading, overlayBlur: 2 }),
+      /* @__PURE__ */ r.jsx(Tr, { visible: t.loading, overlayBlur: 2 }),
       /* @__PURE__ */ r.jsx(qx, { data: t.data })
     ] })
   ] });
@@ -37228,11 +37237,11 @@ const XF = D(({
     }, children: [
       /* @__PURE__ */ r.jsx(w, { fw: 500, children: n("data_source.explorer") }),
       /* @__PURE__ */ r.jsxs(b, { spacing: 7, children: [
-        /* @__PURE__ */ r.jsx(Yn, { variant: "gradient", gradient: {
+        /* @__PURE__ */ r.jsx(Xn, { variant: "gradient", gradient: {
           from: "indigo",
           to: "cyan"
         }, children: e.key }),
-        /* @__PURE__ */ r.jsx(Yn, { variant: "gradient", gradient: {
+        /* @__PURE__ */ r.jsx(Xn, { variant: "gradient", gradient: {
           from: "orange",
           to: "red"
         }, children: e.type })
@@ -37274,7 +37283,7 @@ const XF = D(({
   } = v(), i = pe(), {
     data: s = [],
     loading: a
-  } = jr(bl, {
+  } = wr(bl, {
     refreshDeps: []
   }, []), o = I(() => {
     const u = s.map((h) => ({
@@ -37324,7 +37333,7 @@ const XF = D(({
   } = v(), [n, i] = U(e.name);
   return W(() => {
     i(e.name);
-  }, [e.name]), /* @__PURE__ */ r.jsx(Zn, { ml: 20, mt: 20, sx: {
+  }, [e.name]), /* @__PURE__ */ r.jsx(er, { ml: 20, mt: 20, sx: {
     maxWidth: "600px"
   }, children: /* @__PURE__ */ r.jsxs(S, { spacing: 10, sx: {
     width: "100%"
@@ -37347,8 +37356,8 @@ const XF = D(({
       e.setKey(a), e.setType(s);
     } }),
     /* @__PURE__ */ r.jsx(P, { mt: 10, mb: -10, variant: "dashed", label: t("query.conditions"), labelPosition: "center" }),
-    /* @__PURE__ */ r.jsx(Yr, { label: t("query.run_by_condition.label"), placeholder: t("query.run_by_condition.unset"), data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy, itemComponent: Id, maxDropdownHeight: 500 }),
-    e.typedAsHTTP && /* @__PURE__ */ r.jsx(Yr, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: e.conditionOptions, value: [...e.react_to], onChange: e.setReactTo, itemComponent: Id, maxDropdownHeight: 500 }),
+    /* @__PURE__ */ r.jsx(Xr, { label: t("query.run_by_condition.label"), placeholder: t("query.run_by_condition.unset"), data: e.conditionOptions, value: [...e.run_by], onChange: e.setRunBy, itemComponent: Id, maxDropdownHeight: 500 }),
+    e.typedAsHTTP && /* @__PURE__ */ r.jsx(Xr, { label: t("query.re_run_condition.label"), placeholder: t("query.re_run_condition.label"), data: e.conditionOptions, value: [...e.react_to], onChange: e.setReactTo, itemComponent: Id, maxDropdownHeight: 500 }),
     /* @__PURE__ */ r.jsx(P, { mt: 20, mb: 10, variant: "dashed" }),
     /* @__PURE__ */ r.jsx(BF, { queryModel: e })
   ] }) });
@@ -37358,7 +37367,7 @@ function cV({
 }) {
   return /* @__PURE__ */ r.jsxs(Pe, { width: "60vw", shadow: "md", children: [
     /* @__PURE__ */ r.jsx(Pe.Target, { children: /* @__PURE__ */ r.jsx(J, { size: 16, color: "blue", children: /* @__PURE__ */ r.jsx(nh, {}) }) }),
-    /* @__PURE__ */ r.jsx(Pe.Dropdown, { children: /* @__PURE__ */ r.jsx(Xn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
+    /* @__PURE__ */ r.jsx(Pe.Dropdown, { children: /* @__PURE__ */ r.jsx(Jn, { language: "sql", noCopy: !0, withLineNumbers: !0, children: e }) })
   ] });
 }
 const dV = D(() => {
@@ -37417,10 +37426,10 @@ WHERE
       /* @__PURE__ */ r.jsx(_.Tab, { value: "local_query_vars", icon: /* @__PURE__ */ r.jsx(Ju, { size: 14 }), children: i("query_variable.guide.tabs.variables_in_this_dashboard") }),
       /* @__PURE__ */ r.jsx(_.Tab, { value: "global_sql_snippets", icon: /* @__PURE__ */ r.jsx(vb, { size: 14 }), children: i("query_variable.guide.tabs.global_sql_snippets") })
     ] }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r.jsx(Xn, { language: "sql", sx: {
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "guide", pt: "xs", children: /* @__PURE__ */ r.jsx(Jn, { language: "sql", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: uV }) }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r.jsx(Xn, { language: "json", sx: {
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "local_query_vars", pt: "xs", children: /* @__PURE__ */ r.jsx(Jn, { language: "json", sx: {
       width: "100%"
     }, noCopy: !0, colorScheme: "dark", children: l }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "global_sql_snippets", pt: "xs", children: /* @__PURE__ */ r.jsxs(S, { spacing: 10, children: [
@@ -37461,8 +37470,8 @@ WHERE
     ] }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "pre_process", sx: {
       position: "relative"
-    }, p: "sm", children: /* @__PURE__ */ r.jsx(Zr, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Tu.pre }) }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(Zr, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Tu.post }) })
+    }, p: "sm", children: /* @__PURE__ */ r.jsx(ei, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: Tu.pre }) }),
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(ei, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: Tu.post }) })
   ] }) : null;
 }), pV = D(({
   queryID: e,
@@ -37614,8 +37623,8 @@ WHERE
     /* @__PURE__ */ r.jsx(_.Panel, { value: "Preview", p: 0, pl: 4, children: /* @__PURE__ */ r.jsx(bV, { value: e.sql }) }),
     /* @__PURE__ */ r.jsx(_.Panel, { value: "pre_process", sx: {
       position: "relative"
-    }, p: "sm", children: /* @__PURE__ */ r.jsx(Zr, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: zu.pre }) }),
-    /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(Zr, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: zu.post }) })
+    }, p: "sm", children: /* @__PURE__ */ r.jsx(ei, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: zu.pre }) }),
+    /* @__PURE__ */ r.jsx(_.Panel, { value: "post_process", p: "sm", children: /* @__PURE__ */ r.jsx(ei, { label: "", value: e.post_process, onChange: e.setPostProcess, defaultValue: zu.post }) })
   ] }) : null;
 }), vV = {
   pre: ["function transform(queries, state, utils) {", "    // use queries & dashboar state to build new data", "    const data = []", "    return data", "}"].join(`
@@ -37631,11 +37640,11 @@ WHERE
     height: "100%"
   }, children: [
     /* @__PURE__ */ r.jsx(w, { size: "sm", children: t("query.transform.guide.pick_queries") }),
-    /* @__PURE__ */ r.jsx(Yr, { data: n.queries.optionsWithoutTransform, value: [...e.dep_query_ids], onChange: e.setDependantQueryIDs, maxDropdownHeight: 800 }),
+    /* @__PURE__ */ r.jsx(Xr, { data: n.queries.optionsWithoutTransform, value: [...e.dep_query_ids], onChange: e.setDependantQueryIDs, maxDropdownHeight: 800 }),
     /* @__PURE__ */ r.jsx(w, { size: "sm", children: t("query.transform.guide.write_function") }),
     /* @__PURE__ */ r.jsx(A, { sx: {
       flexGrow: 1
-    }, children: /* @__PURE__ */ r.jsx(Zr, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: vV.pre }) })
+    }, children: /* @__PURE__ */ r.jsx(ei, { label: "", value: e.pre_process, onChange: e.setPreProcess, defaultValue: vV.pre }) })
   ] }) : null;
 }), vi = {
   height: "calc(100% - 44px)",
@@ -37835,7 +37844,7 @@ WHERE
           {
             size: "xs",
             color: "blue",
-            leftIcon: /* @__PURE__ */ r.jsx(kr, { size: 14 }),
+            leftIcon: /* @__PURE__ */ r.jsx(Cr, { size: 14 }),
             disabled: t.length === 0,
             onClick: l,
             children: e("common.actions.download_schema")
@@ -37928,7 +37937,7 @@ WHERE
   return /* @__PURE__ */ r.jsxs(A, { sx: {
     position: "relative"
   }, children: [
-    e && /* @__PURE__ */ r.jsx(Cr, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
+    e && /* @__PURE__ */ r.jsx(Ir, { opacity: 0.6, color: "#fff", zIndex: 5, blur: 2 }),
     /* @__PURE__ */ r.jsx(jn, { height: "500px", defaultLanguage: "javascript", value: t, onChange: i, theme: "vs-dark", options: {
       minimap: {
         enabled: !1
@@ -37978,7 +37987,7 @@ WHERE
       /* @__PURE__ */ r.jsx(te, { mt: 10, label: n("common.enabled"), checked: o.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ r.jsx(DV, { value: o.func_content, onChange: h, disabled: !o.enabled }),
       /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
-        /* @__PURE__ */ r.jsx(M, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Dr, { size: 20 }), children: n("common.actions.revert") }),
+        /* @__PURE__ */ r.jsx(M, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ r.jsx(Mr, { size: 20 }), children: n("common.actions.revert") }),
         /* @__PURE__ */ r.jsxs(b, { position: "right", children: [
           /* @__PURE__ */ r.jsx(M, { onClick: u, variant: "subtle", children: n("common.actions.cancel") }),
           /* @__PURE__ */ r.jsx(M, { onClick: d, children: n("common.actions.save") })
@@ -38382,9 +38391,9 @@ const dN = {
   cN(a.monacoPath), Dh(a);
   const {
     data: m = []
-  } = jr(bl), {
+  } = wr(bl), {
     data: f = []
-  } = jr(cp), y = R.useMemo(() => H2(t, n, m, f, e, c ?? {}), [t, n]);
+  } = wr(cp), y = R.useMemo(() => H2(t, n, m, f, e, c ?? {}), [t, n]);
   R.useImperativeHandle(p, () => y, [y]), Ax(y.content, !0), R.useEffect(() => {
     y.context.replace(e);
   }, [e]), R.useEffect(() => {
@@ -38621,9 +38630,9 @@ const fN = ({
   Dh(s);
   const {
     data: p = []
-  } = jr(bl), {
+  } = wr(bl), {
     data: m = []
-  } = jr(cp), f = R.useMemo(() => mN(t, n, p, m, e, l ?? {}, d ?? null), [t, n, d]);
+  } = wr(cp), f = R.useMemo(() => mN(t, n, p, m, e, l ?? {}, d ?? null), [t, n, d]);
   Ax(f.content, !1), R.useEffect(() => {
     f.context.replace(e);
   }, [e]), R.useEffect(() => {
@@ -38704,7 +38713,7 @@ const w3 = () => Promise.resolve().then(() => vw).then(({
 }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
   zn as APIClient,
-  or as CURRENT_SCHEMA_VERSION,
+  lr as CURRENT_SCHEMA_VERSION,
   Lx as ContentModel,
   vp as ContentModelContextProvider,
   Qx as ContentRenderModel,