@devtable/dashboard 4.10.0 → 4.11.0

package/dist/dashboard.es.js

@@ -1,51 +1,51 @@
-var Pi = Object.defineProperty;
-var Ai = (t, e, n) => e in t ? Pi(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var E = (t, e, n) => (Ai(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { Box as q, Text as v, Button as F, Checkbox as He, MultiSelect as dn, Select as j, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Tt, Table as Vt, Tabs as V, Textarea as hn, AppShell as pn, Modal as Ce, Divider as ie, SimpleGrid as Li, NumberInput as Be, Menu as ue, Tooltip as qi, Paper as $i, Code as dr, Switch as Fe, useMantineTheme as Ni, ColorInput as ji, ColorSwatch as hr, Slider as zr, createStyles as mn, Popover as Kt, Accordion as P, SegmentedControl as Bi, JsonInput as Gi } from "@mantine/core";
-import { useModals as Wi, ModalsProvider as Er } from "@mantine/modals";
-import { useRequest as zt, useBoolean as mt, useCreation as Me, useAsyncEffect as ft, useLatest as pr } from "ahooks";
-import { observer as R } from "mobx-react-lite";
-import x, { forwardRef as fn, useMemo as A, useState as de, createElement as Et, useEffect as K, useCallback as Rt, useRef as Qi, useContext as Pe, createContext as Yi } from "react";
-import $, { omit as Ot, get as re, values as Or, unset as Ui, isObject as Fr, set as Mr, orderBy as Hi, last as Xi, noop as Ji, defaults as te, isEqual as Ie, defaultsDeep as Ge, findLastIndex as Ki, isEmpty as Pr, isNumber as Zi, isString as Ar, range as eo, cloneDeep as Lr, maxBy as qr, merge as $r, minBy as to, groupBy as no, template as Nr, cloneDeepWith as ro, throttle as ao } from "lodash";
+var Ai = Object.defineProperty;
+var Li = (t, e, n) => e in t ? Ai(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var E = (t, e, n) => (Li(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { Box as q, Text as v, Button as F, Checkbox as He, MultiSelect as dn, Select as j, TextInput as k, Group as g, Stack as w, ActionIcon as z, LoadingOverlay as Tt, Table as Vt, Tabs as V, Textarea as hn, AppShell as pn, Modal as Ce, Divider as ie, SimpleGrid as qi, NumberInput as Be, Menu as ue, Tooltip as $i, Paper as Ni, Code as dr, Switch as Fe, useMantineTheme as ji, ColorInput as Bi, ColorSwatch as hr, Slider as zr, createStyles as mn, Popover as Kt, Accordion as M, SegmentedControl as Gi, JsonInput as Wi } from "@mantine/core";
+import { useModals as Qi, ModalsProvider as Er } from "@mantine/modals";
+import { useRequest as zt, useBoolean as mt, useCreation as Pe, useAsyncEffect as ft, useLatest as pr } from "ahooks";
+import { observer as D } from "mobx-react-lite";
+import x, { forwardRef as fn, useMemo as A, useState as de, createElement as Et, useEffect as K, useCallback as Dt, useRef as Yi, useContext as Me, createContext as Ui } from "react";
+import $, { omit as Ot, get as re, values as Or, unset as Hi, isObject as Fr, set as Pr, orderBy as Xi, last as Ji, noop as Ki, defaults as te, isEqual as Ie, defaultsDeep as Ge, findLastIndex as Zi, isEmpty as Mr, isNumber as eo, isString as Ar, range as to, cloneDeep as Lr, maxBy as qr, merge as $r, minBy as no, groupBy as ro, template as Nr, cloneDeepWith as ao, throttle as io } from "lodash";
 import { useForm as ke, Controller as _, useFieldArray as we } from "react-hook-form";
-import { DateRangePicker as io } from "@mantine/dates";
-import { Calendar as oo, Refresh as jr, DeviceFloppy as Z, Trash as J, PlaylistAdd as Je, Recycle as Br, Settings as Gr, Filter as so, Database as lo, Share as co, Download as Wr, Code as uo, InfoCircle as ho, ArrowRight as Zt, ArrowsMaximize as po, Copy as mo, ArrowLeft as fo, ArrowsMove as go, ChevronDownRight as bo } from "tabler-icons-react";
-import vo from "axios";
+import { DateRangePicker as oo } from "@mantine/dates";
+import { Calendar as so, Refresh as jr, DeviceFloppy as Z, Trash as J, PlaylistAdd as Je, Recycle as Br, Settings as Gr, Filter as lo, Database as co, Share as uo, Download as Wr, Code as ho, InfoCircle as po, ArrowRight as Zt, ArrowsMaximize as mo, Copy as fo, ArrowLeft as go, ArrowsMove as bo, ChevronDownRight as vo } from "tabler-icons-react";
+import yo from "axios";
 import { Prism as Ne } from "@mantine/prism";
-import { cast as Ae, types as b, getRoot as mr, flow as yo, toGenerator as xo, addDisposer as Co } from "mobx-state-tree";
-import { randomId as fe, useClipboard as wo, useElementSize as rn, useInputState as Qr } from "@mantine/hooks";
+import { cast as Ae, types as b, getRoot as mr, flow as xo, toGenerator as Co, addDisposer as wo } from "mobx-state-tree";
+import { randomId as fe, useClipboard as So, useElementSize as rn, useInputState as Qr } from "@mantine/hooks";
 import Yr, { RichTextEditor as Ur } from "@mantine/rte";
 import { makeAutoObservable as gn, runInAction as ct, observable as Hr, toJS as Ft, reaction as bn } from "mobx";
 import { showNotification as vn } from "@mantine/notifications";
 import fr from "eventemitter2";
 import ht from "chroma-js";
 import ve from "numbro";
-import { quantile as So } from "d3-array";
-import { flexRender as Xr, createColumnHelper as _o, useReactTable as Io, getCoreRowModel as Ro, getSortedRowModel as Do } from "@tanstack/react-table";
-import { useVirtual as ko } from "react-virtual";
+import { quantile as _o } from "d3-array";
+import { flexRender as Xr, createColumnHelper as Io, useReactTable as Do, getCoreRowModel as Ro, getSortedRowModel as ko } from "@tanstack/react-table";
+import { useVirtual as To } from "react-virtual";
 import { useForm as yn } from "@mantine/form";
 import Le from "echarts-for-react/lib/core";
-import { SunburstChart as To, PieChart as Vo, BoxplotChart as zo, BarChart as Jr, LineChart as Kr, ScatterChart as Zr, RadarChart as Eo } from "echarts/charts";
+import { SunburstChart as Vo, PieChart as zo, BoxplotChart as Eo, BarChart as Jr, LineChart as Kr, ScatterChart as Zr, RadarChart as Oo } from "echarts/charts";
 import * as ne from "echarts/core";
 import { CanvasRenderer as qe } from "echarts/renderers";
 import "echarts-gl";
-import { GridComponent as Ke, VisualMapComponent as Oo, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as Mt, MarkLineComponent as Fo } from "echarts/components";
+import { GridComponent as Ke, VisualMapComponent as Fo, LegendComponent as Ze, TooltipComponent as et, DataZoomComponent as Pt, MarkLineComponent as Po } from "echarts/components";
 import { transform as ea } from "echarts-stat";
 import * as ze from "d3-regression";
 import Mo from "stickybits";
 import ta, { WidthProvider as na } from "react-grid-layout";
-import Po from "jszip";
-const Ao = {
+import Ao from "jszip";
+const Lo = {
   viewPanelInFullScreen: $.noop,
   inFullScreen: !1
-}, xn = x.createContext(Ao), ra = x.createContext(null), aa = ra.Provider;
+}, xn = x.createContext(Lo), ra = x.createContext(null), aa = ra.Provider;
 function ee() {
   const t = x.useContext(ra);
   if (!t)
     throw new Error("Please use ModelContextProvider");
   return t;
 }
-var it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Pt = { exports: {} }, ot = {};
+var it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Mt = { exports: {} }, ot = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -56,7 +56,7 @@ var it = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * LICENSE file in the root directory of this source tree.
  */
 var gr;
-function Lo() {
+function qo() {
   if (gr)
     return ot;
   gr = 1;
@@ -84,13 +84,13 @@ var st = {};
  * LICENSE file in the root directory of this source tree.
  */
 var br;
-function qo() {
+function $o() {
   return br || (br = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = x, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), I = Symbol.iterator, D = "@@iterator";
+    var t = x, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), I = Symbol.iterator, R = "@@iterator";
     function O(d) {
       if (d === null || typeof d != "object")
         return null;
-      var C = I && d[I] || d[D];
+      var C = I && d[I] || d[R];
       return typeof C == "function" ? C : null;
     }
     var Q = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -175,7 +175,7 @@ function qo() {
     function Xn() {
     }
     Xn.__reactDisabledLog = !0;
-    function di() {
+    function hi() {
       {
         if (Ve === 0) {
           Bn = console.log, Gn = console.info, Wn = console.warn, Qn = console.error, Yn = console.group, Un = console.groupCollapsed, Hn = console.groupEnd;
@@ -198,7 +198,7 @@ function qo() {
         Ve++;
       }
     }
-    function hi() {
+    function pi() {
       {
         if (Ve--, Ve === 0) {
           var d = {
@@ -249,8 +249,8 @@ function qo() {
     }
     var Qt = !1, xt;
     {
-      var pi = typeof WeakMap == "function" ? WeakMap : Map;
-      xt = new pi();
+      var mi = typeof WeakMap == "function" ? WeakMap : Map;
+      xt = new mi();
     }
     function Jn(d, C) {
       if (!d || Qt)
@@ -265,7 +265,7 @@ function qo() {
       var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var B;
-      B = Gt.current, Gt.current = null, di();
+      B = Gt.current, Gt.current = null, hi();
       try {
         if (C) {
           var L = function() {
@@ -300,17 +300,17 @@ function qo() {
         }
       } catch (_e) {
         if (_e && T && typeof _e.stack == "string") {
-          for (var M = _e.stack.split(`
+          for (var P = _e.stack.split(`
 `), ae = T.stack.split(`
-`), H = M.length - 1, X = ae.length - 1; H >= 1 && X >= 0 && M[H] !== ae[X]; )
+`), H = P.length - 1, X = ae.length - 1; H >= 1 && X >= 0 && P[H] !== ae[X]; )
             X--;
           for (; H >= 1 && X >= 0; H--, X--)
-            if (M[H] !== ae[X]) {
+            if (P[H] !== ae[X]) {
               if (H !== 1 || X !== 1)
                 do
-                  if (H--, X--, X < 0 || M[H] !== ae[X]) {
+                  if (H--, X--, X < 0 || P[H] !== ae[X]) {
                     var pe = `
-` + M[H].replace(" at new ", " at ");
+` + P[H].replace(" at new ", " at ");
                     return d.displayName && pe.includes("<anonymous>") && (pe = pe.replace("<anonymous>", d.displayName)), typeof d == "function" && xt.set(d, pe), pe;
                   }
                 while (H >= 1 && X >= 0);
@@ -318,15 +318,15 @@ function qo() {
             }
         }
       } finally {
-        Qt = !1, Gt.current = B, hi(), Error.prepareStackTrace = N;
+        Qt = !1, Gt.current = B, pi(), Error.prepareStackTrace = N;
       }
       var Ye = d ? d.displayName || d.name : "", ur = Ye ? yt(Ye) : "";
       return typeof d == "function" && xt.set(d, ur), ur;
     }
-    function mi(d, C, S) {
+    function fi(d, C, S) {
       return Jn(d, !1);
     }
-    function fi(d) {
+    function gi(d) {
       var C = d.prototype;
       return !!(C && C.isReactComponent);
     }
@@ -334,7 +334,7 @@ function qo() {
       if (d == null)
         return "";
       if (typeof d == "function")
-        return Jn(d, fi(d));
+        return Jn(d, gi(d));
       if (typeof d == "string")
         return yt(d);
       switch (d) {
@@ -346,7 +346,7 @@ function qo() {
       if (typeof d == "object")
         switch (d.$$typeof) {
           case u:
-            return mi(d.render);
+            return fi(d.render);
           case f:
             return Ct(d.type, C, S);
           case m: {
@@ -367,36 +367,36 @@ function qo() {
       } else
         Zn.setExtraStackFrame(null);
     }
-    function gi(d, C, S, T, N) {
+    function bi(d, C, S, T, N) {
       {
         var B = Function.call.bind(wt);
         for (var L in d)
           if (B(d, L)) {
-            var M = void 0;
+            var P = void 0;
             try {
               if (typeof d[L] != "function") {
                 var ae = Error((T || "React class") + ": " + S + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ae.name = "Invariant Violation", ae;
               }
-              M = d[L](C, L, T, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              P = d[L](C, L, T, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
-              M = H;
+              P = H;
             }
-            M && !(M instanceof Error) && (St(N), W("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", S, L, typeof M), St(null)), M instanceof Error && !(M.message in Kn) && (Kn[M.message] = !0, St(N), W("Failed %s type: %s", S, M.message), St(null));
+            P && !(P instanceof Error) && (St(N), W("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", S, L, typeof P), St(null)), P instanceof Error && !(P.message in Kn) && (Kn[P.message] = !0, St(N), W("Failed %s type: %s", S, P.message), St(null));
           }
       }
     }
-    var bi = Array.isArray;
+    var vi = Array.isArray;
     function Yt(d) {
-      return bi(d);
+      return vi(d);
     }
-    function vi(d) {
+    function yi(d) {
       {
         var C = typeof Symbol == "function" && Symbol.toStringTag, S = C && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return S;
       }
     }
-    function yi(d) {
+    function xi(d) {
       try {
         return er(d), !1;
       } catch {
@@ -407,17 +407,17 @@ function qo() {
       return "" + d;
     }
     function tr(d) {
-      if (yi(d))
-        return W("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vi(d)), er(d);
+      if (xi(d))
+        return W("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", yi(d)), er(d);
     }
-    var at = Q.ReactCurrentOwner, xi = {
+    var at = Q.ReactCurrentOwner, Ci = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, nr, rr, Ut;
     Ut = {};
-    function Ci(d) {
+    function wi(d) {
       if (wt.call(d, "ref")) {
         var C = Object.getOwnPropertyDescriptor(d, "ref").get;
         if (C && C.isReactWarning)
@@ -425,7 +425,7 @@ function qo() {
       }
       return d.ref !== void 0;
     }
-    function wi(d) {
+    function Si(d) {
       if (wt.call(d, "key")) {
         var C = Object.getOwnPropertyDescriptor(d, "key").get;
         if (C && C.isReactWarning)
@@ -433,13 +433,13 @@ function qo() {
       }
       return d.key !== void 0;
     }
-    function Si(d, C) {
+    function _i(d, C) {
       if (typeof d.ref == "string" && at.current && C && at.current.stateNode !== C) {
         var S = le(at.current.type);
         Ut[S] || (W('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', le(at.current.type), d.ref), Ut[S] = !0);
       }
     }
-    function _i(d, C) {
+    function Ii(d, C) {
       {
         var S = function() {
           nr || (nr = !0, W("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", C));
@@ -450,7 +450,7 @@ function qo() {
         });
       }
     }
-    function Ii(d, C) {
+    function Di(d, C) {
       {
         var S = function() {
           rr || (rr = !0, W("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", C));
@@ -462,7 +462,7 @@ function qo() {
       }
     }
     var Ri = function(d, C, S, T, N, B, L) {
-      var M = {
+      var P = {
         $$typeof: e,
         type: d,
         key: C,
@@ -470,39 +470,39 @@ function qo() {
         props: L,
         _owner: B
       };
-      return M._store = {}, Object.defineProperty(M._store, "validated", {
+      return P._store = {}, Object.defineProperty(P._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(M, "_self", {
+      }), Object.defineProperty(P, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: T
-      }), Object.defineProperty(M, "_source", {
+      }), Object.defineProperty(P, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: N
-      }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
+      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
     };
-    function Di(d, C, S, T, N) {
+    function ki(d, C, S, T, N) {
       {
-        var B, L = {}, M = null, ae = null;
-        S !== void 0 && (tr(S), M = "" + S), wi(C) && (tr(C.key), M = "" + C.key), Ci(C) && (ae = C.ref, Si(C, N));
+        var B, L = {}, P = null, ae = null;
+        S !== void 0 && (tr(S), P = "" + S), Si(C) && (tr(C.key), P = "" + C.key), wi(C) && (ae = C.ref, _i(C, N));
         for (B in C)
-          wt.call(C, B) && !xi.hasOwnProperty(B) && (L[B] = C[B]);
+          wt.call(C, B) && !Ci.hasOwnProperty(B) && (L[B] = C[B]);
         if (d && d.defaultProps) {
           var H = d.defaultProps;
           for (B in H)
             L[B] === void 0 && (L[B] = H[B]);
         }
-        if (M || ae) {
+        if (P || ae) {
           var X = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          M && _i(L, X), ae && Ii(L, X);
+          P && Ii(L, X), ae && Di(L, X);
         }
-        return Ri(d, M, ae, N, T, at.current, L);
+        return Ri(d, P, ae, N, T, at.current, L);
       }
     }
     var Ht = Q.ReactCurrentOwner, ar = Q.ReactDebugCurrentFrame;
@@ -530,7 +530,7 @@ Check the render method of \`` + d + "`.";
         return "";
       }
     }
-    function ki(d) {
+    function Ti(d) {
       {
         if (d !== void 0) {
           var C = d.fileName.replace(/^.*[\\\/]/, ""), S = d.lineNumber;
@@ -542,7 +542,7 @@ Check your code at ` + C + ":" + S + ".";
       }
     }
     var or = {};
-    function Ti(d) {
+    function Vi(d) {
       {
         var C = ir();
         if (!C) {
@@ -559,7 +559,7 @@ Check the top-level render call using <` + S + ">.");
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var S = Ti(C);
+        var S = Vi(C);
         if (or[S])
           return;
         or[S] = !0;
@@ -586,7 +586,7 @@ Check the top-level render call using <` + S + ">.");
         }
       }
     }
-    function Vi(d) {
+    function zi(d) {
       {
         var C = d.type;
         if (C == null || typeof C == "string")
@@ -600,7 +600,7 @@ Check the top-level render call using <` + S + ">.");
           return;
         if (S) {
           var T = le(C);
-          gi(S, d.props, "prop", T, d);
+          bi(S, d.props, "prop", T, d);
         } else if (C.PropTypes !== void 0 && !Xt) {
           Xt = !0;
           var N = le(C);
@@ -609,7 +609,7 @@ Check the top-level render call using <` + S + ">.");
         typeof C.getDefaultProps == "function" && !C.getDefaultProps.isReactClassApproved && W("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function zi(d) {
+    function Ei(d) {
       {
         for (var C = Object.keys(d.props), S = 0; S < C.length; S++) {
           var T = C[S];
@@ -625,14 +625,14 @@ Check the top-level render call using <` + S + ">.");
       {
         var L = vt(d);
         if (!L) {
-          var M = "";
-          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var ae = ki(N);
-          ae ? M += ae : M += ir();
+          var P = "";
+          (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ae = Ti(N);
+          ae ? P += ae : P += ir();
           var H;
-          d === null ? H = "null" : Yt(d) ? H = "array" : d !== void 0 && d.$$typeof === e ? (H = "<" + (le(d.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : H = typeof d, W("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, M);
+          d === null ? H = "null" : Yt(d) ? H = "array" : d !== void 0 && d.$$typeof === e ? (H = "<" + (le(d.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : H = typeof d, W("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, P);
         }
-        var X = Di(d, C, S, N, B);
+        var X = ki(d, C, S, N, B);
         if (X == null)
           return X;
         if (L) {
@@ -648,23 +648,23 @@ Check the top-level render call using <` + S + ">.");
             else
               lr(pe, d);
         }
-        return d === a ? zi(X) : Vi(X), X;
+        return d === a ? Ei(X) : zi(X), X;
       }
     }
-    function Ei(d, C, S) {
+    function Oi(d, C, S) {
       return cr(d, C, S, !0);
     }
-    function Oi(d, C, S) {
+    function Fi(d, C, S) {
       return cr(d, C, S, !1);
     }
-    var Fi = Oi, Mi = Ei;
-    st.Fragment = a, st.jsx = Fi, st.jsxs = Mi;
+    var Pi = Fi, Mi = Oi;
+    st.Fragment = a, st.jsx = Pi, st.jsxs = Mi;
   }()), st;
 }
 (function(t) {
-  process.env.NODE_ENV === "production" ? t.exports = Lo() : t.exports = qo();
-})(Pt);
-const U = Pt.exports.Fragment, r = Pt.exports.jsx, c = Pt.exports.jsxs;
+  process.env.NODE_ENV === "production" ? t.exports = qo() : t.exports = $o();
+})(Mt);
+const U = Mt.exports.Fragment, r = Mt.exports.jsx, c = Mt.exports.jsxs;
 class Xe extends x.Component {
   constructor(e) {
     super(e), this.state = {
@@ -704,7 +704,7 @@ class Xe extends x.Component {
     return this.props.children;
   }
 }
-function $o({
+function No({
   label: t,
   config: {
     default_value: e,
@@ -724,21 +724,21 @@ function $o({
     })]
   });
 }
-function No({
+function ia({
   label: t,
   config: e,
   value: n,
   onChange: a
 }) {
-  return /* @__PURE__ */ r(io, {
+  return /* @__PURE__ */ r(oo, {
     label: t,
     value: n,
     onChange: a,
-    icon: /* @__PURE__ */ r(oo, {
+    icon: /* @__PURE__ */ r(so, {
       size: 16
     }),
     sx: {
-      minWidth: "14em"
+      minWidth: "16em"
     },
     ...e
   });
@@ -759,13 +759,13 @@ function Cn(t, e) {
     throw n.length === 0 && t.includes("$") ? new Error("[formatSQL] insufficient params") : i;
   }
 }
-function ia(t, e, n) {
+function oa(t, e, n) {
   const a = e.reduce((i, o) => (i[o.key] = Cn(o.value, t), i), {});
   return $.merge({}, a, t, { filters: n });
 }
-function oa(t, e, n, a) {
+function sa(t, e, n, a) {
   try {
-    const i = ia(e, n, a);
+    const i = oa(e, n, a);
     return Cn(t, i);
   } catch (i) {
     return console.error(i), i.message;
@@ -786,7 +786,7 @@ const je = {
         params: t === "GET" ? n : a.params,
         headers: i
       };
-      return t === "POST" && (o.data = a.string ? JSON.stringify(n) : n), vo(o).then((s) => s.data).catch((s) => Promise.reject(s));
+      return t === "POST" && (o.data = a.string ? JSON.stringify(n) : n), yo(o).then((s) => s.data).catch((s) => Promise.reject(s));
     };
   }
 }, wn = ({ type: t, key: e, sql: n }) => async () => {
@@ -803,7 +803,7 @@ async function Bo({ context: t, sqlSnippets: e, title: n, query: a, filterValues
     return [];
   const { type: o, key: s, sql: l } = a, u = l.includes("$");
   try {
-    const p = ia(t, e, i), h = Cn(l, p);
+    const p = oa(t, e, i), h = Cn(l, p);
     return u && (console.groupCollapsed(`Final SQL for: ${n}`), console.log(h), console.groupEnd()), await je.getRequest("POST")("/query", { type: o, key: s, query: h });
   } catch (p) {
     return console.error(p), [];
@@ -908,13 +908,13 @@ function Uo({
         config: e
       });
     case "date-range":
-      return /* @__PURE__ */ r(No, {
+      return /* @__PURE__ */ r(ia, {
         ...a,
         ...i,
         config: e
       });
     case "checkbox":
-      return /* @__PURE__ */ r($o, {
+      return /* @__PURE__ */ r(No, {
         ...a,
         ...i,
         config: e
@@ -923,7 +923,7 @@ function Uo({
       return null;
   }
 }
-const sa = x.forwardRef(function({
+const la = x.forwardRef(function({
   filter: e,
   ...n
 }, a) {
@@ -934,7 +934,7 @@ const sa = x.forwardRef(function({
       children: Uo(e, n)
     })
   });
-}), la = R(function({
+}), ca = D(function({
   view: e
 }) {
   const n = ee(), {
@@ -961,7 +961,7 @@ const sa = x.forwardRef(function({
           control: a,
           render: ({
             field: l
-          }) => /* @__PURE__ */ r(sa, {
+          }) => /* @__PURE__ */ r(la, {
             filter: s,
             ...l
           })
@@ -984,13 +984,13 @@ const sa = x.forwardRef(function({
   freezeLayout: $.noop,
   inEditMode: !1,
   inUseMode: !0
-}, Se = x.createContext(Ho), ca = x.createContext({
+}, Se = x.createContext(Ho), ua = x.createContext({
   panel: null,
   data: [],
   loading: !1
-}), Xo = ca.Provider;
+}), Xo = ua.Provider;
 function he() {
-  const t = x.useContext(ca);
+  const t = x.useContext(ua);
   if (!t.panel)
     throw new Error("Please use PanelContextProvider");
   return t;
@@ -1007,7 +1007,7 @@ WHERE
   -- SQL snippets
   AND \${sql_snippets.author_email_condition}
   \${sql_snippets.order_by_clause}
-`, ua = R(function({
+`, da = D(function({
   showSQLSnippets: e = !0,
   sx: n = {}
 }) {
@@ -1110,7 +1110,7 @@ function Ko({
     })]
   });
 }
-const da = R(function({
+const ha = D(function({
   id: e
 }) {
   const n = ee(), {
@@ -1176,7 +1176,7 @@ const da = R(function({
   }), /* @__PURE__ */ r(v, {
     children: e
   })]
-})), ha = R(function({
+})), pa = D(function({
   value: e,
   onChange: n
 }) {
@@ -1207,17 +1207,17 @@ const da = R(function({
     }
   });
 });
-function pa({
+function ma({
   value: t
 }) {
-  const e = ee(), n = e.context.current, a = x.useMemo(() => oa(t, n, e.sqlSnippets.current, e.filters.values), [t, n, e.sqlSnippets.current, e.filters.values]);
+  const e = ee(), n = e.context.current, a = x.useMemo(() => sa(t, n, e.sqlSnippets.current, e.filters.values), [t, n, e.sqlSnippets.current, e.filters.values]);
   return /* @__PURE__ */ r(Ne, {
     language: "sql",
     colorScheme: "light",
     children: a
   });
 }
-const es = R(function({
+const es = D(function({
   queryModel: e,
   setCurrentID: n
 }) {
@@ -1278,7 +1278,7 @@ const es = R(function({
               size: 18
             })
           })
-        }), /* @__PURE__ */ r(ha, {
+        }), /* @__PURE__ */ r(pa, {
           value: {
             type: e.type,
             key: e.key
@@ -1335,14 +1335,14 @@ const es = R(function({
         }), /* @__PURE__ */ r(V.Panel, {
           value: "Preview",
           pt: "sm",
-          children: /* @__PURE__ */ r(pa, {
+          children: /* @__PURE__ */ r(ma, {
             value: e.sql
           })
         })]
       })]
     })]
   });
-}), ts = R(function({
+}), ts = D(function({
   id: e,
   setID: n
 }) {
@@ -1355,7 +1355,7 @@ const es = R(function({
   }) : null;
 });
 var xe = /* @__PURE__ */ ((t) => (t.Postgresql = "postgresql", t.MySQL = "mysql", t.HTTP = "http", t))(xe || {});
-const ns = R(function({
+const ns = D(function({
   id: e,
   setID: n
 }) {
@@ -1410,7 +1410,7 @@ const ns = R(function({
       })]
     })
   });
-}), rs = R(function() {
+}), rs = D(function() {
   const [e, n] = x.useState("");
   return /* @__PURE__ */ c(pn, {
     sx: {
@@ -1444,8 +1444,8 @@ const ns = R(function({
           id: e,
           setID: n
         })]
-      }), /* @__PURE__ */ r(ua, {})]
-    }), /* @__PURE__ */ r(da, {
+      }), /* @__PURE__ */ r(da, {})]
+    }), /* @__PURE__ */ r(ha, {
       id: e
     })]
   });
@@ -1465,7 +1465,7 @@ function as({
     })]
   });
 }
-const is = R(function() {
+const is = D(function() {
   const e = ee(), n = () => e.sqlSnippets.append(Ae({
     key: fe(),
     value: ""
@@ -1575,13 +1575,13 @@ function os() {
       grow: !0,
       align: "stretch",
       noWrap: !0,
-      children: [/* @__PURE__ */ r(is, {}), /* @__PURE__ */ r(ua, {
+      children: [/* @__PURE__ */ r(is, {}), /* @__PURE__ */ r(da, {
         showSQLSnippets: !1
       })]
     })
   });
 }
-const ss = R(function({
+const ss = D(function({
   opened: e,
   close: n
 }) {
@@ -1623,11 +1623,11 @@ const ss = R(function({
   });
 });
 var me = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(me || {});
-const ma = b.model({
+const fa = b.model({
   type: b.enumeration("DataSourceType", [xe.Postgresql, xe.MySQL, xe.HTTP]),
   key: b.string,
   sql: b.string
-}), fa = b.model("FilterConfigModel_TextInput", {
+}), ga = b.model("FilterConfigModel_TextInput", {
   required: b.boolean,
   default_value: b.string
 }).actions((t) => ({
@@ -1637,10 +1637,10 @@ const ma = b.model({
   setDefaultValue(e) {
     t.default_value = e;
   }
-})), ga = () => fa.create({
+})), ba = () => ga.create({
   required: !1,
   default_value: ""
-}), ls = R(function({
+}), ls = D(function({
   config: e
 }) {
   return /* @__PURE__ */ r(U, {
@@ -1659,7 +1659,7 @@ const ma = b.model({
 }, {
   label: "2022-01-01",
   value: "YYYY-MM-DD"
-}], us = R(function({
+}], us = D(function({
   config: e
 }) {
   return /* @__PURE__ */ c(U, {
@@ -1678,6 +1678,11 @@ const ma = b.model({
       label: "Display Format",
       value: e.inputFormat,
       onChange: e.setInputFormat
+    }), /* @__PURE__ */ r(ia, {
+      label: "Default Value",
+      config: e,
+      value: e.default_value,
+      onChange: e.setDefaultValue
     })]
   });
 });
@@ -1728,7 +1733,7 @@ function ds({
     })]
   });
 }
-const hs = R(function({
+const hs = D(function({
   query: e
 }) {
   const {
@@ -1764,13 +1769,13 @@ const hs = R(function({
       })]
     })]
   });
-}), ba = R(function({
+}), va = D(function({
   value: e,
   onChange: n
 }) {
   return /* @__PURE__ */ c(w, {
     my: 0,
-    children: [/* @__PURE__ */ r(ha, {
+    children: [/* @__PURE__ */ r(pa, {
       value: e,
       onChange: ({
         type: a,
@@ -1815,7 +1820,7 @@ const hs = R(function({
       }), /* @__PURE__ */ r(V.Panel, {
         value: "Preview",
         pt: "sm",
-        children: /* @__PURE__ */ r(pa, {
+        children: /* @__PURE__ */ r(ma, {
           value: e.sql
         })
       }), /* @__PURE__ */ r(V.Panel, {
@@ -1827,7 +1832,7 @@ const hs = R(function({
       })]
     })]
   });
-}), ps = R(function({
+}), ps = D(function({
   config: e
 }) {
   const n = () => {
@@ -1898,12 +1903,12 @@ const hs = R(function({
     }), /* @__PURE__ */ r(ie, {
       label: "Or fetch options from database",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(ba, {
+    }), /* @__PURE__ */ r(va, {
       value: e.options_query,
       onChange: e.setOptionsQuery
     })]
   });
-}), ms = R(function({
+}), ms = D(function({
   config: e
 }) {
   const n = () => {
@@ -1981,12 +1986,12 @@ const hs = R(function({
     }), /* @__PURE__ */ r(ie, {
       label: "Or fetch options from database",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(ba, {
+    }), /* @__PURE__ */ r(va, {
       value: e.options_query,
       onChange: e.setOptionsQuery
     })]
   });
-}), fs = R(function({
+}), fs = D(function({
   config: e
 }) {
   return /* @__PURE__ */ c(U, {
@@ -2002,7 +2007,7 @@ const hs = R(function({
       label: "Required"
     })]
   });
-}), gs = R(function({
+}), gs = D(function({
   filter: e
 }) {
   const n = e.config.default_value, [a, i] = x.useState(n);
@@ -2016,7 +2021,7 @@ const hs = R(function({
       pb: "md",
       color: "gray",
       children: "Preview"
-    }), /* @__PURE__ */ r(sa, {
+    }), /* @__PURE__ */ r(la, {
       filter: e,
       value: a,
       onChange: i
@@ -2053,12 +2058,12 @@ const hs = R(function({
 }, {
   label: "Date Range",
   value: "date-range"
-}], ys = R(function({
+}], ys = D(function({
   filter: e,
   index: n
 }) {
   const a = ee(), i = x.useMemo(() => bs[e.type], [e.type]);
-  return /* @__PURE__ */ c(Li, {
+  return /* @__PURE__ */ c(qi, {
     cols: 2,
     children: [/* @__PURE__ */ c(q, {
       pl: "md",
@@ -2113,7 +2118,7 @@ const hs = R(function({
     })]
   });
 });
-const xs = R(function() {
+const xs = D(function() {
   const e = ee(), n = e.filters.current, a = () => {
     const i = fe(), o = {
       id: i,
@@ -2121,7 +2126,7 @@ const xs = R(function() {
       label: i,
       order: n.length + 1,
       type: me.TextInput,
-      config: ga(),
+      config: ba(),
       visibleInViewsIDs: ["Main"]
     };
     e.filters.append(o);
@@ -2228,7 +2233,7 @@ const xs = R(function() {
       })
     })]
   });
-}), Cs = R(function({
+}), Cs = D(function({
   opened: e,
   close: n
 }) {
@@ -2251,10 +2256,10 @@ const xs = R(function() {
     children: /* @__PURE__ */ r(xs, {})
   });
 });
-var ws = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(ws || {}), Re = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t))(Re || {}), Ss = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Ss || {});
-const _s = R(() => {
+var ws = /* @__PURE__ */ ((t) => (t.Use = "use", t.Edit = "edit", t))(ws || {}), De = /* @__PURE__ */ ((t) => (t.Division = "div", t.Modal = "modal", t))(De || {}), Ss = /* @__PURE__ */ ((t) => (t.Select = "select", t.MultiSelect = "multi-select", t.TextInput = "text-input", t.Checkbox = "checkbox", t.DateRange = "date-range", t))(Ss || {});
+const _s = D(() => {
   const e = ee().views.VIE;
-  return !e || e.type !== Re.Division ? null : /* @__PURE__ */ c(w, {
+  return !e || e.type !== De.Division ? null : /* @__PURE__ */ c(w, {
     children: [/* @__PURE__ */ r(ie, {
       mt: 8,
       mb: 0,
@@ -2267,9 +2272,9 @@ const _s = R(() => {
       children: "Under construction"
     })]
   });
-}), Is = R(() => {
+}), Is = D(() => {
   const e = ee().views.VIE;
-  return !e || e.type !== Re.Modal ? null : /* @__PURE__ */ c(w, {
+  return !e || e.type !== De.Modal ? null : /* @__PURE__ */ c(w, {
     children: [/* @__PURE__ */ r(ie, {
       mt: 8,
       label: "Modal settings",
@@ -2289,15 +2294,15 @@ const _s = R(() => {
       })]
     })]
   });
-}), Rs = R(() => /* @__PURE__ */ c(U, {
+}), Ds = D(() => /* @__PURE__ */ c(U, {
   children: [/* @__PURE__ */ r(_s, {}), /* @__PURE__ */ r(Is, {})]
-})), Ds = [{
+})), Rs = [{
   label: "Division",
-  value: Re.Division
+  value: De.Division
 }, {
   label: "Modal",
-  value: Re.Modal
-}], ks = R(() => {
+  value: De.Modal
+}], ks = D(() => {
   const e = ee().views.VIE;
   return e ? /* @__PURE__ */ c(w, {
     sx: {
@@ -2313,10 +2318,10 @@ const _s = R(() => {
       label: "Type",
       value: e.type,
       onChange: e.setType,
-      data: Ds
-    }), /* @__PURE__ */ r(Rs, {})]
+      data: Rs
+    }), /* @__PURE__ */ r(Ds, {})]
   }) : null;
-}), Ts = R(({
+}), Ts = D(({
   opened: t,
   close: e
 }) => {
@@ -2395,7 +2400,7 @@ const _s = R(() => {
       children: t
     })
   })
-})), vr = "TRIGGER_TO_ADD", zs = R(({
+})), vr = "TRIGGER_TO_ADD", zs = D(({
   value: t,
   onChange: e,
   triggerAdd: n,
@@ -2451,7 +2456,7 @@ const _s = R(() => {
       })
     })]
   });
-}), Es = R(() => {
+}), Es = D(() => {
   const t = ee(), [e, n] = de(!1), a = () => {
     n(!0);
   }, i = () => {
@@ -2502,7 +2507,7 @@ function Os({
     })
   });
 }
-const va = R(function({
+const ya = D(function({
   saveChanges: e
 }) {
   const n = ee(), a = x.useCallback(() => {
@@ -2520,7 +2525,7 @@ const va = R(function({
   }, o = n.views.changed || n.sqlSnippets.changed || n.queries.changed || n.filters.changed, {
     inEditMode: s,
     inUseMode: l
-  } = x.useContext(Se), [u, p] = x.useState(!1), h = () => p(!0), f = () => p(!1), [m, y] = x.useState(!1), I = () => y(!0), D = () => y(!1), [O, Q] = x.useState(!1), W = () => Q(!0), ge = () => Q(!1);
+  } = x.useContext(Se), [u, p] = x.useState(!1), h = () => p(!0), f = () => p(!1), [m, y] = x.useState(!1), I = () => y(!0), R = () => y(!1), [O, Q] = x.useState(!1), W = () => Q(!0), ge = () => Q(!1);
   return /* @__PURE__ */ c(g, {
     position: "apart",
     pt: 0,
@@ -2544,7 +2549,7 @@ const va = R(function({
         variant: "default",
         size: "xs",
         onClick: I,
-        leftIcon: /* @__PURE__ */ r(so, {
+        leftIcon: /* @__PURE__ */ r(lo, {
           size: 20
         }),
         children: "Filters"
@@ -2552,7 +2557,7 @@ const va = R(function({
         variant: "default",
         size: "xs",
         onClick: h,
-        leftIcon: /* @__PURE__ */ r(lo, {
+        leftIcon: /* @__PURE__ */ r(co, {
           size: 20
         }),
         children: "Data Settings"
@@ -2580,7 +2585,7 @@ const va = R(function({
           children: /* @__PURE__ */ r(F, {
             variant: "default",
             size: "xs",
-            leftIcon: /* @__PURE__ */ r(co, {
+            leftIcon: /* @__PURE__ */ r(uo, {
               size: 20
             }),
             children: "Export"
@@ -2593,7 +2598,7 @@ const va = R(function({
             onClick: n.queries.downloadAllData,
             children: "Download Data"
           }), /* @__PURE__ */ r(ue.Item, {
-            icon: /* @__PURE__ */ r(uo, {
+            icon: /* @__PURE__ */ r(ho, {
               size: 14
             }),
             onClick: W,
@@ -2603,7 +2608,7 @@ const va = R(function({
       })]
     }), /* @__PURE__ */ r(Cs, {
       opened: m,
-      close: D
+      close: R
     }), /* @__PURE__ */ r(ss, {
       opened: u,
       close: f
@@ -2614,7 +2619,7 @@ const va = R(function({
     })]
   });
 });
-function ya() {
+function xa() {
   const {
     freezeLayout: t
   } = x.useContext(Se), [e, n] = x.useState(!1), {
@@ -2636,7 +2641,7 @@ function ya() {
           border: "none"
         }
       })
-    }), /* @__PURE__ */ r(qi, {
+    }), /* @__PURE__ */ r($i, {
       label: "Click to see description",
       position: "top-start",
       children: /* @__PURE__ */ r(z, {
@@ -2647,24 +2652,24 @@ function ya() {
           verticalAlign: "baseline",
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ r(ho, {
+        children: /* @__PURE__ */ r(po, {
           size: 20
         })
       })
     })]
   });
 }
-const xa = (t) => {
+const Ca = (t) => {
   const {
     title: e = "Variables",
     variables: n
-  } = t, a = wo(), i = (o) => {
+  } = t, a = So(), i = (o) => {
     a.copy(o), vn({
       color: "green",
       message: "Copied to clipboard"
     });
   };
-  return /* @__PURE__ */ c($i, {
+  return /* @__PURE__ */ c(Ni, {
     withBorder: !0,
     p: "sm",
     children: [/* @__PURE__ */ r(v, {
@@ -2713,10 +2718,10 @@ class Fs {
     this.operationId && (await this.operationManager.createOrGetOperation(this.operationId, e), await this.configOperation(this.operationId, this.variables));
   }
 }
-function Ms(t) {
+function Ps(t) {
   return !!t.operationId;
 }
-const Ps = R(({
+const Ms = D(({
   model: t,
   onClick: e
 }) => {
@@ -2727,7 +2732,7 @@ const Ps = R(({
     onClick: e,
     children: n
   });
-}), As = R(({
+}), As = D(({
   model: t
 }) => {
   const e = {
@@ -2754,7 +2759,7 @@ function Ls({
     value: t.operationSchema.id
   });
 }
-const qs = R((t) => {
+const qs = D((t) => {
   const [e, {
     setTrue: n,
     setFalse: a
@@ -2763,11 +2768,11 @@ const qs = R((t) => {
     operationId: o,
     instance: s,
     variables: l
-  } = t, u = Me(() => new Fs(i, s), [i, s]);
+  } = t, u = Pe(() => new Fs(i, s), [i, s]);
   return ft(async () => {
     await u.configOperation(o, l);
-  }, [o, u]), Ms(u) ? /* @__PURE__ */ c(U, {
-    children: [/* @__PURE__ */ r(Ps, {
+  }, [o, u]), Ps(u) ? /* @__PURE__ */ c(U, {
+    children: [/* @__PURE__ */ r(Ms, {
       model: u,
       onClick: n
     }), /* @__PURE__ */ r(Ce, {
@@ -2780,7 +2785,7 @@ const qs = R((t) => {
           model: u
         }), /* @__PURE__ */ r(As, {
           model: u
-        }), /* @__PURE__ */ r(xa, {
+        }), /* @__PURE__ */ r(Ca, {
           title: "Variables",
           variables: u.variables
         })]
@@ -2816,9 +2821,9 @@ function Ns(t) {
   return !!t.triggerId && !!t.triggerSchema;
 }
 function js(t, e) {
-  return Me(() => new $s(t, e), [t, e]);
+  return Pe(() => new $s(t, e), [t, e]);
 }
-const Bs = R(({
+const Bs = D(({
   model: t,
   onClick: e
 }) => {
@@ -2832,7 +2837,7 @@ const Bs = R(({
     onClick: e,
     children: Et(n, a)
   });
-}), Gs = R(({
+}), Gs = D(({
   model: t
 }) => {
   const e = t.schemaList, n = e.map((i) => ({
@@ -2848,7 +2853,7 @@ const Bs = R(({
     value: t.triggerSchema.id,
     onChange: a
   });
-}), Ws = R(({
+}), Ws = D(({
   model: t
 }) => {
   const e = {
@@ -2857,7 +2862,7 @@ const Bs = R(({
     sampleData: t.sampleData
   };
   return Et(t.triggerSchema.configRender, e);
-}), Qs = R((t) => {
+}), Qs = D((t) => {
   const [e, {
     setTrue: n,
     setFalse: a
@@ -2873,7 +2878,7 @@ const Bs = R(({
           model: i
         }), /* @__PURE__ */ r(Ws, {
           model: i
-        }), /* @__PURE__ */ r(xa, {
+        }), /* @__PURE__ */ r(Ca, {
           title: "Payload",
           variables: i.triggerSchema.payload
         })]
@@ -2947,14 +2952,14 @@ class Sn {
     );
   }
 }
-class Ca {
+class wa {
   constructor(e) {
     E(this, "rootRef");
     this.rootRef = Hr({ current: e });
   }
   async deleteItem(e) {
     ct(() => {
-      Ui(this.rootRef.current, [e]);
+      Hi(this.rootRef.current, [e]);
     });
   }
   getItem(e) {
@@ -2974,7 +2979,7 @@ class Ca {
         throw new Error("Cannot set root value to non-object");
     else
       ct(() => {
-        Mr(this.rootRef.current, [e], n);
+        Pr(this.rootRef.current, [e], n);
       });
     return Promise.resolve(this.getItem(e));
   }
@@ -3024,18 +3029,18 @@ class Us {
       name: e.viz.type,
       type: e.viz.type,
       messageChannels: new Ys(),
-      instanceData: new Ca(e.viz.conf)
+      instanceData: new wa(e.viz.conf)
     };
     return this.instances.set(e.id, a), a;
   }
 }
-function wa(t, e, n) {
+function Sa(t, e, n) {
   return {
     vizManager: n,
     locale: "zh",
     msgChannels: t.messageChannels,
     instanceData: t.instanceData,
-    pluginData: new Ca({}),
+    pluginData: new wa({}),
     colorPalette: {
       getColor() {
         return () => "";
@@ -3050,7 +3055,7 @@ const Hs = (t) => {
     vizManager: n,
     data: a
   } = t, i = n.resolveComponent(e.viz.type), o = n.getOrCreateInstance(e), s = {
-    ...wa(o, a, n),
+    ...Sa(o, a, n),
     viewport: {
       width: e.layout.w,
       height: e.layout.h
@@ -3068,7 +3073,7 @@ const Hs = (t) => {
     panelInfoEditor: a,
     data: i
   } = t, o = e.resolveComponent(n.viz.type), s = e.getOrCreateInstance(n), l = {
-    ...wa(s, i, e),
+    ...Sa(s, i, e),
     panelInfoEditor: a
   }, u = o.configRender;
   return /* @__PURE__ */ r(u, {
@@ -3076,7 +3081,7 @@ const Hs = (t) => {
     instance: s,
     ...Ot(t, ["panel", "vizManager", "data", "panelInfoEditor"])
   });
-}, Sa = (t, e) => {
+}, _a = (t, e) => {
   const n = ht.bezier(t), a = ht.bezier(e);
   return function(i) {
     return i < 50 ? n(i * 2 / 100).hex() : a((i - 50) * 2 / 100).hex();
@@ -3089,13 +3094,13 @@ const Hs = (t) => {
 }, Js = {
   type: "interpolation",
   displayName: "Red / Green",
-  getColor: Sa(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
+  getColor: _a(["darkred", "deeppink", "lightyellow"], ["lightyellow", "lightgreen", "teal"]),
   name: "red-green",
   category: "diverging"
 }, Ks = {
   type: "interpolation",
   displayName: "Yellow / Blue",
-  getColor: Sa(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
+  getColor: _a(["#8f531d", "#ffd347", "#e3efe3"], ["#eefaee", "#4ecbbf", "#003f94"]),
   name: "yellow-blue",
   category: "diverging"
 }, Zs = {
@@ -3122,7 +3127,7 @@ const Hs = (t) => {
   getColor: At(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, rl = "4.10.0";
+}, rl = "4.11.0";
 class al {
   constructor(e) {
     E(this, "staticColors", /* @__PURE__ */ new Map());
@@ -3200,8 +3205,8 @@ class ol {
       throw new Error(`Can not downgrade from version '${e.from}' to (${e.to})`);
     const a = this.migrations.filter(
       (s) => s.version > e.from && s.version <= e.to
-    ), i = Hi(a, "version", "asc");
-    if (((o = Xi(i)) == null ? void 0 : o.version) !== e.to)
+    ), i = Xi(a, "version", "asc");
+    if (((o = Ji(i)) == null ? void 0 : o.version) !== e.to)
       throw new Error(`Migration to version ${e.to} not found`);
     return i.reduce((s, l) => l.handler(s), n);
   }
@@ -3231,7 +3236,7 @@ const _n = {
   }), t.watchItem(e, (l) => {
     o(l);
   })));
-  const s = Rt(
+  const s = Dt(
     async (l) => {
       await t.setItem(e, l), o(l);
     },
@@ -3243,8 +3248,8 @@ const _n = {
     set: s
   };
 };
-function _a(t) {
-  const e = Qi(null);
+function Ia(t) {
+  const e = Yi(null);
   return K(() => {
     var n, a, i;
     t && ((i = (a = (n = e.current) == null ? void 0 : n.editor) == null ? void 0 : a.clipboard) == null || i.dangerouslyPasteHTML(t));
@@ -3255,12 +3260,12 @@ function sl({
 }) {
   const {
     value: e
-  } = G(t.instanceData, "config"), n = e == null ? void 0 : e.content, a = _a(n);
+  } = G(t.instanceData, "config"), n = e == null ? void 0 : e.content, a = Ia(n);
   return e != null && e.content ? /* @__PURE__ */ r(Ur, {
     ref: a,
     readOnly: !0,
     value: e.content,
-    onChange: Ji,
+    onChange: Ki,
     sx: {
       border: "none",
       ".ql-editor": {
@@ -3284,7 +3289,7 @@ function ll({
     defaultValues: a
   });
   s("content");
-  const u = l(), p = A(() => !Ie(u, e), [u, e]), h = _a(e == null ? void 0 : e.content);
+  const u = l(), p = A(() => !Ie(u, e), [u, e]), h = Ia(e == null ? void 0 : e.content);
   return /* @__PURE__ */ r(w, {
     mt: "md",
     spacing: "xs",
@@ -3423,7 +3428,7 @@ const an = fn(function({
     onChange: n,
     ...a
   });
-}), Rn = {
+}), Dn = {
   mantissa: 0,
   output: "number",
   trimMantissa: !1,
@@ -3559,7 +3564,7 @@ function pl({
     })]
   });
 }
-const Ia = x.forwardRef(pl);
+const Da = x.forwardRef(pl);
 function Lt() {
   return {
     name: fe(),
@@ -3571,7 +3576,7 @@ function Lt() {
     },
     data_field: "",
     aggregation: { type: "none", config: {} },
-    formatter: Rn
+    formatter: Dn
   };
 }
 const ml = [{
@@ -3692,7 +3697,7 @@ function vl({
     o((y) => (y.splice(m, 1), [...y]));
   }, [o]), u = x.useMemo(() => !$.isEqual(i, e), [i, e]), p = () => {
     n(i.map((m) => m.toString()));
-  }, h = Ni(), f = x.useMemo(() => Object.entries(h.colors).map(([m, y]) => y[6]), [h]);
+  }, h = ji(), f = x.useMemo(() => Object.entries(h.colors).map(([m, y]) => y[6]), [h]);
   return /* @__PURE__ */ c(U, {
     children: [/* @__PURE__ */ c(g, {
       position: "left",
@@ -3710,10 +3715,10 @@ function vl({
         })
       })]
     }), /* @__PURE__ */ c(g, {
-      children: [i.map((m, y) => /* @__PURE__ */ r(ji, {
+      children: [i.map((m, y) => /* @__PURE__ */ r(Bi, {
         value: m,
         onChange: (I) => {
-          o((D) => (D.splice(y, 1, I), [...D]));
+          o((R) => (R.splice(y, 1, I), [...R]));
         },
         swatches: f,
         rightSection: /* @__PURE__ */ r(z, {
@@ -3744,7 +3749,7 @@ function xl({
 }, n) {
   const {
     colorManager: a
-  } = Pe(Te), i = x.useMemo(() => a.getStaticColors().map((l) => ({
+  } = Me(Te), i = x.useMemo(() => a.getStaticColors().map((l) => ({
     label: l.name,
     group: l.category,
     value: l.value
@@ -3788,7 +3793,7 @@ function xl({
     })]
   });
 }
-const De = x.forwardRef(xl), _t = [{
+const Re = x.forwardRef(xl), _t = [{
   label: "initial",
   value: 0
 }, {
@@ -3942,7 +3947,7 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
         }],
         value: e.color.type,
         onChange: (s) => o("color.type", s)
-      }), i === "static" && /* @__PURE__ */ r(De, {
+      }), i === "static" && /* @__PURE__ */ r(Re, {
         value: e.color.staticColor,
         onChange: (s) => o("color.staticColor", s)
       }), i === "continuous" && /* @__PURE__ */ c(U, {
@@ -4003,7 +4008,7 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
       my: "xs",
       label: "Format",
       labelPosition: "center"
-    }), /* @__PURE__ */ r(Ia, {
+    }), /* @__PURE__ */ r(Da, {
       value: e.formatter,
       onChange: (l) => s("formatter", l)
     }), i && /* @__PURE__ */ r(Il, {
@@ -4012,11 +4017,11 @@ const _l = x.forwardRef(Sl), Il = x.forwardRef(function({
     })]
   });
 });
-function Rl(t) {
+function Dl(t) {
   const e = Array.from(t).sort((a, i) => a - i), n = Math.floor(e.length / 2);
   return e.length % 2 === 0 ? (e[n - 1] + e[n]) / 2 : e[n];
 }
-function Dn(t, e, n) {
+function Rn(t, e, n) {
   var i, o, s, l;
   const a = t.map((u) => u[e]);
   switch (n.type) {
@@ -4025,13 +4030,13 @@ function Dn(t, e, n) {
     case "mean":
       return $.mean(a);
     case "median":
-      return Rl(a);
+      return Dl(a);
     case "max":
       return (i = $.max(a)) != null ? i : 0;
     case "min":
       return (o = $.min(a)) != null ? o : 0;
     case "quantile":
-      return (s = So(a, n.config.p)) != null ? s : 0;
+      return (s = _o(a, n.config.p)) != null ? s : 0;
     default:
       return (l = t[0]) == null ? void 0 : l[e];
   }
@@ -4045,10 +4050,10 @@ process.env.NODE_ENV !== "production" && (Ra = function(t, e) {
   if (!t)
     throw new Error(e);
 });
-const Dl = (t, e, n) => Math.min(Math.max(n, t), e), Da = (t, e, n) => {
+const Rl = (t, e, n) => Math.min(Math.max(n, t), e), ka = (t, e, n) => {
   const a = e - t;
   return a === 0 ? 1 : (n - t) / a;
-}, kn = (t, e, n) => -n * t + n * e + t, ka = (t, e) => (n) => Math.max(Math.min(n, e), t), ut = (t) => t % 1 ? Number(t.toFixed(5)) : t, Dt = /(-)?([\d]*\.?[\d])+/g, on = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi, kl = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;
+}, kn = (t, e, n) => -n * t + n * e + t, Ta = (t, e) => (n) => Math.max(Math.min(n, e), t), ut = (t) => t % 1 ? Number(t.toFixed(5)) : t, Rt = /(-)?([\d]*\.?[\d])+/g, on = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi, kl = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;
 function gt(t) {
   return typeof t == "string";
 }
@@ -4056,7 +4061,7 @@ const $t = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, Ta = Object.assign(Object.assign({}, $t), { transform: ka(0, 1) });
+}, Va = Object.assign(Object.assign({}, $t), { transform: Ta(0, 1) });
 Object.assign(Object.assign({}, $t), { default: 1 });
 const Tl = (t) => ({
   test: (e) => gt(e) && e.endsWith(t) && e.split(" ").length === 1,
@@ -4064,10 +4069,10 @@ const Tl = (t) => ({
   transform: (e) => `${e}${t}`
 }), dt = Tl("%");
 Object.assign(Object.assign({}, dt), { parse: (t) => dt.parse(t) / 100, transform: (t) => dt.transform(t * 100) });
-const Tn = (t, e) => (n) => Boolean(gt(n) && kl.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), Va = (t, e, n) => (a) => {
+const Tn = (t, e) => (n) => Boolean(gt(n) && kl.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), za = (t, e, n) => (a) => {
   if (!gt(a))
     return a;
-  const [i, o, s, l] = a.match(Dt);
+  const [i, o, s, l] = a.match(Rt);
   return {
     [t]: parseFloat(i),
     [e]: parseFloat(o),
@@ -4076,12 +4081,12 @@ const Tn = (t, e) => (n) => Boolean(gt(n) && kl.test(n) && n.startsWith(t) || e
   };
 }, $e = {
   test: Tn("hsl", "hue"),
-  parse: Va("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: a = 1 }) => "hsla(" + Math.round(t) + ", " + dt.transform(ut(e)) + ", " + dt.transform(ut(n)) + ", " + ut(Ta.transform(a)) + ")"
-}, Vl = ka(0, 255), en = Object.assign(Object.assign({}, $t), { transform: (t) => Math.round(Vl(t)) }), Ee = {
+  parse: za("hue", "saturation", "lightness"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: a = 1 }) => "hsla(" + Math.round(t) + ", " + dt.transform(ut(e)) + ", " + dt.transform(ut(n)) + ", " + ut(Va.transform(a)) + ")"
+}, Vl = Ta(0, 255), en = Object.assign(Object.assign({}, $t), { transform: (t) => Math.round(Vl(t)) }), Ee = {
   test: Tn("rgb", "red"),
-  parse: Va("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: a = 1 }) => "rgba(" + en.transform(t) + ", " + en.transform(e) + ", " + en.transform(n) + ", " + ut(Ta.transform(a)) + ")"
+  parse: za("red", "green", "blue"),
+  transform: ({ red: t, green: e, blue: n, alpha: a = 1 }) => "rgba(" + en.transform(t) + ", " + en.transform(e) + ", " + en.transform(n) + ", " + ut(Va.transform(a)) + ")"
 };
 function zl(t) {
   let e = "", n = "", a = "", i = "";
@@ -4100,38 +4105,38 @@ const sn = {
   test: (t) => Ee.test(t) || sn.test(t) || $e.test(t),
   parse: (t) => Ee.test(t) ? Ee.parse(t) : $e.test(t) ? $e.parse(t) : sn.parse(t),
   transform: (t) => gt(t) ? t : t.hasOwnProperty("red") ? Ee.transform(t) : $e.transform(t)
-}, za = "${c}", Ea = "${n}";
+}, Ea = "${c}", Oa = "${n}";
 function El(t) {
   var e, n, a, i;
-  return isNaN(t) && gt(t) && ((n = (e = t.match(Dt)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((i = (a = t.match(on)) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0) > 0;
+  return isNaN(t) && gt(t) && ((n = (e = t.match(Rt)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((i = (a = t.match(on)) === null || a === void 0 ? void 0 : a.length) !== null && i !== void 0 ? i : 0) > 0;
 }
-function Oa(t) {
+function Fa(t) {
   typeof t == "number" && (t = `${t}`);
   const e = [];
   let n = 0;
   const a = t.match(on);
-  a && (n = a.length, t = t.replace(on, za), e.push(...a.map(Nt.parse)));
-  const i = t.match(Dt);
-  return i && (t = t.replace(Dt, Ea), e.push(...i.map($t.parse))), { values: e, numColors: n, tokenised: t };
+  a && (n = a.length, t = t.replace(on, Ea), e.push(...a.map(Nt.parse)));
+  const i = t.match(Rt);
+  return i && (t = t.replace(Rt, Oa), e.push(...i.map($t.parse))), { values: e, numColors: n, tokenised: t };
 }
-function Fa(t) {
-  return Oa(t).values;
+function Pa(t) {
+  return Fa(t).values;
 }
 function Ma(t) {
-  const { values: e, numColors: n, tokenised: a } = Oa(t), i = e.length;
+  const { values: e, numColors: n, tokenised: a } = Fa(t), i = e.length;
   return (o) => {
     let s = a;
     for (let l = 0; l < i; l++)
-      s = s.replace(l < n ? za : Ea, l < n ? Nt.transform(o[l]) : ut(o[l]));
+      s = s.replace(l < n ? Ea : Oa, l < n ? Nt.transform(o[l]) : ut(o[l]));
     return s;
   };
 }
 const Ol = (t) => typeof t == "number" ? 0 : t;
 function Fl(t) {
-  const e = Fa(t);
+  const e = Pa(t);
   return Ma(t)(e.map(Ol));
 }
-const Pa = { test: El, parse: Fa, createTransformer: Ma, getAnimatableNone: Fl };
+const Aa = { test: El, parse: Pa, createTransformer: Ma, getAnimatableNone: Fl };
 function tn(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
@@ -4151,10 +4156,10 @@ function yr({ hue: t, saturation: e, lightness: n, alpha: a }) {
     alpha: a
   };
 }
-const Ml = (t, e, n) => {
+const Pl = (t, e, n) => {
   const a = t * t, i = e * e;
   return Math.sqrt(Math.max(0, n * (i - a) + a));
-}, Pl = [sn, Ee, $e], xr = (t) => Pl.find((e) => e.test(t)), Cr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Aa = (t, e) => {
+}, Ml = [sn, Ee, $e], xr = (t) => Ml.find((e) => e.test(t)), Cr = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, La = (t, e) => {
   let n = xr(t), a = xr(e);
   pt(!!n, Cr(t)), pt(!!a, Cr(e));
   let i = n.parse(t), o = a.parse(e);
@@ -4162,15 +4167,15 @@ const Ml = (t, e, n) => {
   const s = Object.assign({}, i);
   return (l) => {
     for (const u in s)
-      u !== "alpha" && (s[u] = Ml(i[u], o[u], l));
+      u !== "alpha" && (s[u] = Pl(i[u], o[u], l));
     return s.alpha = kn(i.alpha, o.alpha, l), n.transform(s);
   };
-}, Al = (t) => typeof t == "number", Ll = (t, e) => (n) => e(t(n)), La = (...t) => t.reduce(Ll);
-function qa(t, e) {
-  return Al(t) ? (n) => kn(t, e, n) : Nt.test(t) ? Aa(t, e) : Na(t, e);
+}, Al = (t) => typeof t == "number", Ll = (t, e) => (n) => e(t(n)), qa = (...t) => t.reduce(Ll);
+function $a(t, e) {
+  return Al(t) ? (n) => kn(t, e, n) : Nt.test(t) ? La(t, e) : ja(t, e);
 }
-const $a = (t, e) => {
-  const n = [...t], a = n.length, i = t.map((o, s) => qa(o, e[s]));
+const Na = (t, e) => {
+  const n = [...t], a = n.length, i = t.map((o, s) => $a(o, e[s]));
   return (o) => {
     for (let s = 0; s < a; s++)
       n[s] = i[s](o);
@@ -4179,7 +4184,7 @@ const $a = (t, e) => {
 }, ql = (t, e) => {
   const n = Object.assign(Object.assign({}, t), e), a = {};
   for (const i in n)
-    t[i] !== void 0 && e[i] !== void 0 && (a[i] = qa(t[i], e[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (a[i] = $a(t[i], e[i]));
   return (i) => {
     for (const o in a)
       n[o] = a[o](i);
@@ -4187,23 +4192,23 @@ const $a = (t, e) => {
   };
 };
 function wr(t) {
-  const e = Pa.parse(t), n = e.length;
+  const e = Aa.parse(t), n = e.length;
   let a = 0, i = 0, o = 0;
   for (let s = 0; s < n; s++)
     a || typeof e[s] == "number" ? a++ : e[s].hue !== void 0 ? o++ : i++;
   return { parsed: e, numNumbers: a, numRGB: i, numHSL: o };
 }
-const Na = (t, e) => {
-  const n = Pa.createTransformer(e), a = wr(t), i = wr(e);
-  return a.numHSL === i.numHSL && a.numRGB === i.numRGB && a.numNumbers >= i.numNumbers ? La($a(a.parsed, i.parsed), n) : (Ra(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (s) => `${s > 0 ? e : t}`);
+const ja = (t, e) => {
+  const n = Aa.createTransformer(e), a = wr(t), i = wr(e);
+  return a.numHSL === i.numHSL && a.numRGB === i.numRGB && a.numNumbers >= i.numNumbers ? qa(Na(a.parsed, i.parsed), n) : (Ra(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (s) => `${s > 0 ? e : t}`);
 }, $l = (t, e) => (n) => kn(t, e, n);
 function Nl(t) {
   if (typeof t == "number")
     return $l;
   if (typeof t == "string")
-    return Nt.test(t) ? Aa : Na;
+    return Nt.test(t) ? La : ja;
   if (Array.isArray(t))
-    return $a;
+    return Na;
   if (typeof t == "object")
     return ql;
 }
@@ -4213,14 +4218,14 @@ function jl(t, e, n) {
     let l = i(t[s], t[s + 1]);
     if (e) {
       const u = Array.isArray(e) ? e[s] : e;
-      l = La(u, l);
+      l = qa(u, l);
     }
     a.push(l);
   }
   return a;
 }
 function Bl([t, e], [n]) {
-  return (a) => n(Da(t, e, a));
+  return (a) => n(ka(t, e, a));
 }
 function Gl(t, e) {
   const n = t.length, a = n - 1;
@@ -4232,7 +4237,7 @@ function Gl(t, e) {
         ;
       o = u - 1;
     }
-    const l = Da(t[o], t[o + 1], i);
+    const l = ka(t[o], t[o + 1], i);
     return e[o](l);
   };
 }
@@ -4240,7 +4245,7 @@ function Wl(t, e, { clamp: n = !0, ease: a, mixer: i } = {}) {
   const o = t.length;
   pt(o === e.length, "Both input and output ranges must be the same length"), pt(!a || !Array.isArray(a) || a.length === o - 1, "Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."), t[0] > t[o - 1] && (t = [].concat(t), e = [].concat(e), t.reverse(), e.reverse());
   const s = jl(e, a, i), l = o === 2 ? Bl(t, s) : Gl(t, s);
-  return n ? (u) => l(Dl(t[0], t[o - 1], u)) : l;
+  return n ? (u) => l(Rl(t[0], t[o - 1], u)) : l;
 }
 class Ql {
   constructor({ valueRange: e, colorRange: n }) {
@@ -4254,8 +4259,8 @@ class Ql {
 function Yl(t) {
   return t === null ? "null" : t === void 0 ? "undefined" : Array.isArray(t) ? `Array(${t.length})` : t.toString();
 }
-function ja({ data_field: t, aggregation: e }, n) {
-  return Dn(n, t, e);
+function Ba({ data_field: t, aggregation: e }, n) {
+  return Rn(n, t, e);
 }
 function jt({ formatter: t }, e) {
   return ["string", "number"].includes(typeof e) ? ve(e).format(t) : Yl(e);
@@ -4273,7 +4278,7 @@ function Hl(t, e) {
       aggregation: l,
       size: u,
       weight: p
-    } = a, h = Dn(e, s, l), f = jt(a, h);
+    } = a, h = Rn(e, s, l), f = jt(a, h);
     n[i] = /* @__PURE__ */ r(v, {
       sx: {
         fontSize: u,
@@ -4320,11 +4325,11 @@ function ln(t, e, n) {
 function Kl(t, e) {
   const n = {};
   return t.forEach((a) => {
-    const { name: i, data_field: o, aggregation: s } = a, l = Dn(e, o, s);
+    const { name: i, data_field: o, aggregation: s } = a, l = Rn(e, o, s);
     n[i] = jt(a, l);
   }), n;
 }
-function Ba(t, e, n) {
+function Ga(t, e, n) {
   const a = Kl(e, n), i = /^\{(.+)\}(.*)$/;
   return t.split("$").map((o) => {
     var p;
@@ -4532,8 +4537,8 @@ const kt = {
 }, ac = ({
   vizManager: t,
   instance: e
-}) => Me(
-  () => new Xa(e, t.resolveComponent(e.type), $n),
+}) => Pe(
+  () => new Ja(e, t.resolveComponent(e.type), $n),
   [e, t]
 ), ic = (t, e) => {
   const [n, a] = de([]);
@@ -4559,7 +4564,7 @@ class oc {
     return (o) => a * o + i;
   }
   getStepFunctionForValue(e) {
-    let n = Ki(this.steps, (a) => a.from <= e);
+    let n = Zi(this.steps, (a) => a.from <= e);
     return n = Sr(n, 0, this.steps.length - 2), this.getLinearFunction(this.steps[n], this.steps[n + 1]);
   }
   mapValue(e) {
@@ -4574,7 +4579,7 @@ function sc(t, e) {
     i = a[o], !(e.indexOf(i) >= 0) && (n[i] = t[i]);
   return n;
 }
-function Ga(t, e) {
+function Wa(t, e) {
   if (t == null)
     return {};
   var n = sc(t, e), a, i;
@@ -4587,12 +4592,12 @@ function Ga(t, e) {
 }
 var lc = ["size", "color", "stroke"];
 function cc(t) {
-  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = Ga(t, lc);
+  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = Wa(t, lc);
   return /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-arrow-down", width: n, height: n, viewBox: "0 0 24 24", strokeWidth: s, stroke: i, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", ...l, children: [/* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ r("line", { x1: 12, y1: 5, x2: 12, y2: 19 }), /* @__PURE__ */ r("line", { x1: 18, y1: 13, x2: 12, y2: 19 }), /* @__PURE__ */ r("line", { x1: 6, y1: 13, x2: 12, y2: 19 })] });
 }
 var uc = ["size", "color", "stroke"];
 function dc(t) {
-  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = Ga(t, uc);
+  var e = t.size, n = e === void 0 ? 24 : e, a = t.color, i = a === void 0 ? "currentColor" : a, o = t.stroke, s = o === void 0 ? 2 : o, l = Wa(t, uc);
   return /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-arrow-up", width: n, height: n, viewBox: "0 0 24 24", strokeWidth: s, stroke: i, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", ...l, children: [/* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ r("line", { x1: 12, y1: 5, x2: 12, y2: 19 }), /* @__PURE__ */ r("line", { x1: 18, y1: 11, x2: 12, y2: 5 }), /* @__PURE__ */ r("line", { x1: 6, y1: 11, x2: 12, y2: 5 })] });
 }
 const hc = ({
@@ -4642,7 +4647,7 @@ const hc = ({
 }, mc = {
   column: ""
 };
-function Wa(t) {
+function Qa(t) {
   const {
     value: e
   } = G(t.instanceData, "config");
@@ -4652,13 +4657,13 @@ function Wa(t) {
   })) : [];
 }
 function fc(t) {
-  return Pr(t) ? [] : Object.keys(t[0]).map((e) => ({
+  return Mr(t) ? [] : Object.keys(t[0]).map((e) => ({
     label: e,
     value: e
   }));
 }
 function gc(t) {
-  const e = Wa(t.instance), n = fc(t.sampleData), a = e.length > 0 ? e : n, {
+  const e = Qa(t.instance), n = fc(t.sampleData), a = e.length > 0 ? e : n, {
     value: i,
     set: o
   } = G(t.trigger.triggerData, "config"), {
@@ -4679,10 +4684,10 @@ function gc(t) {
   });
 }
 function bc(t, e) {
-  return t ? Zi(t.column) ? `Click cell of ${e[t.column].label}` : `Click cell of ${t.column}` : "Click cell content (click to config)";
+  return t ? eo(t.column) ? `Click cell of ${e[t.column].label}` : `Click cell of ${t.column}` : "Click cell content (click to config)";
 }
 function vc(t) {
-  const e = Wa(t.instance), {
+  const e = Qa(t.instance), {
     value: n
   } = G(t.trigger.triggerData, "config");
   return /* @__PURE__ */ r(v, {
@@ -4776,7 +4781,7 @@ function Ic(t) {
     children: e
   });
 }
-function Rc(t) {
+function Dc(t) {
   const e = ve(t.value).format({
     output: "percent",
     mantissa: 3
@@ -4786,7 +4791,7 @@ function Rc(t) {
     children: e
   });
 }
-function Dc(t) {
+function Rc(t) {
   switch (t.type) {
     case Oe.string:
       return /* @__PURE__ */ r(Sc, {
@@ -4801,7 +4806,7 @@ function Dc(t) {
         ...t
       });
     case Oe.percentage:
-      return /* @__PURE__ */ r(Rc, {
+      return /* @__PURE__ */ r(Dc, {
         ...t
       });
   }
@@ -4809,8 +4814,8 @@ function Dc(t) {
 const kc = (t) => {
   const e = ac(t), n = ic(e.triggerManager, Vn.id), {
     colorManager: a
-  } = Pe(Te);
-  return Rt((i) => new Vc(t.getColIndex, i, n, e, a), [n, e, t.getColIndex]);
+  } = Me(Te);
+  return Dt((i) => new Vc(t.getColIndex, i, n, e, a), [n, e, t.getColIndex]);
 };
 function Tc({
   context: t,
@@ -4834,12 +4839,12 @@ function Tc({
     value_field: se,
     value_type: Oe.string
   })) : l, [s, l, n]), m = kc({
-    getColIndex: Rt((se) => f.indexOf(se.column.columnDef.meta), [f]),
+    getColIndex: Dt((se) => f.indexOf(se.column.columnDef.meta), [f]),
     vizManager: t.vizManager,
     instance: e
   }), y = A(() => {
-    const se = _o(), be = f.map((ce) => se.accessor(ce.value_field, {
-      cell: (Ve) => /* @__PURE__ */ r(Dc, {
+    const se = Io(), be = f.map((ce) => se.accessor(ce.value_field, {
+      cell: (Ve) => /* @__PURE__ */ r(Rc, {
         tableCellContext: m(Ve.cell),
         value: Ve.getValue(),
         type: ce.value_type
@@ -4854,21 +4859,21 @@ function Tc({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...be];
-  }, [f, m]), [I, D] = de([]), O = Io({
+  }, [f, m]), [I, R] = de([]), O = Do({
     data: n,
     state: {
       sorting: I
     },
-    onSortingChange: D,
+    onSortingChange: R,
     columns: y,
     getCoreRowModel: Ro(),
-    getSortedRowModel: Do()
+    getSortedRowModel: ko()
   }), {
     rows: Q
-  } = O.getRowModel(), W = x.useRef(null), ge = ko({
+  } = O.getRowModel(), W = x.useRef(null), ge = To({
     parentRef: W,
     size: Q.length,
-    estimateSize: Rt(() => 28, []),
+    estimateSize: Dt(() => 28, []),
     overscan: 20
   }), {
     virtualItems: oe,
@@ -4969,7 +4974,7 @@ class Vc {
     }
   }
 }
-const Qa = mn(() => ({
+const Ya = mn(() => ({
   palette: {
     display: "flex",
     flexFlow: "row nowrap"
@@ -5041,10 +5046,10 @@ function Oc(t) {
     value: i
   } = t, {
     classes: o
-  } = Qa(), [s, l] = de(i), [u, {
+  } = Ya(), [s, l] = de(i), [u, {
     setTrue: p,
     setFalse: h
-  }] = mt(!1), f = a % 2 === 1, m = f && i != null, y = !f && i != null, I = `map ${i} to color ${a}`, D = () => {
+  }] = mt(!1), f = a % 2 === 1, m = f && i != null, y = !f && i != null, I = `map ${i} to color ${a}`, R = () => {
     l(i), h();
   }, O = () => {
     h(), e == null || e(s);
@@ -5090,7 +5095,7 @@ function Oc(t) {
             children: [/* @__PURE__ */ r(F, {
               variant: "subtle",
               size: "xs",
-              onClick: D,
+              onClick: R,
               children: "Cancel"
             }), /* @__PURE__ */ r(F, {
               "data-testid": "palette-item-ok",
@@ -5113,12 +5118,12 @@ function Oc(t) {
     })]
   });
 }
-const Fc = R(({
+const Fc = D(({
   model: t
 }) => {
   const {
     classes: e
-  } = Qa(), n = eo(0, 13, 1).map((a) => 100 / 12 * a).map((a) => [t.interpolation.getColor(a), a]);
+  } = Ya(), n = to(0, 13, 1).map((a) => 100 / 12 * a).map((a) => [t.interpolation.getColor(a), a]);
   return /* @__PURE__ */ r("div", {
     className: e.palette,
     children: n.map(([a, i], o) => /* @__PURE__ */ r(Oc, {
@@ -5128,14 +5133,14 @@ const Fc = R(({
       onChange: (s) => t.changeStep(s, i)
     }, a))
   });
-}), Mc = R(function(e) {
-  const n = Me(() => new Ec(), []);
+}), Pc = D(function(e) {
+  const n = Pe(() => new Ec(), []);
   return K(() => {
     n.fromProps(e);
   }), n.interpolation == null ? null : /* @__PURE__ */ r(Fc, {
     model: n
   });
-}), Pc = (t) => {
+}), Mc = (t) => {
   const {
     value: e,
     onChange: n,
@@ -5163,7 +5168,7 @@ const Fc = R(({
       steps: O
     }));
   }
-  const D = () => {
+  const R = () => {
     h(), s(e);
   };
   return /* @__PURE__ */ c(U, {
@@ -5183,14 +5188,14 @@ const Fc = R(({
           value: o.interpolation,
           data: f,
           onChange: m
-        }), /* @__PURE__ */ r(Mc, {
+        }), /* @__PURE__ */ r(Pc, {
           steps: o.steps,
           interpolation: l,
           onChange: I
         }), /* @__PURE__ */ c(g, {
           position: "right",
           children: [/* @__PURE__ */ r(F, {
-            onClick: D,
+            onClick: R,
             variant: "subtle",
             children: "Cancel"
           }), /* @__PURE__ */ r(F, {
@@ -5208,12 +5213,12 @@ const Fc = R(({
   from: 100,
   to: 100
 }];
-function Ya(t) {
+function Ua(t) {
   return t ? Ar(t) ? t === "none" ? "none" : "static" : "interpolation" : "none";
 }
 function qc(t, e) {
   var n;
-  return Ya(e) === "static" ? e : (n = t.getStaticColors()[0]) == null ? void 0 : n.value;
+  return Ua(e) === "static" ? e : (n = t.getStaticColors()[0]) == null ? void 0 : n.value;
 }
 function $c(t, e) {
   return Fr(e) ? e : {
@@ -5224,24 +5229,24 @@ function $c(t, e) {
 const Nc = (t) => {
   const {
     colorManager: e
-  } = Pe(Te), [n, a] = de(Ya(t.value)), [i, o] = de(qc(e, t.value)), s = pr(i), [l, u] = de($c(e, t.value)), p = pr(l);
+  } = Me(Te), [n, a] = de(Ua(t.value)), [i, o] = de(qc(e, t.value)), s = pr(i), [l, u] = de($c(e, t.value)), p = pr(l);
   return /* @__PURE__ */ c(g, {
     align: "end",
     children: [/* @__PURE__ */ r(j, {
       label: "Cell background",
       value: n || "none",
       onChange: (y) => {
-        var I, D, O;
-        a(y || "none"), y === "static" ? (I = t.onChange) == null || I.call(t, s.current) : y === "none" || !y ? (D = t.onChange) == null || D.call(t, "none") : (O = t.onChange) == null || O.call(t, p.current);
+        var I, R, O;
+        a(y || "none"), y === "static" ? (I = t.onChange) == null || I.call(t, s.current) : y === "none" || !y ? (R = t.onChange) == null || R.call(t, "none") : (O = t.onChange) == null || O.call(t, p.current);
       },
       data: Ac
-    }), n === "static" && /* @__PURE__ */ r(De, {
+    }), n === "static" && /* @__PURE__ */ r(Re, {
       value: i,
       onChange: (y) => {
         var I;
         o(y), (I = t.onChange) == null || I.call(t, y);
       }
-    }), n === "interpolation" && /* @__PURE__ */ r(Pc, {
+    }), n === "interpolation" && /* @__PURE__ */ r(Mc, {
       colorManager: e,
       value: l,
       onChange: (y) => {
@@ -5504,7 +5509,7 @@ const cn = {
   label_field: "",
   value_field: ""
 };
-ne.use([To, qe]);
+ne.use([Vo, qe]);
 const Qc = {
   tooltip: {
     show: !0
@@ -5646,7 +5651,7 @@ const Xc = {
   label_field: "",
   value_field: ""
 };
-ne.use([Vo, qe]);
+ne.use([zo, qe]);
 const Jc = {
   tooltip: {
     show: !0
@@ -5699,7 +5704,7 @@ function Kc({
     series: {
       labelLayout: function(h) {
         const f = h.labelRect.x < a / 2, m = h.labelLinePoints;
-        return Mr(m, [2, 0], f ? h.labelRect.x : h.labelRect.x + h.labelRect.width), {
+        return Pr(m, [2, 0], f ? h.labelRect.x : h.labelRect.x + h.labelRect.width), {
           labelLinePoints: m
         };
       }
@@ -5820,7 +5825,7 @@ const tu = {
     name: "Z Axis Name"
   }
 };
-ne.use([Ke, Oo, Ze, et, qe]);
+ne.use([Ke, Fo, Ze, et, qe]);
 function nu({
   context: t
 }) {
@@ -5837,10 +5842,10 @@ function nu({
     yAxis3D: p,
     zAxis3D: h
   } = te({}, e, On), f = A(() => {
-    const I = to(n, (D) => D[l]);
+    const I = no(n, (R) => R[l]);
     return re(I, l);
   }, [n, l]), m = A(() => {
-    const I = qr(n, (D) => D[l]);
+    const I = qr(n, (R) => R[l]);
     return re(I, l);
   }, [n, l]), y = {
     tooltip: {},
@@ -6066,10 +6071,10 @@ const iu = {
   variables: [],
   reference_lines: []
 };
-ne.use([Mt, zo, Fo, Ke, Ze, et, qe]);
+ne.use([Pt, Eo, Po, Ke, Ze, et, qe]);
 function ou(t, e, n) {
   const a = e.reduce((i, o) => {
-    const s = ja(o, n);
+    const s = Ba(o, n);
     return i[o.name] = jt(o, s), i;
   }, {});
   return t.map((i) => ({
@@ -6085,7 +6090,7 @@ function ou(t, e, n) {
       symbol: ["none", "none"],
       label: {
         formatter: function() {
-          return Ba(i.template, e, n);
+          return Ga(i.template, e, n);
         },
         position: "insideEndTop"
       }
@@ -6113,7 +6118,7 @@ function su({
     const y = $.groupBy(n, o.data_key);
     return {
       xAxisData: Object.keys(y),
-      boxplotData: Object.values(y).map((I) => I.map((D) => D[s.data_key]))
+      boxplotData: Object.values(y).map((I) => I.map((R) => R[s.data_key]))
     };
   }, [n, o.data_key, s.data_key]), m = {
     dataset: [{
@@ -6395,13 +6400,13 @@ function hu({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ c(P, {
+      }), /* @__PURE__ */ c(M, {
         defaultValue: "Axis",
-        children: [/* @__PURE__ */ c(P.Item, {
+        children: [/* @__PURE__ */ c(M.Item, {
           value: "Axis",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Axis"
-          }), /* @__PURE__ */ c(P.Panel, {
+          }), /* @__PURE__ */ c(M.Panel, {
             children: [/* @__PURE__ */ c(g, {
               grow: !0,
               noWrap: !0,
@@ -6464,11 +6469,11 @@ function hu({
               })]
             })]
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Style",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Style"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ c(w, {
               spacing: 4,
               children: [/* @__PURE__ */ r(v, {
@@ -6479,15 +6484,15 @@ function hu({
                 control: o,
                 render: ({
                   field: m
-                }) => /* @__PURE__ */ r(De, {
+                }) => /* @__PURE__ */ r(Re, {
                   ...m
                 })
               })]
             })
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Advanced",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: /* @__PURE__ */ c(g, {
               position: "apart",
               children: ["Advanced", /* @__PURE__ */ r(v, {
@@ -6497,7 +6502,7 @@ function hu({
                 children: "Use variables in reference lines"
               })]
             })
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ c(V, {
               defaultValue: "variables",
               children: [/* @__PURE__ */ c(V.List, {
@@ -6592,7 +6597,7 @@ function bu(t, e, n, a) {
 }
 function vu(t, e, n) {
   const a = e.reduce((i, o) => {
-    const s = ja(o, n);
+    const s = Ba(o, n);
     return i[o.name] = jt(o, s), i;
   }, {});
   return t.map((i) => ({
@@ -6610,7 +6615,7 @@ function vu(t, e, n) {
       symbol: ["none", "none"],
       label: {
         formatter: function() {
-          return Ba(i.template, e, n);
+          return Ga(i.template, e, n);
         },
         position: "insideEndTop"
       }
@@ -6633,10 +6638,10 @@ function yu({ x_axis_data_key: t }, { y_axis_data_key: e, yAxisIndex: n, label_p
   };
   if (!o)
     return m.data = h.map((I) => I[e]), m;
-  const y = no(h, o);
-  return Object.entries(y).map(([I, D]) => {
+  const y = ro(h, o);
+  return Object.entries(y).map(([I, R]) => {
     const O = Lr(m);
-    return O.data = bu(p, D, t, e), O.name = I, O.color = void 0, O;
+    return O.data = bu(p, R, t, e), O.name = I, O.color = void 0, O;
   });
 }
 function xu(t, e, n, a) {
@@ -6739,8 +6744,8 @@ function Iu(t, e) {
         return I;
       try {
         return ve(I).format(h);
-      } catch (D) {
-        return console.error(D), I;
+      } catch (R) {
+        return console.error(R), I;
       }
     }, p),
     {
@@ -6756,7 +6761,7 @@ function Iu(t, e) {
   };
   return Ge({}, u, _u);
 }
-const Mn = {
+const Pn = {
   regressions: [],
   series: [],
   stats: { templates: { bottom: "", top: "" }, variables: [] },
@@ -6765,18 +6770,18 @@ const Mn = {
   y_axes: [
     {
       name: "Y Axis",
-      label_formatter: Rn
+      label_formatter: Dn
     }
   ],
   variables: [],
   reference_lines: []
 };
-ne.use([Mt, Jr, Kr, Zr, Ke, Ze, et, qe]);
+ne.use([Pt, Jr, Kr, Zr, Ke, Ze, et, qe]);
 ne.registerTransform(ea.regression);
 function _r(t) {
   return t.trim().length > 0;
 }
-function Ru({
+function Du({
   conf: t,
   data: e,
   width: n,
@@ -6792,12 +6797,12 @@ function Ru({
     }
   });
 }
-function Du({
+function Ru({
   context: t
 }) {
   const {
     value: e
-  } = G(t.instanceData, "config"), n = A(() => te({}, e, Mn), [e]), a = t.data, {
+  } = G(t.instanceData, "config"), n = A(() => te({}, e, Pn), [e]), a = t.data, {
     width: i,
     height: o
   } = t.viewport, {
@@ -6825,7 +6830,7 @@ function Du({
       size: "xs",
       pl: "sm",
       children: Object.values(h.top).map((m) => m)
-    }), /* @__PURE__ */ r(Ru, {
+    }), /* @__PURE__ */ r(Du, {
       width: i,
       height: f,
       data: a,
@@ -7070,7 +7075,7 @@ function zu({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(De, {
+        }) => /* @__PURE__ */ r(Re, {
           ...l
         })
       })]
@@ -7201,7 +7206,7 @@ function Fu({
     })]
   });
 }
-const Mu = [{
+const Pu = [{
   label: "off",
   value: "false"
 }, {
@@ -7214,7 +7219,7 @@ const Mu = [{
   label: "end",
   value: "end"
 }];
-function Pu({
+function Mu({
   control: t,
   index: e
 }) {
@@ -7228,7 +7233,7 @@ function Pu({
         field: n
       }) => /* @__PURE__ */ r(j, {
         label: "Step",
-        data: Mu,
+        data: Pu,
         sx: {
           flexGrow: 1,
           maxWidth: "48%"
@@ -7362,7 +7367,7 @@ function $u({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(Bi, {
+        }) => /* @__PURE__ */ r(Gi, {
           data: [{
             label: "Line",
             value: "line"
@@ -7458,7 +7463,7 @@ function $u({
           ...l
         })
       })]
-    }), s === "line" && /* @__PURE__ */ r(Pu, {
+    }), s === "line" && /* @__PURE__ */ r(Mu, {
       index: e,
       control: t
     }), s === "bar" && /* @__PURE__ */ r(Fu, {
@@ -7487,7 +7492,7 @@ function $u({
         control: t,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(De, {
+        }) => /* @__PURE__ */ r(Re, {
           ...l
         })
       })]
@@ -7595,7 +7600,7 @@ function ju({
         control: t,
         render: ({
           field: a
-        }) => /* @__PURE__ */ r(Ia, {
+        }) => /* @__PURE__ */ r(Da, {
           ...a
         })
       })
@@ -7631,7 +7636,7 @@ function Bu({
     ...o[p]
   })), l = () => a({
     name: "",
-    label_formatter: Rn
+    label_formatter: Dn
   });
   return /* @__PURE__ */ c(w, {
     children: [s.map((u, p) => /* @__PURE__ */ r(ju, {
@@ -7848,7 +7853,7 @@ function Uu(t) {
     barGap: m = "0%",
     smooth: y = !1,
     step: I = !1,
-    group_by_key: D = ""
+    group_by_key: R = ""
   }) {
     return {
       type: n,
@@ -7864,7 +7869,7 @@ function Uu(t) {
       barGap: m,
       smooth: y,
       step: I,
-      group_by_key: D
+      group_by_key: R
     };
   }
   return t.map(e);
@@ -7884,16 +7889,16 @@ function Xu({
   const {
     value: e,
     set: n
-  } = G(t.instanceData, "config"), a = t.data, i = A(() => Ge({}, e, Mn), [e]), o = A(() => {
+  } = G(t.instanceData, "config"), a = t.data, i = A(() => Ge({}, e, Pn), [e]), o = A(() => {
     const {
       series: y,
       stats: I,
-      ...D
+      ...R
     } = i;
     return {
       series: Uu(y != null ? y : []),
       stats: Hu(I),
-      ...D
+      ...R
     };
   }, [i]);
   K(() => {
@@ -7937,14 +7942,14 @@ function Xu({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ c(P, {
+      }), /* @__PURE__ */ c(M, {
         multiple: !0,
         defaultValue: ["X Axis", "Y Axes"],
-        children: [/* @__PURE__ */ c(P.Item, {
+        children: [/* @__PURE__ */ c(M.Item, {
           value: "X Axis",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "X Axis"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ c(g, {
               grow: !0,
               noWrap: !0,
@@ -7977,52 +7982,52 @@ function Xu({
               })]
             })
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Y Axes",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Y Axes"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ r(Bu, {
               control: s,
               watch: u
             })
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Series",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Series"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ r(Nu, {
               control: s,
               watch: u,
               data: a
             })
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Regression Lines",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Regression Lines"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ r(Eu, {
               control: s,
               watch: u,
               data: a
             })
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Stats",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Stats"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ r(Tu, {
               control: s,
               watch: u,
               data: a
             })
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Advanced",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: /* @__PURE__ */ c(g, {
               position: "apart",
               children: ["Advanced", /* @__PURE__ */ r(v, {
@@ -8032,7 +8037,7 @@ function Xu({
                 children: "Use variables in reference lines"
               })]
             })
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ c(V, {
               defaultValue: "variables",
               children: [/* @__PURE__ */ c(V.List, {
@@ -8082,9 +8087,9 @@ const Ku = {
   displayName: "Cartesian Chart",
   migrator: new Ju(),
   name: "cartesian",
-  viewRender: Du,
+  viewRender: Ru,
   configRender: Xu,
-  createConfig: () => Mn
+  createConfig: () => Pn
 }, Zu = {
   legend: {
     show: !0,
@@ -8114,11 +8119,11 @@ function ed(t, e) {
   };
   return $.merge({}, Zu, i);
 }
-const Pn = {
+const Mn = {
   series_name_key: "name",
   dimensions: []
 };
-ne.use([Eo, Ke, Ze, et, qe]);
+ne.use([Oo, Ke, Ze, et, qe]);
 function td({
   context: t
 }) {
@@ -8127,8 +8132,8 @@ function td({
   } = G(t.instanceData, "config"), {
     width: n,
     height: a
-  } = t.viewport, i = t.data, o = A(() => ed(Ge({}, e, Pn), i), [e, i]);
-  return !n || !a || !e || Pr(e == null ? void 0 : e.dimensions) ? null : /* @__PURE__ */ r(q, {
+  } = t.viewport, i = t.data, o = A(() => ed(Ge({}, e, Mn), i), [e, i]);
+  return !n || !a || !e || Mr(e == null ? void 0 : e.dimensions) ? null : /* @__PURE__ */ r(q, {
     children: /* @__PURE__ */ r(Le, {
       echarts: ne,
       option: o,
@@ -8207,7 +8212,7 @@ function nd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(De, {
+        }) => /* @__PURE__ */ r(Re, {
           ...i
         })
       })]
@@ -8286,7 +8291,7 @@ function id({
   const e = t.data, {
     value: n,
     set: a
-  } = G(t.instanceData, "config"), i = A(() => Ge({}, n, Pn), [n]), {
+  } = G(t.instanceData, "config"), i = A(() => Ge({}, n, Mn), [n]), {
     dimensions: o,
     series_name_key: s
   } = i, l = A(() => ({
@@ -8340,7 +8345,7 @@ function id({
           name: "series_name_key",
           control: u,
           render: ({
-            field: D
+            field: R
           }) => /* @__PURE__ */ r(Y, {
             label: "Series Name Field",
             required: !0,
@@ -8348,7 +8353,7 @@ function id({
             sx: {
               flex: 1
             },
-            ...D
+            ...R
           })
         })
       }), /* @__PURE__ */ r(rd, {
@@ -8377,7 +8382,7 @@ const sd = {
   name: "radar",
   viewRender: td,
   configRender: id,
-  createConfig: () => Pn
+  createConfig: () => Mn
 };
 function ld(t, e) {
   switch (t.config.method) {
@@ -8636,7 +8641,7 @@ const An = {
     y_axis_data_key: "value"
   }
 };
-ne.use([Mt, Zr, Ke, Ze, et, qe]);
+ne.use([Pt, Zr, Ke, Ze, et, qe]);
 ne.registerTransform(ea.regression);
 function pd({
   context: t
@@ -8814,7 +8819,7 @@ function fd({
         control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(De, {
+        }) => /* @__PURE__ */ r(Re, {
           ...i
         })
       })]
@@ -8865,14 +8870,14 @@ function gd({
             size: 20
           })
         })]
-      }), /* @__PURE__ */ c(P, {
+      }), /* @__PURE__ */ c(M, {
         multiple: !0,
         defaultValue: ["Axis", "Regression"],
-        children: [/* @__PURE__ */ c(P.Item, {
+        children: [/* @__PURE__ */ c(M.Item, {
           value: "Axis",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Axis"
-          }), /* @__PURE__ */ c(P.Panel, {
+          }), /* @__PURE__ */ c(M.Panel, {
             children: [/* @__PURE__ */ c(g, {
               grow: !0,
               noWrap: !0,
@@ -8921,11 +8926,11 @@ function gd({
               })
             })]
           })]
-        }), /* @__PURE__ */ c(P.Item, {
+        }), /* @__PURE__ */ c(M.Item, {
           value: "Regression",
-          children: [/* @__PURE__ */ r(P.Control, {
+          children: [/* @__PURE__ */ r(M.Control, {
             children: "Regression Line"
-          }), /* @__PURE__ */ r(P.Panel, {
+          }), /* @__PURE__ */ r(M.Panel, {
             children: /* @__PURE__ */ r(fd, {
               control: o,
               watch: l,
@@ -8995,7 +9000,7 @@ function xd(t) {
   });
   return n.unshift(`<strong>${e[0].name}</strong>`), n.join("<br />");
 }
-ne.use([Jr, Kr, Mt, Ke, Ze, et, qe]);
+ne.use([Jr, Kr, Pt, Ke, Ze, et, qe]);
 function Cd({
   context: t
 }) {
@@ -9013,10 +9018,10 @@ function Cd({
     barData: p,
     lineData: h
   } = A(() => {
-    const m = n.map((D) => [D[o.data_key], Number(D[s])]).sort((D, O) => O[1] - D[1]), y = m.reduce((D, O) => D + O[1], 0), I = m.reduce((D, O, Q) => {
-      const W = Q === 0 ? 0 : D[Q - 1][1];
-      return D.push([O[0], W + O[1]]), D;
-    }, []).map((D) => [D[0], D[1] / y]);
+    const m = n.map((R) => [R[o.data_key], Number(R[s])]).sort((R, O) => O[1] - R[1]), y = m.reduce((R, O) => R + O[1], 0), I = m.reduce((R, O, Q) => {
+      const W = Q === 0 ? 0 : R[Q - 1][1];
+      return R.push([O[0], W + O[1]]), R;
+    }, []).map((R) => [R[0], R[1] / y]);
     return {
       barData: m,
       lineData: I
@@ -9211,7 +9216,7 @@ function wd({
             control: o,
             render: ({
               field: m
-            }) => /* @__PURE__ */ r(De, {
+            }) => /* @__PURE__ */ r(Re, {
               ...m
             })
           })]
@@ -9245,7 +9250,7 @@ function wd({
             control: o,
             render: ({
               field: m
-            }) => /* @__PURE__ */ r(De, {
+            }) => /* @__PURE__ */ r(Re, {
               ...m
             })
           })]
@@ -9320,16 +9325,16 @@ const _d = {
   value: t.value,
   type: "single",
   category: "basic"
-})), Rd = [Js, Ks, tl, el, Zs, nl], Ua = {
+})), Dd = [Js, Ks, tl, el, Zs, nl], Ha = {
   id: "dashboard",
   version: rl,
   manifest: {
     viz: [cn, rc, ul, Xc, tu, iu, mu, _d, Ku, sd, vd],
-    color: [...Id, ...Rd]
+    color: [...Id, ...Dd]
   }
-}, lt = new il(), Ha = () => {
+}, lt = new il(), Xa = () => {
   try {
-    lt.install(Ua);
+    lt.install(Ha);
   } catch {
   }
   const t = new Us(lt), e = new al(lt);
@@ -9338,12 +9343,12 @@ const _d = {
     vizManager: t,
     colorManager: e
   };
-}, Te = Yi(Ha());
+}, Te = Ui(Xa());
 try {
-  lt.install(Ua);
+  lt.install(Ha);
 } catch {
 }
-function Dd(t, e) {
+function Rd(t, e) {
   const {
     value: n,
     set: a
@@ -9363,7 +9368,7 @@ function kd(t) {
     config: e,
     setConfig: n,
     commit: a
-  } = Dd(t, {
+  } = Rd(t, {
     urlTemplate: "",
     openInNewTab: !0
   });
@@ -9394,7 +9399,7 @@ function kd(t) {
   });
 }
 function Td(t) {
-  return ro(t, (n) => {
+  return ao(t, (n) => {
     if (typeof n == "string")
       return encodeURIComponent(n);
   });
@@ -9433,13 +9438,13 @@ async function Fd(t, e) {
   const n = await e.operationData.getItem("config"), a = Nr(n.template || "");
   console.log("run with payload", t), console.log(a(t));
 }
-const Md = {
+const Pd = {
   displayName: "console.log (debug)",
   id: "builtin:op:debug",
   configRender: Od,
   run: Fd
-}, $n = [Md, zd];
-class Pd {
+}, $n = [Pd, zd];
+class Md {
   constructor(e, n = $n) {
     E(this, "attachments");
     this.operations = n;
@@ -9543,12 +9548,12 @@ class Ad {
     return await this.attachments.getInstance(e);
   }
 }
-class Xa {
+class Ja {
   constructor(e, n, a) {
     E(this, "operationManager");
     E(this, "triggerManager");
     E(this, "attachments");
-    this.operationManager = new Pd(e, a), this.triggerManager = new Ad(e, n);
+    this.operationManager = new Md(e, a), this.triggerManager = new Ad(e, n);
     const i = async (o) => {
       const { id: s, triggerRef: l, operationRef: u } = await o.getItem(null);
       return {
@@ -9603,7 +9608,7 @@ function Ld(t, e) {
     a(i);
   }, [e]), n;
 }
-const qd = R(({
+const qd = D(({
   item: t,
   manager: e,
   instance: n,
@@ -9672,10 +9677,10 @@ const qd = R(({
     data: e
   } = he(), n = t.viz, {
     vizManager: a
-  } = Pe(Te), i = t.json, o = Me(() => a.getOrCreateInstance(i), [a, n.type]), s = Me(() => new Xa(o, a.resolveComponent(n.type), $n), [o, n.type]);
+  } = Me(Te), i = t.json, o = Pe(() => a.getOrCreateInstance(i), [a, n.type]), s = Pe(() => new Ja(o, a.resolveComponent(n.type), $n), [o, n.type]);
   return K(() => o.instanceData.watchItem(
     null,
-    ao((l) => {
+    io((l) => {
       t.viz.setConf(l);
     }, 100, {
       leading: !1,
@@ -9693,7 +9698,7 @@ const qd = R(({
   return /* @__PURE__ */ r($d, {
     ...t
   });
-}, Bd = R(() => {
+}, Bd = D(() => {
   const {
     panel: t
   } = he(), [e, n] = x.useState(t.description), a = t.description !== e, i = x.useCallback(() => {
@@ -9730,7 +9735,7 @@ const qd = R(({
       p: "0"
     })]
   });
-}), Gd = R(() => {
+}), Gd = D(() => {
   const {
     panel: t
   } = he(), {
@@ -9743,7 +9748,7 @@ const qd = R(({
       onChange: (n) => e.border.setEnabled(n.currentTarget.checked)
     })
   });
-}), Wd = R(() => {
+}), Wd = D(() => {
   const {
     panel: {
       title: t,
@@ -9774,7 +9779,7 @@ const qd = R(({
           flexShrink: 0
         },
         children: [/* @__PURE__ */ r(g, {
-          children: /* @__PURE__ */ r(ya, {})
+          children: /* @__PURE__ */ r(xa, {})
         }), /* @__PURE__ */ r(g, {
           grow: !0,
           position: "center",
@@ -9798,7 +9803,7 @@ const qd = R(({
       })]
     })
   });
-}), Qd = R(() => {
+}), Qd = D(() => {
   const {
     panel: t
   } = he(), {
@@ -9869,7 +9874,7 @@ function Yd() {
     })]
   });
 }
-const Ud = R(function() {
+const Ud = D(function() {
   const e = ee(), {
     panel: {
       queryID: n,
@@ -9898,13 +9903,13 @@ const Ud = R(function() {
           flexGrow: 1
         }
       })]
-    }), /* @__PURE__ */ r(da, {
+    }), /* @__PURE__ */ r(ha, {
       id: n
     })]
   });
 });
-function Ja(t, e, n) {
-  const a = Me(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
+function Ka(t, e, n) {
+  const a = Pe(() => /* @__PURE__ */ new Set(), []), i = t.resolveComponent(e.type), [o, s] = de(!1);
   return ft(async () => {
     if (await i.migrator.needMigration(e) && !a.has(e.id))
       try {
@@ -9923,7 +9928,7 @@ function Hd({
   const {
     vizManager: n,
     panel: a
-  } = e, i = n.getOrCreateInstance(a), o = Ja(n, i, () => {
+  } = e, i = n.getOrCreateInstance(a), o = Ka(n, i, () => {
     vn({
       title: `${a.title} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
@@ -9944,7 +9949,7 @@ function Xd(t) {
     vizManager: e,
     panel: n
   } = t, a = e.getOrCreateInstance(n);
-  return Ja(e, a, () => {
+  return Ka(e, a, () => {
     vn({
       title: `${n.title} - Updated`,
       message: "Your plugin configuration has been migrated to the latest version"
@@ -9958,7 +9963,7 @@ function Xd(t) {
 function Jd(t, e) {
   const {
     vizManager: n
-  } = Pe(Te), {
+  } = Me(Te), {
     panel: {
       viz: a,
       title: i,
@@ -9986,13 +9991,13 @@ function Jd(t, e) {
     return console.info(re(h, "message")), null;
   }
 }
-function Rr(t, e, n, a) {
+function Dr(t, e, n, a) {
   switch (a.conf, a.type) {
     default:
       return null;
   }
 }
-const Kd = ["rich-text"], Ka = R(function({
+const Kd = ["rich-text"], Za = D(function({
   height: e,
   viz: n,
   data: a,
@@ -10011,10 +10016,10 @@ const Kd = ["rich-text"], Ka = R(function({
       className: "viz-root",
       ref: o,
       children: /* @__PURE__ */ r(Xe, {
-        children: Rr(s, l, a, n)
+        children: Dr(s, l, a, n)
       })
     });
-  const f = p || Rr(s, l, a, n);
+  const f = p || Dr(s, l, a, n);
   return i ? /* @__PURE__ */ r("div", {
     className: "viz-root",
     style: {
@@ -10048,7 +10053,7 @@ function Zd() {
       viz: n
     }
   } = he();
-  return /* @__PURE__ */ r(Ka, {
+  return /* @__PURE__ */ r(Za, {
     viz: n,
     data: t,
     loading: e,
@@ -10059,7 +10064,7 @@ const un = [];
 function eh() {
   const {
     vizManager: t
-  } = Pe(Te);
+  } = Me(Te);
   return A(() => t.availableVizList.map((e) => ({
     value: e.name,
     label: e.displayName
@@ -10088,7 +10093,7 @@ function nh() {
     }
   } = he(), {
     vizManager: h
-  } = Pe(Te), f = {
+  } = Me(Te), f = {
     title: n,
     description: i,
     viz: e,
@@ -10120,7 +10125,7 @@ function rh() {
     }
   } = he(), [n, a] = Qr(e.type), i = e.type !== n, {
     vizManager: o
-  } = Pe(Te), s = x.useCallback(() => {
+  } = Me(Te), s = x.useCallback(() => {
     if (!i)
       return;
     const y = th(o, n);
@@ -10152,7 +10157,7 @@ function rh() {
           size: 20
         })
       })
-    }), f, !f && /* @__PURE__ */ r(Gi, {
+    }), f, !f && /* @__PURE__ */ r(Wi, {
       minRows: 20,
       label: "Config",
       value: JSON.stringify(e.conf, null, 2),
@@ -10188,7 +10193,7 @@ function ah() {
     })]
   });
 }
-const ih = R(function({
+const ih = D(function({
   opened: e,
   close: n
 }) {
@@ -10272,10 +10277,10 @@ const ih = R(function({
       })
     })
   });
-}), oh = R(({
+}), oh = D(({
   view: t
 }) => {
-  const e = ee(), n = Wi(), [a, i] = x.useState(!1), o = () => i(!0), s = () => i(!1), {
+  const e = ee(), n = Qi(), [a, i] = x.useState(!1), o = () => i(!0), s = () => i(!1), {
     panel: l
   } = he(), {
     id: u,
@@ -10287,7 +10292,7 @@ const ih = R(function({
     inFullScreen: y
   } = x.useContext(xn), I = () => {
     t.panels.duplicateByID(u);
-  }, D = () => n.openConfirmModal({
+  }, R = () => n.openConfirmModal({
     title: "Delete this panel?",
     labels: {
       confirm: "Confirm",
@@ -10331,7 +10336,7 @@ const ih = R(function({
             children: "Download Data"
           }), !y && /* @__PURE__ */ r(ue.Item, {
             onClick: O,
-            icon: /* @__PURE__ */ r(po, {
+            icon: /* @__PURE__ */ r(mo, {
               size: 14
             }),
             children: "Full Screen"
@@ -10347,13 +10352,13 @@ const ih = R(function({
               children: "Settings"
             }), /* @__PURE__ */ r(ue.Item, {
               onClick: I,
-              icon: /* @__PURE__ */ r(mo, {
+              icon: /* @__PURE__ */ r(fo, {
                 size: 14
               }),
               children: "Duplicate"
             }), /* @__PURE__ */ r(ue.Item, {
               color: "red",
-              onClick: D,
+              onClick: R,
               icon: /* @__PURE__ */ r(J, {
                 size: 14
               }),
@@ -10368,7 +10373,7 @@ const ih = R(function({
     })]
   });
 });
-const sh = R(function() {
+const sh = D(function() {
   const {
     panel: e
   } = he(), {
@@ -10401,7 +10406,7 @@ const ch = {
   "&:hover": {
     borderColor: "#ced4da"
   }
-}, Nn = R(function({
+}, Nn = D(function({
   panel: e,
   view: n
 }) {
@@ -10430,10 +10435,10 @@ const ch = {
           height: 28,
           zIndex: 310
         },
-        children: /* @__PURE__ */ r(ya, {})
+        children: /* @__PURE__ */ r(xa, {})
       }), /* @__PURE__ */ r(oh, {
         view: n
-      }), /* @__PURE__ */ r(sh, {}), /* @__PURE__ */ r(Ka, {
+      }), /* @__PURE__ */ r(sh, {}), /* @__PURE__ */ r(Za, {
         viz: e.viz,
         data: i,
         loading: s,
@@ -10441,7 +10446,7 @@ const ch = {
       })]
     })
   });
-}), Za = R(function({
+}), ei = D(function({
   view: e,
   panel: n,
   exitFullScreen: a
@@ -10463,7 +10468,7 @@ const ch = {
         variant: "default",
         size: "sm",
         onClick: a,
-        leftIcon: /* @__PURE__ */ r(fo, {
+        leftIcon: /* @__PURE__ */ r(go, {
           size: 20
         }),
         children: "Exit fullscreen"
@@ -10482,7 +10487,7 @@ const ch = {
     })]
   });
 });
-function ei(t) {
+function ti(t) {
   const [e, n] = x.useState(null), a = x.useCallback((l) => {
     n(l);
   }, []), i = x.useCallback(() => {
@@ -10495,7 +10500,7 @@ function ei(t) {
     fullScreenPanel: o
   };
 }
-function ti() {
+function ni() {
   x.useEffect(() => {
     const t = Mo(".dashboard-sticky-area", {
       useStickyClasses: !0,
@@ -10523,7 +10528,7 @@ const dh = x.forwardRef(({
     }
   },
   variant: "transparent",
-  children: /* @__PURE__ */ r(go, {
+  children: /* @__PURE__ */ r(bo, {
     size: 16
   })
 })), hh = x.forwardRef(({
@@ -10545,10 +10550,10 @@ const dh = x.forwardRef(({
   },
   variant: "transparent",
   ...e,
-  children: /* @__PURE__ */ r(bo, {
+  children: /* @__PURE__ */ r(vo, {
     size: 16
   })
-})), ph = na(ta), mh = R(function({
+})), ph = na(ta), mh = D(function({
   view: e,
   className: n = "layout",
   rowHeight: a = 10,
@@ -10586,7 +10591,7 @@ const dh = x.forwardRef(({
       })]
     }, l.id))
   });
-}), fh = na(ta), gh = R(function({
+}), fh = na(ta), gh = D(function({
   view: e,
   className: n = "layout",
   rowHeight: a = 10
@@ -10605,11 +10610,11 @@ const dh = x.forwardRef(({
       })
     }, i.id))
   });
-}), bh = R(({
+}), bh = D(({
   children: t
 }) => /* @__PURE__ */ r(q, {
   children: t
-})), vh = R(({
+})), vh = D(({
   children: t,
   view: e
 }) => /* @__PURE__ */ r(Ce, {
@@ -10644,23 +10649,23 @@ const dh = x.forwardRef(({
   withinPortal: !1,
   transitionDuration: 0,
   children: t
-})), yh = R(({
+})), yh = D(({
   view: t,
   children: e
 }) => {
   switch (t.type) {
-    case Re.Modal:
+    case De.Modal:
       return /* @__PURE__ */ r(vh, {
         view: t,
         children: e
       });
-    case Re.Division:
+    case De.Division:
     default:
       return /* @__PURE__ */ r(bh, {
         children: e
       });
   }
-}), xh = R(function({
+}), xh = D(function({
   view: e,
   saveDashboardChanges: n
 }) {
@@ -10669,8 +10674,8 @@ const dh = x.forwardRef(({
     exitFullScreen: i,
     inFullScreen: o,
     fullScreenPanel: s
-  } = ei(e);
-  return ti(), /* @__PURE__ */ r(xn.Provider, {
+  } = ti(e);
+  return ni(), /* @__PURE__ */ r(xn.Provider, {
     value: {
       viewPanelInFullScreen: a,
       inFullScreen: o
@@ -10682,11 +10687,11 @@ const dh = x.forwardRef(({
         position: "relative",
         height: "100%"
       },
-      children: [o && /* @__PURE__ */ r(Za, {
+      children: [o && /* @__PURE__ */ r(ei, {
         view: e,
         panel: s,
         exitFullScreen: i
-      }), !o && /* @__PURE__ */ r(va, {
+      }), !o && /* @__PURE__ */ r(ya, {
         saveChanges: n
       }), /* @__PURE__ */ r(yh, {
         view: e,
@@ -10694,7 +10699,7 @@ const dh = x.forwardRef(({
           className: "dashboard-sticky-parent",
           children: [/* @__PURE__ */ r(q, {
             className: "dashboard-sticky-area",
-            children: /* @__PURE__ */ r(la, {
+            children: /* @__PURE__ */ r(ca, {
               view: e
             })
           }), /* @__PURE__ */ r(q, {
@@ -10711,7 +10716,7 @@ const dh = x.forwardRef(({
       })]
     })
   });
-}), Ch = R(function({
+}), Ch = D(function({
   view: e
 }) {
   const {
@@ -10719,8 +10724,8 @@ const dh = x.forwardRef(({
     exitFullScreen: a,
     inFullScreen: i,
     fullScreenPanel: o
-  } = ei(e);
-  return ti(), /* @__PURE__ */ r(xn.Provider, {
+  } = ti(e);
+  return ni(), /* @__PURE__ */ r(xn.Provider, {
     value: {
       viewPanelInFullScreen: n,
       inFullScreen: i
@@ -10731,15 +10736,15 @@ const dh = x.forwardRef(({
         position: "relative",
         height: "100%"
       },
-      children: [i && /* @__PURE__ */ r(Za, {
+      children: [i && /* @__PURE__ */ r(ei, {
         view: e,
         panel: o,
         exitFullScreen: a
       }), !i && /* @__PURE__ */ c(q, {
         className: "dashboard-sticky-area",
-        children: [/* @__PURE__ */ r(va, {
+        children: [/* @__PURE__ */ r(ya, {
           saveChanges: $.noop
-        }), /* @__PURE__ */ r(la, {
+        }), /* @__PURE__ */ r(ca, {
           view: e
         })]
       }), /* @__PURE__ */ r(gh, {
@@ -10747,7 +10752,7 @@ const dh = x.forwardRef(({
       })]
     })
   });
-}), ni = b.model({
+}), ri = b.model({
   label: b.string,
   value: b.string
 }).actions((t) => ({
@@ -10757,11 +10762,11 @@ const dh = x.forwardRef(({
   setValue(e) {
     t.value = e;
   }
-})), ri = b.model("FilterConfigModel_Select", {
+})), ai = b.model("FilterConfigModel_Select", {
   required: b.boolean,
   default_value: b.string,
-  static_options: b.optional(b.array(ni), []),
-  options_query: ma
+  static_options: b.optional(b.array(ri), []),
+  options_query: fa
 }).actions((t) => ({
   addStaticOption(e) {
     t.static_options.push(e);
@@ -10778,7 +10783,7 @@ const dh = x.forwardRef(({
   setOptionsQuery(e) {
     t.options_query = e;
   }
-})), wh = () => ri.create({
+})), wh = () => ai.create({
   required: !1,
   default_value: "",
   static_options: [],
@@ -10787,10 +10792,10 @@ const dh = x.forwardRef(({
     key: "",
     sql: ""
   }
-}), ai = b.model("FilterConfigModel_MultiSelect", {
+}), ii = b.model("FilterConfigModel_MultiSelect", {
   default_value: b.optional(b.array(b.string), []),
-  static_options: b.optional(b.array(ni), []),
-  options_query: ma
+  static_options: b.optional(b.array(ri), []),
+  options_query: fa
 }).actions((t) => ({
   addStaticOption(e) {
     t.static_options.push(e);
@@ -10804,7 +10809,7 @@ const dh = x.forwardRef(({
   setOptionsQuery(e) {
     t.options_query = e;
   }
-})), Sh = () => ai.create({
+})), Sh = () => ii.create({
   default_value: [],
   static_options: [],
   options_query: {
@@ -10812,17 +10817,18 @@ const dh = x.forwardRef(({
     key: "",
     sql: ""
   }
-}), ii = b.model("FilterConfigModel_Checkbox", {
+}), oi = b.model("FilterConfigModel_Checkbox", {
   default_value: b.boolean
 }).actions((t) => ({
   setDefaultValue(e) {
     t.default_value = e;
   }
-})), _h = () => ii.create({
+})), _h = () => oi.create({
   default_value: !1
-}), oi = b.model("FilterConfigModel_DateRange", {
+}), Ih = b.model("FilterConfigModel_DateRange", {
   required: b.boolean,
   inputFormat: b.enumeration("DateRangeInputFormat", ["YYYY", "YYYY-MM", "YYYY-MM-DD"]),
+  default_value: b.optional(b.array(b.union(b.Date, b.null)), [null, null]),
   clearable: b.boolean
 }).actions((t) => ({
   setRequired(e) {
@@ -10833,12 +10839,29 @@ const dh = x.forwardRef(({
   },
   setInputFormat(e) {
     t.inputFormat = e;
+  },
+  setDefaultValue(e) {
+    t.default_value.length = 0, t.default_value.push(...e);
   }
-})), Ih = () => oi.create({
+})), si = b.snapshotProcessor(Ih, {
+  preProcessor({ default_value: t, ...e }) {
+    return {
+      ...e,
+      default_value: t.map((n) => n === null ? null : new Date(n))
+    };
+  },
+  postProcessor({ default_value: t, ...e }) {
+    return {
+      ...e,
+      default_value: t.map((n) => typeof n == "number" ? new Date(n).toISOString() : "")
+    };
+  }
+}), Dh = () => si.create({
   required: !1,
   inputFormat: "YYYY-MM-DD",
-  clearable: !1
-}), Dr = b.model("FilterModel", {
+  clearable: !1,
+  default_value: [null, null]
+}), Rr = b.model("FilterModel", {
   id: b.identifier,
   key: b.string,
   label: b.string,
@@ -10852,11 +10875,11 @@ const dh = x.forwardRef(({
     me.DateRange
   ]),
   config: b.union(
-    ri,
     ai,
-    fa,
     ii,
-    oi
+    ga,
+    oi,
+    si
   )
 }).actions((t) => ({
   setKey(e) {
@@ -10877,23 +10900,23 @@ const dh = x.forwardRef(({
         t.config = Sh();
         break;
       case me.TextInput:
-        t.config = ga();
+        t.config = ba();
         break;
       case me.Checkbox:
         t.config = _h();
         break;
       case me.DateRange:
-        t.config = Ih();
+        t.config = Dh();
         break;
     }
     t.type = e;
   },
   setVisibleInViewsIDs(e) {
-    console.log(e), t.visibleInViewsIDs.length = 0, t.visibleInViewsIDs.push(...e);
+    t.visibleInViewsIDs.length = 0, t.visibleInViewsIDs.push(...e);
   }
 })), Rh = b.model("FiltersModel", {
-  original: b.optional(b.array(Dr), []),
-  current: b.optional(b.array(Dr), []),
+  original: b.optional(b.array(Rr), []),
+  current: b.optional(b.array(Rr), []),
   values: b.optional(b.frozen(), {})
 }).views((t) => ({
   get changed() {
@@ -10938,11 +10961,14 @@ const dh = x.forwardRef(({
     return t.values[e];
   }
 }));
-function Dh(t) {
-  const e = t.reduce((n, a) => {
-    var i;
-    return n[a.key] = (i = a.config.default_value) != null ? i : "", n;
-  }, {});
+function kh(t) {
+  return t === void 0 ? t : Array.isArray(t) ? t.map((e) => {
+    const n = new Date(e);
+    return n != null ? n : e;
+  }) : t;
+}
+function Th(t) {
+  const e = t.reduce((n, a) => (n[a.key] = kh(a.config.default_value), n), {});
   return {
     original: t,
     current: t,
@@ -11004,12 +11030,12 @@ var jn = { exports: {} };
     } : function(p, h, f, m) {
       if (m = m || open("", "_blank"), m && (m.document.title = m.document.body.innerText = "downloading..."), typeof p == "string")
         return a(p, h, f);
-      var y = p.type === "application/octet-stream", I = /constructor/i.test(s.HTMLElement) || s.safari, D = /CriOS\/[\d]+/.test(navigator.userAgent);
-      if ((D || y && I || l) && typeof FileReader < "u") {
+      var y = p.type === "application/octet-stream", I = /constructor/i.test(s.HTMLElement) || s.safari, R = /CriOS\/[\d]+/.test(navigator.userAgent);
+      if ((R || y && I || l) && typeof FileReader < "u") {
         var O = new FileReader();
         O.onloadend = function() {
           var ge = O.result;
-          ge = D ? ge : ge.replace(/^data:[^;]*;/, "data:attachment/file;"), m ? m.location.href = ge : location = ge, m = null;
+          ge = R ? ge : ge.replace(/^data:[^;]*;/, "data:attachment/file;"), m ? m.location.href = ge : location = ge, m = null;
         }, O.readAsDataURL(p);
       } else {
         var Q = s.URL || s.webkitURL, W = Q.createObjectURL(p);
@@ -11021,19 +11047,19 @@ var jn = { exports: {} };
     s.saveAs = u.saveAs = u, t.exports = u;
   });
 })(jn);
-function kh(t, e) {
+function Vh(t, e) {
   const n = new Blob([e], { type: "text/csv" });
   jn.exports.saveAs(n, `${t}.csv`);
 }
-function Th(t) {
-  const e = new Po();
+function zh(t) {
+  const e = new Ao();
   t.forEach(({ id: n, data: a }) => {
-    e.file(`${n}.csv`, si(a));
+    e.file(`${n}.csv`, li(a));
   }), e.generateAsync({ type: "blob" }).then((n) => {
     jn.exports.saveAs(n, "dashboard_data.zip");
   });
 }
-function si(t) {
+function li(t) {
   if (!Array.isArray(t) || t.length === 0)
     return "";
   const e = [], n = Object.keys(t[0]);
@@ -11043,7 +11069,7 @@ function si(t) {
   }), e.join(`
 `);
 }
-const li = b.model("QueryModel", {
+const ci = b.model("QueryModel", {
   id: b.string,
   type: b.enumeration("DataSourceType", [xe.Postgresql, xe.MySQL, xe.HTTP]),
   key: b.string,
@@ -11056,9 +11082,9 @@ const li = b.model("QueryModel", {
     const { id: e, type: n, key: a, sql: i } = t;
     return { id: e, type: n, key: a, sql: i };
   }
-})), Vh = b.compose(
+})), Eh = b.compose(
   "QueryModel",
-  li,
+  ci,
   b.model({
     state: b.optional(b.enumeration(["idle", "loading", "error"]), "idle"),
     data: b.optional(b.array(b.frozen()), []),
@@ -11067,7 +11093,7 @@ const li = b.model("QueryModel", {
 ).views((t) => ({
   get formattedSQL() {
     const { context: e, sqlSnippets: n, filterValues: a } = mr(t).payloadForSQL;
-    return oa(t.sql, e, n, a);
+    return sa(t.sql, e, n, a);
   }
 })).actions((t) => ({
   setID(e) {
@@ -11082,12 +11108,12 @@ const li = b.model("QueryModel", {
   setSQL(e) {
     t.sql = e;
   },
-  fetchData: yo(function* () {
+  fetchData: xo(function* () {
     if (!!t.valid) {
       t.state = "loading";
       try {
         const e = t.id, { context: n, sqlSnippets: a, filterValues: i } = mr(t).payloadForSQL;
-        t.data = yield* xo(
+        t.data = yield* Co(
           Bo({
             context: n,
             sqlSnippets: a,
@@ -11107,7 +11133,7 @@ const li = b.model("QueryModel", {
   })
 })).actions((t) => ({
   afterCreate() {
-    Co(
+    wo(
       t,
       bn(() => `${t.id}--${t.key}--${t.type}--${t.formattedSQL}`, t.fetchData, {
         fireImmediately: !0,
@@ -11115,9 +11141,9 @@ const li = b.model("QueryModel", {
       })
     );
   }
-})), zh = b.model("QueriesModel", {
-  original: b.optional(b.array(li), []),
-  current: b.optional(b.array(Vh), [])
+})), Oh = b.model("QueriesModel", {
+  original: b.optional(b.array(ci), []),
+  current: b.optional(b.array(Eh), [])
 }).views((t) => ({
   get changed() {
     return t.original.length !== t.current.length ? !0 : t.original.some((e, n) => !$.isEqual(e.configurations, t.current[n].configurations));
@@ -11162,7 +11188,7 @@ const li = b.model("QueryModel", {
       id: n,
       data: a.toJSON()
     }));
-    Th(e);
+    zh(e);
   },
   downloadDataByQueryID(e) {
     const n = t.findByID(e);
@@ -11170,8 +11196,8 @@ const li = b.model("QueryModel", {
       console.log(`[downloadDataByQueryID] query by ID[${e}] not found`);
       return;
     }
-    const { id: a, data: i } = n, o = si(i);
-    kh(a, o);
+    const { id: a, data: i } = n, o = li(i);
+    Vh(a, o);
   },
   refetchDataByQueryID(e) {
     const n = t.findByID(e);
@@ -11191,7 +11217,7 @@ const li = b.model("QueryModel", {
   setValue(e) {
     t.value = e;
   }
-})), Eh = b.model("SQLSnippetsModel", {
+})), Fh = b.model("SQLSnippetsModel", {
   original: b.optional(b.array(kr), []),
   current: b.optional(b.array(kr), [])
 }).views((t) => ({
@@ -11214,7 +11240,7 @@ const li = b.model("QueryModel", {
   replaceByIndex(e, n) {
     t.current.splice(e, 1, n);
   }
-})), Oh = b.model("ContextModel", {
+})), Ph = b.model("ContextModel", {
   current: b.optional(b.frozen(), {})
 }).views((t) => ({
   get keys() {
@@ -11233,7 +11259,7 @@ const li = b.model("QueryModel", {
   set(e, n) {
     t.current[e] = n;
   }
-})), Fh = b.model("PanelLayoutModel", {
+})), Mh = b.model("PanelLayoutModel", {
   x: b.number,
   y: b.number,
   w: b.number,
@@ -11257,7 +11283,7 @@ const li = b.model("QueryModel", {
     const { x: n, y: a, w: i, h: o, moved: s } = e;
     t.x = n, t.y = a, t.w = i, t.h = o, t.moved = !!s, t.static = !!e.static;
   }
-})), Mh = b.model("PanelStyleBorderModel", {
+})), Ah = b.model("PanelStyleBorderModel", {
   enabled: b.boolean
 }).views((t) => ({
   get json() {
@@ -11270,8 +11296,8 @@ const li = b.model("QueryModel", {
   setEnabled(e) {
     t.enabled = e;
   }
-})), Ph = b.model("PanelStyleModel", {
-  border: Mh
+})), Lh = b.model("PanelStyleModel", {
+  border: Ah
 }).views((t) => ({
   get json() {
     const { border: e } = t;
@@ -11279,7 +11305,7 @@ const li = b.model("QueryModel", {
       border: e.json
     };
   }
-})).actions((t) => ({})), Ah = b.model("PanelVizModel", {
+})).actions((t) => ({})), qh = b.model("PanelVizModel", {
   type: b.string,
   conf: b.frozen()
 }).views((t) => ({
@@ -11300,10 +11326,10 @@ const li = b.model("QueryModel", {
   id: b.string,
   title: b.string,
   description: b.string,
-  layout: Fh,
+  layout: Mh,
   queryID: b.string,
-  viz: Ah,
-  style: Ph
+  viz: qh,
+  style: Lh
 }).views((t) => ({
   get json() {
     const { id: e, title: n, description: a, queryID: i } = t;
@@ -11330,7 +11356,7 @@ const li = b.model("QueryModel", {
   setQueryID(e) {
     t.queryID = e;
   }
-})).actions((t) => ({})), Lh = b.model("PanelsModel", {
+})).actions((t) => ({})), $h = b.model("PanelsModel", {
   original: b.optional(b.array(Tr), []),
   current: b.optional(b.array(Tr), [])
 }).views((t) => ({
@@ -11418,7 +11444,7 @@ const li = b.model("QueryModel", {
   name: b.string,
   type: b.string,
   config: b.frozen(),
-  panels: Lh
+  panels: $h
 }).views((t) => ({
   get json() {
     const { id: e, name: n, type: a, config: i } = t;
@@ -11435,7 +11461,7 @@ const li = b.model("QueryModel", {
     t.name = e;
   },
   setType(e) {
-    t.type !== e && (e === Re.Modal ? t.config = {
+    t.type !== e && (e === De.Modal ? t.config = {
       width: "600px",
       height: "400px"
     } : t.config = {}, t.type = e);
@@ -11449,7 +11475,7 @@ const li = b.model("QueryModel", {
       [e]: n
     };
   }
-})).actions((t) => ({})), ci = b.model("ViewsModel", {
+})).actions((t) => ({})), ui = b.model("ViewsModel", {
   original: b.optional(b.array(Vr), []),
   current: b.optional(b.array(Vr), []),
   visibleViewIDs: b.array(b.string),
@@ -11530,7 +11556,7 @@ const li = b.model("QueryModel", {
 })).actions((t) => ({
   addARandomNewView() {
     const e = fe();
-    t.addANewView(e, Re.Division, {}), t.setIDOfVIE(e);
+    t.addANewView(e, De.Division, {}), t.setIDOfVIE(e);
   },
   removeVIE() {
     t.current.length !== 1 && (t.removeByID(t.idOfVIE), t.setIDOfVIE(t.current[0].id));
@@ -11540,7 +11566,7 @@ const li = b.model("QueryModel", {
     n !== -1 && t.visibleViewIDs.splice(n, 1);
   }
 }));
-function qh(t) {
+function Nh(t) {
   const e = t.length > 0 ? [t[0].id] : [], n = t.length > 0 ? t[0].id : "", a = t.map((i) => ({
     ...i,
     panels: {
@@ -11548,21 +11574,21 @@ function qh(t) {
       current: i.panels
     }
   }));
-  return ci.create({
+  return ui.create({
     original: a,
     current: a,
     visibleViewIDs: e,
     idOfVIE: n
   });
 }
-const $h = b.model({
+const jh = b.model({
   id: b.identifier,
   name: b.string,
   filters: Rh,
-  queries: zh,
-  sqlSnippets: Eh,
-  views: ci,
-  context: Oh
+  queries: Oh,
+  sqlSnippets: Fh,
+  views: ui,
+  context: Ph
 }).views((t) => ({
   get payloadForSQL() {
     return {
@@ -11595,11 +11621,11 @@ const $h = b.model({
     return (a = (n = t.queries.findByID(e)) == null ? void 0 : n.error) != null ? a : [];
   }
 }));
-function ui({ id: t, name: e, filters: n, views: a, definition: { queries: i, sqlSnippets: o } }, s) {
-  return $h.create({
+function di({ id: t, name: e, filters: n, views: a, definition: { queries: i, sqlSnippets: o } }, s) {
+  return jh.create({
     id: t,
     name: e,
-    filters: Dh(n),
+    filters: Th(n),
     queries: {
       original: i,
       current: i
@@ -11609,10 +11635,10 @@ function ui({ id: t, name: e, filters: n, views: a, definition: { queries: i, sq
       current: o
     },
     context: s,
-    views: qh(a)
+    views: Nh(a)
   });
 }
-const xp = R(function({
+const wp = D(function({
   context: e,
   dashboard: n,
   update: a,
@@ -11620,7 +11646,7 @@ const xp = R(function({
   config: o
 }) {
   je.baseURL !== o.apiBaseURL && (je.baseURL = o.apiBaseURL);
-  const [s, l] = x.useState(!1), u = x.useMemo(() => ui(n, e), [n]);
+  const [s, l] = x.useState(!1), u = x.useMemo(() => di(n, e), [n]);
   x.useEffect(() => {
     u.context.replace(e);
   }, [e]);
@@ -11635,7 +11661,7 @@ const xp = R(function({
       }
     };
     await a(I);
-  }, h = Me(Ha, []);
+  }, h = Pe(Xa, []);
   return /* @__PURE__ */ r(Er, {
     children: /* @__PURE__ */ r(aa, {
       value: u,
@@ -11663,14 +11689,14 @@ const xp = R(function({
     })
   });
 });
-function Cp({
+function Sp({
   context: t,
   dashboard: e,
   className: n = "dashboard",
   config: a
 }) {
   je.baseURL !== a.apiBaseURL && (je.baseURL = a.apiBaseURL);
-  const i = x.useMemo(() => ui(e, t), [e]);
+  const i = x.useMemo(() => di(e, t), [e]);
   return x.useEffect(() => {
     i.context.replace(t);
   }, [t]), /* @__PURE__ */ r(Er, {
@@ -11694,29 +11720,29 @@ function Cp({
   });
 }
 export {
-  Oh as ContextModel,
-  xp as Dashboard,
+  Ph as ContextModel,
+  wp as Dashboard,
   Ss as DashboardFilterType,
   ws as DashboardMode,
-  Re as EViewComponentType,
-  Dr as FilterModel,
+  De as EViewComponentType,
+  Rr as FilterModel,
   Rh as FiltersModel,
   Se as LayoutStateContext,
   xh as MainDashboardView,
   aa as ModelContextProvider,
   Nn as Panel,
   Xo as PanelContextProvider,
-  zh as QueriesModel,
-  Vh as QueryModel,
-  Cp as ReadOnlyDashboard,
+  Oh as QueriesModel,
+  Eh as QueryModel,
+  Sp as ReadOnlyDashboard,
   Ch as ReadOnlyDashboardView,
   kr as SQLSnippetModel,
-  Eh as SQLSnippetsModel,
+  Fh as SQLSnippetsModel,
   Vr as ViewModel,
-  ci as ViewsModel,
-  ui as createDashboardModel,
-  qh as createDashboardViewsModel,
-  Dh as getInitialFiltersPayload,
+  ui as ViewsModel,
+  di as createDashboardModel,
+  Nh as createDashboardViewsModel,
+  Th as getInitialFiltersPayload,
   ee as useModelContext,
   he as usePanelContext
 };