@devtable/dashboard 6.30.0 → 6.32.0

package/dist/dashboard.es.js

@@ -13512,7 +13512,7 @@ const gT = (e) => {
   getColor: la(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, fg = "@devtable/dashboard", hs = "6.29.0", pg = "Apache-2.0", gg = {
+}, fg = "@devtable/dashboard", hs = "6.32.0", pg = "Apache-2.0", gg = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, hg = [
@@ -15979,7 +15979,37 @@ function UM(e) {
     top: t ? 30 : 10
   };
 }
-function YM({ regressions: e = [] }, t) {
+function YM(e) {
+  return e !== "line" ? {} : {
+    itemStyle: {
+      opacity: 0
+    }
+  };
+}
+function XM(e) {
+  switch (e) {
+    case "line":
+      return;
+    case "bar":
+      return "roundRect";
+    case "scatter":
+      return "circle";
+  }
+}
+function QM(e) {
+  const t = {
+    show: !0,
+    bottom: 0,
+    left: "center",
+    type: "scroll"
+  };
+  return t.data = e.filter((n) => !n.hide_in_legend).map(({ name: n, type: r }) => ({
+    name: n,
+    icon: XM(r),
+    ...YM(r)
+  })), t;
+}
+function JM({ regressions: e = [] }, t) {
   const n = [], r = [], o = [];
   return t.length === 0 ? { regressionDataSets: n, regressionSeries: r, regressionXAxes: o } : (e.forEach(({ transform: i, plot: a, name: s, y_axis_data_key: c }) => {
     const u = `x-axis-for-${s}`, d = `dataset-for-${s}--raw`, f = `dataset-for-${s}--transformed`;
@@ -16007,7 +16037,7 @@ function YM({ regressions: e = [] }, t) {
     });
   }), { regressionDataSets: n, regressionSeries: r, regressionXAxes: o });
 }
-function XM({ type: e, ...t }, n, r, o) {
+function ZM({ type: e, ...t }, n, r, o) {
   if (!e)
     return 10;
   if (e === "static") {
@@ -16032,12 +16062,13 @@ function Zu(e, t, n, r) {
   const o = t.map((i) => [i[n], i[r]]);
   return Le.unionBy(o, e, 0);
 }
-function QM(e, t, n, r) {
+function ek(e, t, n, r) {
   return e.map((o) => {
     const i = o.orientation === "horizontal", a = i ? "yAxis" : "xAxis", s = i ? "insideEndTop" : "end";
     return {
       name: "refs",
       type: "scatter",
+      hide_in_legend: !0,
       data: [],
       markLine: {
         data: [
@@ -16058,10 +16089,11 @@ function QM(e, t, n, r) {
     };
   });
 }
-function JM(e, t) {
+function tk(e, t) {
   return e.map((n) => ({
     name: "",
     type: "line",
+    hide_in_legend: !0,
     data: [],
     markArea: {
       itemStyle: {
@@ -16081,7 +16113,7 @@ function JM(e, t) {
     }
   }));
 }
-function ZM({ x_axis_data_key: e }, {
+function nk({ x_axis_data_key: e }, {
   y_axis_data_key: t,
   yAxisIndex: n,
   label_position: r,
@@ -16105,7 +16137,8 @@ function ZM({ x_axis_data_key: e }, {
     yAxisIndex: n,
     stack: a,
     color: s,
-    symbolSize: XM(u, h, e, m),
+    symbolSize: ZM(u, h, e, m),
+    hide_in_legend: d,
     ...f
   };
   if (c && (y.endLabel = {
@@ -16121,9 +16154,9 @@ function ZM({ x_axis_data_key: e }, {
     return C.data = Zu(p, E, e, t), C.name = S, C.color = void 0, C;
   });
 }
-function ek(e, t, n, r, o, i, a) {
+function rk(e, t, n, r, o, i, a) {
   const s = t.map((u) => [u, 0]);
-  return e.series.map((u) => ZM(e, u, s, n, r, a, o)).flat().concat(QM(e.reference_lines, i, a, r)).concat(JM(e.reference_areas, a));
+  return e.series.map((u) => nk(e, u, s, n, r, a, o)).flat().concat(ek(e.reference_lines, i, a, r)).concat(tk(e.reference_areas, a));
 }
 function Wg({ enabled: e, func_content: t }) {
   return (n, r) => {
@@ -16136,14 +16169,14 @@ function Wg({ enabled: e, func_content: t }) {
     }
   };
 }
-function tk(e, t) {
+function ok(e, t) {
   const n = e.find((s) => s.axisDim === "x" && s.axisId === "main-x-axis");
   if (!n)
     return "";
   const { name: r, axisType: o, axisValue: i, axisIndex: a } = n;
   return o === "xAxis.category" ? r : Wg(t.x_axis.axisLabel.formatter)(i, a);
 }
-function nk(e, t) {
+function ik(e, t) {
   const n = e.series.reduce(
     (r, { yAxisIndex: o, name: i }) => (r[i] = o, r),
     {}
@@ -16153,7 +16186,7 @@ function nk(e, t) {
       const o = Array.isArray(r) ? r : [r];
       if (o.length === 0)
         return "";
-      const i = tk(o, e), a = o.map(({ seriesName: s, value: c }) => {
+      const i = ok(o, e), a = o.map(({ seriesName: s, value: c }) => {
         var f;
         if (Array.isArray(c) && c.length === 2 && (c = c[1]), !s)
           return c;
@@ -16164,7 +16197,31 @@ function nk(e, t) {
     }
   };
 }
-function rk(e, t, n) {
+function ak(e) {
+  return e.y_axes.reduce(
+    (n, { label_formatter: r }, o) => (n[o] = function(a) {
+      let s = a;
+      if (typeof a == "object" && (Array.isArray(a.value) && a.value.length === 2 ? s = a.value[1] : s = a.value), !r)
+        return s;
+      try {
+        return Zt(s).format(r);
+      } catch (c) {
+        return console.error(c), s;
+      }
+    }, n),
+    {
+      default: ({ value: n }) => n
+    }
+  );
+}
+function lk(e, t) {
+  const n = {};
+  return t.map((r) => {
+    const o = ws(r, e);
+    n[r.name] = li(r, o);
+  }), n;
+}
+function sk(e, t, n) {
   var i;
   const r = t.every((a) => !Number.isNaN(Number(a))), { axisLabel: o } = e.x_axis;
   return [
@@ -16185,7 +16242,7 @@ function rk(e, t, n) {
     ...n
   ];
 }
-function ok(e, t) {
+function ck(e, t) {
   return e.y_axes.map(({ nameAlignment: n, ...r }, o) => {
     var a;
     let i = r.position;
@@ -16211,29 +16268,7 @@ function ok(e, t) {
     };
   });
 }
-function ik(e) {
-  switch (e) {
-    case "line":
-      return;
-    case "bar":
-      return "roundRect";
-    case "scatter":
-      return "circle";
-  }
-}
-function ak(e) {
-  const t = {
-    show: !0,
-    bottom: 0,
-    left: "center",
-    type: "scroll"
-  };
-  return t.data = e.series.filter((n) => !n.hide_in_legend).map(({ name: n, type: r }) => ({
-    name: n,
-    icon: ik(r)
-  })), t;
-}
-const lk = {
+const uk = {
   dataZoom: [
     {
       type: "inside",
@@ -16272,40 +16307,23 @@ const lk = {
     containLabel: !0
   }
 };
-function sk(e, t, n) {
-  const r = n.reduce((p, g) => {
-    const h = ws(g, t);
-    return p[g.name] = li(g, h), p;
-  }, {}), o = e.y_axes.reduce(
-    (p, { label_formatter: g }, h) => (p[h] = function(b) {
-      let y = b;
-      if (typeof b == "object" && (Array.isArray(b.value) && b.value.length === 2 ? y = b.value[1] : y = b.value), !g)
-        return y;
-      try {
-        return Zt(y).format(g);
-      } catch (w) {
-        return console.error(w), y;
-      }
-    }, p),
-    {
-      default: ({ value: p }) => p
-    }
-  ), i = Le.uniq(t.map((p) => p[e.x_axis_data_key])), a = i.every((p) => !Number.isNaN(Number(p))), s = ek(e, i, a, t, o, n, r), { regressionDataSets: c, regressionSeries: u, regressionXAxes: d } = YM(e, t), f = {
-    xAxis: rk(e, i, d),
-    yAxis: ok(e, o),
+function dk(e, t, n) {
+  const r = lk(t, n), o = ak(e), i = Le.uniq(t.map((p) => p[e.x_axis_data_key])), a = i.every((p) => !Number.isNaN(Number(p))), s = rk(e, i, a, t, o, n, r), { regressionDataSets: c, regressionSeries: u, regressionXAxes: d } = JM(e, t), f = {
+    xAxis: sk(e, i, d),
+    yAxis: ck(e, o),
     dataset: [...c],
     series: [...s, ...u],
-    tooltip: nk(e, o),
+    tooltip: ik(e, o),
     grid: UM(e),
-    legend: ak(e)
+    legend: QM(s)
   };
-  return nn({}, f, lk);
+  return nn({}, f, uk);
 }
 const qg = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: uk,
-  configRender: ck,
+  nameRender: pk,
+  configRender: fk,
   payload: [{
     name: "seriesType",
     description: "'line' | 'scatter' | 'bar'",
@@ -16332,10 +16350,10 @@ const qg = {
     valueType: "object"
   }]
 };
-function ck(e) {
+function fk(e) {
   return /* @__PURE__ */ l(Ne, {});
 }
-function uk(e) {
+function pk(e) {
   return /* @__PURE__ */ l(z, {
     children: "Click chart's series"
   });
@@ -16372,7 +16390,7 @@ $t.registerTransform(Nl.regression);
 function ed(e) {
   return e.trim().length > 0;
 }
-function dk({
+function gk({
   conf: e,
   data: t,
   width: n,
@@ -16390,7 +16408,7 @@ function dk({
         rowData: f
       });
     });
-  }, u = j.useMemo(() => sk(e, t, i), [e, t]);
+  }, u = j.useMemo(() => dk(e, t, i), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ l(Zn, {
     echarts: $t,
     option: u,
@@ -16403,7 +16421,7 @@ function dk({
     }
   });
 }
-function fk({
+function hk({
   context: e,
   instance: t
 }) {
@@ -16441,7 +16459,7 @@ function fk({
       size: "xs",
       pl: "sm",
       children: Object.values(g.top).map((m) => m)
-    }), /* @__PURE__ */ l(dk, {
+    }), /* @__PURE__ */ l(gk, {
       variables: o,
       width: s,
       height: h,
@@ -16457,14 +16475,14 @@ function fk({
     })]
   });
 }
-const pk = [{
+const mk = [{
   label: "Rectangle",
   value: "rectangle"
-}], gk = [{
+}], vk = [{
   label: "Horizontal",
   value: "horizontal"
 }];
-function hk({
+function yk({
   control: e,
   index: t,
   remove: n,
@@ -16517,7 +16535,7 @@ function hk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Type",
           required: !0,
-          data: pk,
+          data: mk,
           sx: {
             flex: 1
           },
@@ -16531,7 +16549,7 @@ function hk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Direction",
           required: !0,
-          data: gk,
+          data: vk,
           sx: {
             flex: 1
           },
@@ -16589,7 +16607,7 @@ function hk({
     })]
   }, t);
 }
-function mk({
+function bk({
   control: e,
   watch: t,
   variables: n
@@ -16643,7 +16661,7 @@ function mk({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(I.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(hk, {
+      children: /* @__PURE__ */ l(yk, {
         control: e,
         index: f,
         remove: i,
@@ -16652,14 +16670,14 @@ function mk({
     }, f))]
   });
 }
-const vk = [{
+const Sk = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function yk({
+function wk({
   control: e,
   index: t,
   remove: n,
@@ -16726,7 +16744,7 @@ function yk({
         field: a
       }) => /* @__PURE__ */ l(Ee, {
         label: "Orientation",
-        data: vk,
+        data: Sk,
         required: !0,
         sx: {
           flex: 1
@@ -16753,7 +16771,7 @@ function yk({
     })]
   }, t);
 }
-function bk({
+function Ck({
   control: e,
   watch: t,
   variables: n
@@ -16804,7 +16822,7 @@ function bk({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(I.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(yk, {
+      children: /* @__PURE__ */ l(wk, {
         control: e,
         index: f,
         remove: i,
@@ -16814,7 +16832,7 @@ function bk({
     }, f))]
   });
 }
-const Sk = [{
+const xk = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -16826,7 +16844,7 @@ const Sk = [{
 }, {
   label: "Polynomial",
   value: "polynomial"
-}], wk = [{
+}], _k = [{
   label: "solid",
   value: "solid"
 }, {
@@ -16836,7 +16854,7 @@ const Sk = [{
   label: "dotted",
   value: "dotted"
 }];
-function Ck({
+function Ek({
   control: e,
   regressionItem: t,
   index: n,
@@ -16921,7 +16939,7 @@ function Ck({
           field: s
         }) => /* @__PURE__ */ l(Ee, {
           label: "Method",
-          data: Sk,
+          data: xk,
           sx: {
             flex: 1
           },
@@ -16954,7 +16972,7 @@ function Ck({
           field: s
         }) => /* @__PURE__ */ l(Ee, {
           label: "Line Type",
-          data: wk,
+          data: _k,
           sx: {
             flexGrow: 1
           },
@@ -17004,7 +17022,7 @@ function Ck({
     })]
   }, n);
 }
-function xk({
+function Ok({
   control: e,
   watch: t,
   data: n
@@ -17073,7 +17091,7 @@ function xk({
       })]
     }), s.map((f, p) => /* @__PURE__ */ l(I.Panel, {
       value: p.toString(),
-      children: /* @__PURE__ */ l(Ck, {
+      children: /* @__PURE__ */ l(Ek, {
         regressionItem: f,
         control: e,
         index: p,
@@ -17099,14 +17117,14 @@ const Wo = {
     ].join(`
 `)
   }
-}, _k = [{
+}, Rk = [{
   label: "No gap between bars",
   value: "0%"
 }, {
   label: "Bars overlapping on each other",
   value: "-100%"
 }];
-function Ek({
+function Tk({
   control: e,
   index: t
 }) {
@@ -17147,7 +17165,7 @@ function Ek({
         field: n
       }) => /* @__PURE__ */ l(Ee, {
         label: "Bar Gap",
-        data: _k,
+        data: Rk,
         sx: {
           flexGrow: 1
         },
@@ -17156,7 +17174,7 @@ function Ek({
     })]
   });
 }
-const Ok = ({
+const Mk = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ie, {
@@ -17174,7 +17192,7 @@ const Ok = ({
       }
     }
   })
-}), Rk = ({
+}), kk = ({
   value: e,
   onChange: t,
   data: n
@@ -17230,7 +17248,7 @@ const Ok = ({
           label: "Dynamic by a custom function",
           labelPosition: "center",
           variant: "dashed"
-        }), /* @__PURE__ */ l(Ok, {
+        }), /* @__PURE__ */ l(Mk, {
           value: a.func_content,
           onChange: d
         }), /* @__PURE__ */ v(k, {
@@ -17257,15 +17275,15 @@ const Ok = ({
       })
     })]
   });
-}, Tk = ({
+}, Dk = ({
   value: e,
   onChange: t,
   data: n
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(Rk, {
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(kk, {
   value: e,
   onChange: t,
   data: n
-}), Mk = ({
+}), Pk = ({
   value: e,
   onChange: t
 }) => {
@@ -17287,7 +17305,7 @@ const Ok = ({
       onChange: n
     })
   });
-}, kk = [{
+}, Ik = [{
   label: "Static",
   value: "static"
 }, {
@@ -17309,22 +17327,22 @@ const Ok = ({
     children: [/* @__PURE__ */ l(Ee, {
       ref: o,
       label: e,
-      data: kk,
+      data: Ik,
       value: t.type,
       onChange: i,
       sx: {
         flexGrow: 1
       }
-    }), /* @__PURE__ */ l(Mk, {
+    }), /* @__PURE__ */ l(Pk, {
       value: t,
       onChange: n
-    }), /* @__PURE__ */ l(Tk, {
+    }), /* @__PURE__ */ l(Dk, {
       value: t,
       onChange: n,
       data: r
     })]
   });
-}), Dk = [{
+}), $k = [{
   label: "off",
   value: "false"
 }, {
@@ -17336,7 +17354,7 @@ const Ok = ({
 }, {
   label: "end",
   value: "end"
-}], Pk = [{
+}], Ak = [{
   label: "solid",
   value: "solid"
 }, {
@@ -17346,7 +17364,7 @@ const Ok = ({
   label: "dotted",
   value: "dotted"
 }];
-function Ik({
+function Nk({
   control: e,
   index: t,
   seriesItem: n,
@@ -17368,7 +17386,7 @@ function Ik({
           field: i
         }) => /* @__PURE__ */ l(Ee, {
           label: "Line Type",
-          data: Pk,
+          data: Ak,
           sx: {
             flexGrow: 1
           },
@@ -17399,7 +17417,7 @@ function Ik({
           field: i
         }) => /* @__PURE__ */ l(Ee, {
           label: "Step",
-          data: Dk,
+          data: $k,
           sx: {
             flexGrow: 1,
             maxWidth: "48%"
@@ -17479,7 +17497,7 @@ function Ik({
     })]
   });
 }
-function $k({
+function Lk({
   control: e,
   index: t,
   data: n
@@ -17496,7 +17514,7 @@ function $k({
     })
   });
 }
-const Ak = [{
+const Vk = [{
   label: "off",
   value: ""
 }, {
@@ -17539,7 +17557,7 @@ const Ak = [{
   label: "insideBottomRight",
   value: "insideBottomRight"
 }];
-function Nk({
+function Fk({
   control: e,
   index: t,
   remove: n,
@@ -17656,15 +17674,15 @@ function Nk({
           ...s
         })
       })]
-    }), a === "line" && /* @__PURE__ */ l(Ik, {
+    }), a === "line" && /* @__PURE__ */ l(Nk, {
       index: t,
       control: e,
       seriesItem: r,
       data: i
-    }), a === "bar" && /* @__PURE__ */ l(Ek, {
+    }), a === "bar" && /* @__PURE__ */ l(Tk, {
       index: t,
       control: e
-    }), a === "scatter" && /* @__PURE__ */ l($k, {
+    }), a === "scatter" && /* @__PURE__ */ l(Lk, {
       index: t,
       control: e,
       data: i
@@ -17681,7 +17699,7 @@ function Nk({
         field: s
       }) => /* @__PURE__ */ l(Ee, {
         label: "Label Position",
-        data: Ak,
+        data: Vk,
         ...s
       })
     }), /* @__PURE__ */ v(B, {
@@ -17733,7 +17751,7 @@ function Nk({
     })]
   }, t);
 }
-function Lk({
+function zk({
   control: e,
   watch: t,
   data: n
@@ -17802,7 +17820,7 @@ function Lk({
       })]
     }), s.map((f, p) => /* @__PURE__ */ l(I.Panel, {
       value: p.toString(),
-      children: /* @__PURE__ */ l(Nk, {
+      children: /* @__PURE__ */ l(Fk, {
         control: e,
         index: p,
         remove: i,
@@ -17813,7 +17831,7 @@ function Lk({
     }, f.id))]
   });
 }
-function Vk({
+function jk({
   control: e,
   watch: t
 }) {
@@ -17850,7 +17868,7 @@ function Vk({
     })
   });
 }
-const Fk = ({
+const Hk = ({
   disabled: e,
   value: t,
   onChange: n
@@ -17878,7 +17896,7 @@ const Fk = ({
       }
     }
   })]
-}), zk = ({
+}), Kk = ({
   value: e,
   onChange: t,
   data: n
@@ -17933,7 +17951,7 @@ const Fk = ({
           label: "Enabled",
           checked: a.enabled,
           onChange: (g) => c(g.currentTarget.checked)
-        }), /* @__PURE__ */ l(Fk, {
+        }), /* @__PURE__ */ l(Hk, {
           value: a.func_content,
           onChange: f,
           disabled: !a.enabled
@@ -17962,7 +17980,7 @@ const Fk = ({
     })]
   });
 };
-function jk({
+function Bk({
   data: e,
   control: t,
   watch: n
@@ -18036,7 +18054,7 @@ function jk({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ l(zk, {
+        }) => /* @__PURE__ */ l(Kk, {
           data: e,
           ...r
         })
@@ -18044,7 +18062,7 @@ function jk({
     })]
   });
 }
-const Hk = [{
+const Gk = [{
   label: "left",
   value: "left"
 }, {
@@ -18053,14 +18071,14 @@ const Hk = [{
 }, {
   label: "right",
   value: "right"
-}], Kk = [{
+}], Wk = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function Bk({
+function qk({
   control: e,
   index: t,
   remove: n
@@ -18101,7 +18119,7 @@ function Bk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Align",
           required: !0,
-          data: Hk,
+          data: Gk,
           sx: {
             flex: 1
           },
@@ -18124,7 +18142,7 @@ function Bk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Position",
           required: !0,
-          data: Kk,
+          data: Wk,
           sx: {
             flex: 1
           },
@@ -18159,7 +18177,7 @@ function Bk({
     })]
   });
 }
-function Gk({
+function Uk({
   control: e,
   watch: t
 }) {
@@ -18204,7 +18222,7 @@ function Gk({
       })]
     }), a.map((c, u) => /* @__PURE__ */ l(I.Panel, {
       value: u.toString(),
-      children: /* @__PURE__ */ l(Bk, {
+      children: /* @__PURE__ */ l(qk, {
         control: e,
         index: u,
         remove: o
@@ -18212,7 +18230,7 @@ function Gk({
     }, u))]
   });
 }
-function Wk(e) {
+function Yk(e) {
   function t({
     name: n = "",
     template: r = "",
@@ -18228,7 +18246,7 @@ function Wk(e) {
   }
   return e.map(t);
 }
-function qk(e) {
+function Xk(e) {
   function t({
     type: n,
     name: r,
@@ -18277,7 +18295,7 @@ function qk(e) {
   }
   return e.map(t);
 }
-function Uk(e) {
+function Qk(e) {
   return e || {
     templates: {
       top: "",
@@ -18285,20 +18303,20 @@ function Uk(e) {
     }
   };
 }
-function Yk({
+function Jk({
   series: e,
   stats: t,
   reference_lines: n,
   ...r
 }) {
   return {
-    series: qk(e != null ? e : []),
-    stats: Uk(t),
-    reference_lines: Wk(n != null ? n : []),
+    series: Xk(e != null ? e : []),
+    stats: Qk(t),
+    reference_lines: Yk(n != null ? n : []),
     ...r
   };
 }
-function Xk({
+function Zk({
   context: e
 }) {
   const {
@@ -18306,7 +18324,7 @@ function Xk({
     set: n
   } = rt(e.instanceData, "config"), {
     variables: r
-  } = e, o = e.data, i = de(() => nn({}, t, Os), [t]), a = de(() => Yk(i), [i]);
+  } = e, o = e.data, i = de(() => nn({}, t, Os), [t]), a = de(() => Jk(i), [i]);
   Me(() => {
     !Dt(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
   }, [i, a]);
@@ -18386,48 +18404,48 @@ function Xk({
           })]
         }), /* @__PURE__ */ l(I.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(jk, {
+          children: /* @__PURE__ */ l(Bk, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Y Axes",
-          children: /* @__PURE__ */ l(Gk, {
+          children: /* @__PURE__ */ l(Uk, {
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Series",
-          children: /* @__PURE__ */ l(Lk, {
+          children: /* @__PURE__ */ l(zk, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Regression Lines",
-          children: /* @__PURE__ */ l(xk, {
+          children: /* @__PURE__ */ l(Ok, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Stats",
-          children: /* @__PURE__ */ l(Vk, {
+          children: /* @__PURE__ */ l(jk, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(bk, {
+          children: /* @__PURE__ */ l(Ck, {
             variables: r,
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Reference Areas",
-          children: /* @__PURE__ */ l(mk, {
+          children: /* @__PURE__ */ l(bk, {
             variables: r,
             control: s,
             watch: u
@@ -18437,11 +18455,11 @@ function Xk({
     })
   });
 }
-function Qk(e) {
+function eD(e) {
   const t = Xo(Dr(e, "variables"));
   return t.stats = Dr(t.stats, "variables"), t;
 }
-function Jk(e) {
+function tD(e) {
   const {
     rotate: t,
     formatter: n = Es
@@ -18457,7 +18475,7 @@ function Jk(e) {
     }
   };
 }
-class Zk extends tn {
+class nD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 3);
@@ -18477,27 +18495,27 @@ class Zk extends tn {
       }), (dt(o, "stats.variables") || []).forEach((s) => {
         r.variables.find((c) => c.name === s.name) || r.addVariable(s);
       }), {
-        config: Qk(o)
+        config: eD(o)
       };
     }), this.version(3, (n) => ({
       version: 3,
-      config: Jk(n.config)
+      config: tD(n.config)
     }));
   }
 }
-const eD = {
+const rD = {
   displayName: "Cartesian Chart",
-  migrator: new Zk(),
+  migrator: new nD(),
   name: "cartesian",
-  viewRender: fk,
-  configRender: Xk,
+  viewRender: hk,
+  configRender: Zk,
   createConfig: () => Os,
   triggers: [qg]
 }, Yg = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: nD,
-  configRender: tD,
+  nameRender: iD,
+  configRender: oD,
   payload: [{
     name: "type",
     description: "Always 'click'",
@@ -18520,10 +18538,10 @@ const eD = {
     valueType: "object"
   }]
 };
-function tD(e) {
+function oD(e) {
   return /* @__PURE__ */ l(Ne, {});
 }
-function nD(e) {
+function iD(e) {
   return /* @__PURE__ */ l(z, {
     children: "Click chart's series"
   });
@@ -18549,7 +18567,7 @@ function Ts(e) {
     mantissa: 0
   });
 }
-function rD(e) {
+function aD(e) {
   const t = e.value[1];
   try {
     return Ts(t);
@@ -18557,7 +18575,7 @@ function rD(e) {
     return console.error(n), t;
   }
 }
-function oD(e) {
+function lD(e) {
   const t = Array.isArray(e) ? e : [e];
   if (t.length === 0)
     return "";
@@ -18568,7 +18586,7 @@ function oD(e) {
   return n.unshift(`<strong>${t[0].name}</strong>`), n.join("<br />");
 }
 $t.use([Il, $l, ei, Lr, Vr, Fr, Jn]);
-function iD({
+function sD({
   context: e,
   instance: t
 }) {
@@ -18617,7 +18635,7 @@ function iD({
     }],
     tooltip: {
       trigger: "axis",
-      formatter: oD
+      formatter: lD
     },
     xAxis: [{
       type: "category",
@@ -18685,7 +18703,7 @@ function iD({
       label: {
         show: !0,
         position: "top",
-        formatter: rD
+        formatter: aD
       },
       yAxisIndex: 1,
       data: m
@@ -18703,7 +18721,7 @@ function iD({
     }
   });
 }
-function aD({
+function cD({
   context: e
 }) {
   const {
@@ -18863,7 +18881,7 @@ function aD({
     })
   });
 }
-class lD extends tn {
+class uD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -18875,12 +18893,12 @@ class lD extends tn {
     }));
   }
 }
-const sD = {
+const dD = {
   displayName: "Pareto Chart",
-  migrator: new lD(),
+  migrator: new uD(),
   name: "paretoChart",
-  viewRender: iD,
-  configRender: aD,
+  viewRender: sD,
+  configRender: cD,
   createConfig: () => Rs,
   triggers: [Yg]
 }, Ms = {
@@ -18888,7 +18906,7 @@ const sD = {
   value_field: ""
 };
 $t.use([Bm, Jn]);
-const cD = {
+const fD = {
   tooltip: {
     show: !0
   },
@@ -18922,7 +18940,7 @@ const cD = {
     right: 10
   }
 };
-function uD({
+function pD({
   context: e
 }) {
   const {
@@ -18945,7 +18963,7 @@ function uD({
         };
       }
     }
-  }), [r]), u = Cd({}, cD, c, {
+  }), [r]), u = Cd({}, fD, c, {
     series: {
       data: s
     }
@@ -18959,7 +18977,7 @@ function uD({
     }
   });
 }
-function dD({
+function gD({
   context: e
 }) {
   const {
@@ -19025,7 +19043,7 @@ function dD({
     })
   });
 }
-class fD extends tn {
+class hD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19037,12 +19055,12 @@ class fD extends tn {
     }));
   }
 }
-const pD = {
+const mD = {
   displayName: "Pie Chart",
-  migrator: new fD(),
+  migrator: new hD(),
   name: "pie",
-  viewRender: uD,
-  configRender: dD,
+  viewRender: pD,
+  configRender: gD,
   createConfig: () => Ms
 };
 function Xg(e) {
@@ -19054,13 +19072,13 @@ function Xg(e) {
     }
   } : (t) => t;
 }
-function gD(e) {
+function vD(e) {
   return {
     show: !0,
     formatter: ({ dimensionIndex: t, value: n }) => Xg(e.dimensions[t].formatter)(n)
   };
 }
-function hD(e) {
+function yD(e) {
   return ({ name: t, marker: n, value: r }) => {
     if (r.length === 0)
       return "";
@@ -19099,7 +19117,7 @@ function hD(e) {
   `;
   };
 }
-const mD = {
+const bD = {
   legend: {
     show: !0,
     bottom: 0,
@@ -19109,7 +19127,7 @@ const mD = {
     trigger: "item"
   }
 };
-function vD(e, t) {
+function SD(e, t) {
   const n = [
     "#66B4DB",
     "#39BFA2",
@@ -19146,7 +19164,7 @@ function vD(e, t) {
     },
     tooltip: {
       confine: !0,
-      formatter: hD(e)
+      formatter: yD(e)
     },
     legend: {
       show: !0,
@@ -19162,18 +19180,18 @@ function vD(e, t) {
       areaStyle: {
         opacity: 0.4
       },
-      label: gD(e)
+      label: vD(e)
     },
     color: n
   };
-  return Le.merge({}, mD, i);
+  return Le.merge({}, bD, i);
 }
 const ks = {
   series_name_key: "name",
   dimensions: []
 };
 $t.use([Gm, Lr, Vr, Fr, Jn]);
-function yD({
+function wD({
   context: e
 }) {
   const {
@@ -19181,7 +19199,7 @@ function yD({
   } = rt(e.instanceData, "config"), {
     width: n,
     height: r
-  } = e.viewport, o = e.data, i = de(() => vD(nn({}, t, ks), o), [t, o]);
+  } = e.viewport, o = e.data, i = de(() => SD(nn({}, t, ks), o), [t, o]);
   return !n || !r || !t || Tl(t == null ? void 0 : t.dimensions) ? null : /* @__PURE__ */ l(Ie, {
     children: /* @__PURE__ */ l(Zn, {
       echarts: $t,
@@ -19193,7 +19211,7 @@ function yD({
     })
   });
 }
-function bD({
+function CD({
   control: e,
   index: t,
   remove: n,
@@ -19283,7 +19301,7 @@ function bD({
     })]
   }, t);
 }
-function SD({
+function xD({
   control: e,
   watch: t,
   data: n
@@ -19305,7 +19323,7 @@ function SD({
     formatter: Cr
   });
   return /* @__PURE__ */ v(B, {
-    children: [s.map((u, d) => /* @__PURE__ */ l(bD, {
+    children: [s.map((u, d) => /* @__PURE__ */ l(CD, {
       data: n,
       control: e,
       index: d,
@@ -19320,7 +19338,7 @@ function SD({
     })]
   });
 }
-function wD(e) {
+function _D(e) {
   function t({
     name: n = "",
     data_key: r = "",
@@ -19336,7 +19354,7 @@ function wD(e) {
   }
   return e.map(t);
 }
-function CD({
+function ED({
   context: e
 }) {
   const t = e.data, {
@@ -19346,7 +19364,7 @@ function CD({
     dimensions: i,
     series_name_key: a
   } = o, s = de(() => ({
-    dimensions: wD(i != null ? i : []),
+    dimensions: _D(i != null ? i : []),
     series_name_key: a
   }), [i, a]);
   Me(() => {
@@ -19407,7 +19425,7 @@ function CD({
             ...m
           })
         })
-      }), /* @__PURE__ */ l(SD, {
+      }), /* @__PURE__ */ l(xD, {
         control: c,
         watch: d,
         data: t
@@ -19415,7 +19433,7 @@ function CD({
     })
   });
 }
-class xD extends tn {
+class OD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19427,15 +19445,15 @@ class xD extends tn {
     }));
   }
 }
-const _D = {
+const RD = {
   displayName: "Radar Chart",
-  migrator: new xD(),
+  migrator: new OD(),
   name: "radar",
-  viewRender: yD,
-  configRender: CD,
+  viewRender: wD,
+  configRender: ED,
   createConfig: () => ks
 };
-function ED(e, t) {
+function TD(e, t) {
   switch (e.config.method) {
     case "linear":
       return [...cr.regressionLinear()(t)];
@@ -19449,11 +19467,11 @@ function ED(e, t) {
       return [];
   }
 }
-function OD({ regression: e }, t) {
+function MD({ regression: e }, t) {
   const n = [], r = [];
   if (t.length === 0)
     return { regressionSeries: n, regressionXAxes: r };
-  const { transform: o, plot: i, name: a } = e, s = ED(o, t);
+  const { transform: o, plot: i, name: a } = e, s = TD(o, t);
   return n.push({
     ...i,
     name: a,
@@ -19465,7 +19483,7 @@ function OD({ regression: e }, t) {
     }
   }), { regressionSeries: n, regressionXAxes: r };
 }
-const RD = {
+const kD = {
   tooltip: {
     trigger: "axis"
   },
@@ -19487,12 +19505,12 @@ const RD = {
     }
   ]
 };
-function TD(e, t) {
+function DD(e, t) {
   var i, a;
   const n = Le.uniqBy(
     t.map((s) => [s[e.x_axis.data_key], s[e.regression.y_axis_data_key]]),
     0
-  ), { regressionSeries: r } = OD(e, n), o = {
+  ), { regressionSeries: r } = MD(e, n), o = {
     xAxis: {
       type: "category",
       name: (i = e.x_axis.name) != null ? i : "",
@@ -19518,12 +19536,12 @@ function TD(e, t) {
       ...r
     ]
   };
-  return nn({}, o, RD);
+  return nn({}, o, kD);
 }
 function yi(e, t, n) {
   return 1 - (1 - e) * (t - 1) / (t - n - 1);
 }
-function MD(e, t) {
+function PD(e, t) {
   if (!t)
     return {
       expression: "",
@@ -19705,7 +19723,7 @@ const Ds = {
 };
 $t.use([ei, Al, Lr, Vr, Fr, Jn]);
 $t.registerTransform(Nl.regression);
-function kD({
+function ID({
   context: e
 }) {
   const {
@@ -19720,11 +19738,11 @@ function kD({
       ...g,
       [f]: Number(g[f])
     }) : d;
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), i = de(() => TD(nn({}, t, Ds), o), [t, o]), {
+  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), i = de(() => DD(nn({}, t, Ds), o), [t, o]), {
     expression: a,
     rSquared: s,
     adjustedRSquared: c
-  } = de(() => MD(o, t), [t, o]);
+  } = de(() => PD(o, t), [t, o]);
   if (!n || !r || !t)
     return null;
   let u = r;
@@ -19791,7 +19809,7 @@ function kD({
     })]
   });
 }
-const DD = [{
+const $D = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -19804,7 +19822,7 @@ const DD = [{
   label: "Polynomial",
   value: "polynomial"
 }];
-function PD({
+function AD({
   control: e,
   watch: t,
   data: n
@@ -19852,7 +19870,7 @@ function PD({
           field: o
         }) => /* @__PURE__ */ l(Ee, {
           label: "Method",
-          data: DD,
+          data: $D,
           sx: {
             flex: 1
           },
@@ -19888,7 +19906,7 @@ function PD({
     })]
   });
 }
-function ID({
+function ND({
   context: e
 }) {
   const {
@@ -19993,7 +20011,7 @@ function ID({
           children: [/* @__PURE__ */ l(_r.Control, {
             children: "Regression Line"
           }), /* @__PURE__ */ l(_r.Panel, {
-            children: /* @__PURE__ */ l(PD, {
+            children: /* @__PURE__ */ l(AD, {
               control: i,
               watch: s,
               data: r
@@ -20004,7 +20022,7 @@ function ID({
     })
   });
 }
-class $D extends tn {
+class LD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20016,17 +20034,17 @@ class $D extends tn {
     }));
   }
 }
-const AD = {
+const VD = {
   displayName: "Regression Chart",
-  migrator: new $D(),
+  migrator: new LD(),
   name: "regressionChart",
-  viewRender: kD,
-  configRender: ID,
+  viewRender: ID,
+  configRender: ND,
   createConfig: () => Ds
 }, Ps = {
   content: ""
 };
-function ND({
+function FD({
   context: e
 }) {
   const {
@@ -20088,7 +20106,7 @@ const Qg = Nn(({
     }), /* @__PURE__ */ l(it.Content, {})]
   });
 });
-function LD({
+function zD({
   context: e
 }) {
   const {
@@ -20157,7 +20175,7 @@ function LD({
     })
   });
 }
-class VD extends tn {
+class jD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20172,18 +20190,18 @@ class VD extends tn {
     }));
   }
 }
-const FD = {
+const HD = {
   displayName: "RichText",
-  migrator: new VD(),
+  migrator: new jD(),
   name: "richText",
-  viewRender: ND,
-  configRender: LD,
+  viewRender: FD,
+  configRender: zD,
   createConfig: () => Ps
 }, Is = {
   align: "center",
   template: "The variable ${value} is defined in Variables section"
 };
-function zD(e) {
+function KD(e) {
   if ("variables" in e)
     return e;
   const {
@@ -20217,10 +20235,10 @@ function zD(e) {
     ]
   };
 }
-function jD(e) {
+function BD(e) {
   return Dr(e, ["variables"]);
 }
-function HD(e) {
+function GD(e) {
   const t = Xo(e), n = dt(t, "color.valueRange");
   return n !== void 0 && Rl(
     t,
@@ -20228,21 +20246,21 @@ function HD(e) {
     n.map((r) => Number(r))
   ), t;
 }
-class KD extends tn {
+class WD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
   }
   configVersions() {
-    this.version(1, (n) => ({ config: zD(n) })), this.version(2, (n, { panelModel: r }) => {
+    this.version(1, (n) => ({ config: KD(n) })), this.version(2, (n, { panelModel: r }) => {
       const { config: o } = n;
       return (o.variables || []).forEach((a) => {
-        r.variables.find((s) => s.name === a.name) || r.addVariable(HD(a));
-      }), { config: jD(o) };
+        r.variables.find((s) => s.name === a.name) || r.addVariable(GD(a));
+      }), { config: BD(o) };
     });
   }
 }
-const BD = Q(({
+const qD = Q(({
   context: e
 }) => {
   const t = lt(), {
@@ -20269,7 +20287,7 @@ const BD = Q(({
       children: c
     }, u))
   });
-}), GD = [{
+}), UD = [{
   label: "Left",
   value: "left"
 }, {
@@ -20279,7 +20297,7 @@ const BD = Q(({
   label: "Right",
   value: "right"
 }];
-function WD({
+function YD({
   context: e
 }) {
   const {
@@ -20353,14 +20371,14 @@ function WD({
           field: f
         }) => /* @__PURE__ */ l(Ee, {
           label: "Horizontal Alignment",
-          data: GD,
+          data: UD,
           ...f
         })
       })]
     })
   });
 }
-const qD = {
+const XD = {
   createConfig() {
     return {
       version: 1,
@@ -20368,16 +20386,16 @@ const qD = {
     };
   },
   displayName: "Stats",
-  migrator: new KD(),
+  migrator: new WD(),
   name: "stats",
-  viewRender: BD,
-  configRender: WD
+  viewRender: qD,
+  configRender: YD
 }, $s = {
   label_field: "",
   value_field: ""
 };
 $t.use([Wm, Jn]);
-const UD = {
+const QD = {
   tooltip: {
     show: !0
   },
@@ -20389,7 +20407,7 @@ const UD = {
     }
   }
 };
-function YD({
+function JD({
   context: e
 }) {
   const {
@@ -20415,7 +20433,7 @@ function YD({
         }) => p / c < 0.2 ? " " : f
       }
     }
-  }), [c]), d = Cd({}, UD, u, {
+  }), [c]), d = Cd({}, QD, u, {
     series: {
       data: s
     }
@@ -20429,7 +20447,7 @@ function YD({
     }
   });
 }
-function XD({
+function ZD({
   context: e
 }) {
   const {
@@ -20495,7 +20513,7 @@ function XD({
     })
   });
 }
-class QD extends tn {
+class eP extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20507,12 +20525,12 @@ class QD extends tn {
     }));
   }
 }
-const JD = {
+const tP = {
   displayName: "Sunburst",
-  migrator: new QD(),
+  migrator: new eP(),
   name: "sunburst",
-  viewRender: YD,
-  configRender: XD,
+  viewRender: JD,
+  configRender: ZD,
   createConfig: () => $s
 };
 var Pn = /* @__PURE__ */ ((e) => (e.string = "string", e.number = "number", e.eloc = "eloc", e.percentage = "percentage", e.custom = "custom", e))(Pn || {});
@@ -20556,7 +20574,7 @@ function Sn(e, t) {
 function Hi(e) {
   return e instanceof Function;
 }
-function ZD(e, t) {
+function nP(e, t) {
   const n = [], r = (o) => {
     o.forEach((i) => {
       n.push(i);
@@ -20590,7 +20608,7 @@ function Ge(e, t, n) {
     return o;
   };
 }
-function eP(e, t, n, r) {
+function rP(e, t, n, r) {
   var o, i;
   const s = {
     ...e._getDefaultColumnDef(),
@@ -20667,7 +20685,7 @@ function td(e, t, n) {
     Object.assign(i, a.createHeader == null ? void 0 : a.createHeader(i, e));
   }), i;
 }
-const tP = {
+const oP = {
   createTable: (e) => ({
     getHeaderGroups: Ge(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (t, n, r, o) => {
       var i, a;
@@ -20874,7 +20892,7 @@ const Si = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), nP = {
+}), iP = {
   getDefaultColumnDef: () => Si,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -20974,7 +20992,7 @@ const Si = {
           upHandler: (g) => {
             document.removeEventListener("mousemove", f.moveHandler), document.removeEventListener("mouseup", f.upHandler), d(g.clientX);
           }
-        }, p = rP() ? {
+        }, p = aP() ? {
           passive: !1
         } : !1;
         Da(o) || (document.addEventListener("mousemove", f.moveHandler, p), document.addEventListener("mouseup", f.upHandler, p)), t.setColumnSizingInfo((g) => ({
@@ -21019,7 +21037,7 @@ const Si = {
   })
 };
 let wi = null;
-function rP() {
+function aP() {
   if (typeof wi == "boolean")
     return wi;
   let e = !1;
@@ -21039,7 +21057,7 @@ function rP() {
 function Da(e) {
   return e.type === "touchstart";
 }
-const oP = {
+const lP = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -21200,7 +21218,7 @@ const Hn = {
 function En(e) {
   return e == null || e === "";
 }
-const iP = {
+const sP = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -21328,35 +21346,35 @@ const iP = {
 function nd(e, t, n) {
   return (e && e.autoRemove ? e.autoRemove(t, n) : !1) || typeof t > "u" || typeof t == "string" && !t;
 }
-const aP = (e, t, n) => n.reduce((r, o) => {
+const cP = (e, t, n) => n.reduce((r, o) => {
   const i = o.getValue(e);
   return r + (typeof i == "number" ? i : 0);
-}, 0), lP = (e, t, n) => {
+}, 0), uP = (e, t, n) => {
   let r;
   return n.forEach((o) => {
     const i = o.getValue(e);
     i != null && (r > i || r === void 0 && i >= i) && (r = i);
   }), r;
-}, sP = (e, t, n) => {
+}, dP = (e, t, n) => {
   let r;
   return n.forEach((o) => {
     const i = o.getValue(e);
     i != null && (r < i || r === void 0 && i >= i) && (r = i);
   }), r;
-}, cP = (e, t, n) => {
+}, fP = (e, t, n) => {
   let r, o;
   return n.forEach((i) => {
     const a = i.getValue(e);
     a != null && (r === void 0 ? a >= a && (r = o = a) : (r > a && (r = a), o < a && (o = a)));
   }), [r, o];
-}, uP = (e, t) => {
+}, pP = (e, t) => {
   let n = 0, r = 0;
   if (t.forEach((o) => {
     let i = o.getValue(e);
     i != null && (i = +i) >= i && (++n, r += i);
   }), n)
     return r / n;
-}, dP = (e, t) => {
+}, gP = (e, t) => {
   if (!t.length)
     return;
   let n = 0, r = 0;
@@ -21364,17 +21382,17 @@ const aP = (e, t, n) => n.reduce((r, o) => {
     let i = o.getValue(e);
     typeof i == "number" && (n = Math.min(n, i), r = Math.max(r, i));
   }), (n + r) / 2;
-}, fP = (e, t) => Array.from(new Set(t.map((n) => n.getValue(e))).values()), pP = (e, t) => new Set(t.map((n) => n.getValue(e))).size, gP = (e, t) => t.length, Pa = {
-  sum: aP,
-  min: lP,
-  max: sP,
-  extent: cP,
-  mean: uP,
-  median: dP,
-  unique: fP,
-  uniqueCount: pP,
-  count: gP
-}, hP = {
+}, hP = (e, t) => Array.from(new Set(t.map((n) => n.getValue(e))).values()), mP = (e, t) => new Set(t.map((n) => n.getValue(e))).size, vP = (e, t) => t.length, Pa = {
+  sum: cP,
+  min: uP,
+  max: dP,
+  extent: fP,
+  mean: pP,
+  median: gP,
+  unique: hP,
+  uniqueCount: mP,
+  count: vP
+}, yP = {
   getDefaultColumnDef: () => ({
     aggregatedCell: (e) => {
       var t, n;
@@ -21448,13 +21466,13 @@ const aP = (e, t, n) => n.reduce((r, o) => {
     }
   })
 };
-function mP(e, t, n) {
+function bP(e, t, n) {
   if (!(t != null && t.length) || !n)
     return e;
   const r = e.filter((i) => !t.includes(i.id));
   return n === "remove" ? r : [...t.map((i) => e.find((a) => a.id === i)).filter(Boolean), ...r];
 }
-const vP = {
+const SP = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -21480,7 +21498,7 @@ const vP = {
         }
         i = [...i, ...s];
       }
-      return mP(i, n, r);
+      return bP(i, n, r);
     }, {
       key: process.env.NODE_ENV === "development" && "getOrderColumnsFn"
     })
@@ -21488,7 +21506,7 @@ const vP = {
 }, hl = 0, ml = 10, Ia = () => ({
   pageIndex: hl,
   pageSize: ml
-}), yP = {
+}), wP = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -21592,7 +21610,7 @@ const vP = {
 }, $a = () => ({
   left: [],
   right: []
-}), bP = {
+}), CP = {
   getInitialState: (e) => ({
     columnPinning: $a(),
     ...e
@@ -21714,7 +21732,7 @@ const vP = {
       }
     })
   })
-}, SP = {
+}, xP = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -21902,10 +21920,10 @@ function rd(e, t, n) {
   }
   return !1;
 }
-const yl = /([0-9]+)/gm, wP = (e, t, n) => lh(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), CP = (e, t, n) => lh(br(e.getValue(n)), br(t.getValue(n))), xP = (e, t, n) => Vs(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), _P = (e, t, n) => Vs(br(e.getValue(n)), br(t.getValue(n))), EP = (e, t, n) => {
+const yl = /([0-9]+)/gm, _P = (e, t, n) => lh(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), EP = (e, t, n) => lh(br(e.getValue(n)), br(t.getValue(n))), OP = (e, t, n) => Vs(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), RP = (e, t, n) => Vs(br(e.getValue(n)), br(t.getValue(n))), TP = (e, t, n) => {
   const r = e.getValue(n), o = t.getValue(n);
   return r > o ? 1 : r < o ? -1 : 0;
-}, OP = (e, t, n) => Vs(e.getValue(n), t.getValue(n));
+}, MP = (e, t, n) => Vs(e.getValue(n), t.getValue(n));
 function Vs(e, t) {
   return e === t ? 0 : e > t ? 1 : -1;
 }
@@ -21933,13 +21951,13 @@ function lh(e, t) {
   return n.length - r.length;
 }
 const xo = {
-  alphanumeric: wP,
-  alphanumericCaseSensitive: CP,
-  text: xP,
-  textCaseSensitive: _P,
-  datetime: EP,
-  basic: OP
-}, RP = {
+  alphanumeric: _P,
+  alphanumericCaseSensitive: EP,
+  text: OP,
+  textCaseSensitive: RP,
+  datetime: TP,
+  basic: MP
+}, kP = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -22041,7 +22059,7 @@ const xo = {
     getPreSortedRowModel: () => e.getGroupedRowModel(),
     getSortedRowModel: () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel())
   })
-}, TP = {
+}, DP = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -22118,8 +22136,8 @@ const xo = {
       }
     };
   }
-}, od = [tP, TP, vP, bP, iP, RP, hP, oP, yP, SP, nP];
-function MP(e) {
+}, od = [oP, DP, SP, CP, sP, kP, yP, lP, wP, xP, iP];
+function PP(e) {
   var t;
   (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
   let n = {
@@ -22203,7 +22221,7 @@ function MP(e) {
     getAllColumns: Ge(() => [n._getColumnDefs()], (d) => {
       const f = function(p, g, h) {
         return h === void 0 && (h = 0), p.map((m) => {
-          const b = eP(n, m, h, g), y = m;
+          const b = rP(n, m, h, g), y = m;
           return b.columns = y.columns ? f(y.columns, b, h + 1) : [], b;
         });
       };
@@ -22248,7 +22266,7 @@ function MP(e) {
   };
   return Object.assign(n, u), n._features.forEach((d) => Object.assign(n, d.createTable == null ? void 0 : d.createTable(n))), n;
 }
-function kP(e, t, n, r) {
+function IP(e, t, n, r) {
   const o = () => {
     var a;
     return (a = i.getValue()) != null ? a : e.options.renderFallbackValue;
@@ -22274,7 +22292,7 @@ function kP(e, t, n, r) {
     Object.assign(i, a.createCell == null ? void 0 : a.createCell(i, n, t, e));
   }, {}), i;
 }
-const DP = (e, t, n, r, o, i) => {
+const $P = (e, t, n, r, o, i) => {
   let a = {
     id: t,
     index: r,
@@ -22293,8 +22311,8 @@ const DP = (e, t, n, r, o, i) => {
       return (c = a.getValue(s)) != null ? c : e.options.renderFallbackValue;
     },
     subRows: i != null ? i : [],
-    getLeafRows: () => ZD(a.subRows, (s) => s.subRows),
-    getAllCells: Ge(() => [e.getAllLeafColumns()], (s) => s.map((c) => kP(e, a, c, c.id)), {
+    getLeafRows: () => nP(a.subRows, (s) => s.subRows),
+    getAllCells: Ge(() => [e.getAllLeafColumns()], (s) => s.map((c) => IP(e, a, c, c.id)), {
       key: process.env.NODE_ENV === "development" && "row.getAllCells",
       debug: () => {
         var s;
@@ -22315,7 +22333,7 @@ const DP = (e, t, n, r, o, i) => {
   }
   return a;
 };
-function PP() {
+function AP() {
   return {
     accessor: (e, t) => typeof e == "function" ? {
       ...t,
@@ -22328,7 +22346,7 @@ function PP() {
     group: (e) => e
   };
 }
-function IP() {
+function NP() {
   return (e) => Ge(() => [e.options.data], (t) => {
     const n = {
       rows: [],
@@ -22338,7 +22356,7 @@ function IP() {
       i === void 0 && (i = 0);
       const s = [];
       for (let u = 0; u < o.length; u++) {
-        const d = DP(e, e._getRowId(o[u], u, a), o[u], u, i);
+        const d = $P(e, e._getRowId(o[u], u, a), o[u], u, i);
         if (n.flatRows.push(d), n.rowsById[d.id] = d, s.push(d), e.options.getSubRows) {
           var c;
           d.originalSubRows = e.options.getSubRows(o[u], u), (c = d.originalSubRows) != null && c.length && (d.subRows = r(d.originalSubRows, i + 1, d));
@@ -22358,7 +22376,7 @@ function IP() {
     }
   });
 }
-function $P() {
+function LP() {
   return (e) => Ge(() => [e.getState().sorting, e.getPreSortedRowModel()], (t, n) => {
     if (!n.rows.length || !(t != null && t.length))
       return n;
@@ -22408,23 +22426,23 @@ function $P() {
   });
 }
 function sh(e, t) {
-  return e ? AP(e) ? /* @__PURE__ */ l(e, {
+  return e ? VP(e) ? /* @__PURE__ */ l(e, {
     ...t
   }) : e : null;
 }
-function AP(e) {
-  return NP(e) || typeof e == "function" || LP(e);
+function VP(e) {
+  return FP(e) || typeof e == "function" || zP(e);
 }
-function NP(e) {
+function FP(e) {
   return typeof e == "function" && (() => {
     const t = Object.getPrototypeOf(e);
     return t.prototype && t.prototype.isReactComponent;
   })();
 }
-function LP(e) {
+function zP(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function VP(e) {
+function jP(e) {
   const t = {
     state: {},
     onStateChange: () => {
@@ -22432,7 +22450,7 @@ function VP(e) {
     renderFallbackValue: null,
     ...e
   }, [n] = x.useState(() => ({
-    current: MP(t)
+    current: PP(t)
   })), [r, o] = x.useState(() => n.current.initialState);
   return n.current.setOptions((i) => ({
     ...i,
@@ -22449,7 +22467,7 @@ function VP(e) {
 function id(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-class FP {
+class HP {
   constructor(t) {
     this.steps = t;
     const n = [], r = /* @__PURE__ */ new Set();
@@ -22471,7 +22489,7 @@ class FP {
     return id(this.getStepFunctionForValue(t)(t), 0, 100);
   }
 }
-const zP = ({
+const KP = ({
   header: e,
   cx: t
 }) => /* @__PURE__ */ v(z, {
@@ -22479,10 +22497,10 @@ const zP = ({
     "table-head-cell--sortable": e.column.getCanSort()
   }),
   onClick: e.column.getToggleSortingHandler(),
-  children: [e.isPlaceholder ? null : sh(e.column.columnDef.header, e.getContext()), /* @__PURE__ */ l(jP, {
+  children: [e.isPlaceholder ? null : sh(e.column.columnDef.header, e.getContext()), /* @__PURE__ */ l(BP, {
     direction: e.column.getIsSorted()
   })]
-}), jP = ({
+}), BP = ({
   direction: e
 }) => {
   switch (e) {
@@ -22500,8 +22518,8 @@ const zP = ({
 }, Fs = {
   id: "builtin:table:click-cell-content",
   displayName: "Click Cell Content",
-  nameRender: WP,
-  configRender: BP,
+  nameRender: YP,
+  configRender: qP,
   payload: [{
     name: "row_index",
     description: "Index of the row that the cell belongs to",
@@ -22515,7 +22533,7 @@ const zP = ({
     description: "Data of the row that the cell belongs to",
     valueType: "object"
   }]
-}, HP = {
+}, GP = {
   column: ""
 };
 function ch(e) {
@@ -22527,19 +22545,19 @@ function ch(e) {
     value: r.toString()
   })) : [];
 }
-function KP(e) {
+function WP(e) {
   return Tl(e) ? [] : Object.keys(e[0]).map((t) => ({
     label: t,
     value: t
   }));
 }
-function BP(e) {
-  const t = ch(e.instance), n = KP(e.sampleData), r = t.length > 0 ? t : n, {
+function qP(e) {
+  const t = ch(e.instance), n = WP(e.sampleData), r = t.length > 0 ? t : n, {
     value: o,
     set: i
   } = rt(e.trigger.triggerData, "config"), {
     column: a
-  } = jt({}, o, HP), s = (c) => {
+  } = jt({}, o, GP), s = (c) => {
     isNaN(+c) ? i({
       column: c
     }) : i({
@@ -22554,18 +22572,18 @@ function BP(e) {
     onChange: s
   });
 }
-function GP(e, t) {
+function UP(e, t) {
   return e ? cm(e.column) ? `Click cell of ${t[e.column].label}` : `Click cell of ${e.column}` : "Click cell content (click to config)";
 }
-function WP(e) {
+function YP(e) {
   const t = ch(e.instance), {
     value: n
   } = rt(e.trigger.triggerData, "config");
   return /* @__PURE__ */ l(z, {
-    children: GP(n, t)
+    children: UP(n, t)
   });
 }
-const qP = qo((e) => ({
+const XP = qo((e) => ({
   root: {
     overflow: "auto",
     "& .table-head-cell": {
@@ -22590,7 +22608,7 @@ const qP = qo((e) => ({
     position: "sticky",
     top: 0
   }
-})), UP = qo((e, t) => ({
+})), QP = qo((e, t) => ({
   content: {
     display: "flex",
     alignItems: "center",
@@ -22603,24 +22621,24 @@ const qP = qo((e) => ({
     }
   }
 }));
-function YP(e) {
+function JP(e) {
   return e ? No(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
-function XP(e) {
+function ZP(e) {
   const t = e.tableCellContext.bgColor;
   return {
     backgroundColor: t,
-    color: YP(t)
+    color: JP(t)
   };
 }
 function ua(e) {
-  const t = e.tableCellContext.isClickable(), n = UP({
+  const t = e.tableCellContext.isClickable(), n = QP({
     clickable: t
   });
   return /* @__PURE__ */ l("div", {
     className: n.classes.content,
     style: {
-      ...XP(e)
+      ...ZP(e)
     },
     children: /* @__PURE__ */ l(z, {
       className: "table-cell-text",
@@ -22631,19 +22649,19 @@ function ua(e) {
     })
   });
 }
-function QP(e) {
+function eI(e) {
   return /* @__PURE__ */ l(ua, {
     ...e,
     children: e.value
   });
 }
-function JP(e) {
+function tI(e) {
   return /* @__PURE__ */ l(ua, {
     ...e,
     children: e.value
   });
 }
-function ZP(e) {
+function nI(e) {
   const t = Zt(e.value).format({
     thousandSeparated: !0
   });
@@ -22652,7 +22670,7 @@ function ZP(e) {
     children: t
   });
 }
-function eI(e) {
+function rI(e) {
   const t = Zt(e.value).format({
     output: "percent",
     mantissa: 3
@@ -22662,43 +22680,43 @@ function eI(e) {
     children: t
   });
 }
-function tI(e) {
+function oI(e) {
   const t = e.value, n = e.func_content;
   return n ? new Function(`return ${n}`)()({
     value: t
   }) : t;
 }
-function nI(e) {
+function iI(e) {
   switch (e.type) {
     case Pn.string:
-      return /* @__PURE__ */ l(QP, {
+      return /* @__PURE__ */ l(eI, {
         ...e
       });
     case Pn.eloc:
-      return /* @__PURE__ */ l(JP, {
+      return /* @__PURE__ */ l(tI, {
         ...e
       });
     case Pn.number:
-      return /* @__PURE__ */ l(ZP, {
+      return /* @__PURE__ */ l(nI, {
         ...e
       });
     case Pn.percentage:
-      return /* @__PURE__ */ l(eI, {
+      return /* @__PURE__ */ l(rI, {
         ...e
       });
     case Pn.custom:
-      return /* @__PURE__ */ l(tI, {
+      return /* @__PURE__ */ l(oI, {
         ...e
       });
   }
 }
-const rI = (e) => {
+const aI = (e) => {
   const t = mo(e), n = ho(t.triggerManager, Fs.id), {
     colorManager: r
   } = Qn(Fn);
-  return gr((o) => new iI(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
+  return gr((o) => new sI(e.getColIndex, o, n, t, r), [n, t, e.getColIndex]);
 };
-function oI({
+function lI({
   context: e,
   instance: t
 }) {
@@ -22715,18 +22733,18 @@ function oI({
   } = i, {
     classes: u,
     cx: d
-  } = qP(), f = j.useMemo(() => a ? Object.keys(n[0]).map((O) => ({
+  } = XP(), f = j.useMemo(() => a ? Object.keys(n[0]).map((O) => ({
     id: O,
     label: O,
     value_field: O,
     value_type: Pn.string
-  })) : s, [a, s, n]), p = rI({
+  })) : s, [a, s, n]), p = aI({
     getColIndex: gr((O) => f.indexOf(O.column.columnDef.meta), [f]),
     vizManager: e.vizManager,
     instance: t
   }), g = de(() => {
-    const O = PP(), P = f.map(($) => O.accessor($.value_field, {
-      cell: (F) => /* @__PURE__ */ l(nI, {
+    const O = AP(), P = f.map(($) => O.accessor($.value_field, {
+      cell: (F) => /* @__PURE__ */ l(iI, {
         tableCellContext: p(F.cell),
         value: F.getValue(),
         type: $.value_type,
@@ -22742,15 +22760,15 @@ function oI({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...P];
-  }, [f, p]), [h, m] = Xe([]), b = VP({
+  }, [f, p]), [h, m] = Xe([]), b = jP({
     data: n,
     state: {
       sorting: h
     },
     onSortingChange: m,
     columns: g,
-    getCoreRowModel: IP(),
-    getSortedRowModel: $P()
+    getCoreRowModel: NP(),
+    getSortedRowModel: LP()
   }), {
     rows: y
   } = b.getRowModel(), w = j.useRef(null), S = qm({
@@ -22784,7 +22802,7 @@ function oI({
             style: {
               width: P.getSize()
             },
-            children: /* @__PURE__ */ l(zP, {
+            children: /* @__PURE__ */ l(KP, {
               header: P,
               cx: d
             })
@@ -22815,7 +22833,7 @@ function oI({
     })
   });
 }
-class iI {
+class sI {
   constructor(t, n, r, o, i) {
     this.getColIndex = t, this.cell = n, this.triggers = r, this.interactionManager = o, this.colorManager = i;
   }
@@ -22852,7 +22870,7 @@ class iI {
       return t;
     const n = +this.cell.getValue();
     if (isFinite(n)) {
-      const r = this.colorManager.decodeInterpolation(t.interpolation), i = new FP(t.steps).mapValue(n);
+      const r = this.colorManager.decodeInterpolation(t.interpolation), i = new HP(t.steps).mapValue(n);
       return r == null ? void 0 : r.getColor(i);
     }
   }
@@ -22880,14 +22898,14 @@ const uh = qo(() => ({
       }
     }
   }
-})), aI = [{
+})), cI = [{
   from: 0,
   to: 0
 }, {
   from: 100,
   to: 100
 }];
-class lI {
+class uI {
   constructor() {
     he(this, "steps", /* @__PURE__ */ new Map());
     he(this, "interpolation");
@@ -22912,7 +22930,7 @@ class lI {
     })).sort((n, r) => n.to - r.to || n.from - r.from));
   }
   fromProps(t) {
-    t.steps.length < 2 ? this.setSteps(aI) : this.setSteps(t.steps), this.interpolation = t.interpolation, this.onChange = t.onChange;
+    t.steps.length < 2 ? this.setSteps(cI) : this.setSteps(t.steps), this.interpolation = t.interpolation, this.onChange = t.onChange;
   }
   changeStep(t, n) {
     t == null ? this.steps.delete(n) : this.steps.set(n, t);
@@ -22921,7 +22939,7 @@ class lI {
     return this.steps.get(t);
   }
 }
-function sI(e) {
+function dI(e) {
   const {
     onChange: t,
     color: n,
@@ -23001,7 +23019,7 @@ function sI(e) {
     })]
   });
 }
-const cI = Q(({
+const fI = Q(({
   model: e
 }) => {
   const {
@@ -23009,21 +23027,21 @@ const cI = Q(({
   } = uh(), n = um(0, 13, 1).map((r) => 100 / 12 * r).map((r) => [e.interpolation.getColor(r), r]);
   return /* @__PURE__ */ l("div", {
     className: t.palette,
-    children: n.map(([r, o], i) => /* @__PURE__ */ l(sI, {
+    children: n.map(([r, o], i) => /* @__PURE__ */ l(dI, {
       index: i,
       color: r,
       value: e.getStepFromValue(o),
       onChange: (a) => e.changeStep(a, o)
     }, r))
   });
-}), uI = Q(function(t) {
-  const n = On(() => new lI(), []);
+}), pI = Q(function(t) {
+  const n = On(() => new uI(), []);
   return Me(() => {
     n.fromProps(t);
-  }), n.interpolation == null ? null : /* @__PURE__ */ l(cI, {
+  }), n.interpolation == null ? null : /* @__PURE__ */ l(fI, {
     model: n
   });
-}), dI = (e) => {
+}), gI = (e) => {
   const {
     value: t,
     onChange: n,
@@ -23071,7 +23089,7 @@ const cI = Q(({
           value: i.interpolation,
           data: f,
           onChange: p
-        }), /* @__PURE__ */ l(uI, {
+        }), /* @__PURE__ */ l(pI, {
           steps: i.steps,
           interpolation: s,
           onChange: h
@@ -23089,7 +23107,7 @@ const cI = Q(({
       })
     })]
   });
-}, fI = ["static", "interpolation", "none"], pI = [{
+}, hI = ["static", "interpolation", "none"], mI = [{
   from: 0,
   to: 0
 }, {
@@ -23099,20 +23117,20 @@ const cI = Q(({
 function dh(e) {
   return e ? xd(e) ? e === "none" ? "none" : "static" : "interpolation" : "none";
 }
-function gI(e, t) {
+function vI(e, t) {
   var n;
   return dh(t) === "static" ? t : (n = e.getStaticColors()[0]) == null ? void 0 : n.value;
 }
-function hI(e, t) {
+function yI(e, t) {
   return yd(t) ? t : {
-    steps: pI,
+    steps: mI,
     interpolation: e.encodeColor(e.getColorInterpolations()[0])
   };
 }
-const mI = (e) => {
+const bI = (e) => {
   const {
     colorManager: t
-  } = Qn(Fn), [n, r] = Xe(dh(e.value)), [o, i] = Xe(gI(t, e.value)), a = Xs(o), [s, c] = Xe(hI(t, e.value)), u = Xs(s);
+  } = Qn(Fn), [n, r] = Xe(dh(e.value)), [o, i] = Xe(vI(t, e.value)), a = Xs(o), [s, c] = Xe(yI(t, e.value)), u = Xs(s);
   return /* @__PURE__ */ v(B, {
     align: "stretch",
     children: [/* @__PURE__ */ l(Ee, {
@@ -23122,14 +23140,14 @@ const mI = (e) => {
         var h, m, b;
         r(g || "none"), g === "static" ? (h = e.onChange) == null || h.call(e, a.current) : g === "none" || !g ? (m = e.onChange) == null || m.call(e, "none") : (b = e.onChange) == null || b.call(e, u.current);
       },
-      data: fI
+      data: hI
     }), n === "static" && /* @__PURE__ */ l(Xn, {
       value: o,
       onChange: (g) => {
         var h;
         i(g), (h = e.onChange) == null || h.call(e, g);
       }
-    }), n === "interpolation" && /* @__PURE__ */ l(dI, {
+    }), n === "interpolation" && /* @__PURE__ */ l(gI, {
       colorManager: t,
       value: s,
       onChange: (g) => {
@@ -23138,11 +23156,11 @@ const mI = (e) => {
       }
     })]
   });
-}, vI = Object.values(Pn).map((e) => ({
+}, SI = Object.values(Pn).map((e) => ({
   label: e,
   value: e
 }));
-function yI({
+function wI({
   label: e,
   value: t,
   onChange: n,
@@ -23150,13 +23168,13 @@ function yI({
 }) {
   return /* @__PURE__ */ l(Ee, {
     label: e,
-    data: vI,
+    data: SI,
     value: t,
     onChange: n,
     sx: r
   });
 }
-const bI = Nn(({
+const CI = Nn(({
   value: e,
   onChange: t
 }, n) => {
@@ -23229,7 +23247,7 @@ const bI = Nn(({
       })
     })]
   });
-}), SI = ({
+}), xI = ({
   control: e,
   index: t,
   watch: n,
@@ -23278,7 +23296,7 @@ const bI = Nn(({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ l(yI, {
+        }) => /* @__PURE__ */ l(wI, {
           label: "Value Type",
           sx: {
             flex: 1
@@ -23292,7 +23310,7 @@ const bI = Nn(({
           field: s
         }) => {
           var c;
-          return /* @__PURE__ */ l(bI, {
+          return /* @__PURE__ */ l(CI, {
             value: (c = s.value) != null ? c : Jg,
             onChange: (u) => s.onChange(u != null ? u : "")
           });
@@ -23303,7 +23321,7 @@ const bI = Nn(({
       control: e,
       render: ({
         field: s
-      }) => /* @__PURE__ */ l(mI, {
+      }) => /* @__PURE__ */ l(bI, {
         ...s
       })
     }), /* @__PURE__ */ l(Ae, {
@@ -23320,7 +23338,7 @@ const bI = Nn(({
       children: "Delete this column"
     })]
   });
-}, wI = ({
+}, _I = ({
   control: e,
   watch: t,
   data: n
@@ -23392,7 +23410,7 @@ const bI = Nn(({
           })]
         }), r.map((u, d) => /* @__PURE__ */ l(I.Panel, {
           value: d.toString(),
-          children: /* @__PURE__ */ l(SI, {
+          children: /* @__PURE__ */ l(xI, {
             control: e,
             watch: t,
             index: d,
@@ -23405,7 +23423,7 @@ const bI = Nn(({
     })]
   });
 };
-function CI({
+function EI({
   control: e,
   watch: t,
   data: n
@@ -23501,7 +23519,7 @@ function CI({
     })]
   });
 }
-function xI({
+function OI({
   columns: e,
   ...t
 }) {
@@ -23516,13 +23534,13 @@ function xI({
     }))
   };
 }
-function _I({
+function RI({
   context: e
 }) {
   const {
     value: t,
     set: n
-  } = rt(e.instanceData, "config"), r = e.data, o = de(() => nn({}, t, As), [t]), i = de(() => xI(o), [o]);
+  } = rt(e.instanceData, "config"), r = e.data, o = de(() => nn({}, t, As), [t]), i = de(() => OI(o), [o]);
   Me(() => {
     !Dt(o, i) && (console.log("config malformed, resetting to defaults", o, i), n(i));
   }, [o, i]);
@@ -23605,14 +23623,14 @@ function _I({
         })
       }), /* @__PURE__ */ l(I.Panel, {
         value: "Style",
-        children: /* @__PURE__ */ l(CI, {
+        children: /* @__PURE__ */ l(EI, {
           control: a,
           watch: c,
           data: r
         })
       }), /* @__PURE__ */ l(I.Panel, {
         value: "Columns",
-        children: /* @__PURE__ */ l(wI, {
+        children: /* @__PURE__ */ l(_I, {
           control: a,
           watch: c,
           data: r
@@ -23633,7 +23651,7 @@ function _I({
     })]
   });
 }
-class EI extends tn {
+class TI extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
@@ -23665,12 +23683,12 @@ const bl = {
     };
   },
   displayName: "Table",
-  migrator: new EI(),
+  migrator: new TI(),
   name: "table",
-  viewRender: oI,
-  configRender: _I,
+  viewRender: lI,
+  configRender: RI,
   triggers: [Fs]
-}, OI = () => /* @__PURE__ */ v("svg", {
+}, MI = () => /* @__PURE__ */ v("svg", {
   width: "64",
   height: "64",
   viewBox: "0 0 64 64",
@@ -23693,7 +23711,7 @@ function ad(e, t) {
   if (n)
     throw new Error(n);
 }
-async function RI(e, t, n, r = {}) {
+async function kI(e, t, n, r = {}) {
   const o = {
     "X-Requested-With": "XMLHttpRequest",
     "Content-Type": r.string ? "application/x-www-form-urlencoded" : "application/json",
@@ -23707,7 +23725,7 @@ async function RI(e, t, n, r = {}) {
   };
   return i.data = r.string ? JSON.stringify(n) : n, Ml(i).then((a) => a.data).catch((a) => Promise.reject(a));
 }
-const TI = ({ conf: e, data: t }) => async () => {
+const DI = ({ conf: e, data: t }) => async () => {
   const { expertSystemURL: n, path: r, goal: o, question: i } = e;
   if (!r || !o || !i)
     return;
@@ -23718,7 +23736,7 @@ const TI = ({ conf: e, data: t }) => async () => {
   };
   try {
     const s = n.startsWith("http") ? n : window.location.origin;
-    return await RI(s, `/expert/v3/devtable/${r}`, a, {});
+    return await kI(s, `/expert/v3/devtable/${r}`, a, {});
   } catch (s) {
     throw ad(s, "response.data.detail"), ad(s, "response.data.error"), console.error(s), s;
   }
@@ -23749,7 +23767,7 @@ const TI = ({ conf: e, data: t }) => async () => {
       color: "#3D3E45"
     }
   })
-}), MI = ({
+}), PI = ({
   error: e,
   width: t,
   height: n
@@ -23765,13 +23783,13 @@ const TI = ({ conf: e, data: t }) => async () => {
     children: /* @__PURE__ */ v(B, {
       align: "center",
       spacing: 20,
-      children: [/* @__PURE__ */ l(OI, {}), /* @__PURE__ */ l(ld, {
+      children: [/* @__PURE__ */ l(MI, {}), /* @__PURE__ */ l(ld, {
         message: r
       })]
     })
   });
 };
-function kI({
+function II({
   context: e
 }) {
   var u;
@@ -23784,7 +23802,7 @@ function kI({
     data: a,
     error: s,
     loading: c
-  } = El(TI({
+  } = El(DI({
     conf: n,
     data: i
   }), {
@@ -23798,7 +23816,7 @@ function kI({
     children: /* @__PURE__ */ l(Uo, {
       visible: !0
     })
-  }) : s ? /* @__PURE__ */ l(MI, {
+  }) : s ? /* @__PURE__ */ l(PI, {
     error: s,
     width: r,
     height: o
@@ -23816,7 +23834,7 @@ function kI({
     }, f))
   });
 }
-function DI({
+function $I({
   context: e
 }) {
   const {
@@ -23903,7 +23921,7 @@ function DI({
     })
   });
 }
-class PI extends tn {
+class AI extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -23915,22 +23933,22 @@ class PI extends tn {
     }));
   }
 }
-const II = {
+const NI = {
   displayName: "Merico GQM",
-  migrator: new PI(),
+  migrator: new AI(),
   name: "mericoGQM",
-  viewRender: kI,
-  configRender: DI,
+  viewRender: II,
+  configRender: $I,
   createConfig: () => zs
 };
-function $I(e) {
+function LI(e) {
   const t = e.y_axes.some((n) => !!n.name);
   return {
     bottom: e.x_axis.name ? 40 : 25,
     top: t ? 30 : 10
   };
 }
-function AI({ type: e, ...t }, n, r, o) {
+function VI({ type: e, ...t }, n, r, o) {
   if (!e)
     return 10;
   if (e === "static") {
@@ -23951,7 +23969,7 @@ function AI({ type: e, ...t }, n, r, o) {
     }
   };
 }
-function NI(e, t, n, r) {
+function FI(e, t, n, r) {
   return e.map((o) => {
     const i = o.orientation === "horizontal", a = i ? "yAxis" : "xAxis", s = i ? "insideEndTop" : "end";
     return {
@@ -23977,7 +23995,7 @@ function NI(e, t, n, r) {
     };
   });
 }
-function LI(e, t) {
+function zI(e, t) {
   return e.map((n) => ({
     name: "",
     type: "line",
@@ -24000,7 +24018,7 @@ function LI(e, t) {
     }
   }));
 }
-function VI({ x_axis: e, scatter: t }, n, r, o) {
+function jI({ x_axis: e, scatter: t }, n, r, o) {
   return {
     label: {
       show: !!t.label_position,
@@ -24013,12 +24031,12 @@ function VI({ x_axis: e, scatter: t }, n, r, o) {
     yAxisIndex: 0,
     datasetIndex: 0,
     color: t.color,
-    symbolSize: AI(t.symbolSize, n, e.data_key, r),
+    symbolSize: VI(t.symbolSize, n, e.data_key, r),
     encode: { x: e.data_key, y: t.y_data_key }
   };
 }
-function FI(e, t, n, r, o, i, a) {
-  return [VI(e, r, a)].concat(NI(e.reference_lines, i, a, r)).concat(LI(e.reference_areas, a));
+function HI(e, t, n, r, o, i, a) {
+  return [jI(e, r, a)].concat(FI(e.reference_lines, i, a, r)).concat(zI(e.reference_areas, a));
 }
 function ph({ enabled: e, func_content: t }) {
   return (n, r) => {
@@ -24031,14 +24049,14 @@ function ph({ enabled: e, func_content: t }) {
     }
   };
 }
-function zI(e, t) {
+function KI(e, t) {
   const n = e.find((a) => a.axisDim === "x" && a.axisId === "main-x-axis");
   if (!n)
     return "";
   const { name: r, axisValue: o, axisIndex: i } = n;
   return t.x_axis.axisLabel.formatter.enabled ? ph(t.x_axis.axisLabel.formatter)(o, i) : o;
 }
-const jI = (e) => {
+const BI = (e) => {
   try {
     return Zt(e).format({
       trimMantissa: !0,
@@ -24048,7 +24066,7 @@ const jI = (e) => {
     return e;
   }
 };
-function HI(e, t) {
+function GI(e, t) {
   const { scatter: n } = e;
   return {
     confine: !0,
@@ -24057,7 +24075,7 @@ function HI(e, t) {
       const o = (f = t[0]) != null ? f : t.default, i = Array.isArray(r) ? r : [r];
       if (i.length === 0)
         return "";
-      const a = zI(i, e), s = i.map(
+      const a = KI(i, e), s = i.map(
         ({ value: p }) => `<th style="text-align: right; padding-right: 1em">${p[n.name_data_key]}</th>`
       );
       s.unshift("<th></th>");
@@ -24074,7 +24092,7 @@ function HI(e, t) {
         </tr>`
       ], u = e.tooltip.metrics.map((p) => `<tr>
         <th style="text-align: right;">${p.name}</th>
-        ${i.map(({ value: g }) => `<td style="text-align: right; padding: 0 1em;">${jI(g[p.data_key])}</td>`).join("")}
+        ${i.map(({ value: g }) => `<td style="text-align: right; padding: 0 1em;">${BI(g[p.data_key])}</td>`).join("")}
       </tr>`);
       return c.push(...u), `
       <table>
@@ -24085,7 +24103,7 @@ function HI(e, t) {
     }
   };
 }
-function KI(e, t) {
+function WI(e, t) {
   var o;
   const n = t.every((i) => !Number.isNaN(Number(i))), { axisLabel: r } = e.x_axis;
   return [
@@ -24105,7 +24123,7 @@ function KI(e, t) {
     }
   ];
 }
-function BI(e, t) {
+function qI(e, t) {
   return e.y_axes.map(({ nameAlignment: n, ...r }, o) => {
     var a;
     let i = r.position;
@@ -24131,7 +24149,7 @@ function BI(e, t) {
     };
   });
 }
-function GI() {
+function UI() {
   return {
     show: !1,
     bottom: 0,
@@ -24139,7 +24157,7 @@ function GI() {
     type: "scroll"
   };
 }
-const WI = {
+const YI = {
   dataZoom: [
     {
       type: "inside",
@@ -24178,7 +24196,7 @@ const WI = {
     containLabel: !0
   }
 };
-function qI(e, t, n) {
+function XI(e, t, n) {
   const r = n.reduce((u, d) => {
     const f = ws(d, t);
     return u[d.name] = li(d, f), u;
@@ -24196,26 +24214,26 @@ function qI(e, t, n) {
     {
       default: ({ value: u }) => u
     }
-  ), i = Le.uniq(t.map((u) => u[e.x_axis.data_key])), a = i.every((u) => !Number.isNaN(Number(u))), s = FI(e, i, a, t, o, n, r), c = {
-    xAxis: KI(e, i),
-    yAxis: BI(e, o),
+  ), i = Le.uniq(t.map((u) => u[e.x_axis.data_key])), a = i.every((u) => !Number.isNaN(Number(u))), s = HI(e, i, a, t, o, n, r), c = {
+    xAxis: WI(e, i),
+    yAxis: qI(e, o),
     series: s,
     dataset: [
       {
         source: t
       }
     ],
-    tooltip: HI(e, o),
-    grid: $I(e),
-    legend: GI()
+    tooltip: GI(e, o),
+    grid: LI(e),
+    legend: UI()
   };
-  return nn({}, c, WI);
+  return nn({}, c, YI);
 }
 const gh = {
   id: "builtin:echarts:click-scatter-chart:series",
   displayName: "Click Scatter",
-  nameRender: YI,
-  configRender: UI,
+  nameRender: JI,
+  configRender: QI,
   payload: [{
     name: "seriesType",
     description: "'scatter'",
@@ -24242,10 +24260,10 @@ const gh = {
     valueType: "object"
   }]
 };
-function UI(e) {
+function QI(e) {
   return /* @__PURE__ */ l(Ne, {});
 }
-function YI(e) {
+function JI(e) {
   return /* @__PURE__ */ l(z, {
     children: "Click scatter"
   });
@@ -24295,7 +24313,7 @@ const hh = {
 };
 $t.use([ei, Il, $l, Al, Lr, Vr, Fr, Jn, Pl, Nd]);
 $t.registerTransform(Nl.regression);
-function XI({
+function ZI({
   conf: e,
   data: t,
   width: n,
@@ -24313,7 +24331,7 @@ function XI({
         rowData: p
       });
     });
-  }, u = j.useMemo(() => qI(e, t, i), [e, t]);
+  }, u = j.useMemo(() => XI(e, t, i), [e, t]);
   return !n || !r ? null : /* @__PURE__ */ l(Zn, {
     echarts: $t,
     option: u,
@@ -24326,7 +24344,7 @@ function XI({
     }
   });
 }
-function QI({
+function e$({
   context: e,
   instance: t
 }) {
@@ -24364,7 +24382,7 @@ function QI({
       size: "xs",
       pl: "sm",
       children: Object.values(g.top).map((m) => m)
-    }), /* @__PURE__ */ l(XI, {
+    }), /* @__PURE__ */ l(ZI, {
       variables: o,
       width: s,
       height: h,
@@ -24380,14 +24398,14 @@ function QI({
     })]
   });
 }
-const JI = [{
+const t$ = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function ZI({
+function n$({
   control: e,
   index: t,
   remove: n,
@@ -24454,7 +24472,7 @@ function ZI({
         field: a
       }) => /* @__PURE__ */ l(Ee, {
         label: "Orientation",
-        data: JI,
+        data: t$,
         required: !0,
         sx: {
           flex: 1
@@ -24481,7 +24499,7 @@ function ZI({
     })]
   }, t);
 }
-function e$({
+function r$({
   control: e,
   watch: t,
   variables: n
@@ -24532,7 +24550,7 @@ function e$({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(I.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(ZI, {
+      children: /* @__PURE__ */ l(n$, {
         control: e,
         index: f,
         remove: i,
@@ -24542,7 +24560,7 @@ function e$({
     }, f))]
   });
 }
-const t$ = ({
+const o$ = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ie, {
@@ -24575,7 +24593,7 @@ const t$ = ({
     ].join(`
 `)
   }
-}, n$ = ({
+}, i$ = ({
   value: e,
   onChange: t,
   data: n
@@ -24631,7 +24649,7 @@ const t$ = ({
           label: "Dynamic by a custom function",
           labelPosition: "center",
           variant: "dashed"
-        }), /* @__PURE__ */ l(t$, {
+        }), /* @__PURE__ */ l(o$, {
           value: a.func_content,
           onChange: d
         }), /* @__PURE__ */ v(k, {
@@ -24658,15 +24676,15 @@ const t$ = ({
       })
     })]
   });
-}, r$ = ({
+}, a$ = ({
   value: e,
   onChange: t,
   data: n
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(n$, {
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(i$, {
   value: e,
   onChange: t,
   data: n
-}), o$ = ({
+}), l$ = ({
   value: e,
   onChange: t
 }) => {
@@ -24688,13 +24706,13 @@ const t$ = ({
       onChange: n
     })
   });
-}, i$ = [{
+}, s$ = [{
   label: "Static",
   value: "static"
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], a$ = Nn(({
+}], c$ = Nn(({
   label: e = "Size",
   value: t,
   onChange: n,
@@ -24710,22 +24728,22 @@ const t$ = ({
     children: [/* @__PURE__ */ l(Ee, {
       ref: o,
       label: e,
-      data: i$,
+      data: s$,
       value: t.type,
       onChange: i,
       sx: {
         flexGrow: 1
       }
-    }), /* @__PURE__ */ l(o$, {
+    }), /* @__PURE__ */ l(l$, {
       value: t,
       onChange: n
-    }), /* @__PURE__ */ l(r$, {
+    }), /* @__PURE__ */ l(a$, {
       value: t,
       onChange: n,
       data: r
     })]
   });
-}), l$ = [{
+}), u$ = [{
   label: "off",
   value: ""
 }, {
@@ -24768,7 +24786,7 @@ const t$ = ({
   label: "insideBottomRight",
   value: "insideBottomRight"
 }];
-function s$({
+function d$({
   data: e,
   control: t,
   watch: n
@@ -24815,7 +24833,7 @@ function s$({
       control: t,
       render: ({
         field: r
-      }) => /* @__PURE__ */ l(a$, {
+      }) => /* @__PURE__ */ l(c$, {
         label: "Size",
         data: e,
         ...r
@@ -24848,14 +24866,14 @@ function s$({
           field: r
         }) => /* @__PURE__ */ l(Ee, {
           label: "Label Position",
-          data: l$,
+          data: u$,
           ...r
         })
       })
     })]
   });
 }
-function c$({
+function f$({
   control: e,
   watch: t
 }) {
@@ -24892,7 +24910,7 @@ function c$({
     })
   });
 }
-const u$ = ({
+const p$ = ({
   control: e,
   data: t,
   index: n,
@@ -24946,7 +24964,7 @@ const u$ = ({
     },
     children: "Delete this Metric"
   })]
-}), d$ = ({
+}), g$ = ({
   control: e,
   watch: t,
   data: n
@@ -25015,7 +25033,7 @@ const u$ = ({
         })]
       }), s.map((p, g) => /* @__PURE__ */ l(I.Panel, {
         value: p.id,
-        children: /* @__PURE__ */ l(u$, {
+        children: /* @__PURE__ */ l(p$, {
           control: e,
           index: g,
           remove: i,
@@ -25025,18 +25043,18 @@ const u$ = ({
     })]
   });
 };
-function f$({
+function h$({
   data: e,
   control: t,
   watch: n
 }) {
-  return /* @__PURE__ */ l(d$, {
+  return /* @__PURE__ */ l(g$, {
     control: t,
     watch: n,
     data: e
   });
 }
-const p$ = ({
+const m$ = ({
   disabled: e,
   value: t,
   onChange: n
@@ -25064,7 +25082,7 @@ const p$ = ({
       }
     }
   })]
-}), g$ = ({
+}), v$ = ({
   value: e,
   onChange: t,
   data: n
@@ -25119,7 +25137,7 @@ const p$ = ({
           label: "Enabled",
           checked: a.enabled,
           onChange: (g) => c(g.currentTarget.checked)
-        }), /* @__PURE__ */ l(p$, {
+        }), /* @__PURE__ */ l(m$, {
           value: a.func_content,
           onChange: f,
           disabled: !a.enabled
@@ -25148,7 +25166,7 @@ const p$ = ({
     })]
   });
 };
-function h$({
+function y$({
   data: e,
   control: t,
   watch: n
@@ -25222,7 +25240,7 @@ function h$({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ l(g$, {
+        }) => /* @__PURE__ */ l(v$, {
           data: e,
           ...r
         })
@@ -25230,7 +25248,7 @@ function h$({
     })]
   });
 }
-const m$ = [{
+const b$ = [{
   label: "left",
   value: "left"
 }, {
@@ -25239,14 +25257,14 @@ const m$ = [{
 }, {
   label: "right",
   value: "right"
-}], v$ = [{
+}], S$ = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function y$({
+function w$({
   control: e,
   index: t,
   remove: n
@@ -25287,7 +25305,7 @@ function y$({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Align",
           required: !0,
-          data: m$,
+          data: b$,
           sx: {
             flex: 1
           },
@@ -25310,7 +25328,7 @@ function y$({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Position",
           required: !0,
-          data: v$,
+          data: S$,
           sx: {
             flex: 1
           },
@@ -25345,7 +25363,7 @@ function y$({
     })]
   });
 }
-function b$({
+function C$({
   control: e,
   watch: t
 }) {
@@ -25390,7 +25408,7 @@ function b$({
       })]
     }), a.map((c, u) => /* @__PURE__ */ l(I.Panel, {
       value: u.toString(),
-      children: /* @__PURE__ */ l(y$, {
+      children: /* @__PURE__ */ l(w$, {
         control: e,
         index: u,
         remove: o
@@ -25398,7 +25416,7 @@ function b$({
     }, u))]
   });
 }
-function S$(e) {
+function x$(e) {
   return e || {
     templates: {
       top: "",
@@ -25406,18 +25424,18 @@ function S$(e) {
     }
   };
 }
-function w$({
+function _$({
   reference_lines: e = [],
   stats: t,
   ...n
 }) {
   return {
     reference_lines: e,
-    stats: S$(t),
+    stats: x$(t),
     ...n
   };
 }
-function C$({
+function E$({
   context: e
 }) {
   const {
@@ -25425,7 +25443,7 @@ function C$({
     set: n
   } = rt(e.instanceData, "config"), {
     variables: r
-  } = e, o = e.data, i = de(() => nn({}, t, js), [t]), a = de(() => w$(i), [i]);
+  } = e, o = e.data, i = de(() => nn({}, t, js), [t]), a = de(() => _$(i), [i]);
   Me(() => {
     !Dt(i, a) && (console.log("config malformed, resetting to defaults", i, a), n(a));
   }, [i, a]);
@@ -25502,41 +25520,41 @@ function C$({
           })]
         }), /* @__PURE__ */ l(I.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(h$, {
+          children: /* @__PURE__ */ l(y$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Y Axes",
-          children: /* @__PURE__ */ l(b$, {
+          children: /* @__PURE__ */ l(C$, {
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Scatter",
-          children: /* @__PURE__ */ l(s$, {
+          children: /* @__PURE__ */ l(d$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Tooltip",
-          children: /* @__PURE__ */ l(f$, {
+          children: /* @__PURE__ */ l(h$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Stats",
-          children: /* @__PURE__ */ l(c$, {
+          children: /* @__PURE__ */ l(f$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(e$, {
+          children: /* @__PURE__ */ l(r$, {
             variables: r,
             control: s,
             watch: u
@@ -25546,7 +25564,7 @@ function C$({
     })
   });
 }
-class x$ extends tn {
+class O$ extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
@@ -25572,12 +25590,12 @@ class x$ extends tn {
     });
   }
 }
-const _$ = {
+const R$ = {
   displayName: "Scatter Chart",
-  migrator: new x$(),
+  migrator: new O$(),
   name: "scatterChart",
-  viewRender: QI,
-  configRender: C$,
+  viewRender: e$,
+  configRender: E$,
   createConfig: () => js,
   triggers: [gh]
 }, vh = [
@@ -25591,7 +25609,7 @@ const _$ = {
   horizontal_align: "left",
   font_size: "14px",
   font_weight: "normal"
-}, E$ = Q(({
+}, T$ = Q(({
   context: e
 }) => {
   const t = lt(), {
@@ -25617,7 +25635,7 @@ const _$ = {
     },
     children: c
   });
-}), O$ = ({
+}), M$ = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ie, {
@@ -25638,7 +25656,7 @@ const _$ = {
       }
     }
   })
-}), R$ = Nn(({
+}), k$ = Nn(({
   value: e,
   onChange: t
 }, n) => {
@@ -25671,7 +25689,7 @@ const _$ = {
       closeOnClickOutside: !1,
       withCloseButton: !1,
       children: r && /* @__PURE__ */ v(B, {
-        children: [/* @__PURE__ */ l(O$, {
+        children: [/* @__PURE__ */ l(M$, {
           value: a,
           onChange: s
         }), /* @__PURE__ */ v(k, {
@@ -25698,7 +25716,7 @@ const _$ = {
       })
     })]
   });
-}), T$ = [{
+}), D$ = [{
   label: "Left",
   value: "left"
 }, {
@@ -25708,7 +25726,7 @@ const _$ = {
   label: "Right",
   value: "right"
 }];
-function M$({
+function P$({
   context: e
 }) {
   const {
@@ -25777,7 +25795,7 @@ function M$({
           control: i,
           render: ({
             field: p
-          }) => /* @__PURE__ */ l(R$, {
+          }) => /* @__PURE__ */ l(k$, {
             ...p
           })
         }), /* @__PURE__ */ l(Ae, {
@@ -25793,7 +25811,7 @@ function M$({
             field: p
           }) => /* @__PURE__ */ l(Ee, {
             label: "Horizontal Alignment",
-            data: T$,
+            data: D$,
             ...p
           })
         }), /* @__PURE__ */ l(V, {
@@ -25833,7 +25851,7 @@ function M$({
     })
   });
 }
-class k$ extends tn {
+class I$ extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -25845,14 +25863,14 @@ class k$ extends tn {
     }));
   }
 }
-const D$ = {
+const $$ = {
   displayName: "Text",
-  migrator: new k$(),
+  migrator: new I$(),
   name: "text",
-  viewRender: E$,
-  configRender: M$,
+  viewRender: T$,
+  configRender: P$,
   createConfig: () => Hs
-}, P$ = [{
+}, A$ = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -25899,12 +25917,12 @@ const D$ = {
   value: e.value,
   type: "single",
   category: "basic"
-})), I$ = [mT, vT, ST, bT, yT, wT], yh = () => ({
+})), N$ = [mT, vT, ST, bT, yT, wT], yh = () => ({
   id: "dashboard",
   version: hs,
   manifest: {
-    viz: [bl, qD, D$, FD, JD, pD, DT, IM, sD, eD, _$, _D, AD, II, qM],
-    color: [...P$, ...I$]
+    viz: [bl, XD, $$, HD, tP, mD, DT, IM, dD, rD, R$, RD, VD, NI, qM],
+    color: [...A$, ...N$]
   }
 }), Oo = new ET(), Vt = {
   pluginManager: zn("pluginManager"),
@@ -25934,7 +25952,7 @@ try {
   Oo.install(yh());
 } catch {
 }
-function $$(e, t) {
+function L$(e, t) {
   const {
     value: n,
     set: r
@@ -25949,12 +25967,12 @@ function $$(e, t) {
     commit: a
   };
 }
-function A$(e) {
+function V$(e) {
   const {
     config: t,
     setConfig: n,
     commit: r
-  } = $$(e, {
+  } = L$(e, {
     urlTemplate: "",
     openInNewTab: !0
   });
@@ -25984,7 +26002,7 @@ function A$(e) {
     })]
   });
 }
-async function N$(e, t) {
+async function F$(e, t) {
   const {
     urlTemplate: n,
     openInNewTab: r
@@ -25997,7 +26015,7 @@ async function N$(e, t) {
     }
   }));
 }
-class L$ extends tn {
+class z$ extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -26006,12 +26024,12 @@ class L$ extends tn {
     this.version(1, (n) => n);
   }
 }
-const V$ = {
+const j$ = {
   displayName: "Open Link",
   id: "builtin:op:open-link",
-  configRender: A$,
-  run: N$,
-  migrator: new L$(),
+  configRender: V$,
+  run: F$,
+  migrator: new z$(),
   createDefaultConfig: () => ({
     version: 1,
     config: {
@@ -26020,7 +26038,7 @@ const V$ = {
     }
   })
 };
-function F$(e) {
+function H$(e) {
   const {
     value: t,
     set: n
@@ -26029,24 +26047,24 @@ function F$(e) {
   });
   return [(t == null ? void 0 : t.template) || "", r];
 }
-function z$(e) {
-  const [t, n] = F$(e.operation);
+function K$(e) {
+  const [t, n] = H$(e.operation);
   return /* @__PURE__ */ l(se, {
     defaultValue: t,
     onBlur: (r) => n(r.currentTarget.value),
     label: "console.log"
   });
 }
-async function j$(e, t) {
+async function B$(e, t) {
   const n = await t.operationData.getItem("config"), r = Ol(n.template || "");
   console.log("run with payload", e), console.log(r(e));
 }
-const H$ = {
+const G$ = {
   displayName: "console.log (debug)",
   id: "builtin:op:debug",
-  configRender: z$,
-  run: j$
-}, K$ = Q((e) => {
+  configRender: K$,
+  run: B$
+}, W$ = Q((e) => {
   const t = lt(), {
     value: n,
     set: r
@@ -26066,7 +26084,7 @@ const H$ = {
     data: t.views.options
   });
 });
-async function B$(e, t) {
+async function q$(e, t) {
   const r = (await t.operationData.getItem("config")).viewID;
   window.dispatchEvent(new CustomEvent("open-view", {
     detail: {
@@ -26074,16 +26092,16 @@ async function B$(e, t) {
     }
   }));
 }
-const G$ = {
+const U$ = {
   displayName: "Open View",
   id: "builtin:op:open_view",
-  configRender: K$,
-  run: B$
-}, W$ = {
+  configRender: W$,
+  run: q$
+}, Y$ = {
   dictionary: {}
-}, q$ = Q((e) => {
+}, X$ = Q((e) => {
   const t = lt(), {
-    value: n = W$,
+    value: n = Y$,
     set: r
   } = rt(e.operation.operationData, "config"), {
     dictionary: o = {}
@@ -26140,7 +26158,7 @@ const G$ = {
     })]
   });
 });
-async function U$(e, t) {
+async function Q$(e, t) {
   const r = (await t.operationData.getItem("config")).dictionary;
   window.dispatchEvent(new CustomEvent("set-filter-values", {
     detail: {
@@ -26149,13 +26167,13 @@ async function U$(e, t) {
     }
   }));
 }
-const Y$ = {
+const J$ = {
   displayName: "Set Filter Values",
   id: "builtin:op:set_filter_values",
-  configRender: q$,
-  run: U$
-}, da = [H$, V$, G$, Y$];
-class X$ {
+  configRender: X$,
+  run: Q$
+}, da = [G$, j$, U$, J$];
+class Z$ {
   constructor(t, n = da) {
     he(this, "attachments");
     this.operations = n;
@@ -26232,7 +26250,7 @@ class Bs {
     he(this, "operationManager");
     he(this, "triggerManager");
     he(this, "attachments");
-    this.operationManager = new X$(t, r), this.triggerManager = new PT(t, n);
+    this.operationManager = new Z$(t, r), this.triggerManager = new PT(t, n);
     const o = async (i) => {
       const { id: a, triggerRef: s, operationRef: c } = await i.getItem(null);
       return {
@@ -26280,14 +26298,14 @@ class Bs {
     );
   }
 }
-function Q$(e, t) {
+function eA(e, t) {
   const [n, r] = Xe([]);
   return Yo(async () => {
     const o = await e.getInteractionList();
     r(o);
   }, [t]), n;
 }
-const J$ = Q(({
+const tA = Q(({
   item: e,
   manager: t,
   instance: n,
@@ -26321,13 +26339,13 @@ const J$ = Q(({
     });
   }
   return null;
-}), Z$ = (e) => {
+}), nA = (e) => {
   const [t, n] = Xe(0), {
     interactionManager: r,
     instance: o,
     sampleData: i,
     variables: a
-  } = e, s = Q$(r, t), c = async () => {
+  } = e, s = eA(r, t), c = async () => {
     const p = await r.triggerManager.createOrGetTrigger(gn(), r.triggerManager.getTriggerSchemaList()[0]), g = await r.operationManager.createOrGetOperation(gn(), r.operationManager.getOperationSchemaList()[0]);
     await r.addInteraction(p, g), n((h) => h + 1);
   };
@@ -26354,7 +26372,7 @@ const J$ = Q(({
       title: "Unavailable",
       color: "gray",
       children: "This visualization does not have available interactions to choose from"
-    }), s.map((p) => /* @__PURE__ */ l(J$, {
+    }), s.map((p) => /* @__PURE__ */ l(tA, {
       onRemove: u,
       instance: o,
       sampleData: i,
@@ -26370,7 +26388,7 @@ const J$ = Q(({
       children: "Add interaction"
     })]
   });
-}, eA = () => {
+}, rA = () => {
   const {
     panel: e,
     data: t
@@ -26392,12 +26410,12 @@ const J$ = Q(({
     sampleData: t,
     variables: []
   };
-}, tA = () => {
-  const e = eA();
-  return /* @__PURE__ */ l(Z$, {
+}, oA = () => {
+  const e = rA();
+  return /* @__PURE__ */ l(nA, {
     ...e
   });
-}, nA = Q(() => {
+}, iA = Q(() => {
   const {
     panel: e
   } = Gt(), [t, n] = j.useState(e.description), r = e.description !== t, o = j.useCallback(() => {
@@ -26434,7 +26452,7 @@ const J$ = Q(({
       }
     })]
   });
-}), rA = Q(() => {
+}), aA = Q(() => {
   const {
     panel: e
   } = Gt(), {
@@ -26447,7 +26465,7 @@ const J$ = Q(({
       onChange: (n) => t.border.setEnabled(n.currentTarget.checked)
     })
   });
-}), oA = Q(() => {
+}), lA = Q(() => {
   const {
     panel: {
       title: e,
@@ -26502,7 +26520,7 @@ const J$ = Q(({
       })]
     })
   });
-}), iA = Q(() => {
+}), sA = Q(() => {
   const {
     panel: e
   } = Gt(), {
@@ -26539,7 +26557,7 @@ const J$ = Q(({
     }
   });
 });
-function aA() {
+function cA() {
   return /* @__PURE__ */ v(k, {
     grow: !0,
     noWrap: !0,
@@ -26558,22 +26576,22 @@ function aA() {
         label: "Style",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ l(rA, {}), /* @__PURE__ */ l(Ae, {
+      }), /* @__PURE__ */ l(aA, {}), /* @__PURE__ */ l(Ae, {
         label: "Info",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ l(iA, {}), /* @__PURE__ */ l(nA, {})]
+      }), /* @__PURE__ */ l(sA, {}), /* @__PURE__ */ l(iA, {})]
     }), /* @__PURE__ */ l(Ie, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ l(oA, {})
+      children: /* @__PURE__ */ l(lA, {})
     })]
   });
 }
-const lA = Q(function() {
+const uA = Q(function() {
   const t = lt(), {
     panel: {
       queryID: n,
@@ -26608,7 +26626,7 @@ const lA = Q(function() {
   });
 });
 var bh = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(bh || {}), _i = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(_i || {});
-class sA {
+class dA {
   constructor(t) {
     he(this, "vizInstance");
     he(this, "operationManager");
@@ -26660,7 +26678,7 @@ function Sh(e) {
       return n.createScoped().provideFactory(Vt.instanceScope.vizInstance, () => r.getOrCreateInstance(e)).provideFactory(Vt.instanceScope.interactionManager, (i) => {
         const a = i.getRequired(Vt.instanceScope.vizInstance);
         return new Bs(a, o, da);
-      }).provideFactory(Vt.instanceScope.operationManager, (i) => i.getRequired(Vt.instanceScope.interactionManager).operationManager).provideFactory(Vt.instanceScope.triggerManager, (i) => i.getRequired(Vt.instanceScope.interactionManager).triggerManager).provideValue(Vt.instanceScope.panelModel, t).provideFactory(Vt.instanceScope.migrator, (i) => new sA(i));
+      }).provideFactory(Vt.instanceScope.operationManager, (i) => i.getRequired(Vt.instanceScope.interactionManager).operationManager).provideFactory(Vt.instanceScope.triggerManager, (i) => i.getRequired(Vt.instanceScope.interactionManager).triggerManager).provideValue(Vt.instanceScope.panelModel, t).provideFactory(Vt.instanceScope.migrator, (i) => new dA(i));
     },
     [e.viz.type, e.viz.conf]
   );
@@ -26682,7 +26700,7 @@ function Ch(e, t) {
     e(r);
   }), [e, t.viz.type]), n;
 }
-function cA({
+function fA({
   setVizConf: e,
   ...t
 }) {
@@ -26702,7 +26720,7 @@ function cA({
     children: "Checking update..."
   });
 }
-function uA(e) {
+function pA(e) {
   const {
     panel: t,
     setVizConf: n
@@ -26718,7 +26736,7 @@ function uA(e) {
     children: "Checking update"
   });
 }
-function dA(e, t) {
+function gA(e, t) {
   const {
     vizManager: n
   } = Qn(Fn), {
@@ -26741,7 +26759,7 @@ function dA(e, t) {
   try {
     return n.resolveComponent(r.type), /* @__PURE__ */ l(qi, {
       configure: d,
-      children: /* @__PURE__ */ l(uA, {
+      children: /* @__PURE__ */ l(pA, {
         setVizConf: r.setConf,
         panel: u,
         data: e,
@@ -26753,7 +26771,7 @@ function dA(e, t) {
     return console.info(dt(f, "message")), null;
   }
 }
-const fA = ["richText", "button"], xh = Q(function({
+const hA = ["richText", "button"], xh = Q(function({
   height: t,
   viz: n,
   data: r,
@@ -26765,11 +26783,11 @@ const fA = ["richText", "button"], xh = Q(function({
     ref: s,
     width: c,
     height: u
-  } = Ao(), d = dA(r, {
+  } = Ao(), d = gA(r, {
     w: c,
     h: u
   });
-  if (fA.includes(n.type))
+  if (hA.includes(n.type))
     return /* @__PURE__ */ l("div", {
       className: "viz-root",
       style: {
@@ -26815,7 +26833,7 @@ const fA = ["richText", "button"], xh = Q(function({
       children: d
     })]
   });
-}), pA = Q(() => {
+}), mA = Q(() => {
   const {
     data: e,
     loading: t,
@@ -26830,7 +26848,7 @@ const fA = ["richText", "button"], xh = Q(function({
     height: "100%"
   });
 }), Sl = [];
-function gA() {
+function vA() {
   const {
     vizManager: e
   } = Qn(Fn);
@@ -26839,14 +26857,14 @@ function gA() {
     label: t.displayName
   })).concat(Sl), [e]);
 }
-function hA(e, t) {
+function yA(e, t) {
   try {
     return e.resolveComponent(t).createConfig();
   } catch {
     return null;
   }
 }
-function mA() {
+function bA() {
   const {
     data: e,
     panel: {
@@ -26876,7 +26894,7 @@ function mA() {
   try {
     return d.resolveComponent(f.viz.type), /* @__PURE__ */ l(qi, {
       configure: g,
-      children: /* @__PURE__ */ l(cA, {
+      children: /* @__PURE__ */ l(fA, {
         variables: t,
         setVizConf: n.setConf,
         panel: f,
@@ -26889,7 +26907,7 @@ function mA() {
     return console.info(dt(h, "message")), null;
   }
 }
-const vA = Q(() => {
+const SA = Q(() => {
   const {
     data: e,
     panel: {
@@ -26900,7 +26918,7 @@ const vA = Q(() => {
   } = Qn(Fn), a = j.useCallback(() => {
     if (!o)
       return;
-    const g = hA(i, n);
+    const g = yA(i, n);
     t.setType(n), t.setConf(g || {});
   }, [t, o, n]), s = (g) => {
     try {
@@ -26911,11 +26929,11 @@ const vA = Q(() => {
   }, c = j.useMemo(() => {
     var g;
     return (g = Sl.find((h) => h.value === n)) == null ? void 0 : g.Panel;
-  }, [n, Sl]), u = mA(), d = c ? Sr(c, {
+  }, [n, Sl]), u = bA(), d = c ? Sr(c, {
     data: e,
     conf: t.conf,
     setConf: t.setConf
-  }) : null, f = u || d, p = gA();
+  }) : null, f = u || d, p = vA();
   return /* @__PURE__ */ v(Ne, {
     children: [/* @__PURE__ */ l(Ee, {
       label: "Visualization",
@@ -26937,7 +26955,7 @@ const vA = Q(() => {
     })]
   });
 });
-function yA() {
+function wA() {
   return /* @__PURE__ */ v(k, {
     grow: !0,
     noWrap: !0,
@@ -26954,18 +26972,18 @@ function yA() {
         overflow: "scroll",
         height: "100%"
       },
-      children: /* @__PURE__ */ l(vA, {})
+      children: /* @__PURE__ */ l(SA, {})
     }), /* @__PURE__ */ l(Ie, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ l(pA, {})
+      children: /* @__PURE__ */ l(mA, {})
     })]
   });
 }
-const bA = R.model("VariableModel", {
+const CA = R.model("VariableModel", {
   name: R.string,
   size: R.string,
   weight: R.string,
@@ -27000,7 +27018,7 @@ const bA = R.model("VariableModel", {
     return In(e);
   }
 }));
-class SA {
+class xA {
   constructor(t) {
     he(this, "origin");
     he(this, "copy");
@@ -27016,7 +27034,7 @@ class SA {
     Rr(this.copy, t);
   }
 }
-const wA = (e) => new SA(e), Na = {
+const _A = (e) => new xA(e), Na = {
   name: "new_var",
   size: "1rem",
   weight: "initial",
@@ -27036,7 +27054,7 @@ const wA = (e) => new SA(e), Na = {
     average: !1
   }
 };
-class CA {
+class EA {
   constructor(t) {
     he(this, "panel");
     he(this, "selected");
@@ -27061,11 +27079,11 @@ class CA {
     }
   }
 }
-function xA() {
+function OA() {
   const { panel: e } = Gt();
-  return On(() => new CA(e), [e]);
+  return On(() => new EA(e), [e]);
 }
-const _A = j.forwardRef(function({
+const RA = j.forwardRef(function({
   value: t,
   onChange: n,
   data: r,
@@ -27140,7 +27158,7 @@ const _A = j.forwardRef(function({
     overflow: "auto",
     paddingRight: 10
   }
-})), EA = (e) => {
+})), TA = (e) => {
   const {
     uiModel: t
   } = e;
@@ -27153,7 +27171,7 @@ const _A = j.forwardRef(function({
       children: n.name
     }, n.name))
   });
-}, OA = Q(EA), RA = ({
+}, MA = Q(TA), kA = ({
   variable: e,
   data: t
 }) => /* @__PURE__ */ l(k, {
@@ -27166,8 +27184,8 @@ const _A = j.forwardRef(function({
     p: "md",
     children: Kg(e, t)
   })
-}), TA = Q(RA), MA = (e) => {
-  const t = On(() => wA(e.variable), [e.variable]), {
+}), DA = Q(kA), PA = (e) => {
+  const t = On(() => _A(e.variable), [e.variable]), {
     classes: n
   } = _h(), {
     data: r
@@ -27194,18 +27212,18 @@ const _A = j.forwardRef(function({
           onClick: () => e.uiModel.remove(e.variable),
           children: /* @__PURE__ */ l(Wp, {})
         })]
-      }), /* @__PURE__ */ l(_A, {
+      }), /* @__PURE__ */ l(RA, {
         value: In(t.copy),
         onChange: t.update,
         data: r
       })]
-    }), /* @__PURE__ */ l(TA, {
+    }), /* @__PURE__ */ l(DA, {
       variable: In(t.copy),
       data: r
     })]
   });
-}, kA = Q(MA), DA = () => {
-  const e = xA(), {
+}, IA = Q(PA), $A = () => {
+  const e = OA(), {
     classes: t
   } = _h();
   return /* @__PURE__ */ v(k, {
@@ -27227,12 +27245,12 @@ const _A = j.forwardRef(function({
             fullWidth: !0,
             children: "Add Variable"
           })
-        }), /* @__PURE__ */ l(OA, {
+        }), /* @__PURE__ */ l(MA, {
           uiModel: e
         })]
       })
     }), e.selected ? /* @__PURE__ */ l(Ne, {
-      children: /* @__PURE__ */ l(kA, {
+      children: /* @__PURE__ */ l(IA, {
         uiModel: e,
         variable: e.selected
       })
@@ -27240,7 +27258,7 @@ const _A = j.forwardRef(function({
       children: "Select or create a new variable on right side"
     })]
   });
-}, PA = Q(DA), IA = Q(function({
+}, AA = Q($A), NA = Q(function({
   opened: t,
   close: n
 }) {
@@ -27308,30 +27326,30 @@ const _A = j.forwardRef(function({
           children: [/* @__PURE__ */ l(Uo, {
             visible: s,
             exitTransitionDuration: 0
-          }), /* @__PURE__ */ l(lA, {})]
+          }), /* @__PURE__ */ l(uA, {})]
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Panel",
           pt: "sm",
-          children: o === "Panel" && /* @__PURE__ */ l(aA, {})
+          children: o === "Panel" && /* @__PURE__ */ l(cA, {})
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Variables",
           pt: "sm",
-          children: o === "Variables" && /* @__PURE__ */ l(PA, {})
+          children: o === "Variables" && /* @__PURE__ */ l(AA, {})
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Visualization",
           pt: "sm",
-          children: o === "Visualization" && /* @__PURE__ */ l(yA, {})
+          children: o === "Visualization" && /* @__PURE__ */ l(wA, {})
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Interactions",
           pt: "sm",
           children: /* @__PURE__ */ l(Zr, {
-            children: /* @__PURE__ */ l(tA, {})
+            children: /* @__PURE__ */ l(oA, {})
           })
         })]
       })
     })
   });
-}), $A = Q(({
+}), LA = Q(({
   view: e
 }) => {
   const t = lt(), n = Jh(), [r, o] = j.useState(!1), i = () => o(!0), a = () => o(!1), {
@@ -27422,13 +27440,13 @@ const _A = j.forwardRef(function({
           })]
         })]
       })
-    }), d && /* @__PURE__ */ l(IA, {
+    }), d && /* @__PURE__ */ l(NA, {
       opened: r,
       close: a
     })]
   });
 });
-const AA = Q(function() {
+const VA = Q(function() {
   const {
     panel: t
   } = Gt(), {
@@ -27450,10 +27468,10 @@ const AA = Q(function() {
     })
   }) : null;
 });
-function NA(e) {
+function FA(e) {
   return !["richText", "button"].includes(e);
 }
-const LA = {
+const zA = {
   border: "1px solid #e9ecef"
 }, sd = {
   border: "1px dashed transparent",
@@ -27462,8 +27480,8 @@ const LA = {
     borderColor: "#e9ecef"
   }
 };
-function VA(e, t, n) {
-  return e.style.border.enabled ? LA : n || t ? sd : {
+function jA(e, t, n) {
+  return e.style.border.enabled ? zA : n || t ? sd : {
     border: "1px dashed transparent"
   };
 }
@@ -27477,7 +27495,7 @@ const Gs = Q(function({
     data: i,
     state: a,
     error: s
-  } = r.getDataStuffByID(t.queryID), c = r.queries.findByID(t.queryID), u = NA(t.viz.type), d = u && a === "loading", f = t.title ? "calc(100% - 25px - 5px)" : "100%", p = VA(t, u, o), g = u || o;
+  } = r.getDataStuffByID(t.queryID), c = r.queries.findByID(t.queryID), u = FA(t.viz.type), d = u && a === "loading", f = t.title ? "calc(100% - 25px - 5px)" : "100%", p = jA(t, u, o), g = u || o;
   return /* @__PURE__ */ l(tv, {
     value: {
       panel: t,
@@ -27500,9 +27518,9 @@ const Gs = Q(function({
           zIndex: 310
         },
         children: /* @__PURE__ */ l(lg, {})
-      }), g && /* @__PURE__ */ l($A, {
+      }), g && /* @__PURE__ */ l(LA, {
         view: n
-      }), /* @__PURE__ */ l(AA, {}), /* @__PURE__ */ l(xh, {
+      }), /* @__PURE__ */ l(VA, {}), /* @__PURE__ */ l(xh, {
         viz: t.viz,
         data: i,
         loading: d,
@@ -27577,7 +27595,7 @@ function Rh() {
     };
   }, []);
 }
-const FA = j.forwardRef(({
+const HA = j.forwardRef(({
   handleAxis: e
 }, t) => /* @__PURE__ */ l(Te, {
   ref: t,
@@ -27597,7 +27615,7 @@ const FA = j.forwardRef(({
   children: /* @__PURE__ */ l(xm, {
     size: 16
   })
-})), zA = j.forwardRef(({
+})), KA = j.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ l(Te, {
@@ -27619,7 +27637,7 @@ const FA = j.forwardRef(({
   children: /* @__PURE__ */ l(_m, {
     size: 16
   })
-})), jA = Fd(Vd), HA = Q(function({
+})), BA = Fd(Vd), GA = Q(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10,
@@ -27635,7 +27653,7 @@ const FA = j.forwardRef(({
       !d || d.layout.set(u);
     });
   }, [t]);
-  return /* @__PURE__ */ l(jA, {
+  return /* @__PURE__ */ l(BA, {
     onLayoutChange: a,
     className: `dashboard-layout ${n}`,
     rowHeight: r,
@@ -27643,7 +27661,7 @@ const FA = j.forwardRef(({
     isDraggable: o,
     isResizable: i,
     draggableHandle: ".react-grid-customDragHandle",
-    resizeHandle: /* @__PURE__ */ l(zA, {}),
+    resizeHandle: /* @__PURE__ */ l(KA, {}),
     children: t.panels.list.map((s, c) => /* @__PURE__ */ v("div", {
       "data-grid": {
         ...s.layout
@@ -27651,18 +27669,18 @@ const FA = j.forwardRef(({
       style: {
         position: "relative"
       },
-      children: [o && /* @__PURE__ */ l(FA, {}), /* @__PURE__ */ l(Gs, {
+      children: [o && /* @__PURE__ */ l(HA, {}), /* @__PURE__ */ l(Gs, {
         view: t,
         panel: s
       })]
     }, s.id))
   });
-}), KA = Fd(Vd), BA = Q(function({
+}), WA = Fd(Vd), qA = Q(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10
 }) {
-  return /* @__PURE__ */ l(KA, {
+  return /* @__PURE__ */ l(WA, {
     className: `dashboard-layout ${n}`,
     rowHeight: r,
     isDraggable: !1,
@@ -27676,11 +27694,11 @@ const FA = j.forwardRef(({
       })
     }, o.id))
   });
-}), GA = Q(({
+}), UA = Q(({
   children: e
 }) => /* @__PURE__ */ l(Ie, {
   children: e
-})), WA = Q(({
+})), YA = Q(({
   children: e,
   view: t
 }) => /* @__PURE__ */ l(en, {
@@ -27715,23 +27733,23 @@ const FA = j.forwardRef(({
   withinPortal: !1,
   transitionDuration: 0,
   children: e
-})), qA = Q(({
+})), XA = Q(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
     case Rn.Modal:
-      return /* @__PURE__ */ l(WA, {
+      return /* @__PURE__ */ l(YA, {
         view: e,
         children: t
       });
     case Rn.Division:
     default:
-      return /* @__PURE__ */ l(GA, {
+      return /* @__PURE__ */ l(UA, {
         children: t
       });
   }
-}), UA = Q(function({
+}), QA = Q(function({
   view: t,
   saveDashboardChanges: n,
   fullScreenPanelID: r,
@@ -27761,7 +27779,7 @@ const FA = j.forwardRef(({
         exitFullScreen: a
       }), !s && /* @__PURE__ */ l(Qp, {
         saveChanges: n
-      }), /* @__PURE__ */ l(qA, {
+      }), /* @__PURE__ */ l(XA, {
         view: t,
         children: /* @__PURE__ */ v(Ie, {
           className: "dashboard-sticky-parent",
@@ -27770,7 +27788,7 @@ const FA = j.forwardRef(({
             children: /* @__PURE__ */ l(Hp, {
               view: t
             })
-          }), !s && /* @__PURE__ */ l(HA, {
+          }), !s && /* @__PURE__ */ l(GA, {
             view: t,
             isDraggable: !0,
             isResizable: !0
@@ -27779,11 +27797,11 @@ const FA = j.forwardRef(({
       })]
     })
   });
-}), YA = Q(({
+}), JA = Q(({
   children: e
 }) => /* @__PURE__ */ l(Ie, {
   children: e
-})), XA = Q(({
+})), ZA = Q(({
   children: e,
   view: t
 }) => {
@@ -27812,23 +27830,23 @@ const FA = j.forwardRef(({
     transitionDuration: 0,
     children: e
   });
-}), QA = Q(({
+}), eN = Q(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
     case Rn.Modal:
-      return /* @__PURE__ */ l(XA, {
+      return /* @__PURE__ */ l(ZA, {
         view: e,
         children: t
       });
     case Rn.Division:
     default:
-      return /* @__PURE__ */ l(YA, {
+      return /* @__PURE__ */ l(JA, {
         children: t
       });
   }
-}), JA = Q(function({
+}), tN = Q(function({
   view: t,
   fullScreenPanelID: n,
   setFullScreenPanelID: r
@@ -27857,7 +27875,7 @@ const FA = j.forwardRef(({
         exitFullScreen: i
       }), !a && /* @__PURE__ */ l(Qp, {
         saveChanges: Le.noop
-      }), /* @__PURE__ */ l(QA, {
+      }), /* @__PURE__ */ l(eN, {
         view: t,
         children: /* @__PURE__ */ v(Ie, {
           className: "dashboard-sticky-parent",
@@ -27866,7 +27884,7 @@ const FA = j.forwardRef(({
             children: /* @__PURE__ */ l(Hp, {
               view: t
             })
-          }), !a && /* @__PURE__ */ l(BA, {
+          }), !a && /* @__PURE__ */ l(qA, {
             view: t
           })]
         })
@@ -27880,10 +27898,10 @@ const FA = j.forwardRef(({
   setDefaultValue(t) {
     e.default_value = t;
   }
-})), ZA = () => Th.create({
+})), nN = () => Th.create({
   _name: "checkbox",
   default_value: !1
-}), eN = R.model("FilterConfigModel_DateRange", {
+}), rN = R.model("FilterConfigModel_DateRange", {
   _name: R.literal("date-range"),
   required: R.boolean,
   inputFormat: R.enumeration("DateRangeInputFormat", ["YYYY", "YYYYMM", "YYYYMMDD", "YYYY-MM", "YYYY-MM-DD"]),
@@ -27902,7 +27920,7 @@ const FA = j.forwardRef(({
   setDefaultValue(t) {
     e.default_value.length = 0, e.default_value.push(...t);
   }
-})), Mh = R.snapshotProcessor(eN, {
+})), Mh = R.snapshotProcessor(rN, {
   preProcessor({ default_value: e, ...t }) {
     return {
       ...t,
@@ -27921,13 +27939,13 @@ const FA = j.forwardRef(({
       })
     };
   }
-}), tN = () => Mh.create({
+}), oN = () => Mh.create({
   _name: "date-range",
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
   default_value: [null, null]
-}), nN = R.model({
+}), iN = R.model({
   label: R.string,
   value: R.string
 }).actions((e) => ({
@@ -27938,7 +27956,7 @@ const FA = j.forwardRef(({
     e.value = t;
   }
 })), Ws = R.model("FilterConfigModel_BaseSelect", {
-  static_options: R.optional(R.array(nN), []),
+  static_options: R.optional(R.array(iN), []),
   options_query_id: R.optional(R.string, ""),
   select_first_by_default: R.optional(R.boolean, !1)
 }).views((e) => ({
@@ -27977,7 +27995,7 @@ const FA = j.forwardRef(({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), rN = () => kh.create({
+})), aN = () => kh.create({
   _name: "multi-select",
   default_value: [],
   static_options: [],
@@ -27998,7 +28016,7 @@ const FA = j.forwardRef(({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), oN = () => Dh.create({
+})), lN = () => Dh.create({
   _name: "tree-select",
   default_value: [],
   static_options: [],
@@ -28023,7 +28041,7 @@ const FA = j.forwardRef(({
   setWidth(t) {
     e.width = t;
   }
-})), iN = () => Ph.create({
+})), sN = () => Ph.create({
   _name: "select",
   required: !1,
   default_value: "",
@@ -28071,22 +28089,22 @@ const FA = j.forwardRef(({
   setType(t) {
     switch (t) {
       case ln.Select:
-        e.config = iN();
+        e.config = sN();
         break;
       case ln.MultiSelect:
-        e.config = rN();
+        e.config = aN();
         break;
       case ln.TreeSelect:
-        e.config = oN();
+        e.config = lN();
         break;
       case ln.TextInput:
         e.config = Yp();
         break;
       case ln.Checkbox:
-        e.config = ZA();
+        e.config = nN();
         break;
       case ln.DateRange:
-        e.config = tN();
+        e.config = oN();
         break;
     }
     e.type = t;
@@ -28115,7 +28133,7 @@ function Ih(e, t) {
 function $h(e) {
   return e.reduce((t, n) => (t[n.key] = Ih(n.config.default_value, n.config), t), {});
 }
-function aN(e, t, n) {
+function cN(e, t, n) {
   kd(
     e,
     km(e, (r, o) => {
@@ -28125,7 +28143,7 @@ function aN(e, t, n) {
     })
   );
 }
-const lN = R.model("FiltersModel", {
+const uN = R.model("FiltersModel", {
   current: R.optional(R.array(cd), []),
   values: R.optional(R.frozen(), {}),
   previewValues: R.optional(R.frozen(), {})
@@ -28183,7 +28201,7 @@ const lN = R.model("FiltersModel", {
   }
 })).actions((e) => {
   function t() {
-    aN(e.current, cd, (n, r) => {
+    cN(e.current, cd, (n, r) => {
       if (n === "setType") {
         const o = Ih(r.config.default_value, r.config);
         e.setValueByKey(r.key, o), e.updatePreviewValues({
@@ -28199,13 +28217,13 @@ const lN = R.model("FiltersModel", {
     }
   };
 });
-function sN(e) {
+function dN(e) {
   return {
     current: e,
     values: $h(e)
   };
 }
-const cN = R.model("QueryModel", {
+const fN = R.model("QueryModel", {
   id: R.string,
   name: R.string,
   type: R.enumeration("DataSourceType", [pr.Postgresql, pr.MySQL, pr.HTTP]),
@@ -28257,9 +28275,9 @@ const cN = R.model("QueryModel", {
       filters: r
     };
   }
-})), uN = R.compose(
+})), pN = R.compose(
   "QueryModel",
-  cN,
+  fN,
   R.model({
     state: R.optional(R.enumeration(["idle", "loading", "error"]), "idle"),
     data: R.optional(R.array(R.frozen()), []),
@@ -28339,8 +28357,8 @@ const cN = R.model("QueryModel", {
       })
     );
   }
-})), dN = R.model("QueriesModel", {
-  current: R.optional(R.array(uN), [])
+})), gN = R.model("QueriesModel", {
+  current: R.optional(R.array(pN), [])
 }).views((e) => ({
   get firstID() {
     if (e.current.length !== 0)
@@ -28399,7 +28417,7 @@ const cN = R.model("QueryModel", {
     const n = e.current.find((r) => r.id === t);
     n && ($m(n), e.current.remove(n));
   }
-})), fN = R.model("SQLSnippetModel", {
+})), hN = R.model("SQLSnippetModel", {
   key: R.string,
   value: R.string
 }).views((e) => ({
@@ -28420,8 +28438,8 @@ const cN = R.model("QueryModel", {
   setValue(t) {
     e.value = t;
   }
-})), pN = R.model("SQLSnippetsModel", {
-  current: R.optional(R.array(fN), [])
+})), mN = R.model("SQLSnippetsModel", {
+  current: R.optional(R.array(hN), [])
 }).views((e) => ({
   get json() {
     return e.current.map((t) => t.json);
@@ -28449,7 +28467,7 @@ const cN = R.model("QueryModel", {
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
   }
-})), gN = R.model("ContextModel", {
+})), vN = R.model("ContextModel", {
   current: R.optional(R.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -28468,7 +28486,7 @@ const cN = R.model("QueryModel", {
   set(t, n) {
     e.current[t] = n;
   }
-})), hN = R.model("MockContextModel", {
+})), yN = R.model("MockContextModel", {
   current: R.optional(R.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -28487,7 +28505,7 @@ const cN = R.model("QueryModel", {
   set(t, n) {
     e.current[t] = n;
   }
-})), mN = R.model("PanelLayoutModel", {
+})), bN = R.model("PanelLayoutModel", {
   x: R.number,
   y: R.number,
   w: R.number,
@@ -28511,7 +28529,7 @@ const cN = R.model("QueryModel", {
     const { x: n, y: r, w: o, h: i, moved: a } = t;
     e.x = n, e.y = r, e.w = o, e.h = i, e.moved = !!a, e.static = !!t.static;
   }
-})), vN = R.model("PanelStyleBorderModel", {
+})), SN = R.model("PanelStyleBorderModel", {
   enabled: R.boolean
 }).views((e) => ({
   get json() {
@@ -28524,8 +28542,8 @@ const cN = R.model("QueryModel", {
   setEnabled(t) {
     e.enabled = t;
   }
-})), yN = R.model("PanelStyleModel", {
-  border: vN
+})), wN = R.model("PanelStyleModel", {
+  border: SN
 }).views((e) => ({
   get json() {
     const { border: t } = e;
@@ -28533,7 +28551,7 @@ const cN = R.model("QueryModel", {
       border: t.json
     };
   }
-})).actions((e) => ({})), bN = R.model("PanelVizModel", {
+})).actions((e) => ({})), CN = R.model("PanelVizModel", {
   type: R.string,
   conf: R.frozen()
 }).views((e) => ({
@@ -28550,15 +28568,15 @@ const cN = R.model("QueryModel", {
   setConf(t) {
     e.conf = t;
   }
-})), SN = R.model({
+})), xN = R.model({
   id: R.string,
   title: R.string,
   description: R.string,
-  layout: mN,
+  layout: bN,
   queryID: R.string,
-  viz: bN,
-  style: yN,
-  variables: R.optional(R.array(bA), [])
+  viz: CN,
+  style: wN,
+  variables: R.optional(R.array(CA), [])
 }).views((e) => ({
   get query() {
     return Qs(e, wl).queries.findByID(e.queryID);
@@ -28598,8 +28616,8 @@ const cN = R.model("QueryModel", {
   removeVariable(t) {
     e.variables.remove(t);
   }
-})), wN = R.model("PanelsModel", {
-  list: R.optional(R.array(SN), [])
+})), _N = R.model("PanelsModel", {
+  list: R.optional(R.array(xN), [])
 }).views((e) => ({
   get json() {
     return e.list.map((t) => t.json);
@@ -28671,12 +28689,12 @@ const cN = R.model("QueryModel", {
   replaceByIndex(t, n) {
     e.list.splice(t, 1, n);
   }
-})), CN = R.model({
+})), EN = R.model({
   id: R.identifier,
   name: R.string,
   type: R.string,
   config: R.frozen(),
-  panels: wN
+  panels: _N
 }).views((e) => ({
   get json() {
     const { id: t, name: n, type: r, config: o } = e;
@@ -28707,8 +28725,8 @@ const cN = R.model("QueryModel", {
       [t]: n
     };
   }
-})).actions((e) => ({})), xN = R.model("ViewsModel", {
-  current: R.optional(R.array(CN), []),
+})).actions((e) => ({})), ON = R.model("ViewsModel", {
+  current: R.optional(R.array(EN), []),
   visibleViewIDs: R.array(R.string),
   idOfVIE: R.string
 }).views((e) => ({
@@ -28790,7 +28808,7 @@ const cN = R.model("QueryModel", {
     n !== -1 && e.visibleViewIDs.splice(n, 1);
   }
 }));
-function _N(e) {
+function RN(e) {
   const t = e.length > 0 ? [e[0].id] : [], n = e.length > 0 ? e[0].id : "";
   return {
     current: e.map((o) => ({
@@ -28803,16 +28821,16 @@ function _N(e) {
     idOfVIE: n
   };
 }
-const EN = R.model({
+const TN = R.model({
   id: R.identifier,
   name: R.string,
   version: R.string,
-  filters: lN,
-  queries: dN,
-  sqlSnippets: pN,
-  views: xN,
-  context: gN,
-  mock_context: hN,
+  filters: uN,
+  queries: gN,
+  sqlSnippets: mN,
+  views: ON,
+  context: vN,
+  mock_context: yN,
   origin: R.maybe(R.frozen())
 }).views((e) => ({
   get filtersChanged() {
@@ -28883,7 +28901,7 @@ const EN = R.model({
   resetFilters() {
     Rr(e.filters.current, e.origin.filters.current);
   }
-})), wl = R.snapshotProcessor(EN, {
+})), wl = R.snapshotProcessor(TN, {
   preProcessor(e) {
     return {
       ...e,
@@ -28901,7 +28919,7 @@ function Ah({ id: e, name: t, version: n, filters: r, views: o, definition: { qu
     id: e,
     name: t,
     version: n,
-    filters: sN(r),
+    filters: dN(r),
     queries: {
       current: i
     },
@@ -28914,13 +28932,13 @@ function Ah({ id: e, name: t, version: n, filters: r, views: o, definition: { qu
     mock_context: {
       current: s
     },
-    views: _N(o)
+    views: RN(o)
   });
 }
 function Nh(e) {
   return j.useCallback((t) => t.provideValue(Vt.pluginManager, e.pluginManager).provideValue(Vt.vizManager, e.vizManager).provideValue(Vt.colorManager, e.colorManager), []);
 }
-const hL = Q(function({
+const yL = Q(function({
   context: t,
   dashboard: n,
   update: r,
@@ -28968,7 +28986,7 @@ const hL = Q(function({
             value: p,
             children: /* @__PURE__ */ l(qi, {
               configure: g,
-              children: d.views.visibleViews.map((h) => /* @__PURE__ */ l(UA, {
+              children: d.views.visibleViews.map((h) => /* @__PURE__ */ l(QA, {
                 view: h,
                 saveDashboardChanges: f,
                 fullScreenPanelID: a,
@@ -28980,7 +28998,7 @@ const hL = Q(function({
       })
     })
   });
-}), mL = Q(({
+}), bL = Q(({
   context: e,
   dashboard: t,
   className: n = "dashboard",
@@ -29010,7 +29028,7 @@ const hL = Q(function({
             value: s,
             children: /* @__PURE__ */ l(qi, {
               configure: c,
-              children: a.views.visibleViews.map((u) => /* @__PURE__ */ l(JA, {
+              children: a.views.visibleViews.map((u) => /* @__PURE__ */ l(tN, {
                 view: u,
                 fullScreenPanelID: o,
                 setFullScreenPanelID: i
@@ -29085,7 +29103,7 @@ var Lh = { exports: {} };
     };
   });
 })(Lh);
-const ON = Lh.exports;
+const MN = Lh.exports;
 var Vh = { exports: {} };
 (function(e, t) {
   (function(n, r) {
@@ -29167,36 +29185,36 @@ var Vh = { exports: {} };
     };
   });
 })(Vh);
-const RN = Vh.exports, vL = () => Promise.resolve().then(() => xT).then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
-hr.extend(RN);
-hr.extend(ON);
+const kN = Vh.exports, SL = () => Promise.resolve().then(() => xT).then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
+hr.extend(kN);
+hr.extend(MN);
 hr.tz.setDefault("UTC");
 export {
-  gN as ContextModel,
-  hL as Dashboard,
+  vN as ContextModel,
+  yL as Dashboard,
   jR as DashboardFilterType,
   zR as DashboardMode,
   wl as DashboardModel,
   Rn as EViewComponentType,
   cd as FilterModel,
-  lN as FiltersModel,
+  uN as FiltersModel,
   Vn as LayoutStateContext,
-  UA as MainDashboardView,
+  QA as MainDashboardView,
   Kd as ModelContextProvider,
   Gs as Panel,
   tv as PanelContextProvider,
-  dN as QueriesModel,
-  uN as QueryModel,
-  mL as ReadOnlyDashboard,
-  JA as ReadOnlyDashboardView,
-  fN as SQLSnippetModel,
-  pN as SQLSnippetsModel,
-  CN as ViewModel,
-  xN as ViewsModel,
+  gN as QueriesModel,
+  pN as QueryModel,
+  bL as ReadOnlyDashboard,
+  tN as ReadOnlyDashboardView,
+  hN as SQLSnippetModel,
+  mN as SQLSnippetsModel,
+  EN as ViewModel,
+  ON as ViewsModel,
   Ah as createDashboardModel,
-  _N as createDashboardViewsModel,
-  sN as getInitialFiltersPayload,
-  vL as getVersion,
+  RN as createDashboardViewsModel,
+  dN as getInitialFiltersPayload,
+  SL as getVersion,
   lt as useModelContext,
   Gt as usePanelContext,
   Nh as useTopLevelServices