@devtable/dashboard 10.13.1 → 10.13.3

package/dist/dashboard.es.js

@@ -2,14 +2,14 @@ var Bu = Object.defineProperty;
 var qu = (e, t, n) => t in e ? Bu(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var H = (e, t, n) => (qu(e, typeof t != "symbol" ? t + "" : t, n), n);
 import R, { useState as K, useEffect as W, useCallback as ot, useMemo as z, forwardRef as Se, createElement as Zr, useContext as Yt, useRef as qo, createContext as rl, memo as Wu } from "react";
-import { Select as P, Stack as S, Text as C, Group as w, TextInput as $, Button as M, Box as V, Switch as et, NumberInput as se, Divider as E, Table as Ot, ActionIcon as U, MultiSelect as lr, Paper as Wo, Code as cs, Modal as Me, Tabs as g, LoadingOverlay as Sn, Alert as jo, useMantineTheme as il, ColorInput as Go, ColorSwatch as Hi, Slider as ju, Overlay as an, Checkbox as xe, Center as kn, CheckIcon as Gu, MANTINE_SIZES as Yu, SimpleGrid as nn, Tooltip as Ve, SegmentedControl as Hu, HoverCard as it, Anchor as Qi, Textarea as Qu, Collapse as Yo, Mark as Ku, NativeSelect as ol, createStyles as qn, Popover as Li, Flex as Wn, Badge as cr, CloseButton as al, Menu as Ce, Header as Uu, ThemeIcon as Ai, List as ds, UnstyledButton as Xu, Navbar as qt, JsonInput as sl, Drawer as Ju, Radio as us, Skeleton as hs, NavLink as Ki, Pagination as Zu, AppShell as ll } from "@mantine/core";
+import { Select as P, Stack as S, Text as C, Group as w, TextInput as $, Button as M, Box as V, Switch as et, NumberInput as se, Divider as E, Table as Ot, ActionIcon as U, MultiSelect as lr, Paper as Wo, Code as cs, Modal as ze, Tabs as g, LoadingOverlay as Sn, Alert as jo, useMantineTheme as il, ColorInput as Go, ColorSwatch as Hi, Slider as ju, Overlay as an, Checkbox as xe, Center as kn, CheckIcon as Gu, MANTINE_SIZES as Yu, SimpleGrid as nn, Tooltip as Ve, SegmentedControl as Hu, HoverCard as it, Anchor as Qi, Textarea as Qu, Collapse as Yo, Mark as Ku, NativeSelect as ol, createStyles as qn, Popover as Li, Flex as Wn, Badge as cr, CloseButton as al, Menu as Ce, Header as Uu, ThemeIcon as Ai, List as ds, UnstyledButton as Xu, Navbar as qt, JsonInput as sl, Drawer as Ju, Radio as us, Skeleton as hs, NavLink as Ki, Pagination as Zu, AppShell as ll } from "@mantine/core";
 import { useModals as Ht, ModalsProvider as cl } from "@mantine/modals";
 import { useBoolean as nt, useCreation as Tt, useAsyncEffect as br, useRequest as vn, useLatest as ps, usePrevious as eh } from "ahooks";
 import { observable as dl, runInAction as ir, toJS as sn, reaction as kt, makeAutoObservable as yr } from "mobx";
 import { observer as D } from "mobx-react-lite";
 import ul from "crypto-js";
 import ee from "dayjs";
-import k, { unset as th, get as ce, isObject as hl, set as Ho, omit as wn, isFunction as nh, orderBy as rh, last as pl, defaults as Ne, minBy as ih, maxBy as oh, cloneDeep as Ue, values as fl, template as Qo, throttle as ah, isEqual as ke, defaultsDeep as ze, keyBy as sh, isEmpty as ml, isNumber as lh, findLastIndex as ch, isString as gl, range as dh, cloneDeepWith as bl, pick as yl } from "lodash";
+import k, { unset as th, get as ce, isObject as hl, set as Ho, omit as wn, isFunction as nh, orderBy as rh, last as pl, defaults as Ne, minBy as ih, maxBy as oh, cloneDeep as Ue, values as fl, template as Qo, throttle as ah, isEqual as ke, defaultsDeep as $e, keyBy as sh, isEmpty as ml, isNumber as lh, findLastIndex as ch, isString as gl, range as dh, cloneDeepWith as bl, pick as yl } from "lodash";
 import le from "numbro";
 import * as uh from "d3-array";
 import { quantile as Lr } from "d3-array";
@@ -57,7 +57,7 @@ import { DatePickerInput as xp } from "@mantine/dates";
 import vp, { Option as wp } from "rc-select";
 import _p, { SHOW_PARENT as Cp } from "rc-tree-select";
 import Ul, { WidthProvider as Xl } from "react-grid-layout";
-import { types as b, cast as rn, getParent as Ke, getRoot as Le, addDisposer as Wt, isAlive as ys, flow as Pn, toGenerator as fn, clone as Sp, getSnapshot as At, applySnapshot as st, addMiddleware as kp, getType as Tp, detach as Dp, castToSnapshot as Jl } from "mobx-state-tree";
+import { types as b, cast as rn, getParent as Ke, getRoot as Me, addDisposer as Wt, isAlive as ys, flow as Pn, toGenerator as fn, clone as Sp, getSnapshot as At, applySnapshot as st, addMiddleware as kp, getType as Tp, detach as Dp, castToSnapshot as Jl } from "mobx-state-tree";
 import { arrayToTree as Ip } from "performant-array-to-tree";
 import Mp from "jszip";
 import { saveAs as ea } from "file-saver";
@@ -201,7 +201,7 @@ function Pp() {
         }
       return null;
     }
