@devtable/dashboard 13.17.0 → 13.17.2

package/dist/dashboard.es.js

@@ -2,10 +2,10 @@ var xh = Object.defineProperty;
 var gh = (t, e, n) => e in t ? xh(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var N = (t, e, n) => (gh(t, typeof e != "symbol" ? e + "" : e, n), n);
 import L, { forwardRef as re, useState as H, useEffect as B, useCallback as Ne, useMemo as C, createElement as gs, useContext as Kt, useRef as fs, createContext as ol, memo as fh } from "react";
-import { TextInput as D, Text as w, Box as M, Button as T, HoverCard as Te, Group as b, Select as O, Stack as S, Overlay as Zn, Modal as Se, Checkbox as ee, Divider as E, NumberInput as oe, Switch as qe, Table as Pe, ActionIcon as X, MultiSelect as Gn, Paper as bh, Code as so, Tabs as _, LoadingOverlay as In, Alert as vr, ColorSwatch as di, createStyles as jr, Popover as Bn, Tooltip as me, CloseButton as wr, Center as an, Collapse as kr, useMantineTheme as ll, CheckIcon as yh, MANTINE_SIZES as _h, SimpleGrid as vn, NativeSelect as cl, SegmentedControl as vh, Anchor as rs, Menu as J, UnstyledButton as dl, Badge as rn, ColorInput as Qn, Textarea as ul, Mark as hl, Slider as jh, Flex as Jt, Affix as wh, Header as kh, List as ct, FileInput as Sh, ThemeIcon as Ys, Navbar as Gt, JsonInput as ml, Pagination as pl, Drawer as Ch, Accordion as qr, Radio as io, Skeleton as ao, NavLink as ui, AppShell as xl } from "@mantine/core";
+import { TextInput as D, Text as w, Box as M, Button as T, HoverCard as Te, Group as b, Select as O, Stack as S, Overlay as Zn, Modal as Se, Checkbox as ee, Divider as E, NumberInput as oe, Switch as qe, Table as Pe, ActionIcon as X, MultiSelect as Gn, Paper as bh, Code as so, Tabs as _, LoadingOverlay as In, Alert as vr, ColorSwatch as di, createStyles as jr, Popover as Bn, Tooltip as me, CloseButton as wr, Center as an, Collapse as kr, useMantineTheme as ll, CheckIcon as yh, MANTINE_SIZES as _h, SimpleGrid as vn, NativeSelect as cl, SegmentedControl as vh, Anchor as rs, Menu as J, UnstyledButton as dl, Badge as rn, ColorInput as Qn, Textarea as ul, Mark as hl, Slider as jh, Flex as Jt, Affix as wh, Header as kh, List as lt, FileInput as Sh, ThemeIcon as Ys, Navbar as Gt, JsonInput as ml, Pagination as pl, Drawer as Ch, Accordion as qr, Radio as io, Skeleton as ao, NavLink as ui, AppShell as xl } from "@mantine/core";
 import { useModals as Pt, ModalsProvider as gl } from "@mantine/modals";
-import { useBoolean as st, useCreation as kt, useAsyncEffect as Sr, useRequest as kn, useLatest as oo, usePrevious as zh, useWhyDidYouUpdate as fl } from "ahooks";
-import { toJS as Xt, observable as bl, runInAction as ur, reaction as tt, makeAutoObservable as Cr } from "mobx";
+import { useBoolean as rt, useCreation as kt, useAsyncEffect as Sr, useRequest as kn, useLatest as oo, usePrevious as zh, useWhyDidYouUpdate as fl } from "ahooks";
+import { toJS as Xt, observable as bl, runInAction as ur, reaction as dt, makeAutoObservable as Cr } from "mobx";
 import { observer as z } from "mobx-react-lite";
 import { faker as Ih } from "@faker-js/faker";
 import * as Th from "crypto-js";
@@ -62,7 +62,7 @@ import { useVirtual as jp } from "react-virtual";
 import wp, { Option as kp } from "rc-select";
 import Sp, { SHOW_PARENT as Cp } from "rc-tree-select";
 import { WidthProvider as nc, Responsive as rc } from "react-grid-layout";
-import { types as p, cast as At, getRoot as Ge, getParent as Re, addDisposer as bt, isAlive as mo, flow as qn, toGenerator as gn, clone as zp, getSnapshot as Lt, applySnapshot as Qe, addMiddleware as Ip, getType as Tp, detach as pi, castToSnapshot as sc } from "mobx-state-tree";
+import { types as p, cast as At, getRoot as Ge, getParent as Re, addDisposer as wt, isAlive as mo, flow as qn, toGenerator as gn, clone as zp, getSnapshot as Lt, applySnapshot as Qe, addMiddleware as Ip, getType as Tp, detach as pi, castToSnapshot as sc } from "mobx-state-tree";
 import { arrayToTree as Dp } from "performant-array-to-tree";
 import { saveAs as ws } from "file-saver";
 import ic from "dom-to-image-more";
@@ -104,7 +104,7 @@ import dx from "dayjs/plugin/weekYear";
 import { createInstance as ux } from "i18next";
 import hx from "i18next-browser-languagedetector";
 import "intl-pluralrules";
-import mx, { Position as wt, Handle as po, MiniMap as px, Controls as xx, Background as gx } from "reactflow";
+import mx, { Position as jt, Handle as po, MiniMap as px, Controls as xx, Background as gx } from "reactflow";
 var xi = { exports: {} }, or = {};
 /**
  * @license React
@@ -190,7 +190,7 @@ function bx() {
     function Ar(j) {
       return j.displayName || "Context";
     }
-    function ot(j) {
+    function at(j) {
       if (j == null)
         return null;
       if (typeof j.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof j == "function")
@@ -223,11 +223,11 @@ function bx() {
             return Ee(j, j.render, "ForwardRef");
           case h:
             var U = j.displayName || null;
-            return U !== null ? U : ot(j.type) || "Memo";
+            return U !== null ? U : at(j.type) || "Memo";
           case m: {
             var de = j, fe = de._payload, ce = de._init;
             try {
-              return ot(ce(fe));
+              return at(ce(fe));
             } catch {
               return null;
             }
@@ -499,8 +499,8 @@ function bx() {
     }
     function nh(j, A) {
       if (typeof j.ref == "string" && ar.current && A && ar.current.stateNode !== A) {
-        var q = ot(ar.current.type);
-        Gs[q] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ot(ar.current.type), j.ref), Gs[q] = !0);
+        var q = at(ar.current.type);
+        Gs[q] || (P('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', at(ar.current.type), j.ref), Gs[q] = !0);
       }
     }
     function rh(j, A) {
@@ -588,7 +588,7 @@ function bx() {
     function Xa() {
       {
         if (Qs.current) {
-          var j = ot(Qs.current.type);
+          var j = at(Qs.current.type);
           if (j)
             return `
 
@@ -631,7 +631,7 @@ Check the top-level render call using <` + q + ">.");
           return;
         Za[q] = !0;
         var U = "";
-        j && j._owner && j._owner !== Qs.current && (U = " It was passed a child from " + ot(j._owner.type) + "."), An(j), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', q, U), An(null);
+        j && j._owner && j._owner !== Qs.current && (U = " It was passed a child from " + at(j._owner.type) + "."), An(j), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', q, U), An(null);
       }
     }
     function to(j, A) {
@@ -668,11 +668,11 @@ Check the top-level render call using <` + q + ">.");
         else
           return;
         if (q) {
-          var U = ot(A);
+          var U = at(A);
           Yu(q, j.props, "prop", U, j);
         } else if (A.PropTypes !== void 0 && !Hs) {
           Hs = !0;
-          var de = ot(A);
+          var de = at(A);
           P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", de || "Unknown");
         }
         typeof A.getDefaultProps == "function" && !A.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -699,7 +699,7 @@ Check the top-level render call using <` + q + ">.");
           var Xe = oh(de);
           Xe ? se += Xe : se += Xa();
           var Ie;
-          j === null ? Ie = "null" : Ws(j) ? Ie = "array" : j !== void 0 && j.$$typeof === e ? (Ie = "<" + (ot(j.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof j, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, se);
+          j === null ? Ie = "null" : Ws(j) ? Ie = "array" : j !== void 0 && j.$$typeof === e ? (Ie = "<" + (at(j.type) || "Unknown") + " />", se = " Did you accidentally export a JSX literal instead of a component?") : Ie = typeof j, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Ie, se);
         }
         var De = ah(j, A, q, de, fe);
         if (De == null)
@@ -1553,7 +1553,7 @@ class hc {
     return Promise.resolve(this.getItem(e));
   }
   watchItem(e, n, s) {
-    return tt(() => this.getValueFromRoot(e), (i, a) => {
+    return dt(() => this.getValueFromRoot(e), (i, a) => {
       n(i, a);
     }, {
       requiresObservable: !0,
@@ -1743,7 +1743,7 @@ class Vi {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const xc = "13.17.0", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xc = "13.17.2", hg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: xc
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1865,7 +1865,7 @@ class ze extends xg {
 const Q = (t, e) => {
   const [n, {
     setFalse: s
-  }] = st(!0), [i, a] = H();
+  }] = rt(!0), [i, a] = H();
   B(() => (t.getItem(e).then((l) => {
     a(l), s();
   }), t.watchItem(e, (l) => {
@@ -1887,7 +1887,7 @@ const Q = (t, e) => {
 }, zt = (t) => Math.max(0, t - et.left - et.right), It = (t) => Math.max(0, t - et.top - et.bottom), Mr = (t, e) => ({
   width: zt(t),
   height: It(e)
-}), it = ({
+}), st = ({
   width: t,
   height: e,
   children: n
@@ -1981,7 +1981,7 @@ function gg({
       data: h.map((P) => [P[m.columnKey], P[x.columnKey], P[f.columnKey]])
     }]
   };
-  return e ? /* @__PURE__ */ r.jsx(it, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: R, style: Mr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
+  return e ? /* @__PURE__ */ r.jsx(st, { width: s, height: i, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: R, style: Mr(s, i), notMerge: !0, theme: "merico-light" }) }) : null;
 }
 const gc = L.createContext(null), fc = gc.Provider;
 function bc() {
@@ -2239,7 +2239,7 @@ const Tg = {
     } })
   ] });
 };