-    var $e = Object.assign, Qe = 0, Te, Fe, De, Ze, gt, hn, _r;
+    var Le = Object.assign, Qe = 0, Te, Fe, De, Ze, gt, hn, _r;
     function Cr() {
     }
     Cr.__reactDisabledLog = !0;
@@ -237,25 +237,25 @@ function Pp() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $e({}, _, {
+            log: Le({}, _, {
               value: Te
             }),
-            info: $e({}, _, {
+            info: Le({}, _, {
               value: Fe
             }),
-            warn: $e({}, _, {
+            warn: Le({}, _, {
               value: De
             }),
-            error: $e({}, _, {
+            error: Le({}, _, {
               value: Ze
             }),
-            group: $e({}, _, {
+            group: Le({}, _, {
               value: gt
             }),
-            groupCollapsed: $e({}, _, {
+            groupCollapsed: Le({}, _, {
               value: hn
             }),
-            groupEnd: $e({}, _, {
+            groupEnd: Le({}, _, {
               value: _r
             })
           });
@@ -1164,7 +1164,7 @@ class ia {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const ic = "10.13.1", af = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ic = "10.13.3", af = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: ic
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2513,7 +2513,7 @@ const em = D((e) => {
     await c.configOperation(a, l);
   }, [a, c]), Uf(c) ? /* @__PURE__ */ u(Y, { children: [
     /* @__PURE__ */ i(Xf, { model: c, onClick: n }),
-    /* @__PURE__ */ i(Me, { size: 600, opened: t, onClose: r, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 600, opened: t, onClose: r, title: "Operation Settings", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(Zf, { model: c }),
       /* @__PURE__ */ u(g, { defaultValue: "settings", children: [
         /* @__PURE__ */ u(g.List, { children: [
@@ -2592,7 +2592,7 @@ const im = D(({
     setFalse: r
   }] = nt(!1), o = e.model;
   return /* @__PURE__ */ u(Y, { children: [
-    /* @__PURE__ */ i(Me, { opened: t, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { opened: t, onClose: r, title: "Setup Trigger", zIndex: 320, children: /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(om, { model: o }),
       /* @__PURE__ */ i(am, { model: o }),
       /* @__PURE__ */ i(gc, { title: "Payload", variables: o.triggerSchema.payload })
@@ -3566,7 +3566,7 @@ const Ym = ({
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(xe, { mt: 10, label: "Enabled", checked: s.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ i(Ym, { value: s.func_content, onChange: h, disabled: !s.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -4019,7 +4019,7 @@ const ua = {
     instance: t
   }), r = Mt(n.triggerManager, vc.id), o = Xe(), {
     value: a
-  } = J(e.instanceData, "config"), s = z(() => ze({}, a, ua), [a]), {
+  } = J(e.instanceData, "config"), s = z(() => $e({}, a, ua), [a]), {
     content: l,
     horizontal_align: c,
     vertical_align: d,
@@ -4109,7 +4109,7 @@ function xg({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, ua), [t]), o = r;
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, ua), [t]), o = r;
   W(() => {
     !ke(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -4799,7 +4799,7 @@ function Gg(e, t, n) {
     legend: Dg(s),
     dataZoom: fa(e.dataZoom)
   };
-  return ze({}, c, jg);
+  return $e({}, c, jg);
 }
 function Cs(e) {
   const t = e.getModel(), n = t.getSeries().map((r) => {
@@ -5508,7 +5508,7 @@ const lb = ({
     }, children: /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(lb, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -6072,7 +6072,7 @@ function Ib({
     set: n
   } = J(e.instanceData, "config"), {
     variables: r
-  } = e, o = z(() => ze({}, t, pa), [t]), {
+  } = e, o = z(() => $e({}, t, pa), [t]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -7300,7 +7300,7 @@ const Sy = ({
     }, children: /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Setup dynamic value", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Setup dynamic value", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(Sy, { value: a.value, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -7476,7 +7476,7 @@ function Ay(e, t, n) {
     grid: xy(e),
     visualMap: My(e, r)
   };
-  return ze({}, s, Ly);
+  return $e({}, s, Ly);
 }
 function Ey(e) {
   return /* @__PURE__ */ i(Y, {});
@@ -7789,7 +7789,7 @@ const qy = ({
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(xe, { mt: 10, label: "Enabled", checked: s.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ i(qy, { value: s.func_content, onChange: h, disabled: !s.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -7912,7 +7912,7 @@ function Hy({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, va), [t]), o = z(() => k.cloneDeep(r), [r]);
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, va), [t]), o = z(() => k.cloneDeep(r), [r]);
   W(() => {
     !ke(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -9069,7 +9069,7 @@ function Nx({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, _a), [t]), o = z(() => k.clone(r), [r]), {
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, _a), [t]), o = z(() => k.clone(r), [r]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -9442,7 +9442,7 @@ function tv({
     });
   }, [s, l, o]), d = z(() => ({
     click: c
-  }), [c]), p = z(() => ev(ze({}, e, mi), t), [e, t]);
+  }), [c]), p = z(() => ev($e({}, e, mi), t), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ i(ut, { echarts: be, option: p, style: {
     width: n,
     height: r
@@ -9635,7 +9635,7 @@ function sv({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, mi), [t]), {
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, mi), [t]), {
     control: o,
     handleSubmit: a,
     watch: s,
@@ -10042,7 +10042,7 @@ function Cv(e, t) {
       data: n.map((a) => a.name)
     }
   };
-  return ze({}, o, _v);
+  return $e({}, o, _v);
 }
 function gi(e, t, n) {
   return 1 - (1 - e) * (t - 1) / (t - n - 1);
@@ -10303,7 +10303,7 @@ function Av({
       ...v,
       [f.columnKey]: Number(v[f.columnKey])
     });
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = z(() => Cv(ze({}, t, Ca), o), [t, o]), s = qo(null), l = (c) => {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), a = z(() => Cv($e({}, t, Ca), o), [t, o]), s = qo(null), l = (c) => {
     s.current = c;
   };
   return !n || !r || !t ? null : /* @__PURE__ */ u(V, { sx: {
@@ -10437,7 +10437,7 @@ const Ov = ({
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: a, sx: {
       flexGrow: 0
     }, children: n }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Customize label content", opened: o, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: o && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Customize label content", opened: o, onClose: s, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: o && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(xe, { mt: 10, label: "Enabled", checked: l.enabled, onChange: (v) => d(v.currentTarget.checked) }),
       /* @__PURE__ */ i(Ov, { value: l.func_content, onChange: f, disabled: !l.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -14669,7 +14669,7 @@ function Jw(e, t, n) {
     legend: Vw(),
     dataZoom: fa(e.dataZoom)
   };
-  return ze({}, l, Xw);
+  return $e({}, l, Xw);
 }
 be.use([Qt, jn, Gn, ii, xt, vt, wt, dt, ni, Ko]);
 function qs(e) {
@@ -15078,7 +15078,7 @@ const l_ = ({
     }, children: /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Setup dynamic color", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Setup dynamic color", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(l_, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -15200,7 +15200,7 @@ const l_ = ({
     }, children: /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: r, sx: {
       flexGrow: 0
     }, children: "Setup" }) }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Setup dynamic size", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(E, { mt: 10, mb: -10, label: "Dynamic by a custom function", labelPosition: "center", variant: "dashed" }),
       /* @__PURE__ */ i(m_, { value: a.func_content, onChange: d }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -15503,7 +15503,7 @@ const I_ = ({
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Customize Label" }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Customize label content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(xe, { mt: 10, label: "Enabled", checked: s.enabled, onChange: (m) => c(m.currentTarget.checked) }),
       /* @__PURE__ */ i(I_, { value: s.func_content, onChange: h, disabled: !s.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -15690,7 +15690,7 @@ function F_({
     set: n
   } = J(e.instanceData, "config"), {
     variables: r
-  } = e, o = z(() => ze({}, t, $a), [t]), a = z(() => O_(o), [o]);
+  } = e, o = z(() => $e({}, t, $a), [t]), a = z(() => O_(o), [o]);
   W(() => {
     !ke(o, a) && (console.log("config malformed, resetting to defaults", o, a), n(a));
   }, [o, a]);
@@ -16090,7 +16090,7 @@ function nC({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = R.useMemo(() => ze({}, t, La), [t]), {
+  } = J(e.instanceData, "config"), r = R.useMemo(() => $e({}, t, La), [t]), {
     control: o,
     handleSubmit: a,
     watch: s,
@@ -16304,7 +16304,7 @@ function hC(e, t, n) {
     },
     tooltip: dC()
   };
-  return ze({}, o, uC);
+  return $e({}, o, uC);
 }
 be.use([Dh, dt]);
 function pC({
@@ -16480,7 +16480,7 @@ function xC({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, Aa), [t]), o = z(() => k.clone(r), [r]), {
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, Aa), [t]), o = z(() => k.clone(r), [r]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -16943,7 +16943,7 @@ function YC({
   context: o,
   instance: a
 }) {
-  var $e, Qe;
+  var Le, Qe;
   const {
     id_field: s,
     use_raw_columns: l,
@@ -17001,7 +17001,7 @@ function YC({
   }), {
     virtualItems: O,
     totalSize: A
-  } = N, Q = O.length > 0 && (($e = O == null ? void 0 : O[0]) == null ? void 0 : $e.start) || 0, re = O.length > 0 ? A - (((Qe = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Qe.end) || 0) : 0, te = B.length, ie = te > 0, fe = ie ? n - 22 : n, ge = ie ? 22 : 0;
+  } = N, Q = O.length > 0 && ((Le = O == null ? void 0 : O[0]) == null ? void 0 : Le.start) || 0, re = O.length > 0 ? A - (((Qe = O == null ? void 0 : O[O.length - 1]) == null ? void 0 : Qe.end) || 0) : 0, te = B.length, ie = te > 0, fe = ie ? n - 22 : n, ge = ie ? 22 : 0;
   return !Array.isArray(f) || f.length === 0 ? /* @__PURE__ */ i(C, { color: "gray", align: "center", children: "Empty Data" }) : /* @__PURE__ */ u("div", { ref: j, style: {
     height: n,
     width: t
@@ -17202,7 +17202,7 @@ const XC = D(({
   };
   return /* @__PURE__ */ u(Y, { children: [
     /* @__PURE__ */ i(M, { variant: "outline", onClick: d, children: l == null ? void 0 : l.displayName }),
-    /* @__PURE__ */ i(Me, { size: 508, title: "Setup color interpolation", opened: c, onClose: p, zIndex: 320, children: c && /* @__PURE__ */ u(S, { "data-testid": "color-interpolation-modal", children: [
+    /* @__PURE__ */ i(ze, { size: 508, title: "Setup color interpolation", opened: c, onClose: p, zIndex: 320, children: c && /* @__PURE__ */ u(S, { "data-testid": "color-interpolation-modal", children: [
       /* @__PURE__ */ i(P, { label: "Color style", value: a.interpolation, data: h, onChange: f }),
       /* @__PURE__ */ i(JC, { steps: a.steps, interpolation: l, onChange: v }),
       /* @__PURE__ */ u(w, { position: "right", children: [
@@ -17282,7 +17282,7 @@ const i1 = Se((e, t) => {
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Custom Cell Content" }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Custom cell content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Custom cell content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(V, { sx: {
         position: "relative"
       }, children: /* @__PURE__ */ i(ht, { height: "500px", defaultLanguage: "javascript", value: s, onChange: (h) => l(h ?? ""), theme: "vs-dark", options: {
@@ -17471,7 +17471,7 @@ function f1({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, dd), [t]), o = z(() => p1(r), [r]);
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, dd), [t]), o = z(() => p1(r), [r]);
   W(() => {
     !ke(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -17691,7 +17691,7 @@ const to = {
     /* @__PURE__ */ i(M, { variant: "filled", mt: 24, onClick: o, sx: {
       flexGrow: 0
     }, children: "Edit Content" }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Text content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Text content", opened: r, onClose: a, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: r && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(v1, { value: s, onChange: l }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
         /* @__PURE__ */ i(M, { onClick: p, color: "red", leftIcon: /* @__PURE__ */ i(It, { size: 20 }), children: "Rest" }),
@@ -17718,7 +17718,7 @@ function C1({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, Ra), [t]), o = z(() => {
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, Ra), [t]), o = z(() => {
     const {
       func_content: f,
       horizontal_align: m,
@@ -17901,7 +17901,7 @@ function z1({
 }) {
   const {
     value: t
-  } = J(e.instanceData, "config"), n = z(() => ze({}, t, Oa), [t]), {
+  } = J(e.instanceData, "config"), n = z(() => $e({}, t, Oa), [t]), {
     width: r,
     height: o
   } = e.viewport, a = e.data, {
@@ -17927,7 +17927,7 @@ function $1({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, Oa), [t]), {
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, Oa), [t]), {
     control: o,
     handleSubmit: a,
     watch: s,
@@ -18192,7 +18192,7 @@ function Y1(e, t, n) {
     visualMap: q1(e, d, r),
     legend: F1(d, c)
   };
-  return ze({}, p, W1);
+  return $e({}, p, W1);
 }
 function H1(e) {
   return /* @__PURE__ */ i(Y, {});
@@ -18451,7 +18451,7 @@ function iS({
   const {
     value: t,
     set: n
-  } = J(e.instanceData, "config"), r = z(() => ze({}, t, Fa), [t]), o = z(() => k.cloneDeep(r), [r]);
+  } = J(e.instanceData, "config"), r = z(() => $e({}, t, Fa), [t]), o = z(() => k.cloneDeep(r), [r]);
   W(() => {
     !ke(r, o) && (console.log("config malformed, resetting to defaults", r, o), n(o));
   }, [r, o]);
@@ -20246,7 +20246,7 @@ function uk(e, t, n) {
     }],
     legend: lk(c)
   };
-  return ze({}, d, ck);
+  return $e({}, d, ck);
 }
 const hk = {
   input: {
@@ -20891,7 +20891,7 @@ function Fk({
     set: n
   } = J(e.instanceData, "config"), {
     variables: r
-  } = e, o = z(() => ze({}, t, Na), [t]), {
+  } = e, o = z(() => $e({}, t, Na), [t]), {
     control: a,
     handleSubmit: s,
     watch: l,
@@ -22238,7 +22238,7 @@ const gT = b.model("FilterDateRangeConfigMeta", {
   setFilterValue(t) {
     try {
       const n = Ke(e);
-      Le(e).filters.setValueByKey(n.key, t);
+      Me(e).filters.setValueByKey(n.key, t);
     } catch (n) {
       console.error(n);
     }
@@ -22314,7 +22314,7 @@ const gT = b.model("FilterDateRangeConfigMeta", {
       data: t,
       state: n,
       error: r
-    } = Le(e).content.getDataStuffByID(e.options_query_id);
+    } = Me(e).content.getDataStuffByID(e.options_query_id);
     return n === "idle" ? t : [];
   }
 })).actions((e) => ({
@@ -22364,7 +22364,7 @@ const gT = b.model("FilterDateRangeConfigMeta", {
     e.min_width = t;
   },
   setDefaultSelection() {
-    const t = Le(e).content.filters, n = Ke(e).key;
+    const t = Me(e).content.filters, n = Ke(e).key;
     t.setValueByKey(n, e.default_selection);
   }
 })).actions((e) => ({
@@ -22518,19 +22518,19 @@ const Ad = b.compose("FilterTreeSelectConfigMeta", b.model({
   get treeData() {
     const {
       data: t
-    } = Le(e).content.getDataStuffByID(e.options_query_id), n = _T(t);
+    } = Me(e).content.getDataStuffByID(e.options_query_id), n = _T(t);
     return wT(n);
   },
   get errorMessage() {
     const {
       error: t
-    } = Le(e).content.getDataStuffByID(e.options_query_id);
+    } = Me(e).content.getDataStuffByID(e.options_query_id);
     return t;
   },
   get treeDataLoading() {
     const {
       state: t
-    } = Le(e).content.getDataStuffByID(e.options_query_id);
+    } = Me(e).content.getDataStuffByID(e.options_query_id);
     return t === "loading";
   },
   get defaultSelection() {
@@ -22548,7 +22548,7 @@ const Ad = b.compose("FilterTreeSelectConfigMeta", b.model({
   },
   applyDefaultSelection() {
     const t = Ke(e, 1).key;
-    Le(e).content.filters.setValueByKey(t, e.defaultSelection);
+    Me(e).content.filters.setValueByKey(t, e.defaultSelection);
   },
   afterCreate() {
     Wt(e, kt(() => JSON.stringify(e.defaultSelection), this.applyDefaultSelection, {
@@ -22684,7 +22684,7 @@ const Rd = b.model("ViewDivisionConfig", {
     const {
       enabled: t,
       func_content: n
-    } = e, r = Ke(e, 2), o = Le(e);
+    } = e, r = Ke(e, 2), o = Me(e);
     if (!t)
       return r.name;
     try {
@@ -23003,7 +23003,7 @@ function LT(e) {
 }
 const qd = hT.views((e) => ({
   get contentModel() {
-    return Le(e).content;
+    return Me(e).content;
   }
 })).views((e) => ({
   get queries() {
@@ -23029,7 +23029,7 @@ const qd = hT.views((e) => ({
     e.queries.forEach((t) => t.fetchData());
   },
   downloadData() {
-    Le(e).content.queries.downloadDataByQueryIDs(e.queryIDs);
+    Me(e).content.queries.downloadDataByQueryIDs(e.queryIDs);
   }
 }));
 function AT(e) {
@@ -23166,7 +23166,7 @@ const RT = pT.views((e) => ({
     const {
       context: t,
       filters: n
-    } = Le(e).content.payloadForSQL, r = Object.keys({
+    } = Me(e).content.payloadForSQL, r = Object.keys({
       ...t
     }).map((s) => `context.${s}`), o = Object.keys(n).map((s) => `filters.${s}`);
     return [...r, ...o].map((s) => ({
@@ -23183,7 +23183,7 @@ const RT = pT.views((e) => ({
     } = e;
     if (t.length === 0)
       return [];
-    const n = Le(e).content.payloadForSQL;
+    const n = Me(e).content.payloadForSQL;
     return t.filter((r) => {
       const o = k.get(n, r);
       return Array.isArray(o) ? o.length === 0 : typeof o == "number" ? Number.isNaN(o) : !o;
@@ -23196,7 +23196,7 @@ const RT = pT.views((e) => ({
     } = e;
     if (t.length === 0)
       return "";
-    const n = Le(e).content.payloadForSQL, r = [...t].reduce((o, a) => (o[a] = k.get(n, a), o), {});
+    const n = Me(e).content.payloadForSQL, r = [...t].reduce((o, a) => (o[a] = k.get(n, a), o), {});
     return JSON.stringify(r);
   },
   get runByConditionsMet() {
@@ -23210,7 +23210,7 @@ const RT = pT.views((e) => ({
       };
     const {
       keyLabelMap: t
-    } = Le(e).content.filters, n = e.unmetRunByConditions.filter((o) => o.startsWith("context.")).map((o) => o.split("context.")[0]), r = e.unmetRunByConditions.filter((o) => o.startsWith("filters.")).map((o) => k.get({
+    } = Me(e).content.filters, n = e.unmetRunByConditions.filter((o) => o.startsWith("context.")).map((o) => o.split("context.")[0]), r = e.unmetRunByConditions.filter((o) => o.startsWith("filters.")).map((o) => k.get({
       filters: t
     }, o)).filter((o) => !!o);
     return {
@@ -23247,7 +23247,7 @@ const BT = b.compose("QueryRenderModel", RT, b.model({
   error: b.frozen()
 })).views((e) => ({
   get formattedSQL() {
-    const t = Le(e).content.payloadForSQL;
+    const t = Me(e).content.payloadForSQL;
     return na(e.sql, t);
   },
   get typedAsSQL() {
@@ -23261,7 +23261,7 @@ const BT = b.compose("QueryRenderModel", RT, b.model({
       key: t,
       type: n
     } = e;
-    return Le(e).datasources.find({
+    return Me(e).datasources.find({
       type: n,
       key: t
     });
@@ -23270,7 +23270,7 @@ const BT = b.compose("QueryRenderModel", RT, b.model({
     const {
       context: t,
       filters: n
-    } = Le(e).content.payloadForSQL, {
+    } = Me(e).content.payloadForSQL, {
       name: r,
       pre_process: o
     } = e.json, a = FT(o, t, n);
@@ -23300,7 +23300,7 @@ const BT = b.compose("QueryRenderModel", RT, b.model({
     if (e.valid && ((t = e.controller) == null || t.abort(), !!e.runByConditionsMet)) {
       e.controller = new AbortController(), e.state = "loading";
       try {
-        const n = Le(e).content.payloadForSQL;
+        const n = Me(e).content.payloadForSQL;
         e.data = yield* fn(Yp({
           payload: n,
           title: e.name,
@@ -23577,7 +23577,7 @@ const Xd = D(() => {
     panel: n
   } = Mn();
   return UT(n.description) ? null : /* @__PURE__ */ u(Y, { children: [
-    /* @__PURE__ */ i(Me, { opened: e, onClose: () => t(!1), title: n.title, withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ i(vi, { value: n.description, styles: {
+    /* @__PURE__ */ i(ze, { opened: e, onClose: () => t(!1), title: n.title, withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ i(vi, { value: n.description, styles: {
       root: {
         border: "none"
       },
@@ -23615,6 +23615,8 @@ function JT(e) {
         width: o,
         height: a,
         style: {
+          border: "none",
+          borderRadius: 0,
           transformOrigin: "0 0",
           transform: "scale(2)"
         }
@@ -23902,7 +23904,7 @@ const iu = D(({
   panel: n,
   exitFullScreen: r
 }) {
-  return /* @__PURE__ */ i(Me, { opened: !0, fullScreen: !0, onClose: r, title: /* @__PURE__ */ i(M, { color: "blue", size: "xs", onClick: r, leftIcon: /* @__PURE__ */ i(yh, { size: 20 }), children: "Exit fullscreen" }), styles: hD, children: /* @__PURE__ */ i(w, { grow: !0, sx: {
+  return /* @__PURE__ */ i(ze, { opened: !0, fullScreen: !0, onClose: r, title: /* @__PURE__ */ i(M, { color: "blue", size: "xs", onClick: r, leftIcon: /* @__PURE__ */ i(yh, { size: 20 }), children: "Exit fullscreen" }), styles: hD, children: /* @__PURE__ */ i(w, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ i(iu, { view: t, panel: n }) }) });
@@ -24004,7 +24006,7 @@ const _D = D(({
     "> div:not(.mantine-Modal-root)": {
       height: "100%"
     }
-  }, children: /* @__PURE__ */ i(Me, { size: n.width, opened: !0, onClose: k.noop, withCloseButton: !1, title: n.custom_modal_title.value, trapFocus: !0, onDragStart: (a) => {
+  }, children: /* @__PURE__ */ i(ze, { size: n.width, opened: !0, onClose: k.noop, withCloseButton: !1, title: n.custom_modal_title.value, trapFocus: !0, onDragStart: (a) => {
     a.stopPropagation();
   }, styles: {
     root: {
@@ -24157,7 +24159,7 @@ const _D = D(({
   view: t
 }) => {
   const n = Xe(), r = t.config, o = n.views.visibleViewIDs.includes(t.id), a = () => n.views.rmVisibleViewID(t.id);
-  return /* @__PURE__ */ i(Me, { size: r.width, centered: !0, opened: o, onClose: a, withCloseButton: !1, title: r.custom_modal_title.value, trapFocus: !0, onDragStart: (s) => {
+  return /* @__PURE__ */ i(ze, { size: r.width, centered: !0, opened: o, onClose: a, withCloseButton: !1, title: r.custom_modal_title.value, trapFocus: !0, onDragStart: (s) => {
     s.stopPropagation();
   }, styles: {
     root: {
@@ -24768,7 +24770,7 @@ const YD = b.model("EditorModel", {
   get navOptions() {
     const {
       content: t
-    } = Le(e), {
+    } = Me(e), {
       filters: n,
       views: r,
       sqlSnippets: o,
@@ -24854,7 +24856,7 @@ const YD = b.model("EditorModel", {
   }
 })).actions((e) => ({
   moveToView(t, n) {
-    Le(e).content.views.findByID(t).removePanelID(e.id), Le(e).content.views.findByID(n).appendPanelID(e.id), Le(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
+    Me(e).content.views.findByID(t).removePanelID(e.id), Me(e).content.views.findByID(n).appendPanelID(e.id), Me(e).editor.setPath(["_VIEWS_", n, "_PANELS_", e.id]);
   }
 })), QD = b.compose("PanelsModel", Wd, b.model({
   list: b.optional(b.array(HD), [])
@@ -24894,6 +24896,11 @@ const YD = b.model("EditorModel", {
     const n = e.list.findIndex((r) => r.id === t);
     n !== -1 && e.list.splice(n, 1);
   },
+  removeByIDs(t) {
+    t.forEach((n) => {
+      this.removeByID(n);
+    });
+  },
   duplicateByID(t) {
     const n = e.list.find((o) => o.id === t);
     if (!n) {
@@ -24934,7 +24941,7 @@ const YD = b.model("EditorModel", {
     }));
   },
   get editorOptions() {
-    const t = Le(e).content.panels;
+    const t = Me(e).content.panels;
     return e.current.map((n) => ({
       label: n.name,
       value: n.id,
@@ -24965,8 +24972,11 @@ const YD = b.model("EditorModel", {
     e.current.splice(t, 1);
   },
   removeByID(t) {
-    const n = e.current.findIndex((r) => r.id === t);
-    n !== -1 && e.current.splice(n, 1);
+    const n = e.current.findIndex((a) => a.id === t);
+    if (n === -1)
+      return;
+    const r = e.current[n];
+    Me(e).content.panels.removeByIDs(r.panelIDs), e.current.splice(n, 1);
   },
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
@@ -25871,7 +25881,7 @@ const TI = {
   opened: e,
   close: t
 }) => /* @__PURE__ */ i(
-  Me,
+  ze,
   {
     size: "96vw",
     opened: e,
@@ -26911,7 +26921,7 @@ const yM = D(() => {
   };
   return /* @__PURE__ */ u(Y, { children: [
     /* @__PURE__ */ i(M, { size: "xs", variant: "subtle", color: "blue", onClick: s, leftIcon: /* @__PURE__ */ i(kl, { size: 14 }), children: "Move into Another View" }),
-    /* @__PURE__ */ i(Me, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ u(S, { sx: {
+    /* @__PURE__ */ i(ze, { opened: a, onClose: l, title: "Move panel into another view", zIndex: 320, children: /* @__PURE__ */ u(S, { sx: {
       maxHeight: "calc(100vh - 185px)",
       overflow: "hidden"
     }, children: [
@@ -27423,7 +27433,7 @@ const AM = D(({
 }) => {
   const [n, r] = K(!1);
   return e.type === "http" ? null : /* @__PURE__ */ u(Y, { children: [
-    /* @__PURE__ */ i(Me, { opened: n, onClose: () => r(!1), title: /* @__PURE__ */ u(w, { position: "apart", sx: {
+    /* @__PURE__ */ i(ze, { opened: n, onClose: () => r(!1), title: /* @__PURE__ */ u(w, { position: "apart", sx: {
       flexGrow: 1
     }, children: [
       /* @__PURE__ */ i(C, { fw: 500, children: "Explorer Data Source" }),
@@ -27536,7 +27546,7 @@ function GM() {
     close: n
   }] = $l(!1);
   return /* @__PURE__ */ u(Y, { children: [
-    /* @__PURE__ */ i(Me, { opened: e, onClose: n, title: "About FunctionUtils", zIndex: 320, children: /* @__PURE__ */ i(vi, { value: Bp, styles: {
+    /* @__PURE__ */ i(ze, { opened: e, onClose: n, title: "About FunctionUtils", zIndex: 320, children: /* @__PURE__ */ i(vi, { value: Bp, styles: {
       root: {
         border: "none"
       },
@@ -27678,7 +27688,7 @@ WHERE
 }), Qa = D(() => {
   const [e, t] = K(!1);
   return /* @__PURE__ */ u(Y, { children: [
-    /* @__PURE__ */ i(Me, { opened: e, onClose: () => t(!1), title: "Query Variables", zIndex: 320, size: "800px", children: /* @__PURE__ */ i(yu, {}) }),
+    /* @__PURE__ */ i(ze, { opened: e, onClose: () => t(!1), title: "Query Variables", zIndex: 320, size: "800px", children: /* @__PURE__ */ i(yu, {}) }),
     /* @__PURE__ */ i(M, { variant: "subtle", onClick: () => t(!0), px: 16, styles: {
       inner: {
         justifyContent: "flex-start"
@@ -28076,7 +28086,7 @@ WHERE
     /* @__PURE__ */ i(U, { size: "lg", color: "blue", variant: "filled", mt: 26, onClick: r, sx: {
       flexGrow: 0
     }, children: /* @__PURE__ */ i(vl, { size: 14 }) }),
-    /* @__PURE__ */ i(Me, { size: 800, title: "Customize modal title", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
+    /* @__PURE__ */ i(ze, { size: 800, title: "Customize modal title", opened: n, onClose: o, closeOnClickOutside: !1, withCloseButton: !1, zIndex: 320, children: n && /* @__PURE__ */ u(S, { children: [
       /* @__PURE__ */ i(xe, { mt: 10, label: "Enabled", checked: a.enabled, onChange: (f) => l(f.currentTarget.checked) }),
       /* @__PURE__ */ i(uz, { value: a.func_content, onChange: p, disabled: !a.enabled }),
       /* @__PURE__ */ u(w, { position: "apart", children: [
@@ -28345,7 +28355,7 @@ const kz = D(() => /* @__PURE__ */ i(S, { sx: {
   }
 }, Fz = D(() => {
   const e = Oe().editor;
-  return /* @__PURE__ */ i(Me, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionProps: {
+  return /* @__PURE__ */ i(ze, { onClose: () => e.setSettingsOpen(!1), closeOnEscape: !1, closeOnClickOutside: !1, opened: e.settings_open, fullScreen: !0, title: null, transitionProps: {
     duration: 0
   }, withCloseButton: !1, withinPortal: !0, zIndex: 300, styles: {
     body: {
@@ -28844,8 +28854,8 @@ var po = {}, t$ = {
       T = x, I = l && l.formats;
       for (var L = (x = T.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(re, te, ie) {
         var fe = ie && ie.toUpperCase();
-        return te || I[ie] || n[ie] || I[fe].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ge, $e, Qe) {
-          return $e || Qe.slice(1);
+        return te || I[ie] || n[ie] || I[fe].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(ge, Le, Qe) {
+          return Le || Qe.slice(1);
         });
       })).match(r), B = L.length, j = 0; j < B; j += 1) {
         var N = L[j], O = m[N], A = O && O[0], Q = O && O[1];
@@ -28857,7 +28867,7 @@ var po = {}, t$ = {
           if (typeof ge == "string")
             fe += ge.length;
           else {
-            var $e = ge.regex, Qe = ge.parser, Te = re.slice(fe), Fe = $e.exec(Te)[0];
+            var Le = ge.regex, Qe = ge.parser, Te = re.slice(fe), Fe = Le.exec(Te)[0];
             Qe.call(te, Fe), re = re.replace(Fe, "");
           }
         }
@@ -28892,14 +28902,14 @@ var po = {}, t$ = {
             }
           }(N, Q, O), this.init(), fe && fe !== !0 && (this.$L = this.locale(fe).$L), ie && N != this.format(Q) && (this.$d = /* @__PURE__ */ new Date("")), l = {};
         } else if (Q instanceof Array)
-          for (var ge = Q.length, $e = 1; $e <= ge; $e += 1) {
-            A[1] = Q[$e - 1];
+          for (var ge = Q.length, Le = 1; Le <= ge; Le += 1) {
+            A[1] = Q[Le - 1];
             var Qe = I.apply(this, A);
             if (Qe.isValid()) {
               this.$d = Qe.$d, this.$L = Qe.$L, this.init();
               break;
             }
-            $e === ge && (this.$d = /* @__PURE__ */ new Date(""));
+            Le === ge && (this.$d = /* @__PURE__ */ new Date(""));
           }
         else
           B.call(this, j);
@@ -28991,7 +29001,7 @@ var mo = {}, o$ = {
         this.$d.weeks && (re += 7 * this.$d.weeks);
         var te = B(re, "D"), ie = B(this.$d.hours, "H"), fe = B(this.$d.minutes, "M"), ge = this.$d.seconds || 0;
         this.$d.milliseconds && (ge += this.$d.milliseconds / 1e3);
-        var $e = B(ge, "S"), Qe = A.negative || Q.negative || te.negative || ie.negative || fe.negative || $e.negative, Te = ie.format || fe.format || $e.format ? "T" : "", Fe = (Qe ? "-" : "") + "P" + A.format + Q.format + te.format + Te + ie.format + fe.format + $e.format;
+        var Le = B(ge, "S"), Qe = A.negative || Q.negative || te.negative || ie.negative || fe.negative || Le.negative, Te = ie.format || fe.format || Le.format ? "T" : "", Fe = (Qe ? "-" : "") + "P" + A.format + Q.format + te.format + Te + ie.format + fe.format + Le.format;
         return Fe === "P" || Fe === "-P" ? "P0D" : Fe;
       }, O.toJSON = function() {
         return this.toISOString();