-function nt({
+function tt({
   enabled: t,
   func_content: e
 }) {
@@ -2270,7 +2270,7 @@ const Tt = re(({
   } = y(), [a, {
     setTrue: o,
     setFalse: l
-  }] = st(), [c, d] = H(t);
+  }] = rt(), [c, d] = H(t);
   B(() => {
     d(t);
   }, [t]);
@@ -2451,7 +2451,7 @@ const as = re(({
     /* @__PURE__ */ r.jsx(as, { sectionTitle: s("chart.axis.overflow.section_title.in_tooltip"), value: t.in_tooltip, onChange: a })
   ] });
 });
-function rt() {
+function nt() {
   return {
     on_axis: {
       width: 80,
@@ -2465,7 +2465,7 @@ function rt() {
     }
   };
 }
-function yt({
+function bt({
   overflow: t,
   width: e
 }) {
@@ -2486,7 +2486,7 @@ function yt({
     text-overflow: ${i};
   `;
 }
-function _t(t) {
+function yt(t) {
   return {
     width: t.width,
     overflow: t.overflow,
@@ -2500,7 +2500,7 @@ const Bi = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   y_axis: {
@@ -3154,7 +3154,7 @@ const df = z(({
   } = y(), [n, {
     setTrue: s,
     setFalse: i
-  }] = st(!1), {
+  }] = rt(!1), {
     operationManager: a,
     operationId: o,
     instance: l,
@@ -3246,7 +3246,7 @@ const ff = z(({
   } = y(), [n, {
     setTrue: s,
     setFalse: i
-  }] = st(!1), a = t.model;
+  }] = rt(!1), a = t.model;
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Se, { opened: n, onClose: i, title: e("interactions.trigger.setup"), zIndex: 320, children: /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(bf, { model: a }),
@@ -3747,7 +3747,7 @@ const Wf = (t, e) => {
     </tr>`);
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
-      <div style="${yt(t.x_axis.axisLabel.overflow.in_tooltip)}">${e.name}</div>
+      <div style="${bt(t.x_axis.axisLabel.overflow.in_tooltip)}">${e.name}</div>
     </div>
     <table style="width: auto">
       <tbody>
@@ -3772,7 +3772,7 @@ function Ac(t, e) {
   });
 }
 function Qf(t, e) {
-  const n = yt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
+  const n = bt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
       <th style="text-align: right; padding: 0 1em;">${t.y_axis.name}</th>
       <td style="text-align: left; padding: 0 1em;">${e[1]}</td>
     </tr>
@@ -3789,7 +3789,7 @@ function Qf(t, e) {
   `;
 }
 function Hf(t, e) {
-  const n = yt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
+  const n = bt(t.x_axis.axisLabel.overflow.in_tooltip), s = [`<tr>
       <th style="text-align: right; padding: 0 1em;">${t.y_axis.name}</th>
       <td style="text-align: left; padding: 0 1em;">${e[1]}</td>
     </tr>
@@ -3881,7 +3881,7 @@ function Xf({
     x_axis: i,
     y_axis: a,
     reference_lines: o
-  } = t, l = Rf(t, e), c = _t(i.axisLabel.overflow.on_axis), d = Jf(s), u = Bf(t, l).map((h) => ({
+  } = t, l = Rf(t, e), c = yt(i.axisLabel.overflow.on_axis), d = Jf(s), u = Bf(t, l).map((h) => ({
     ...h,
     name: k.get(d, h.name, h.name)
   }));
@@ -3908,7 +3908,7 @@ function Xf({
       axisLabel: {
         ...i.axisLabel,
         ...c,
-        formatter: nt(i.axisLabel.formatter)
+        formatter: tt(i.axisLabel.formatter)
       }
     })],
     yAxis: [pe.getYAxis({
@@ -3958,7 +3958,7 @@ function Zf({
     variables: i,
     t: n
   }), [c, a, i, n]);
-  return !s || !o || !l ? null : /* @__PURE__ */ r.jsx(it, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: f, style: Mr(o, l), onEvents: x, notMerge: !0, theme: "merico-light" }) });
+  return !s || !o || !l ? null : /* @__PURE__ */ r.jsx(st, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: f, style: Mr(o, l), onEvents: x, notMerge: !0, theme: "merico-light" }) });
 }
 function eb({
   value: t,
@@ -4106,7 +4106,7 @@ class nb {
       steps: bl
     }, {
       deep: !1
-    }), tt(() => Xt(this.steps), () => {
+    }), dt(() => Xt(this.steps), () => {
       this.notifyStepChange();
     });
   }
@@ -4148,7 +4148,7 @@ function rb(t) {
   } = Pc(), [l, c] = H(_o(a)), [d, {
     setTrue: u,
     setFalse: h
-  }] = st(!1), m = i % 2 === 1, x = m && a != null, f = !m && a != null, v = `map ${a} to color ${i}`, I = () => {
+  }] = rt(!1), m = i % 2 === 1, x = m && a != null, f = !m && a != null, v = `map ${a} to color ${i}`, I = () => {
     c(_o(a)), h();
   }, R = () => {
     h(), n == null || n(Number(l));
@@ -4216,7 +4216,7 @@ const sb = z(({
   } = t, o = a.getColorInterpolations(), [l, c] = H(s), d = a.decodeInterpolation(l.interpolation) || o[0], [u, {
     setTrue: h,
     setFalse: m
-  }] = st(), x = C(() => o.map((P) => ({
+  }] = rt(), x = C(() => o.map((P) => ({
     label: e(P.displayName),
     value: a.encodeColor(P),
     group: e(`style.color.interpolation.palette.category.${P.category}`)
@@ -4719,7 +4719,7 @@ function _b({
     /* @__PURE__ */ r.jsx(yb, { format: t })
   ] });
 }
-const vt = L.forwardRef(_b), vb = ({
+const _t = L.forwardRef(_b), vb = ({
   control: t,
   watch: e
 }) => {
@@ -4743,7 +4743,7 @@ const vt = L.forwardRef(_b), vb = ({
       /* @__PURE__ */ r.jsx(E, { mt: 10, mb: -15, variant: "dashed", label: n("chart.axis.section_title.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "y_axis.label_formatter", control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] })
   ] });
 };
@@ -5352,7 +5352,7 @@ const Yi = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   tooltip: {
@@ -5705,7 +5705,7 @@ function uy(t, e) {
     axisValue: s,
     axisIndex: i
   } = n;
-  return nt(e.x_axis.axisLabel.formatter)(s, i);
+  return tt(e.x_axis.axisLabel.formatter)(s, i);
 }
 const hy = (t) => ae(t, {
   output: "number",
@@ -5752,7 +5752,7 @@ function my(t, e, n, s) {
         </tr>`;
       });
       l.push(...c);
-      const d = yt(t.x_axis.axisLabel.overflow.in_tooltip), u = uy(o, t);
+      const d = bt(t.x_axis.axisLabel.overflow.in_tooltip), u = uy(o, t);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${d}">${u}</div>
@@ -5795,7 +5795,7 @@ function xy(t, e) {
   const {
     overflow: n,
     ...s
-  } = t.x_axis.axisLabel, i = _t(n.on_axis), a = e.length === 0;
+  } = t.x_axis.axisLabel, i = yt(n.on_axis), a = e.length === 0;
   return [pe.getXAxis({
     data: e,
     name: t.x_axis_name ?? "",
@@ -5805,7 +5805,7 @@ function xy(t, e) {
     axisLabel: {
       ...s,
       ...i,
-      formatter: nt(s.formatter)
+      formatter: tt(s.formatter)
     }
   })];
 }
@@ -5970,7 +5970,7 @@ function jy({
       bottom: br(I.bottom, i, o)
     };
   }, [a, o]), f = Math.max(0, It(c) - u - m), v = zt(l);
-  return /* @__PURE__ */ r.jsxs(it, { width: l, height: c, children: [
+  return /* @__PURE__ */ r.jsxs(st, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: jo(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(x.top).map((I, R) => /* @__PURE__ */ r.jsx(L.Fragment, { children: I }, R)) }),
@@ -6393,7 +6393,7 @@ const Ty = ({
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t), c = () => {
+  }] = rt(), [o, l] = H(t), c = () => {
     a();
     const {
       type: m,
@@ -6880,7 +6880,7 @@ function yi(t, e) {
   }
   return !0;
 }
-class lt {
+class ot {
   /**
   @internal
   */
@@ -6977,14 +6977,14 @@ class lt {
   */
   static setFrom(e) {
     if (!e || Array.isArray(e) && e.length == 0)
-      return lt.none;
-    if (e instanceof lt)
+      return ot.none;
+    if (e instanceof ot)
       return [e];
     let n = e.slice();
     return n.sort((s, i) => s.type.rank - i.type.rank), n;
   }
 }
-lt.none = [];
+ot.none = [];
 class Ry extends Error {
 }
 class ge {
@@ -7240,7 +7240,7 @@ function wo(t, e, n) {
 }
 class Br {
   constructor(e, n, s, i, a, o, l) {
-    this.type = e, this.attrs = n, this.marks = s, this.pendingMarks = i, this.solid = a, this.options = l, this.content = [], this.activeMarks = lt.none, this.stashMarks = [], this.match = o || (l & hr ? null : e.contentMatch);
+    this.type = e, this.attrs = n, this.marks = s, this.pendingMarks = i, this.solid = a, this.options = l, this.content = [], this.activeMarks = ot.none, this.stashMarks = [], this.match = o || (l & hr ? null : e.contentMatch);
   }
   findWrapping(e) {
     if (!this.match) {
@@ -7286,7 +7286,7 @@ class ko {
   constructor(e, n, s) {
     this.parser = e, this.options = n, this.isOpen = s, this.open = 0;
     let i = n.topNode, a, o = wo(null, n.preserveWhitespace, 0) | (s ? hr : 0);
-    i ? a = new Br(i.type, i.attrs, lt.none, lt.none, !0, n.topMatch || i.type.contentMatch, o) : s ? a = new Br(null, null, lt.none, lt.none, !0, null, o) : a = new Br(e.schema.topNodeType, null, lt.none, lt.none, !0, null, o), this.nodes = [a], this.find = n.findPositions, this.needsBlock = !1;
+    i ? a = new Br(i.type, i.attrs, ot.none, ot.none, !0, n.topMatch || i.type.contentMatch, o) : s ? a = new Br(null, null, ot.none, ot.none, !0, null, o) : a = new Br(e.schema.topNodeType, null, ot.none, ot.none, !0, null, o), this.nodes = [a], this.find = n.findPositions, this.needsBlock = !1;
   }
   get top() {
     return this.nodes[this.open];
@@ -7366,7 +7366,7 @@ class ko {
   // return an array of marks, or null to indicate some of the styles
   // had a rule with `ignore` set.
   readStyles(e) {
-    let n = lt.none, s = lt.none;
+    let n = ot.none, s = ot.none;
     for (let i = 0; i < e.length; i += 2)
       for (let a = void 0; ; ) {
         let o = this.parser.matchStyle(e[i], e[i + 1], this, a);
@@ -7756,7 +7756,7 @@ class ft {
 }
 ft.empty = new ft([]);
 const ei = /* @__PURE__ */ Object.create(null);
-class at {
+class it {
   /**
   Get the step map that represents the changes made by this step,
   and which can be used to transform between positions in the old
@@ -7839,7 +7839,7 @@ function ta(t, e, n) {
   }
   return ue.fromArray(s);
 }
-class fn extends at {
+class fn extends it {
   /**
   Create a mark step.
   */
@@ -7877,8 +7877,8 @@ class fn extends at {
     return new fn(n.from, n.to, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("addMark", fn);
-class bn extends at {
+it.jsonID("addMark", fn);
+class bn extends it {
   /**
   Create a mark-removing step.
   */
@@ -7916,8 +7916,8 @@ class bn extends at {
     return new bn(n.from, n.to, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("removeMark", bn);
-class yn extends at {
+it.jsonID("removeMark", bn);
+class yn extends it {
   /**
   Create a node mark step.
   */
@@ -7960,8 +7960,8 @@ class yn extends at {
     return new yn(n.pos, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("addNodeMark", yn);
-class yr extends at {
+it.jsonID("addNodeMark", yn);
+class yr extends it {
   /**
   Create a mark-removing step.
   */
@@ -7995,8 +7995,8 @@ class yr extends at {
     return new yr(n.pos, e.markFromJSON(n.mark));
   }
 }
-at.jsonID("removeNodeMark", yr);
-class Mt extends at {
+it.jsonID("removeNodeMark", yr);
+class Mt extends it {
   /**
   The given `slice` should fit the 'gap' between `from` and
   `to`—the depths must line up, and the surrounding nodes must be
@@ -8047,8 +8047,8 @@ class Mt extends at {
     return new Mt(n.from, n.to, ge.fromJSON(e, n.slice), !!n.structure);
   }
 }
-at.jsonID("replace", Mt);
-class wn extends at {
+it.jsonID("replace", Mt);
+class wn extends it {
   /**
   Create a replace-around step with the given range and gap.
   `insert` should be the point in the slice into which the content
@@ -8105,7 +8105,7 @@ class wn extends at {
     return new wn(n.from, n.to, n.gapFrom, n.gapTo, ge.fromJSON(e, n.slice), n.insert, !!n.structure);
   }
 }
-at.jsonID("replaceAround", wn);
+it.jsonID("replaceAround", wn);
 function _i(t, e, n) {
   let s = t.resolve(e), i = n - e, a = s.depth;
   for (; i > 0 && a > 0 && s.indexAfter(a) == s.node(a).childCount; )
@@ -8158,7 +8158,7 @@ function Kc(t, e) {
 function Wy(t, e) {
   return !!(t && e && !t.isLeaf && t.canAppend(e));
 }
-class mr extends at {
+class mr extends it {
   /**
   Construct an attribute step.
   */
@@ -8195,7 +8195,7 @@ class mr extends at {
     return new mr(n.pos, n.attr, n.value);
   }
 }
-at.jsonID("attr", mr);
+it.jsonID("attr", mr);
 let _r = class extends Error {
 };
 _r = function t(e) {
@@ -8466,7 +8466,7 @@ class Ls {
     return $e.between(e.resolve(this.anchor), e.resolve(this.head));
   }
 }
-class dt extends ve {
+class ct extends ve {
   /**
   Create a node selection. Does not verify the validity of its
   argument.
@@ -8477,13 +8477,13 @@ class dt extends ve {
   }
   map(e, n) {
     let { deleted: s, pos: i } = n.mapResult(this.anchor), a = e.resolve(i);
-    return s ? ve.near(a) : new dt(a);
+    return s ? ve.near(a) : new ct(a);
   }
   content() {
     return new ge(ue.from(this.node), 0, 0);
   }
   eq(e) {
-    return e instanceof dt && e.anchor == this.anchor;
+    return e instanceof ct && e.anchor == this.anchor;
   }
   toJSON() {
     return { type: "node", anchor: this.anchor };
@@ -8497,13 +8497,13 @@ class dt extends ve {
   static fromJSON(e, n) {
     if (typeof n.anchor != "number")
       throw new RangeError("Invalid input for NodeSelection.fromJSON");
-    return new dt(e.resolve(n.anchor));
+    return new ct(e.resolve(n.anchor));
   }
   /**
   Create a node selection from non-resolved positions.
   */
   static create(e, n) {
-    return new dt(e.resolve(n));
+    return new ct(e.resolve(n));
   }
   /**
   Determines whether the given node may be selected as a node
@@ -8513,8 +8513,8 @@ class dt extends ve {
     return !e.isText && e.type.spec.selectable !== !1;
   }
 }
-dt.prototype.visible = !1;
-ve.jsonID("node", dt);
+ct.prototype.visible = !1;
+ve.jsonID("node", ct);
 class na {
   constructor(e) {
     this.anchor = e;
@@ -8525,7 +8525,7 @@ class na {
   }
   resolve(e) {
     let n = e.resolve(this.anchor), s = n.nodeAfter;
-    return s && dt.isSelectable(s) ? new dt(n) : ve.near(n);
+    return s && ct.isSelectable(s) ? new ct(n) : ve.near(n);
   }
 }
 class Ut extends ve {
@@ -8577,8 +8577,8 @@ function Fn(t, e, n, s, i, a = !1) {
   for (let o = s - (i > 0 ? 0 : 1); i > 0 ? o < e.childCount : o >= 0; o += i) {
     let l = e.child(o);
     if (l.isAtom) {
-      if (!a && dt.isSelectable(l))
-        return dt.create(t, n - (i < 0 ? l.nodeSize : 0));
+      if (!a && ct.isSelectable(l))
+        return ct.create(t, n - (i < 0 ? l.nodeSize : 0));
     } else {
       let c = Fn(t, l, n + i, i < 0 ? l.childCount : 0, i, a);
       if (c)
@@ -9307,7 +9307,7 @@ const Q_ = (t, e = {}) => ({ tr: n, state: s, dispatch: i }) => {
   return a.isTextblock ? i().command(({ commands: o }) => ho(a, e)(n) ? !0 : o.clearNodes()).command(({ state: o }) => ho(a, e)(o, s)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, Y_ = (t) => ({ tr: e, dispatch: n }) => {
   if (n) {
-    const { doc: s } = e, i = _n(t, 0, s.content.size), a = dt.create(s, i);
+    const { doc: s } = e, i = _n(t, 0, s.content.size), a = ct.create(s, i);
     e.setSelection(a);
   }
   return !0;
@@ -9330,7 +9330,7 @@ function Ao(t, e) {
 }
 const X_ = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: s, editor: i }) => {
   const { selection: a, doc: o } = e, { $from: l, $to: c } = a, d = i.extensionManager.attributes, u = es(d, l.node().type.name, l.node().attrs);
-  if (a instanceof dt && a.node.isBlock)
+  if (a instanceof ct && a.node.isBlock)
     return !l.parentOffset || !Zr(o, l.pos) ? !1 : (s && (t && Ao(n, i.extensionManager.splittableMarks), e.split(l.pos).scrollIntoView()), !0);
   if (!l.parent.isBlock)
     return !1;
@@ -10572,7 +10572,7 @@ function Iv({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${e}.label_formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
@@ -11179,7 +11179,7 @@ function rj(t, e) {
     const h = F(s), m = F(i), x = e[h.queryID].map((v) => ({
       name: v[h.columnKey],
       value: v[m.columnKey]
-    })), f = _t(a.overflow.on_axis);
+    })), f = yt(a.overflow.on_axis);
     return {
       type: "funnel",
       ...nj(n),
@@ -11288,7 +11288,7 @@ function lj(t) {
     axisLabel: {
       show: !0,
       position: "inside",
-      overflow: rt()
+      overflow: nt()
     },
     sort: "descending",
     orient: "vertical",
@@ -11319,7 +11319,7 @@ function dj({
     width: i,
     height: a
   } = t.viewport;
-  return !i || !a ? null : /* @__PURE__ */ r.jsx(it, { width: i, height: a, children: /* @__PURE__ */ r.jsx(cj, { width: zt(i), height: It(a), data: s, conf: n }) });
+  return !i || !a ? null : /* @__PURE__ */ r.jsx(st, { width: i, height: a, children: /* @__PURE__ */ r.jsx(cj, { width: zt(i), height: It(a), data: s, conf: n }) });
 }
 const uj = ({
   item: t,
@@ -11664,7 +11664,7 @@ const _j = {
   translation: gj
 };
 function vj(t) {
-  const e = nt(t.x_axis.axisLabel.formatter), n = nt(t.y_axis.axisLabel.formatter);
+  const e = tt(t.x_axis.axisLabel.formatter), n = tt(t.y_axis.axisLabel.formatter);
   return {
     x_axis: e,
     y_axis: n
@@ -11740,14 +11740,14 @@ function Cj({
     value: e.x_axis(l, o),
     style: {
       label: "",
-      value: yt(t.x_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: t.y_axis.name ? t.y_axis.name : "Y Axis",
     value: e.y_axis(c, o),
     style: {
       label: "",
-      value: yt(t.y_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, m = {
     label: t.heat_block.name,
@@ -11815,7 +11815,7 @@ function Ij(t, e, n, s) {
   const {
     overflow: i,
     rotate: a
-  } = t.x_axis.axisLabel, o = _t(i.on_axis);
+  } = t.x_axis.axisLabel, o = yt(i.on_axis);
   return pe.getXAxis({
     id: "main-x-axis",
     type: "category",
@@ -11862,7 +11862,7 @@ function Tj(t, e, n, s) {
   } = t.y_axis, {
     overflow: l,
     rotate: c
-  } = t.y_axis.axisLabel, d = _t(l.on_axis);
+  } = t.y_axis.axisLabel, d = yt(l.on_axis);
   return pe.getYAxis({
     ...o,
     type: "category",
@@ -11936,7 +11936,7 @@ const Dj = ({
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t), c = () => {
+  }] = rt(), [o, l] = H(t), c = () => {
     a();
     const {
       type: m,
@@ -12384,7 +12384,7 @@ const dd = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -12394,7 +12394,7 @@ const dd = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -12456,7 +12456,7 @@ function Uj({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Hj, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(Hj, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function Yj({
   control: t,
@@ -12483,7 +12483,7 @@ function Yj({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(vt, { ...i }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...i }) }),
     /* @__PURE__ */ r.jsx(E, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.label.show", control: t, render: ({
@@ -12933,7 +12933,7 @@ const hd = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   data_key: "value",
@@ -13114,7 +13114,7 @@ const vw = (t, e) => (n) => {
       <td style="text-align: left; padding: 0 1em;">${m(h)}</td>
     </tr>
   `;
-  }), a = yt(t.x_axis.axisLabel.overflow.in_tooltip), o = s[0].name;
+  }), a = bt(t.x_axis.axisLabel.overflow.in_tooltip), o = s[0].name;
   return `
     <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
       <div style="${a}">${o}</div>
@@ -13136,7 +13136,7 @@ function ww(t) {
   const {
     name: e,
     axisLabel: n
-  } = t.x_axis, s = _t(n.overflow.on_axis);
+  } = t.x_axis, s = yt(n.overflow.on_axis);
   return [pe.getXAxis({
     type: "category",
     id: "main-x-axis",
@@ -13149,7 +13149,7 @@ function ww(t) {
     axisLabel: {
       ...n,
       ...s,
-      formatter: nt(n.formatter)
+      formatter: tt(n.formatter)
     }
   })];
 }
@@ -13262,7 +13262,7 @@ function Iw({
   }, [h, u, d]), x = C(() => ({
     click: m
   }), [m]);
-  return !l || !a || !o ? null : /* @__PURE__ */ r.jsx(it, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: c, style: Mr(a, o), onEvents: x, notMerge: !0, theme: "merico-light" }) });
+  return !l || !a || !o ? null : /* @__PURE__ */ r.jsx(st, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: c, style: Mr(a, o), onEvents: x, notMerge: !0, theme: "merico-light" }) });
 }
 function Tw({
   control: t,
@@ -13294,7 +13294,7 @@ function Tw({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.label.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: "bar.label_formatter", control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] })
   ] });
 }
@@ -13924,7 +13924,7 @@ function e0({
     width: o,
     height: l
   } = t.viewport;
-  return !o || !l ? null : /* @__PURE__ */ r.jsx(it, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Zw, { conf: i, width: zt(o), height: It(l), data: a, interactionManager: n }) });
+  return !o || !l ? null : /* @__PURE__ */ r.jsx(st, { width: o, height: l, children: /* @__PURE__ */ r.jsx(Zw, { conf: i, width: zt(o), height: It(l), data: a, interactionManager: n }) });
 }
 function t0({
   context: t
@@ -14344,7 +14344,7 @@ function _0({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c || !a || wl(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(y0, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c || !a || wl(a == null ? void 0 : a.dimensions) ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(y0, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function v0({
   control: t,
@@ -14433,7 +14433,7 @@ function w0({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("viz.radar_chart.metric.value_formatter"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `dimensions.${e}.formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] })
   ] });
 }
@@ -14866,7 +14866,7 @@ function B0(t) {
     format: n,
     formatter: s,
     ...i
-  } = t.x_axis.axisLabel, a = _t(e.on_axis);
+  } = t.x_axis.axisLabel, a = yt(e.on_axis);
   return pe.getXAxis({
     type: "value",
     name: t.x_axis.name ?? "",
@@ -14881,7 +14881,7 @@ function B0(t) {
           c = ae(o, n);
         } catch {
         }
-        return nt(s)(c, l);
+        return tt(s)(c, l);
       }
     }
   });
@@ -15145,7 +15145,7 @@ const ua = {
     axisLabel: {
       rotate: 0,
       format: We,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -15196,7 +15196,7 @@ function tk({
   }, [t.data, e == null ? void 0 : e.regression.y_axis_data_key]), a = C(() => G0(Ce({}, e, ua), i), [e, i]), o = fs(null), l = (c) => {
     o.current = c;
   };
-  return !n || !s || !e ? null : /* @__PURE__ */ r.jsxs(it, { width: n, height: s, children: [
+  return !n || !s || !e ? null : /* @__PURE__ */ r.jsxs(st, { width: n, height: s, children: [
     /* @__PURE__ */ r.jsx(ek, { conf: e, queryData: i }),
     /* @__PURE__ */ r.jsx(Ze, { echarts: Je, onChartReady: l, option: a, style: Mr(n, s), notMerge: !0, theme: "merico-light" })
   ] });
@@ -15280,7 +15280,7 @@ function rk({
     /* @__PURE__ */ r.jsx(E, { variant: "dashed", labelPosition: "center", label: "格式化数据" }),
     /* @__PURE__ */ r.jsx(S, { children: /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.format", control: t, render: ({
       field: n
-    }) => /* @__PURE__ */ r.jsx(vt, { ...n }) }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...n }) }) }),
     /* @__PURE__ */ r.jsx(E, { variant: "dashed", labelPosition: "center", label: "标签文案样式" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "x_axis.axisLabel.rotate", control: t, render: ({
@@ -15367,7 +15367,7 @@ function ak(t) {
       axisLabel: {
         rotate: 0,
         format: We,
-        overflow: rt(),
+        overflow: nt(),
         formatter: Ue()
       }
     },
@@ -15783,7 +15783,7 @@ function _d() {
   const {
     on_axis: t,
     in_tooltip: e
-  } = rt();
+  } = nt();
   return {
     label: t,
     tooltip: e
@@ -15813,7 +15813,7 @@ const ma = {
     axisLabel: {
       rotate: 0,
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     }
   },
   y_axes: [{
@@ -15987,7 +15987,7 @@ function Ek({
     label: {
       show: !!e.label_position,
       position: e.label_position,
-      ..._t(e.label_overflow.label),
+      ...yt(e.label_overflow.label),
       formatter: ({
         value: o
       }) => o[a.columnKey]
@@ -16017,7 +16017,7 @@ function Fo(t, e, n) {
   const {
     x_axis: s
   } = n;
-  return s.axisLabel.formatter.enabled ? nt(s.axisLabel.formatter)(t, e) : t;
+  return s.axisLabel.formatter.enabled ? tt(s.axisLabel.formatter)(t, e) : t;
 }
 function $k(t, e) {
   const {
@@ -16054,7 +16054,7 @@ function Ok(t, e) {
       const a = e[0] ?? e.default, o = Array.isArray(i) ? i : [i];
       if (o.length === 0)
         return "";
-      const l = $k(o, t), c = yt(t.scatter.label_overflow.tooltip), d = o.map(
+      const l = $k(o, t), c = bt(t.scatter.label_overflow.tooltip), d = o.map(
         // @ts-expect-error type of value
         ({
           value: f
@@ -16065,7 +16065,7 @@ function Ok(t, e) {
           `
       );
       d.unshift("<th></th>");
-      const u = yt(t.x_axis.axisLabel.overflow.in_tooltip), h = [`<tr>
+      const u = bt(t.x_axis.axisLabel.overflow.in_tooltip), h = [`<tr>
           <th style="text-align: right;">${t.x_axis.name}</th>
           ${o.map((f) => `<td style="text-align: right; padding: 0 1em;"><div style="${u}">${l}</div></td>`).join("")}
         </tr>`, `<tr>
@@ -16095,7 +16095,7 @@ function Fk(t, e) {
   const n = e.every((l) => !Number.isNaN(Number(l))), {
     overflow: s,
     ...i
-  } = t.x_axis.axisLabel, a = _t(s.on_axis), o = e.length === 0;
+  } = t.x_axis.axisLabel, a = yt(s.on_axis), o = e.length === 0;
   return [pe.getXAxis({
     data: e,
     name: t.x_axis.name ?? "",
@@ -16105,7 +16105,7 @@ function Fk(t, e) {
     axisLabel: {
       ...i,
       ...a,
-      formatter: nt(i.formatter)
+      formatter: tt(i.formatter)
     }
   })];
 }
@@ -16254,7 +16254,7 @@ function Wk({
       bottom: br(v.bottom, i, o)
     };
   }, [a, o]), f = Math.max(0, It(c) - u - m);
-  return !l || !c ? null : /* @__PURE__ */ r.jsxs(it, { width: l, height: c, children: [
+  return !l || !c ? null : /* @__PURE__ */ r.jsxs(st, { width: l, height: c, children: [
     /* @__PURE__ */ r.jsx(w, { ref: d, align: "left", size: "xs", pl: "sm", sx: {
       display: Vo(a.stats.templates.top) ? "block" : "none"
     }, children: Object.values(x.top).map((v) => v) }),
@@ -16502,7 +16502,7 @@ const Kk = ({
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t), c = () => {
+  }] = rt(), [o, l] = H(t), c = () => {
     a();
     const {
       type: m,
@@ -16806,7 +16806,7 @@ function lS({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `y_axes.${e}.label_formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.y_axis.value_range"), labelPosition: "center" }),
@@ -17074,7 +17074,7 @@ function jS(t) {
   const e = {
     x_axis: {
       axisLabel: {
-        overflow: rt()
+        overflow: nt()
       }
     }
   };
@@ -17583,7 +17583,7 @@ function YS({
     width: a,
     height: o
   } = t.viewport, l = C(() => US(s, i, e), [s, i, e]);
-  return !a || !o ? null : /* @__PURE__ */ r.jsx(it, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: l, style: Mr(a, o), notMerge: !0, theme: "merico-light" }) });
+  return !a || !o ? null : /* @__PURE__ */ r.jsx(st, { width: a, height: o, children: /* @__PURE__ */ r.jsx(Ze, { echarts: Je, option: l, style: Mr(a, o), notMerge: !0, theme: "merico-light" }) });
 }
 function KS({
   control: t,
@@ -17892,7 +17892,7 @@ const l1 = {
   },
   translation: n1
 };
-var jt = /* @__PURE__ */ ((t) => (t.string = "string", t.number = "number", t.eloc = "eloc", t.percentage = "percentage", t.url = "url", t.custom = "custom", t))(jt || {});
+var vt = /* @__PURE__ */ ((t) => (t.string = "string", t.number = "number", t.eloc = "eloc", t.percentage = "percentage", t.url = "url", t.custom = "custom", t))(vt || {});
 const jd = ["function text({ value, row_data }, utils) {", "    return value", "}"].join(`
 `), wd = {
   columns: [],
@@ -18104,17 +18104,17 @@ function y1(t) {
 }
 function _1(t) {
   switch (t.type) {
-    case jt.string:
+    case vt.string:
       return /* @__PURE__ */ r.jsx(p1, { ...t });
-    case jt.eloc:
+    case vt.eloc:
       return /* @__PURE__ */ r.jsx(g1, { ...t });
-    case jt.number:
+    case vt.number:
       return /* @__PURE__ */ r.jsx(f1, { ...t });
-    case jt.percentage:
+    case vt.percentage:
       return /* @__PURE__ */ r.jsx(b1, { ...t });
-    case jt.url:
+    case vt.url:
       return /* @__PURE__ */ r.jsx(x1, { ...t });
-    case jt.custom:
+    case vt.custom:
       return /* @__PURE__ */ r.jsx(y1, { ...t });
   }
 }
@@ -18342,7 +18342,7 @@ function No({
       id: Ee,
       label: Ee,
       value_field: Ee,
-      value_type: jt.string,
+      value_type: vt.string,
       align: "left",
       width: "",
       cellBackgroundColor: ""
@@ -18356,7 +18356,7 @@ function No({
     return x.map((Ee) => {
       const Ar = Dx(Ee.value_field);
       return _e.accessor(Ar.columnKey, {
-        cell: (ot) => /* @__PURE__ */ r.jsx(_1, { tableCellContext: f(ot.cell), value: ot.getValue(), type: Ee.value_type, row_data: ot.row.original, ...Ee }),
+        cell: (at) => /* @__PURE__ */ r.jsx(_1, { tableCellContext: f(at.cell), value: at.getValue(), type: Ee.value_type, row_data: at.row.original, ...Ee }),
         header: Ee.label,
         enableSorting: !0,
         meta: Ee,
@@ -18512,7 +18512,7 @@ const A1 = re((t, e) => {
   const {
     t: i,
     i18n: a
-  } = y(), o = C(() => Object.values(jt).map((l) => ({
+  } = y(), o = C(() => Object.values(vt).map((l) => ({
     label: i(`viz.table.column.value_type.${l}`),
     value: l
   })), [a.language]);
@@ -18526,7 +18526,7 @@ const A1 = re((t, e) => {
   } = y(), [i, {
     setTrue: a,
     setFalse: o
-  }] = st(), [l, c] = H(t), d = () => {
+  }] = rt(), [l, c] = H(t), d = () => {
     o(), e(l);
   }, u = () => {
     o(), c(t);
@@ -18586,7 +18586,7 @@ const A1 = re((t, e) => {
       }) => /* @__PURE__ */ r.jsx($1, { sx: {
         flex: 1
       }, ...c }) }),
-      o === jt.custom && /* @__PURE__ */ r.jsx(g, { name: `columns.${e}.func_content`, control: t, render: ({
+      o === vt.custom && /* @__PURE__ */ r.jsx(g, { name: `columns.${e}.func_content`, control: t, render: ({
         field: c
       }) => /* @__PURE__ */ r.jsx(P1, { value: c.value ?? jd, onChange: (d) => c.onChange(d ?? "") }) })
     ] }),
@@ -18628,7 +18628,7 @@ const A1 = re((t, e) => {
       label: d,
       align: "center",
       value_field: "",
-      value_type: jt.string,
+      value_type: vt.string,
       width: ""
     });
   };
@@ -19084,7 +19084,7 @@ const Md = L.forwardRef(Z1), eC = ({
   } = y(), [i, {
     setTrue: a,
     setFalse: o
-  }] = st(), [l, c] = H(t), d = () => {
+  }] = rt(), [l, c] = H(t), d = () => {
     o(), e(l);
   }, u = () => {
     o(), c(t);
@@ -19725,7 +19725,7 @@ function $C({
     width: l,
     height: c
   } = t.viewport;
-  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(AC, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !a.calendar.data_key || !a.heat_block.data_key || !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(AC, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function PC({
   control: t,
@@ -19758,7 +19758,7 @@ function PC({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: t, render: ({
       field: s
-    }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+    }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
   ] });
 }
 const OC = ({
@@ -20033,7 +20033,7 @@ const KC = {
     data_key: "",
     axisLabel: {
       formatter: Ue(),
-      overflow: rt()
+      overflow: nt()
     },
     nameAlignment: "center"
   },
@@ -20284,7 +20284,7 @@ function dz(t, e) {
     axisValue: a,
     axisIndex: o
   } = n;
-  return i === "yAxis.category" ? s : nt(e.y_axis.axisLabel.formatter)(a, o);
+  return i === "yAxis.category" ? s : tt(e.y_axis.axisLabel.formatter)(a, o);
 }
 function uz(t, e, n) {
   const s = e.reduce((i, {
@@ -20317,7 +20317,7 @@ function uz(t, e, n) {
         })}</td>
         </tr>
         `;
-      }), l = yt(t.y_axis.axisLabel.overflow.in_tooltip), c = dz(a, t);
+      }), l = bt(t.y_axis.axisLabel.overflow.in_tooltip), c = dz(a, t);
       return `
       <div style="text-align: left; margin-bottom: .5em; padding: 0 1em .5em; font-weight: bold; border-bottom: 1px dashed #ddd;">
         <div style="${l}">${c}</div>
@@ -20383,7 +20383,7 @@ function xz(t, e) {
   const n = e.every((o) => !Number.isNaN(Number(o))), {
     overflow: s,
     ...i
-  } = t.y_axis.axisLabel, a = _t(s.on_axis);
+  } = t.y_axis.axisLabel, a = yt(s.on_axis);
   return [pe.getXAxis({
     data: e,
     name: t.y_axis.name ?? "",
@@ -20397,7 +20397,7 @@ function xz(t, e) {
     axisLabel: {
       ...i,
       ...a,
-      formatter: nt(i.formatter)
+      formatter: tt(i.formatter)
     },
     z: 5
   })];
@@ -20456,7 +20456,7 @@ function bz({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(fz, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(fz, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 function yz({
   control: t,
@@ -20739,7 +20739,7 @@ function Sz({
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.x_axis.label_format"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(g, { name: `x_axes.${e}.label_formatter`, control: t, render: ({
         field: s
-      }) => /* @__PURE__ */ r.jsx(vt, { ...s }) })
+      }) => /* @__PURE__ */ r.jsx(_t, { ...s }) })
     ] }),
     /* @__PURE__ */ r.jsxs(S, { children: [
       /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("chart.x_axis.value_range"), labelPosition: "center" }),
@@ -21336,7 +21336,7 @@ function Bz(t, e) {
     type: "category",
     axisLabel: {
       ...n,
-      formatter: nt(n.formatter)
+      formatter: tt(n.formatter)
     },
     axisLine: {
       show: !1
@@ -22027,7 +22027,7 @@ function _I({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: i("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${e}.formatter`, control: t, render: ({
       field: a
-    }) => /* @__PURE__ */ r.jsx(vt, { ...a }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...a }) }),
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: i("viz.merico_stats.metric.others"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: `metrics.${e}.postfix`, control: t, render: ({
       field: a
@@ -22212,7 +22212,7 @@ const TI = {
     data_key: "",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -22222,7 +22222,7 @@ const TI = {
     nameAlignment: "center",
     axisLabel: {
       rotate: 0,
-      overflow: rt(),
+      overflow: nt(),
       formatter: Ue()
     }
   },
@@ -22280,7 +22280,7 @@ function DI({
     /* @__PURE__ */ r.jsx(E, { mb: -15, variant: "dashed", label: n("numbro.format.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsx(g, { name: "heat_block.value_formatter", control: t, render: ({
       field: i
-    }) => /* @__PURE__ */ r.jsx(vt, { ...i }) }),
+    }) => /* @__PURE__ */ r.jsx(_t, { ...i }) }),
     /* @__PURE__ */ r.jsx(E, { mb: -5, variant: "dashed", label: n("chart.label.label"), labelPosition: "center" }),
     /* @__PURE__ */ r.jsxs(b, { grow: !0, noWrap: !0, children: [
       /* @__PURE__ */ r.jsx(g, { name: "heat_block.label.show", control: t, render: ({
@@ -22529,7 +22529,7 @@ const Ed = {
   }]
 };
 function FI(t) {
-  const e = nt(t.x_axis.axisLabel.formatter), n = nt(t.y_axis.axisLabel.formatter);
+  const e = tt(t.x_axis.axisLabel.formatter), n = tt(t.y_axis.axisLabel.formatter);
   return {
     x_axis: e,
     y_axis: n
@@ -22605,14 +22605,14 @@ function WI({
     value: e.x_axis(l, o),
     style: {
       label: "",
-      value: yt(t.x_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.x_axis.axisLabel.overflow.in_tooltip)
     }
   }, h = {
     label: t.y_axis.name ? t.y_axis.name : "Y Axis",
     value: e.y_axis(c, o),
     style: {
       label: "",
-      value: yt(t.y_axis.axisLabel.overflow.in_tooltip)
+      value: bt(t.y_axis.axisLabel.overflow.in_tooltip)
     }
   }, m = {
     label: t.heat_block.name,
@@ -22692,7 +22692,7 @@ function HI(t, e, n) {
   const s = F(t.x_axis.data_key), i = k.uniq(e[s.queryID].map((c) => c[s.columnKey])), {
     overflow: a,
     rotate: o
-  } = t.x_axis.axisLabel, l = _t(a.on_axis);
+  } = t.x_axis.axisLabel, l = yt(a.on_axis);
   return pe.getXAxis({
     id: "main-x-axis",
     type: "category",
@@ -22734,7 +22734,7 @@ function UI(t, e, n) {
   } = t.y_axis, c = k.uniq(e[s.queryID].map((m) => m[i.columnKey])), {
     overflow: d,
     rotate: u
-  } = t.y_axis.axisLabel, h = _t(d.on_axis);
+  } = t.y_axis.axisLabel, h = yt(d.on_axis);
   return pe.getYAxis({
     ...l,
     type: "category",
@@ -22832,7 +22832,7 @@ function JI({
     width: l,
     height: c
   } = t.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(it, { width: l, height: c, children: /* @__PURE__ */ r.jsx(KI, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(st, { width: l, height: c, children: /* @__PURE__ */ r.jsx(KI, { variables: i, width: zt(l), height: It(c), data: o, conf: a, interactionManager: n }) });
 }
 const XI = {
   merico_heatmap: {
@@ -24822,7 +24822,7 @@ const NT = p.model("FilterDateRangeConfigMeta", {
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => Xt(t.default_selection), t.setDefaultSelection, {
+    wt(t, dt(() => Xt(t.default_selection), t.setDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -24887,7 +24887,7 @@ const NT = p.model("FilterDateRangeConfigMeta", {
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => Xt(t.default_selection), t.setDefaultSelection, {
+    wt(t, dt(() => Xt(t.default_selection), t.setDefaultSelection, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -25046,7 +25046,7 @@ const Kd = p.compose("FilterTreeSelectConfigMeta", p.model({
     a.length > 0 ? n.setValueByKey(e, a) : n.setValueByKey(e, t.defaultSelection);
   },
   afterCreate() {
-    bt(t, tt(() => JSON.stringify(t.defaultSelection), this.applyDefaultSelection, {
+    wt(t, dt(() => JSON.stringify(t.defaultSelection), this.applyDefaultSelection, {
       fireImmediately: !0,
       delay: 0
     }));
@@ -25499,12 +25499,6 @@ const su = p.compose("ViewRenderModel", tD, p.model({
   tab: p.optional(p.string, "")
   // FIXME: manage this state in a better way
 })).views((t) => ({
-  get defaultTab() {
-    if (t.type !== W.Tabs)
-      return "";
-    const e = t.config;
-    return e.tabs.length > 0 ? k.minBy(e.tabs, (s) => s.order).id : "";
-  },
   get tabs() {
     return t.config.tabs;
   },
@@ -25561,14 +25555,7 @@ const su = p.compose("ViewRenderModel", tD, p.model({
     t.tab = e ?? "";
   },
   setTabByTabInfo(e) {
-    const n = t.tabs.find((s) => s.id === e.id);
-    n && (t.tab = n.id);
-  },
-  afterCreate() {
-    bt(t, tt(() => t.defaultTab, (e) => this.setTab(e), {
-      fireImmediately: !0,
-      delay: 0
-    }));
+    t.tab = e.id ?? "";
   }
 })), iu = p.model("ViewsRenderModel", {
   current: p.optional(p.array(su), []),
@@ -25617,15 +25604,14 @@ const su = p.compose("ViewRenderModel", tD, p.model({
     if (!e)
       return;
     const n = t.firstVisibleTabsView;
-    n && n.setTabByTabInfo(e);
+    n == null || n.setTabByTabInfo(e);
   }
 }));
 function sD(t, e) {
   const n = t.length > 0 ? [t[0].id] : [], s = t.map((i) => {
     const {
       _name: a = i.type
-    } = i.config;
-    return {
+    } = i.config, o = {
       ...i,
       tab: "",
       config: {
@@ -25634,6 +25620,11 @@ function sD(t, e) {
       },
       panelIDs: i.panelIDs
     };
+    if (i.type === W.Tabs) {
+      const l = k.minBy(i.config.tabs, (c) => c.order);
+      o.tab = (l == null ? void 0 : l.id) ?? "";
+    }
+    return o;
   });
   return e && (s[0].tab = e.id), {
     current: s,
@@ -25844,6 +25835,9 @@ const hu = p.model("FiltersRenderModel", {
   get json() {
     return t.current.map((e) => e.json);
   },
+  get valuesString() {
+    return JSON.stringify(t.values);
+  },
   get contentModel() {
     return Ge(t).content;
   },
@@ -26198,7 +26192,7 @@ const cD = PT.views((t) => ({
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => {
+    wt(t, dt(() => {
       var n;
       return t.isTransform ? [t.inUse, t.id, t.key, t.dep_query_ids.toString(), t.pre_process, t.depQueryModelStatesString].join("--") : t.typedAsHTTP ? `${t.inUse}--${t.id}--${t.key}--${t.reQueryKey}--${(n = t.datasource) == null ? void 0 : n.id}` : [t.inUse, t.id, t.key, t.formattedSQL, t.pre_process, t.post_process].join("--");
     }, () => t.fetchData(!1), {
@@ -26414,7 +26408,7 @@ const gu = p.model("LayoutsRenderModel", {
     console.log("🔴 onBreakpointChange:", e), t.currentBreakpoint = e;
   },
   afterCreate() {
-    bt(t, tt(() => t.currentBreakpoint, () => {
+    wt(t, dt(() => t.currentBreakpoint, () => {
       setTimeout(() => {
         window.dispatchEvent(new Event("resize"));
       }, 32);
@@ -27002,7 +26996,7 @@ const ND = z(({
   } = y(), [n, {
     setTrue: s,
     setFalse: i
-  }] = st(!1), a = fg(), o = Fe(), l = () => {
+  }] = rt(!1), a = fg(), o = Fe(), l = () => {
     const c = JSON.stringify(o.contentJSON, null, 2), d = `${a.name}__${o.name}`;
     rr(d, c);
   };
@@ -27382,7 +27376,7 @@ const q2 = {
   [W.Tabs]: "#ffad18"
 };
 function nM(t, e, n) {
-  bt(t, Ip(t, (s, i) => {
+  wt(t, Ip(t, (s, i) => {
     i(s, () => {
       Tp(s.context) === e && s.type === "action" && n(s.name, s.context);
     });
@@ -27638,10 +27632,10 @@ const rM = p.compose("FiltersModel", hu, p.model("FiltersModel", {
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => t.keywordString, t.resetPage, {
+    wt(t, dt(() => t.keywordString, t.resetPage, {
       fireImmediately: !1,
       delay: 0
-    })), bt(t, tt(() => t.limit, t.resetPage, {
+    })), wt(t, dt(() => t.limit, t.resetPage, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -27820,17 +27814,17 @@ const rM = p.compose("FiltersModel", hu, p.model("FiltersModel", {
   };
 }).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => t.reloadConditionString, t.loadColumns, {
+    wt(t, dt(() => t.reloadConditionString, t.loadColumns, {
       fireImmediately: !1,
       delay: 500
     }));
   }
 })).actions((t) => ({
   afterCreate() {
-    bt(t, tt(() => t.reloadConditionString, t.loadIndexes, {
+    wt(t, dt(() => t.reloadConditionString, t.loadIndexes, {
       fireImmediately: !1,
       delay: 500
-    })), bt(t, tt(() => `${t.reloadConditionString};limit:${t.tableData.limit};offset:${t.tableData.offset}`, t.loadTableData, {
+    })), wt(t, dt(() => `${t.reloadConditionString};limit:${t.tableData.limit};offset:${t.tableData.offset}`, t.loadTableData, {
       fireImmediately: !1,
       delay: 0
     }));
@@ -31065,7 +31059,7 @@ const CM = z(({
   } = y(), n = (s = t.definition) == null ? void 0 : s.sqlSnippets;
   return !Array.isArray(n) || n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
     /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("sql_snippet.labels") }),
-    /* @__PURE__ */ r.jsx(ct, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(ct.Item, { children: i.key }, i.key)) })
+    /* @__PURE__ */ r.jsx(lt, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(lt.Item, { children: i.key }, i.key)) })
   ] });
 }, PM = ({
   content: t
@@ -31076,7 +31070,7 @@ const CM = z(({
   } = y(), n = Object.keys(((s = t.definition) == null ? void 0 : s.mock_context) ?? {});
   return n.length === 0 ? null : /* @__PURE__ */ r.jsxs(M, { children: [
     /* @__PURE__ */ r.jsx(w, { pl: 10, size: "sm", fw: 500, c: "dimmed", ta: "center", children: e("mock_context.label") }),
-    /* @__PURE__ */ r.jsx(ct, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(ct.Item, { children: i }, i)) })
+    /* @__PURE__ */ r.jsx(lt, { size: "sm", pl: 10, ff: "monospace", icon: /* @__PURE__ */ r.jsx(Ei, { size: 10 }), children: n.map((i) => /* @__PURE__ */ r.jsx(lt.Item, { children: i }, i)) })
   ] });
 }, OM = ({
   content: t
@@ -31204,7 +31198,7 @@ const VM = z(({
   }] = on(!1), [i, {
     setTrue: a,
     setFalse: o
-  }] = st(!1), c = ((d = he().content.views.VIE) == null ? void 0 : d.type) === W.Tabs;
+  }] = rt(!1), c = ((d = he().content.views.VIE) == null ? void 0 : d.type) === W.Tabs;
   return c ? /* @__PURE__ */ r.jsx(me, { label: t("common.choose_a_tab_first"), children: /* @__PURE__ */ r.jsx(T, { variant: "outline", color: "gray", radius: 0, size: "xs", leftIcon: /* @__PURE__ */ r.jsx(uo, { size: 16 }), sx: {
     ...tl,
     transform: "none !important"
@@ -31340,8 +31334,8 @@ function JM(t, e) {
             x: xs,
             y: c
           },
-          sourcePosition: wt.Right,
-          targetPosition: wt.Left,
+          sourcePosition: jt.Right,
+          targetPosition: jt.Left,
           style: {
             width: nl,
             height: ns
@@ -31361,8 +31355,8 @@ function JM(t, e) {
           x: xs,
           y: c
         },
-        sourcePosition: wt.Right,
-        targetPosition: wt.Left,
+        sourcePosition: jt.Right,
+        targetPosition: jt.Left,
         style: {
           width: nl,
           height: ns
@@ -31394,8 +31388,8 @@ function eL(t) {
         x: 0,
         y: 0
       },
-      sourcePosition: wt.Right,
-      targetPosition: wt.Left,
+      sourcePosition: jt.Right,
+      targetPosition: jt.Left,
       className: "light",
       style: {
         backgroundColor: ZM[n.type],
@@ -31425,7 +31419,7 @@ function rL({
   edges: n
 }) {
   e.forEach((s) => {
-    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = wt.Bottom, s.style.width = La + xs * 2, s.style.height = Eu + s._tab_view_ids.reduce((i, a) => {
+    s._node_type !== "view-root" || s._view_type !== W.Tabs || (s.sourcePosition = jt.Bottom, s.style.width = La + xs * 2, s.style.height = Eu + s._tab_view_ids.reduce((i, a) => {
       const o = t[a];
       o.position.y = i, o.position.x = xs;
       const l = o.style.height;
@@ -31458,7 +31452,7 @@ function iL({
     const a = t[i.source], o = t[i.target];
     if (a && o && a.parentNode) {
       const l = t[a.parentNode], c = l.position.x, d = Number(k.get(o, "style.height", 0)), u = Number(l.style.width);
-      o.position.x = c + u + KM, l._view_level === 0 && o._sub_view_ids.length === 0 && (a.sourcePosition = wt.Left, o.targetPosition = wt.Right, o.position.x *= -1);
+      o.position.x = c + u + KM, l._view_level === 0 && o._sub_view_ids.length === 0 && (a.sourcePosition = jt.Left, o.targetPosition = jt.Right, o.position.x *= -1);
       const m = o.position.x, x = k.get(s, m, 0);
       o.position.y = x, s[m] = x + d + Au;
     }
@@ -31557,8 +31551,8 @@ function cL(t) {
 const dL = fh(({
   data: t,
   isConnectable: e,
-  sourcePosition: n = wt.Right,
-  targetPosition: s = wt.Left,
+  sourcePosition: n = jt.Right,
+  targetPosition: s = jt.Left,
   ...i
 }) => {
   const a = C(() => cL(t.interactions), [t.interactions]);
@@ -31571,7 +31565,7 @@ const dL = fh(({
     }, children: /* @__PURE__ */ r.jsx(jm, { size: 12 }) }),
     /* @__PURE__ */ r.jsxs(Te, { shadow: "xl", withinPortal: !0, children: [
       /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(w, { children: t.label }) }),
-      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(ct.Item, { icon: o.icon, children: o.text }, o.key)) }) })
+      /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(lt, { spacing: "xs", size: "sm", center: !0, children: a.map((o) => /* @__PURE__ */ r.jsx(lt.Item, { icon: o.icon, children: o.text }, o.key)) }) })
     ] }),
     /* @__PURE__ */ r.jsx(po, { type: "source", position: n, isConnectable: e })
   ] });
@@ -31774,9 +31768,9 @@ const gL = z(() => {
       alignSelf: "flex-start"
     },
     leftIcon: /* @__PURE__ */ r.jsx(ln, { size: 16 })
-  }, description: /* @__PURE__ */ r.jsx(vr, { title: e("filter.field.custom_default_value.tips"), color: "gray", mb: 16, children: /* @__PURE__ */ r.jsxs(ct, { size: 13, type: "ordered", children: [
-    /* @__PURE__ */ r.jsx(ct.Item, { children: e("filter.field.custom_default_value.tip_1") }),
-    /* @__PURE__ */ r.jsx(ct.Item, { children: e("filter.field.custom_default_value.tip_2") })
+  }, description: /* @__PURE__ */ r.jsx(vr, { title: e("filter.field.custom_default_value.tips"), color: "gray", mb: 16, children: /* @__PURE__ */ r.jsxs(lt, { size: 13, type: "ordered", children: [
+    /* @__PURE__ */ r.jsx(lt.Item, { children: e("filter.field.custom_default_value.tip_1") }),
+    /* @__PURE__ */ r.jsx(lt.Item, { children: e("filter.field.custom_default_value.tip_2") })
   ] }) }) });
 }), _L = z(function({
   filter: e
@@ -32894,7 +32888,7 @@ const tR = L.forwardRef(eR), nR = L.forwardRef(function({
       /* @__PURE__ */ r.jsx(aa, { label: o("panel.variable.aggregation.label"), pt: 0, value: e.aggregation, onChange: (c) => l("aggregation", c), withFallback: !0 }),
       e.aggregation.type !== "custom" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(E, { mt: "xl", mb: 0, label: o("numbro.format.label"), labelPosition: "center", variant: "dashed" }),
-        /* @__PURE__ */ r.jsx(vt, { value: e.formatter, onChange: (c) => l("formatter", c) })
+        /* @__PURE__ */ r.jsx(_t, { value: e.formatter, onChange: (c) => l("formatter", c) })
       ] })
     ] }),
     s && /* @__PURE__ */ r.jsx(qr, { variant: "contained", children: /* @__PURE__ */ r.jsxs(qr.Item, { value: "Styles", children: [
@@ -34049,14 +34043,14 @@ WHERE
   } = y(), n = C(() => k.groupBy(t.dependencies, "type"), [t.dependencies]), s = C(() => t.dependencies.some((a) => !a.valid), [t.dependencies]), i = t.dependencies.length > 0;
   return i ? /* @__PURE__ */ r.jsxs(Te, { withinPortal: !0, zIndex: 340, shadow: "md", disabled: !i, children: [
     /* @__PURE__ */ r.jsx(Te.Target, { children: /* @__PURE__ */ r.jsx(T, { size: "xs", variant: "subtle", color: s ? "red" : "green", disabled: !i, leftIcon: s ? /* @__PURE__ */ r.jsx(El, { size: 16 }) : /* @__PURE__ */ r.jsx(ep, { size: 16 }), children: e("query.dependency.label") }) }),
-    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(ct, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(ct.Item, { children: [
+    /* @__PURE__ */ r.jsx(Te.Dropdown, { children: /* @__PURE__ */ r.jsx(lt, { spacing: "md", size: 14, listStyleType: "none", children: Object.entries(n).map(([a, o]) => /* @__PURE__ */ r.jsxs(lt.Item, { children: [
       /* @__PURE__ */ r.jsx(w, { fw: "bold", ff: "monospace", children: e(`${a}.label`) }),
-      /* @__PURE__ */ r.jsx(ct, { withPadding: !0, size: 14, sx: {
+      /* @__PURE__ */ r.jsx(lt, { withPadding: !0, size: 14, sx: {
         fontFamily: "monospace",
         svg: {
           verticalAlign: "middle"
         }
-      }, children: o.map((l) => /* @__PURE__ */ r.jsx(ct.Item, { icon: /* @__PURE__ */ r.jsx(M, { sx: {
+      }, children: o.map((l) => /* @__PURE__ */ r.jsx(lt.Item, { icon: /* @__PURE__ */ r.jsx(M, { sx: {
         path: {
           fill: l.valid ? "rgb(18, 184, 134)" : "rgb(250, 82, 82)"
         }
@@ -34482,7 +34476,7 @@ WHERE
   } = y(), [s, {
     setTrue: i,
     setFalse: a
-  }] = st(), [o, l] = H(t ?? zi), c = (x) => {
+  }] = rt(), [o, l] = H(t ?? zi), c = (x) => {
     l({
       ...o,
       enabled: x
@@ -34932,7 +34926,7 @@ const qE = {
     d == null || d(v.content.filters.values);
   }, [d, v.content.filters.values]), L.useEffect(() => {
     c && v.content.filters.patchValues(c);
-  }, [c, v.content.filters.patchValues]), L.useEffect(() => tt(() => Xt(v.json), (V) => {
+  }, [c, v.content.filters.patchValues]), L.useEffect(() => dt(() => Xt(v.json), (V) => {
     o == null || o(V);
   }), [v]);
   const I = async () => {
@@ -35169,7 +35163,7 @@ const QE = ({
     f.globalSQLSnippets.replace(x);
   }, [x]), L.useEffect(() => {
     c == null || c(f.content.filters.values);
-  }, [c, f.content.filters.values]), L.useEffect(() => {
+  }, [c, f.content.filters.valuesString]), L.useEffect(() => {
     l && f.content.filters.patchValues(l);
   }, [l, f.content.filters.patchValues]), L.useEffect(() => {
     u == null || u(f.content.views.firstVisibleTabsViewActiveTab);