@devtable/dashboard 6.31.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.31.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,37 +16268,7 @@ function ok(e, t) {
     };
   });
 }
-function ik(e) {
-  return e !== "line" ? {} : {
-    itemStyle: {
-      opacity: 0
-    }
-  };
-}
-function ak(e) {
-  switch (e) {
-    case "line":
-      return;
-    case "bar":
-      return "roundRect";
-    case "scatter":
-      return "circle";
-  }
-}
-function lk(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: ak(r),
-    ...ik(r)
-  })), t;
-}
-const sk = {
+const uk = {
   dataZoom: [
     {
       type: "inside",
@@ -16280,40 +16307,23 @@ const sk = {
     containLabel: !0
   }
 };
-function ck(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: lk(e)
+    legend: QM(s)
   };
-  return nn({}, f, sk);
+  return nn({}, f, uk);
 }
 const qg = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: dk,
-  configRender: uk,
+  nameRender: pk,
+  configRender: fk,
   payload: [{
     name: "seriesType",
     description: "'line' | 'scatter' | 'bar'",
@@ -16340,10 +16350,10 @@ const qg = {
     valueType: "object"
   }]
 };
-function uk(e) {
+function fk(e) {
   return /* @__PURE__ */ l(Ne, {});
 }
-function dk(e) {
+function pk(e) {
   return /* @__PURE__ */ l(z, {
     children: "Click chart's series"
   });
@@ -16380,7 +16390,7 @@ $t.registerTransform(Nl.regression);
 function ed(e) {
   return e.trim().length > 0;
 }
-function fk({
+function gk({
   conf: e,
   data: t,
   width: n,
@@ -16398,7 +16408,7 @@ function fk({
         rowData: f
       });
     });
-  }, u = j.useMemo(() => ck(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,
@@ -16411,7 +16421,7 @@ function fk({
     }
   });
 }
-function pk({
+function hk({
   context: e,
   instance: t
 }) {
@@ -16449,7 +16459,7 @@ function pk({
       size: "xs",
       pl: "sm",
       children: Object.values(g.top).map((m) => m)
-    }), /* @__PURE__ */ l(fk, {
+    }), /* @__PURE__ */ l(gk, {
       variables: o,
       width: s,
       height: h,
@@ -16465,14 +16475,14 @@ function pk({
     })]
   });
 }
-const gk = [{
+const mk = [{
   label: "Rectangle",
   value: "rectangle"
-}], hk = [{
+}], vk = [{
   label: "Horizontal",
   value: "horizontal"
 }];
-function mk({
+function yk({
   control: e,
   index: t,
   remove: n,
@@ -16525,7 +16535,7 @@ function mk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Type",
           required: !0,
-          data: gk,
+          data: mk,
           sx: {
             flex: 1
           },
@@ -16539,7 +16549,7 @@ function mk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Direction",
           required: !0,
-          data: hk,
+          data: vk,
           sx: {
             flex: 1
           },
@@ -16597,7 +16607,7 @@ function mk({
     })]
   }, t);
 }
-function vk({
+function bk({
   control: e,
   watch: t,
   variables: n
@@ -16651,7 +16661,7 @@ function vk({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(I.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(mk, {
+      children: /* @__PURE__ */ l(yk, {
         control: e,
         index: f,
         remove: i,
@@ -16660,14 +16670,14 @@ function vk({
     }, f))]
   });
 }
-const yk = [{
+const Sk = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function bk({
+function wk({
   control: e,
   index: t,
   remove: n,
@@ -16734,7 +16744,7 @@ function bk({
         field: a
       }) => /* @__PURE__ */ l(Ee, {
         label: "Orientation",
-        data: yk,
+        data: Sk,
         required: !0,
         sx: {
           flex: 1
@@ -16761,7 +16771,7 @@ function bk({
     })]
   }, t);
 }
-function Sk({
+function Ck({
   control: e,
   watch: t,
   variables: n
@@ -16812,7 +16822,7 @@ function Sk({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(I.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(bk, {
+      children: /* @__PURE__ */ l(wk, {
         control: e,
         index: f,
         remove: i,
@@ -16822,7 +16832,7 @@ function Sk({
     }, f))]
   });
 }
-const wk = [{
+const xk = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -16834,7 +16844,7 @@ const wk = [{
 }, {
   label: "Polynomial",
   value: "polynomial"
-}], Ck = [{
+}], _k = [{
   label: "solid",
   value: "solid"
 }, {
@@ -16844,7 +16854,7 @@ const wk = [{
   label: "dotted",
   value: "dotted"
 }];
-function xk({
+function Ek({
   control: e,
   regressionItem: t,
   index: n,
@@ -16929,7 +16939,7 @@ function xk({
           field: s
         }) => /* @__PURE__ */ l(Ee, {
           label: "Method",
-          data: wk,
+          data: xk,
           sx: {
             flex: 1
           },
@@ -16962,7 +16972,7 @@ function xk({
           field: s
         }) => /* @__PURE__ */ l(Ee, {
           label: "Line Type",
-          data: Ck,
+          data: _k,
           sx: {
             flexGrow: 1
           },
@@ -17012,7 +17022,7 @@ function xk({
     })]
   }, n);
 }
-function _k({
+function Ok({
   control: e,
   watch: t,
   data: n
@@ -17081,7 +17091,7 @@ function _k({
       })]
     }), s.map((f, p) => /* @__PURE__ */ l(I.Panel, {
       value: p.toString(),
-      children: /* @__PURE__ */ l(xk, {
+      children: /* @__PURE__ */ l(Ek, {
         regressionItem: f,
         control: e,
         index: p,
@@ -17107,14 +17117,14 @@ const Wo = {
     ].join(`
 `)
   }
-}, Ek = [{
+}, Rk = [{
   label: "No gap between bars",
   value: "0%"
 }, {
   label: "Bars overlapping on each other",
   value: "-100%"
 }];
-function Ok({
+function Tk({
   control: e,
   index: t
 }) {
@@ -17155,7 +17165,7 @@ function Ok({
         field: n
       }) => /* @__PURE__ */ l(Ee, {
         label: "Bar Gap",
-        data: Ek,
+        data: Rk,
         sx: {
           flexGrow: 1
         },
@@ -17164,7 +17174,7 @@ function Ok({
     })]
   });
 }
-const Rk = ({
+const Mk = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ie, {
@@ -17182,7 +17192,7 @@ const Rk = ({
       }
     }
   })
-}), Tk = ({
+}), kk = ({
   value: e,
   onChange: t,
   data: n
@@ -17238,7 +17248,7 @@ const Rk = ({
           label: "Dynamic by a custom function",
           labelPosition: "center",
           variant: "dashed"
-        }), /* @__PURE__ */ l(Rk, {
+        }), /* @__PURE__ */ l(Mk, {
           value: a.func_content,
           onChange: d
         }), /* @__PURE__ */ v(k, {
@@ -17265,15 +17275,15 @@ const Rk = ({
       })
     })]
   });
-}, Mk = ({
+}, Dk = ({
   value: e,
   onChange: t,
   data: n
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(Tk, {
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(kk, {
   value: e,
   onChange: t,
   data: n
-}), kk = ({
+}), Pk = ({
   value: e,
   onChange: t
 }) => {
@@ -17295,7 +17305,7 @@ const Rk = ({
       onChange: n
     })
   });
-}, Dk = [{
+}, Ik = [{
   label: "Static",
   value: "static"
 }, {
@@ -17317,22 +17327,22 @@ const Rk = ({
     children: [/* @__PURE__ */ l(Ee, {
       ref: o,
       label: e,
-      data: Dk,
+      data: Ik,
       value: t.type,
       onChange: i,
       sx: {
         flexGrow: 1
       }
-    }), /* @__PURE__ */ l(kk, {
+    }), /* @__PURE__ */ l(Pk, {
       value: t,
       onChange: n
-    }), /* @__PURE__ */ l(Mk, {
+    }), /* @__PURE__ */ l(Dk, {
       value: t,
       onChange: n,
       data: r
     })]
   });
-}), Pk = [{
+}), $k = [{
   label: "off",
   value: "false"
 }, {
@@ -17344,7 +17354,7 @@ const Rk = ({
 }, {
   label: "end",
   value: "end"
-}], Ik = [{
+}], Ak = [{
   label: "solid",
   value: "solid"
 }, {
@@ -17354,7 +17364,7 @@ const Rk = ({
   label: "dotted",
   value: "dotted"
 }];
-function $k({
+function Nk({
   control: e,
   index: t,
   seriesItem: n,
@@ -17376,7 +17386,7 @@ function $k({
           field: i
         }) => /* @__PURE__ */ l(Ee, {
           label: "Line Type",
-          data: Ik,
+          data: Ak,
           sx: {
             flexGrow: 1
           },
@@ -17407,7 +17417,7 @@ function $k({
           field: i
         }) => /* @__PURE__ */ l(Ee, {
           label: "Step",
-          data: Pk,
+          data: $k,
           sx: {
             flexGrow: 1,
             maxWidth: "48%"
@@ -17487,7 +17497,7 @@ function $k({
     })]
   });
 }
-function Ak({
+function Lk({
   control: e,
   index: t,
   data: n
@@ -17504,7 +17514,7 @@ function Ak({
     })
   });
 }
-const Nk = [{
+const Vk = [{
   label: "off",
   value: ""
 }, {
@@ -17547,7 +17557,7 @@ const Nk = [{
   label: "insideBottomRight",
   value: "insideBottomRight"
 }];
-function Lk({
+function Fk({
   control: e,
   index: t,
   remove: n,
@@ -17664,15 +17674,15 @@ function Lk({
           ...s
         })
       })]
-    }), a === "line" && /* @__PURE__ */ l($k, {
+    }), a === "line" && /* @__PURE__ */ l(Nk, {
       index: t,
       control: e,
       seriesItem: r,
       data: i
-    }), a === "bar" && /* @__PURE__ */ l(Ok, {
+    }), a === "bar" && /* @__PURE__ */ l(Tk, {
       index: t,
       control: e
-    }), a === "scatter" && /* @__PURE__ */ l(Ak, {
+    }), a === "scatter" && /* @__PURE__ */ l(Lk, {
       index: t,
       control: e,
       data: i
@@ -17689,7 +17699,7 @@ function Lk({
         field: s
       }) => /* @__PURE__ */ l(Ee, {
         label: "Label Position",
-        data: Nk,
+        data: Vk,
         ...s
       })
     }), /* @__PURE__ */ v(B, {
@@ -17741,7 +17751,7 @@ function Lk({
     })]
   }, t);
 }
-function Vk({
+function zk({
   control: e,
   watch: t,
   data: n
@@ -17810,7 +17820,7 @@ function Vk({
       })]
     }), s.map((f, p) => /* @__PURE__ */ l(I.Panel, {
       value: p.toString(),
-      children: /* @__PURE__ */ l(Lk, {
+      children: /* @__PURE__ */ l(Fk, {
         control: e,
         index: p,
         remove: i,
@@ -17821,7 +17831,7 @@ function Vk({
     }, f.id))]
   });
 }
-function Fk({
+function jk({
   control: e,
   watch: t
 }) {
@@ -17858,7 +17868,7 @@ function Fk({
     })
   });
 }
-const zk = ({
+const Hk = ({
   disabled: e,
   value: t,
   onChange: n
@@ -17886,7 +17896,7 @@ const zk = ({
       }
     }
   })]
-}), jk = ({
+}), Kk = ({
   value: e,
   onChange: t,
   data: n
@@ -17941,7 +17951,7 @@ const zk = ({
           label: "Enabled",
           checked: a.enabled,
           onChange: (g) => c(g.currentTarget.checked)
-        }), /* @__PURE__ */ l(zk, {
+        }), /* @__PURE__ */ l(Hk, {
           value: a.func_content,
           onChange: f,
           disabled: !a.enabled
@@ -17970,7 +17980,7 @@ const zk = ({
     })]
   });
 };
-function Hk({
+function Bk({
   data: e,
   control: t,
   watch: n
@@ -18044,7 +18054,7 @@ function Hk({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ l(jk, {
+        }) => /* @__PURE__ */ l(Kk, {
           data: e,
           ...r
         })
@@ -18052,7 +18062,7 @@ function Hk({
     })]
   });
 }
-const Kk = [{
+const Gk = [{
   label: "left",
   value: "left"
 }, {
@@ -18061,14 +18071,14 @@ const Kk = [{
 }, {
   label: "right",
   value: "right"
-}], Bk = [{
+}], Wk = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function Gk({
+function qk({
   control: e,
   index: t,
   remove: n
@@ -18109,7 +18119,7 @@ function Gk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Align",
           required: !0,
-          data: Kk,
+          data: Gk,
           sx: {
             flex: 1
           },
@@ -18132,7 +18142,7 @@ function Gk({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Position",
           required: !0,
-          data: Bk,
+          data: Wk,
           sx: {
             flex: 1
           },
@@ -18167,7 +18177,7 @@ function Gk({
     })]
   });
 }
-function Wk({
+function Uk({
   control: e,
   watch: t
 }) {
@@ -18212,7 +18222,7 @@ function Wk({
       })]
     }), a.map((c, u) => /* @__PURE__ */ l(I.Panel, {
       value: u.toString(),
-      children: /* @__PURE__ */ l(Gk, {
+      children: /* @__PURE__ */ l(qk, {
         control: e,
         index: u,
         remove: o
@@ -18220,7 +18230,7 @@ function Wk({
     }, u))]
   });
 }
-function qk(e) {
+function Yk(e) {
   function t({
     name: n = "",
     template: r = "",
@@ -18236,7 +18246,7 @@ function qk(e) {
   }
   return e.map(t);
 }
-function Uk(e) {
+function Xk(e) {
   function t({
     type: n,
     name: r,
@@ -18285,7 +18295,7 @@ function Uk(e) {
   }
   return e.map(t);
 }
-function Yk(e) {
+function Qk(e) {
   return e || {
     templates: {
       top: "",
@@ -18293,20 +18303,20 @@ function Yk(e) {
     }
   };
 }
-function Xk({
+function Jk({
   series: e,
   stats: t,
   reference_lines: n,
   ...r
 }) {
   return {
-    series: Uk(e != null ? e : []),
-    stats: Yk(t),
-    reference_lines: qk(n != null ? n : []),
+    series: Xk(e != null ? e : []),
+    stats: Qk(t),
+    reference_lines: Yk(n != null ? n : []),
     ...r
   };
 }
-function Qk({
+function Zk({
   context: e
 }) {
   const {
@@ -18314,7 +18324,7 @@ function Qk({
     set: n
   } = rt(e.instanceData, "config"), {
     variables: r
-  } = e, o = e.data, i = de(() => nn({}, t, Os), [t]), a = de(() => Xk(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]);
@@ -18394,48 +18404,48 @@ function Qk({
           })]
         }), /* @__PURE__ */ l(I.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(Hk, {
+          children: /* @__PURE__ */ l(Bk, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Y Axes",
-          children: /* @__PURE__ */ l(Wk, {
+          children: /* @__PURE__ */ l(Uk, {
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Series",
-          children: /* @__PURE__ */ l(Vk, {
+          children: /* @__PURE__ */ l(zk, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Regression Lines",
-          children: /* @__PURE__ */ l(_k, {
+          children: /* @__PURE__ */ l(Ok, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Stats",
-          children: /* @__PURE__ */ l(Fk, {
+          children: /* @__PURE__ */ l(jk, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(Sk, {
+          children: /* @__PURE__ */ l(Ck, {
             variables: r,
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Reference Areas",
-          children: /* @__PURE__ */ l(vk, {
+          children: /* @__PURE__ */ l(bk, {
             variables: r,
             control: s,
             watch: u
@@ -18445,11 +18455,11 @@ function Qk({
     })
   });
 }
-function Jk(e) {
+function eD(e) {
   const t = Xo(Dr(e, "variables"));
   return t.stats = Dr(t.stats, "variables"), t;
 }
-function Zk(e) {
+function tD(e) {
   const {
     rotate: t,
     formatter: n = Es
@@ -18465,7 +18475,7 @@ function Zk(e) {
     }
   };
 }
-class eD extends tn {
+class nD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 3);
@@ -18485,27 +18495,27 @@ class eD extends tn {
       }), (dt(o, "stats.variables") || []).forEach((s) => {
         r.variables.find((c) => c.name === s.name) || r.addVariable(s);
       }), {
-        config: Jk(o)
+        config: eD(o)
       };
     }), this.version(3, (n) => ({
       version: 3,
-      config: Zk(n.config)
+      config: tD(n.config)
     }));
   }
 }
-const tD = {
+const rD = {
   displayName: "Cartesian Chart",
-  migrator: new eD(),
+  migrator: new nD(),
   name: "cartesian",
-  viewRender: pk,
-  configRender: Qk,
+  viewRender: hk,
+  configRender: Zk,
   createConfig: () => Os,
   triggers: [qg]
 }, Yg = {
   id: "builtin:echarts:click-echart:series",
   displayName: "Click Chart Series",
-  nameRender: rD,
-  configRender: nD,
+  nameRender: iD,
+  configRender: oD,
   payload: [{
     name: "type",
     description: "Always 'click'",
@@ -18528,10 +18538,10 @@ const tD = {
     valueType: "object"
   }]
 };
-function nD(e) {
+function oD(e) {
   return /* @__PURE__ */ l(Ne, {});
 }
-function rD(e) {
+function iD(e) {
   return /* @__PURE__ */ l(z, {
     children: "Click chart's series"
   });
@@ -18557,7 +18567,7 @@ function Ts(e) {
     mantissa: 0
   });
 }
-function oD(e) {
+function aD(e) {
   const t = e.value[1];
   try {
     return Ts(t);
@@ -18565,7 +18575,7 @@ function oD(e) {
     return console.error(n), t;
   }
 }
-function iD(e) {
+function lD(e) {
   const t = Array.isArray(e) ? e : [e];
   if (t.length === 0)
     return "";
@@ -18576,7 +18586,7 @@ function iD(e) {
   return n.unshift(`<strong>${t[0].name}</strong>`), n.join("<br />");
 }
 $t.use([Il, $l, ei, Lr, Vr, Fr, Jn]);
-function aD({
+function sD({
   context: e,
   instance: t
 }) {
@@ -18625,7 +18635,7 @@ function aD({
     }],
     tooltip: {
       trigger: "axis",
-      formatter: iD
+      formatter: lD
     },
     xAxis: [{
       type: "category",
@@ -18693,7 +18703,7 @@ function aD({
       label: {
         show: !0,
         position: "top",
-        formatter: oD
+        formatter: aD
       },
       yAxisIndex: 1,
       data: m
@@ -18711,7 +18721,7 @@ function aD({
     }
   });
 }
-function lD({
+function cD({
   context: e
 }) {
   const {
@@ -18871,7 +18881,7 @@ function lD({
     })
   });
 }
-class sD extends tn {
+class uD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -18883,12 +18893,12 @@ class sD extends tn {
     }));
   }
 }
-const cD = {
+const dD = {
   displayName: "Pareto Chart",
-  migrator: new sD(),
+  migrator: new uD(),
   name: "paretoChart",
-  viewRender: aD,
-  configRender: lD,
+  viewRender: sD,
+  configRender: cD,
   createConfig: () => Rs,
   triggers: [Yg]
 }, Ms = {
@@ -18896,7 +18906,7 @@ const cD = {
   value_field: ""
 };
 $t.use([Bm, Jn]);
-const uD = {
+const fD = {
   tooltip: {
     show: !0
   },
@@ -18930,7 +18940,7 @@ const uD = {
     right: 10
   }
 };
-function dD({
+function pD({
   context: e
 }) {
   const {
@@ -18953,7 +18963,7 @@ function dD({
         };
       }
     }
-  }), [r]), u = Cd({}, uD, c, {
+  }), [r]), u = Cd({}, fD, c, {
     series: {
       data: s
     }
@@ -18967,7 +18977,7 @@ function dD({
     }
   });
 }
-function fD({
+function gD({
   context: e
 }) {
   const {
@@ -19033,7 +19043,7 @@ function fD({
     })
   });
 }
-class pD extends tn {
+class hD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19045,12 +19055,12 @@ class pD extends tn {
     }));
   }
 }
-const gD = {
+const mD = {
   displayName: "Pie Chart",
-  migrator: new pD(),
+  migrator: new hD(),
   name: "pie",
-  viewRender: dD,
-  configRender: fD,
+  viewRender: pD,
+  configRender: gD,
   createConfig: () => Ms
 };
 function Xg(e) {
@@ -19062,13 +19072,13 @@ function Xg(e) {
     }
   } : (t) => t;
 }
-function hD(e) {
+function vD(e) {
   return {
     show: !0,
     formatter: ({ dimensionIndex: t, value: n }) => Xg(e.dimensions[t].formatter)(n)
   };
 }
-function mD(e) {
+function yD(e) {
   return ({ name: t, marker: n, value: r }) => {
     if (r.length === 0)
       return "";
@@ -19107,7 +19117,7 @@ function mD(e) {
   `;
   };
 }
-const vD = {
+const bD = {
   legend: {
     show: !0,
     bottom: 0,
@@ -19117,7 +19127,7 @@ const vD = {
     trigger: "item"
   }
 };
-function yD(e, t) {
+function SD(e, t) {
   const n = [
     "#66B4DB",
     "#39BFA2",
@@ -19154,7 +19164,7 @@ function yD(e, t) {
     },
     tooltip: {
       confine: !0,
-      formatter: mD(e)
+      formatter: yD(e)
     },
     legend: {
       show: !0,
@@ -19170,18 +19180,18 @@ function yD(e, t) {
       areaStyle: {
         opacity: 0.4
       },
-      label: hD(e)
+      label: vD(e)
     },
     color: n
   };
-  return Le.merge({}, vD, i);
+  return Le.merge({}, bD, i);
 }
 const ks = {
   series_name_key: "name",
   dimensions: []
 };
 $t.use([Gm, Lr, Vr, Fr, Jn]);
-function bD({
+function wD({
   context: e
 }) {
   const {
@@ -19189,7 +19199,7 @@ function bD({
   } = rt(e.instanceData, "config"), {
     width: n,
     height: r
-  } = e.viewport, o = e.data, i = de(() => yD(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,
@@ -19201,7 +19211,7 @@ function bD({
     })
   });
 }
-function SD({
+function CD({
   control: e,
   index: t,
   remove: n,
@@ -19291,7 +19301,7 @@ function SD({
     })]
   }, t);
 }
-function wD({
+function xD({
   control: e,
   watch: t,
   data: n
@@ -19313,7 +19323,7 @@ function wD({
     formatter: Cr
   });
   return /* @__PURE__ */ v(B, {
-    children: [s.map((u, d) => /* @__PURE__ */ l(SD, {
+    children: [s.map((u, d) => /* @__PURE__ */ l(CD, {
       data: n,
       control: e,
       index: d,
@@ -19328,7 +19338,7 @@ function wD({
     })]
   });
 }
-function CD(e) {
+function _D(e) {
   function t({
     name: n = "",
     data_key: r = "",
@@ -19344,7 +19354,7 @@ function CD(e) {
   }
   return e.map(t);
 }
-function xD({
+function ED({
   context: e
 }) {
   const t = e.data, {
@@ -19354,7 +19364,7 @@ function xD({
     dimensions: i,
     series_name_key: a
   } = o, s = de(() => ({
-    dimensions: CD(i != null ? i : []),
+    dimensions: _D(i != null ? i : []),
     series_name_key: a
   }), [i, a]);
   Me(() => {
@@ -19415,7 +19425,7 @@ function xD({
             ...m
           })
         })
-      }), /* @__PURE__ */ l(wD, {
+      }), /* @__PURE__ */ l(xD, {
         control: c,
         watch: d,
         data: t
@@ -19423,7 +19433,7 @@ function xD({
     })
   });
 }
-class _D extends tn {
+class OD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -19435,15 +19445,15 @@ class _D extends tn {
     }));
   }
 }
-const ED = {
+const RD = {
   displayName: "Radar Chart",
-  migrator: new _D(),
+  migrator: new OD(),
   name: "radar",
-  viewRender: bD,
-  configRender: xD,
+  viewRender: wD,
+  configRender: ED,
   createConfig: () => ks
 };
-function OD(e, t) {
+function TD(e, t) {
   switch (e.config.method) {
     case "linear":
       return [...cr.regressionLinear()(t)];
@@ -19457,11 +19467,11 @@ function OD(e, t) {
       return [];
   }
 }
-function RD({ 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 = OD(o, t);
+  const { transform: o, plot: i, name: a } = e, s = TD(o, t);
   return n.push({
     ...i,
     name: a,
@@ -19473,7 +19483,7 @@ function RD({ regression: e }, t) {
     }
   }), { regressionSeries: n, regressionXAxes: r };
 }
-const TD = {
+const kD = {
   tooltip: {
     trigger: "axis"
   },
@@ -19495,12 +19505,12 @@ const TD = {
     }
   ]
 };
-function MD(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 } = RD(e, n), o = {
+  ), { regressionSeries: r } = MD(e, n), o = {
     xAxis: {
       type: "category",
       name: (i = e.x_axis.name) != null ? i : "",
@@ -19526,12 +19536,12 @@ function MD(e, t) {
       ...r
     ]
   };
-  return nn({}, o, TD);
+  return nn({}, o, kD);
 }
 function yi(e, t, n) {
   return 1 - (1 - e) * (t - 1) / (t - n - 1);
 }
-function kD(e, t) {
+function PD(e, t) {
   if (!t)
     return {
       expression: "",
@@ -19713,7 +19723,7 @@ const Ds = {
 };
 $t.use([ei, Al, Lr, Vr, Fr, Jn]);
 $t.registerTransform(Nl.regression);
-function DD({
+function ID({
   context: e
 }) {
   const {
@@ -19728,11 +19738,11 @@ function DD({
       ...g,
       [f]: Number(g[f])
     }) : d;
-  }, [e.data, t == null ? void 0 : t.regression.y_axis_data_key]), i = de(() => MD(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(() => kD(o, t), [t, o]);
+  } = de(() => PD(o, t), [t, o]);
   if (!n || !r || !t)
     return null;
   let u = r;
@@ -19799,7 +19809,7 @@ function DD({
     })]
   });
 }
-const PD = [{
+const $D = [{
   label: "Linear",
   value: "linear"
 }, {
@@ -19812,7 +19822,7 @@ const PD = [{
   label: "Polynomial",
   value: "polynomial"
 }];
-function ID({
+function AD({
   control: e,
   watch: t,
   data: n
@@ -19860,7 +19870,7 @@ function ID({
           field: o
         }) => /* @__PURE__ */ l(Ee, {
           label: "Method",
-          data: PD,
+          data: $D,
           sx: {
             flex: 1
           },
@@ -19896,7 +19906,7 @@ function ID({
     })]
   });
 }
-function $D({
+function ND({
   context: e
 }) {
   const {
@@ -20001,7 +20011,7 @@ function $D({
           children: [/* @__PURE__ */ l(_r.Control, {
             children: "Regression Line"
           }), /* @__PURE__ */ l(_r.Panel, {
-            children: /* @__PURE__ */ l(ID, {
+            children: /* @__PURE__ */ l(AD, {
               control: i,
               watch: s,
               data: r
@@ -20012,7 +20022,7 @@ function $D({
     })
   });
 }
-class AD extends tn {
+class LD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20024,17 +20034,17 @@ class AD extends tn {
     }));
   }
 }
-const ND = {
+const VD = {
   displayName: "Regression Chart",
-  migrator: new AD(),
+  migrator: new LD(),
   name: "regressionChart",
-  viewRender: DD,
-  configRender: $D,
+  viewRender: ID,
+  configRender: ND,
   createConfig: () => Ds
 }, Ps = {
   content: ""
 };
-function LD({
+function FD({
   context: e
 }) {
   const {
@@ -20096,7 +20106,7 @@ const Qg = Nn(({
     }), /* @__PURE__ */ l(it.Content, {})]
   });
 });
-function VD({
+function zD({
   context: e
 }) {
   const {
@@ -20165,7 +20175,7 @@ function VD({
     })
   });
 }
-class FD extends tn {
+class jD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20180,18 +20190,18 @@ class FD extends tn {
     }));
   }
 }
-const zD = {
+const HD = {
   displayName: "RichText",
-  migrator: new FD(),
+  migrator: new jD(),
   name: "richText",
-  viewRender: LD,
-  configRender: VD,
+  viewRender: FD,
+  configRender: zD,
   createConfig: () => Ps
 }, Is = {
   align: "center",
   template: "The variable ${value} is defined in Variables section"
 };
-function jD(e) {
+function KD(e) {
   if ("variables" in e)
     return e;
   const {
@@ -20225,10 +20235,10 @@ function jD(e) {
     ]
   };
 }
-function HD(e) {
+function BD(e) {
   return Dr(e, ["variables"]);
 }
-function KD(e) {
+function GD(e) {
   const t = Xo(e), n = dt(t, "color.valueRange");
   return n !== void 0 && Rl(
     t,
@@ -20236,21 +20246,21 @@ function KD(e) {
     n.map((r) => Number(r))
   ), t;
 }
-class BD extends tn {
+class WD extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
   }
   configVersions() {
-    this.version(1, (n) => ({ config: jD(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(KD(a));
-      }), { config: HD(o) };
+        r.variables.find((s) => s.name === a.name) || r.addVariable(GD(a));
+      }), { config: BD(o) };
     });
   }
 }
-const GD = Q(({
+const qD = Q(({
   context: e
 }) => {
   const t = lt(), {
@@ -20277,7 +20287,7 @@ const GD = Q(({
       children: c
     }, u))
   });
-}), WD = [{
+}), UD = [{
   label: "Left",
   value: "left"
 }, {
@@ -20287,7 +20297,7 @@ const GD = Q(({
   label: "Right",
   value: "right"
 }];
-function qD({
+function YD({
   context: e
 }) {
   const {
@@ -20361,14 +20371,14 @@ function qD({
           field: f
         }) => /* @__PURE__ */ l(Ee, {
           label: "Horizontal Alignment",
-          data: WD,
+          data: UD,
           ...f
         })
       })]
     })
   });
 }
-const UD = {
+const XD = {
   createConfig() {
     return {
       version: 1,
@@ -20376,16 +20386,16 @@ const UD = {
     };
   },
   displayName: "Stats",
-  migrator: new BD(),
+  migrator: new WD(),
   name: "stats",
-  viewRender: GD,
-  configRender: qD
+  viewRender: qD,
+  configRender: YD
 }, $s = {
   label_field: "",
   value_field: ""
 };
 $t.use([Wm, Jn]);
-const YD = {
+const QD = {
   tooltip: {
     show: !0
   },
@@ -20397,7 +20407,7 @@ const YD = {
     }
   }
 };
-function XD({
+function JD({
   context: e
 }) {
   const {
@@ -20423,7 +20433,7 @@ function XD({
         }) => p / c < 0.2 ? " " : f
       }
     }
-  }), [c]), d = Cd({}, YD, u, {
+  }), [c]), d = Cd({}, QD, u, {
     series: {
       data: s
     }
@@ -20437,7 +20447,7 @@ function XD({
     }
   });
 }
-function QD({
+function ZD({
   context: e
 }) {
   const {
@@ -20503,7 +20513,7 @@ function QD({
     })
   });
 }
-class JD extends tn {
+class eP extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -20515,12 +20525,12 @@ class JD extends tn {
     }));
   }
 }
-const ZD = {
+const tP = {
   displayName: "Sunburst",
-  migrator: new JD(),
+  migrator: new eP(),
   name: "sunburst",
-  viewRender: XD,
-  configRender: QD,
+  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 || {});
@@ -20564,7 +20574,7 @@ function Sn(e, t) {
 function Hi(e) {
   return e instanceof Function;
 }
-function eP(e, t) {
+function nP(e, t) {
   const n = [], r = (o) => {
     o.forEach((i) => {
       n.push(i);
@@ -20598,7 +20608,7 @@ function Ge(e, t, n) {
     return o;
   };
 }
-function tP(e, t, n, r) {
+function rP(e, t, n, r) {
   var o, i;
   const s = {
     ...e._getDefaultColumnDef(),
@@ -20675,7 +20685,7 @@ function td(e, t, n) {
     Object.assign(i, a.createHeader == null ? void 0 : a.createHeader(i, e));
   }), i;
 }
-const nP = {
+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;
@@ -20882,7 +20892,7 @@ const Si = {
   deltaPercentage: null,
   isResizingColumn: !1,
   columnSizingStart: []
-}), rP = {
+}), iP = {
   getDefaultColumnDef: () => Si,
   getInitialState: (e) => ({
     columnSizing: {},
@@ -20982,7 +20992,7 @@ const Si = {
           upHandler: (g) => {
             document.removeEventListener("mousemove", f.moveHandler), document.removeEventListener("mouseup", f.upHandler), d(g.clientX);
           }
-        }, p = oP() ? {
+        }, p = aP() ? {
           passive: !1
         } : !1;
         Da(o) || (document.addEventListener("mousemove", f.moveHandler, p), document.addEventListener("mouseup", f.upHandler, p)), t.setColumnSizingInfo((g) => ({
@@ -21027,7 +21037,7 @@ const Si = {
   })
 };
 let wi = null;
-function oP() {
+function aP() {
   if (typeof wi == "boolean")
     return wi;
   let e = !1;
@@ -21047,7 +21057,7 @@ function oP() {
 function Da(e) {
   return e.type === "touchstart";
 }
-const iP = {
+const lP = {
   getInitialState: (e) => ({
     expanded: {},
     ...e
@@ -21208,7 +21218,7 @@ const Hn = {
 function En(e) {
   return e == null || e === "";
 }
-const aP = {
+const sP = {
   getDefaultColumnDef: () => ({
     filterFn: "auto"
   }),
@@ -21336,35 +21346,35 @@ const aP = {
 function nd(e, t, n) {
   return (e && e.autoRemove ? e.autoRemove(t, n) : !1) || typeof t > "u" || typeof t == "string" && !t;
 }
-const lP = (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), sP = (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;
-}, cP = (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;
-}, uP = (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];
-}, dP = (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;
-}, fP = (e, t) => {
+}, gP = (e, t) => {
   if (!t.length)
     return;
   let n = 0, r = 0;
@@ -21372,17 +21382,17 @@ const lP = (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;
-}, pP = (e, t) => Array.from(new Set(t.map((n) => n.getValue(e))).values()), gP = (e, t) => new Set(t.map((n) => n.getValue(e))).size, hP = (e, t) => t.length, Pa = {
-  sum: lP,
-  min: sP,
-  max: cP,
-  extent: uP,
-  mean: dP,
-  median: fP,
-  unique: pP,
-  uniqueCount: gP,
-  count: hP
-}, mP = {
+}, 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;
@@ -21456,13 +21466,13 @@ const lP = (e, t, n) => n.reduce((r, o) => {
     }
   })
 };
-function vP(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 yP = {
+const SP = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -21488,7 +21498,7 @@ const yP = {
         }
         i = [...i, ...s];
       }
-      return vP(i, n, r);
+      return bP(i, n, r);
     }, {
       key: process.env.NODE_ENV === "development" && "getOrderColumnsFn"
     })
@@ -21496,7 +21506,7 @@ const yP = {
 }, hl = 0, ml = 10, Ia = () => ({
   pageIndex: hl,
   pageSize: ml
-}), bP = {
+}), wP = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -21600,7 +21610,7 @@ const yP = {
 }, $a = () => ({
   left: [],
   right: []
-}), SP = {
+}), CP = {
   getInitialState: (e) => ({
     columnPinning: $a(),
     ...e
@@ -21722,7 +21732,7 @@ const yP = {
       }
     })
   })
-}, wP = {
+}, xP = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -21910,10 +21920,10 @@ function rd(e, t, n) {
   }
   return !1;
 }
-const yl = /([0-9]+)/gm, CP = (e, t, n) => lh(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), xP = (e, t, n) => lh(br(e.getValue(n)), br(t.getValue(n))), _P = (e, t, n) => Vs(br(e.getValue(n)).toLowerCase(), br(t.getValue(n)).toLowerCase()), EP = (e, t, n) => Vs(br(e.getValue(n)), br(t.getValue(n))), OP = (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;
-}, RP = (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;
 }
@@ -21941,13 +21951,13 @@ function lh(e, t) {
   return n.length - r.length;
 }
 const xo = {
-  alphanumeric: CP,
-  alphanumericCaseSensitive: xP,
-  text: _P,
-  textCaseSensitive: EP,
-  datetime: OP,
-  basic: RP
-}, TP = {
+  alphanumeric: _P,
+  alphanumericCaseSensitive: EP,
+  text: OP,
+  textCaseSensitive: RP,
+  datetime: TP,
+  basic: MP
+}, kP = {
   getInitialState: (e) => ({
     sorting: [],
     ...e
@@ -22049,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())
   })
-}, MP = {
+}, DP = {
   getInitialState: (e) => ({
     columnVisibility: {},
     ...e
@@ -22126,8 +22136,8 @@ const xo = {
       }
     };
   }
-}, od = [nP, MP, yP, SP, aP, TP, mP, iP, bP, wP, rP];
-function kP(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 = {
@@ -22211,7 +22221,7 @@ function kP(e) {
     getAllColumns: Ge(() => [n._getColumnDefs()], (d) => {
       const f = function(p, g, h) {
         return h === void 0 && (h = 0), p.map((m) => {
-          const b = tP(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;
         });
       };
@@ -22256,7 +22266,7 @@ function kP(e) {
   };
   return Object.assign(n, u), n._features.forEach((d) => Object.assign(n, d.createTable == null ? void 0 : d.createTable(n))), n;
 }
-function DP(e, t, n, r) {
+function IP(e, t, n, r) {
   const o = () => {
     var a;
     return (a = i.getValue()) != null ? a : e.options.renderFallbackValue;
@@ -22282,7 +22292,7 @@ function DP(e, t, n, r) {
     Object.assign(i, a.createCell == null ? void 0 : a.createCell(i, n, t, e));
   }, {}), i;
 }
-const PP = (e, t, n, r, o, i) => {
+const $P = (e, t, n, r, o, i) => {
   let a = {
     id: t,
     index: r,
@@ -22301,8 +22311,8 @@ const PP = (e, t, n, r, o, i) => {
       return (c = a.getValue(s)) != null ? c : e.options.renderFallbackValue;
     },
     subRows: i != null ? i : [],
-    getLeafRows: () => eP(a.subRows, (s) => s.subRows),
-    getAllCells: Ge(() => [e.getAllLeafColumns()], (s) => s.map((c) => DP(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;
@@ -22323,7 +22333,7 @@ const PP = (e, t, n, r, o, i) => {
   }
   return a;
 };
-function IP() {
+function AP() {
   return {
     accessor: (e, t) => typeof e == "function" ? {
       ...t,
@@ -22336,7 +22346,7 @@ function IP() {
     group: (e) => e
   };
 }
-function $P() {
+function NP() {
   return (e) => Ge(() => [e.options.data], (t) => {
     const n = {
       rows: [],
@@ -22346,7 +22356,7 @@ function $P() {
       i === void 0 && (i = 0);
       const s = [];
       for (let u = 0; u < o.length; u++) {
-        const d = PP(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));
@@ -22366,7 +22376,7 @@ function $P() {
     }
   });
 }
-function AP() {
+function LP() {
   return (e) => Ge(() => [e.getState().sorting, e.getPreSortedRowModel()], (t, n) => {
     if (!n.rows.length || !(t != null && t.length))
       return n;
@@ -22416,23 +22426,23 @@ function AP() {
   });
 }
 function sh(e, t) {
-  return e ? NP(e) ? /* @__PURE__ */ l(e, {
+  return e ? VP(e) ? /* @__PURE__ */ l(e, {
     ...t
   }) : e : null;
 }
-function NP(e) {
-  return LP(e) || typeof e == "function" || VP(e);
+function VP(e) {
+  return FP(e) || typeof e == "function" || zP(e);
 }
-function LP(e) {
+function FP(e) {
   return typeof e == "function" && (() => {
     const t = Object.getPrototypeOf(e);
     return t.prototype && t.prototype.isReactComponent;
   })();
 }
-function VP(e) {
+function zP(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-function FP(e) {
+function jP(e) {
   const t = {
     state: {},
     onStateChange: () => {
@@ -22440,7 +22450,7 @@ function FP(e) {
     renderFallbackValue: null,
     ...e
   }, [n] = x.useState(() => ({
-    current: kP(t)
+    current: PP(t)
   })), [r, o] = x.useState(() => n.current.initialState);
   return n.current.setOptions((i) => ({
     ...i,
@@ -22457,7 +22467,7 @@ function FP(e) {
 function id(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-class zP {
+class HP {
   constructor(t) {
     this.steps = t;
     const n = [], r = /* @__PURE__ */ new Set();
@@ -22479,7 +22489,7 @@ class zP {
     return id(this.getStepFunctionForValue(t)(t), 0, 100);
   }
 }
-const jP = ({
+const KP = ({
   header: e,
   cx: t
 }) => /* @__PURE__ */ v(z, {
@@ -22487,10 +22497,10 @@ const jP = ({
     "table-head-cell--sortable": e.column.getCanSort()
   }),
   onClick: e.column.getToggleSortingHandler(),
-  children: [e.isPlaceholder ? null : sh(e.column.columnDef.header, e.getContext()), /* @__PURE__ */ l(HP, {
+  children: [e.isPlaceholder ? null : sh(e.column.columnDef.header, e.getContext()), /* @__PURE__ */ l(BP, {
     direction: e.column.getIsSorted()
   })]
-}), HP = ({
+}), BP = ({
   direction: e
 }) => {
   switch (e) {
@@ -22508,8 +22518,8 @@ const jP = ({
 }, Fs = {
   id: "builtin:table:click-cell-content",
   displayName: "Click Cell Content",
-  nameRender: qP,
-  configRender: GP,
+  nameRender: YP,
+  configRender: qP,
   payload: [{
     name: "row_index",
     description: "Index of the row that the cell belongs to",
@@ -22523,7 +22533,7 @@ const jP = ({
     description: "Data of the row that the cell belongs to",
     valueType: "object"
   }]
-}, KP = {
+}, GP = {
   column: ""
 };
 function ch(e) {
@@ -22535,19 +22545,19 @@ function ch(e) {
     value: r.toString()
   })) : [];
 }
-function BP(e) {
+function WP(e) {
   return Tl(e) ? [] : Object.keys(e[0]).map((t) => ({
     label: t,
     value: t
   }));
 }
-function GP(e) {
-  const t = ch(e.instance), n = BP(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, KP), s = (c) => {
+  } = jt({}, o, GP), s = (c) => {
     isNaN(+c) ? i({
       column: c
     }) : i({
@@ -22562,18 +22572,18 @@ function GP(e) {
     onChange: s
   });
 }
-function WP(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 qP(e) {
+function YP(e) {
   const t = ch(e.instance), {
     value: n
   } = rt(e.trigger.triggerData, "config");
   return /* @__PURE__ */ l(z, {
-    children: WP(n, t)
+    children: UP(n, t)
   });
 }
-const UP = qo((e) => ({
+const XP = qo((e) => ({
   root: {
     overflow: "auto",
     "& .table-head-cell": {
@@ -22598,7 +22608,7 @@ const UP = qo((e) => ({
     position: "sticky",
     top: 0
   }
-})), YP = qo((e, t) => ({
+})), QP = qo((e, t) => ({
   content: {
     display: "flex",
     alignItems: "center",
@@ -22611,24 +22621,24 @@ const UP = qo((e) => ({
     }
   }
 }));
-function XP(e) {
+function JP(e) {
   return e ? No(e).oklch()[0] > 0.7 ? "black" : "white" : "inherit";
 }
-function QP(e) {
+function ZP(e) {
   const t = e.tableCellContext.bgColor;
   return {
     backgroundColor: t,
-    color: XP(t)
+    color: JP(t)
   };
 }
 function ua(e) {
-  const t = e.tableCellContext.isClickable(), n = YP({
+  const t = e.tableCellContext.isClickable(), n = QP({
     clickable: t
   });
   return /* @__PURE__ */ l("div", {
     className: n.classes.content,
     style: {
-      ...QP(e)
+      ...ZP(e)
     },
     children: /* @__PURE__ */ l(z, {
       className: "table-cell-text",
@@ -22639,19 +22649,19 @@ function ua(e) {
     })
   });
 }
-function JP(e) {
+function eI(e) {
   return /* @__PURE__ */ l(ua, {
     ...e,
     children: e.value
   });
 }
-function ZP(e) {
+function tI(e) {
   return /* @__PURE__ */ l(ua, {
     ...e,
     children: e.value
   });
 }
-function eI(e) {
+function nI(e) {
   const t = Zt(e.value).format({
     thousandSeparated: !0
   });
@@ -22660,7 +22670,7 @@ function eI(e) {
     children: t
   });
 }
-function tI(e) {
+function rI(e) {
   const t = Zt(e.value).format({
     output: "percent",
     mantissa: 3
@@ -22670,43 +22680,43 @@ function tI(e) {
     children: t
   });
 }
-function nI(e) {
+function oI(e) {
   const t = e.value, n = e.func_content;
   return n ? new Function(`return ${n}`)()({
     value: t
   }) : t;
 }
-function rI(e) {
+function iI(e) {
   switch (e.type) {
     case Pn.string:
-      return /* @__PURE__ */ l(JP, {
+      return /* @__PURE__ */ l(eI, {
         ...e
       });
     case Pn.eloc:
-      return /* @__PURE__ */ l(ZP, {
+      return /* @__PURE__ */ l(tI, {
         ...e
       });
     case Pn.number:
-      return /* @__PURE__ */ l(eI, {
+      return /* @__PURE__ */ l(nI, {
         ...e
       });
     case Pn.percentage:
-      return /* @__PURE__ */ l(tI, {
+      return /* @__PURE__ */ l(rI, {
         ...e
       });
     case Pn.custom:
-      return /* @__PURE__ */ l(nI, {
+      return /* @__PURE__ */ l(oI, {
         ...e
       });
   }
 }
-const oI = (e) => {
+const aI = (e) => {
   const t = mo(e), n = ho(t.triggerManager, Fs.id), {
     colorManager: r
   } = Qn(Fn);
-  return gr((o) => new aI(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 iI({
+function lI({
   context: e,
   instance: t
 }) {
@@ -22723,18 +22733,18 @@ function iI({
   } = i, {
     classes: u,
     cx: d
-  } = UP(), 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 = oI({
+  })) : 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 = IP(), P = f.map(($) => O.accessor($.value_field, {
-      cell: (F) => /* @__PURE__ */ l(rI, {
+    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,
@@ -22750,15 +22760,15 @@ function iI({
       header: "#",
       size: 10 * (n.length.toString().length + 1)
     }), ...P];
-  }, [f, p]), [h, m] = Xe([]), b = FP({
+  }, [f, p]), [h, m] = Xe([]), b = jP({
     data: n,
     state: {
       sorting: h
     },
     onSortingChange: m,
     columns: g,
-    getCoreRowModel: $P(),
-    getSortedRowModel: AP()
+    getCoreRowModel: NP(),
+    getSortedRowModel: LP()
   }), {
     rows: y
   } = b.getRowModel(), w = j.useRef(null), S = qm({
@@ -22792,7 +22802,7 @@ function iI({
             style: {
               width: P.getSize()
             },
-            children: /* @__PURE__ */ l(jP, {
+            children: /* @__PURE__ */ l(KP, {
               header: P,
               cx: d
             })
@@ -22823,7 +22833,7 @@ function iI({
     })
   });
 }
-class aI {
+class sI {
   constructor(t, n, r, o, i) {
     this.getColIndex = t, this.cell = n, this.triggers = r, this.interactionManager = o, this.colorManager = i;
   }
@@ -22860,7 +22870,7 @@ class aI {
       return t;
     const n = +this.cell.getValue();
     if (isFinite(n)) {
-      const r = this.colorManager.decodeInterpolation(t.interpolation), i = new zP(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);
     }
   }
@@ -22888,14 +22898,14 @@ const uh = qo(() => ({
       }
     }
   }
-})), lI = [{
+})), cI = [{
   from: 0,
   to: 0
 }, {
   from: 100,
   to: 100
 }];
-class sI {
+class uI {
   constructor() {
     he(this, "steps", /* @__PURE__ */ new Map());
     he(this, "interpolation");
@@ -22920,7 +22930,7 @@ class sI {
     })).sort((n, r) => n.to - r.to || n.from - r.from));
   }
   fromProps(t) {
-    t.steps.length < 2 ? this.setSteps(lI) : 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);
@@ -22929,7 +22939,7 @@ class sI {
     return this.steps.get(t);
   }
 }
-function cI(e) {
+function dI(e) {
   const {
     onChange: t,
     color: n,
@@ -23009,7 +23019,7 @@ function cI(e) {
     })]
   });
 }
-const uI = Q(({
+const fI = Q(({
   model: e
 }) => {
   const {
@@ -23017,21 +23027,21 @@ const uI = 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(cI, {
+    children: n.map(([r, o], i) => /* @__PURE__ */ l(dI, {
       index: i,
       color: r,
       value: e.getStepFromValue(o),
       onChange: (a) => e.changeStep(a, o)
     }, r))
   });
-}), dI = Q(function(t) {
-  const n = On(() => new sI(), []);
+}), pI = Q(function(t) {
+  const n = On(() => new uI(), []);
   return Me(() => {
     n.fromProps(t);
-  }), n.interpolation == null ? null : /* @__PURE__ */ l(uI, {
+  }), n.interpolation == null ? null : /* @__PURE__ */ l(fI, {
     model: n
   });
-}), fI = (e) => {
+}), gI = (e) => {
   const {
     value: t,
     onChange: n,
@@ -23079,7 +23089,7 @@ const uI = Q(({
           value: i.interpolation,
           data: f,
           onChange: p
-        }), /* @__PURE__ */ l(dI, {
+        }), /* @__PURE__ */ l(pI, {
           steps: i.steps,
           interpolation: s,
           onChange: h
@@ -23097,7 +23107,7 @@ const uI = Q(({
       })
     })]
   });
-}, pI = ["static", "interpolation", "none"], gI = [{
+}, hI = ["static", "interpolation", "none"], mI = [{
   from: 0,
   to: 0
 }, {
@@ -23107,20 +23117,20 @@ const uI = Q(({
 function dh(e) {
   return e ? xd(e) ? e === "none" ? "none" : "static" : "interpolation" : "none";
 }
-function hI(e, t) {
+function vI(e, t) {
   var n;
   return dh(t) === "static" ? t : (n = e.getStaticColors()[0]) == null ? void 0 : n.value;
 }
-function mI(e, t) {
+function yI(e, t) {
   return yd(t) ? t : {
-    steps: gI,
+    steps: mI,
     interpolation: e.encodeColor(e.getColorInterpolations()[0])
   };
 }
-const vI = (e) => {
+const bI = (e) => {
   const {
     colorManager: t
-  } = Qn(Fn), [n, r] = Xe(dh(e.value)), [o, i] = Xe(hI(t, e.value)), a = Xs(o), [s, c] = Xe(mI(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, {
@@ -23130,14 +23140,14 @@ const vI = (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: pI
+      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(fI, {
+    }), n === "interpolation" && /* @__PURE__ */ l(gI, {
       colorManager: t,
       value: s,
       onChange: (g) => {
@@ -23146,11 +23156,11 @@ const vI = (e) => {
       }
     })]
   });
-}, yI = Object.values(Pn).map((e) => ({
+}, SI = Object.values(Pn).map((e) => ({
   label: e,
   value: e
 }));
-function bI({
+function wI({
   label: e,
   value: t,
   onChange: n,
@@ -23158,13 +23168,13 @@ function bI({
 }) {
   return /* @__PURE__ */ l(Ee, {
     label: e,
-    data: yI,
+    data: SI,
     value: t,
     onChange: n,
     sx: r
   });
 }
-const SI = Nn(({
+const CI = Nn(({
   value: e,
   onChange: t
 }, n) => {
@@ -23237,7 +23247,7 @@ const SI = Nn(({
       })
     })]
   });
-}), wI = ({
+}), xI = ({
   control: e,
   index: t,
   watch: n,
@@ -23286,7 +23296,7 @@ const SI = Nn(({
         control: e,
         render: ({
           field: s
-        }) => /* @__PURE__ */ l(bI, {
+        }) => /* @__PURE__ */ l(wI, {
           label: "Value Type",
           sx: {
             flex: 1
@@ -23300,7 +23310,7 @@ const SI = Nn(({
           field: s
         }) => {
           var c;
-          return /* @__PURE__ */ l(SI, {
+          return /* @__PURE__ */ l(CI, {
             value: (c = s.value) != null ? c : Jg,
             onChange: (u) => s.onChange(u != null ? u : "")
           });
@@ -23311,7 +23321,7 @@ const SI = Nn(({
       control: e,
       render: ({
         field: s
-      }) => /* @__PURE__ */ l(vI, {
+      }) => /* @__PURE__ */ l(bI, {
         ...s
       })
     }), /* @__PURE__ */ l(Ae, {
@@ -23328,7 +23338,7 @@ const SI = Nn(({
       children: "Delete this column"
     })]
   });
-}, CI = ({
+}, _I = ({
   control: e,
   watch: t,
   data: n
@@ -23400,7 +23410,7 @@ const SI = Nn(({
           })]
         }), r.map((u, d) => /* @__PURE__ */ l(I.Panel, {
           value: d.toString(),
-          children: /* @__PURE__ */ l(wI, {
+          children: /* @__PURE__ */ l(xI, {
             control: e,
             watch: t,
             index: d,
@@ -23413,7 +23423,7 @@ const SI = Nn(({
     })]
   });
 };
-function xI({
+function EI({
   control: e,
   watch: t,
   data: n
@@ -23509,7 +23519,7 @@ function xI({
     })]
   });
 }
-function _I({
+function OI({
   columns: e,
   ...t
 }) {
@@ -23524,13 +23534,13 @@ function _I({
     }))
   };
 }
-function EI({
+function RI({
   context: e
 }) {
   const {
     value: t,
     set: n
-  } = rt(e.instanceData, "config"), r = e.data, o = de(() => nn({}, t, As), [t]), i = de(() => _I(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]);
@@ -23613,14 +23623,14 @@ function EI({
         })
       }), /* @__PURE__ */ l(I.Panel, {
         value: "Style",
-        children: /* @__PURE__ */ l(xI, {
+        children: /* @__PURE__ */ l(EI, {
           control: a,
           watch: c,
           data: r
         })
       }), /* @__PURE__ */ l(I.Panel, {
         value: "Columns",
-        children: /* @__PURE__ */ l(CI, {
+        children: /* @__PURE__ */ l(_I, {
           control: a,
           watch: c,
           data: r
@@ -23641,7 +23651,7 @@ function EI({
     })]
   });
 }
-class OI extends tn {
+class TI extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
@@ -23673,12 +23683,12 @@ const bl = {
     };
   },
   displayName: "Table",
-  migrator: new OI(),
+  migrator: new TI(),
   name: "table",
-  viewRender: iI,
-  configRender: EI,
+  viewRender: lI,
+  configRender: RI,
   triggers: [Fs]
-}, RI = () => /* @__PURE__ */ v("svg", {
+}, MI = () => /* @__PURE__ */ v("svg", {
   width: "64",
   height: "64",
   viewBox: "0 0 64 64",
@@ -23701,7 +23711,7 @@ function ad(e, t) {
   if (n)
     throw new Error(n);
 }
-async function TI(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",
@@ -23715,7 +23725,7 @@ async function TI(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 MI = ({ 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;
@@ -23726,7 +23736,7 @@ const MI = ({ conf: e, data: t }) => async () => {
   };
   try {
     const s = n.startsWith("http") ? n : window.location.origin;
-    return await TI(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;
   }
@@ -23757,7 +23767,7 @@ const MI = ({ conf: e, data: t }) => async () => {
       color: "#3D3E45"
     }
   })
-}), kI = ({
+}), PI = ({
   error: e,
   width: t,
   height: n
@@ -23773,13 +23783,13 @@ const MI = ({ conf: e, data: t }) => async () => {
     children: /* @__PURE__ */ v(B, {
       align: "center",
       spacing: 20,
-      children: [/* @__PURE__ */ l(RI, {}), /* @__PURE__ */ l(ld, {
+      children: [/* @__PURE__ */ l(MI, {}), /* @__PURE__ */ l(ld, {
         message: r
       })]
     })
   });
 };
-function DI({
+function II({
   context: e
 }) {
   var u;
@@ -23792,7 +23802,7 @@ function DI({
     data: a,
     error: s,
     loading: c
-  } = El(MI({
+  } = El(DI({
     conf: n,
     data: i
   }), {
@@ -23806,7 +23816,7 @@ function DI({
     children: /* @__PURE__ */ l(Uo, {
       visible: !0
     })
-  }) : s ? /* @__PURE__ */ l(kI, {
+  }) : s ? /* @__PURE__ */ l(PI, {
     error: s,
     width: r,
     height: o
@@ -23824,7 +23834,7 @@ function DI({
     }, f))
   });
 }
-function PI({
+function $I({
   context: e
 }) {
   const {
@@ -23911,7 +23921,7 @@ function PI({
     })
   });
 }
-class II extends tn {
+class AI extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -23923,22 +23933,22 @@ class II extends tn {
     }));
   }
 }
-const $I = {
+const NI = {
   displayName: "Merico GQM",
-  migrator: new II(),
+  migrator: new AI(),
   name: "mericoGQM",
-  viewRender: DI,
-  configRender: PI,
+  viewRender: II,
+  configRender: $I,
   createConfig: () => zs
 };
-function AI(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 NI({ type: e, ...t }, n, r, o) {
+function VI({ type: e, ...t }, n, r, o) {
   if (!e)
     return 10;
   if (e === "static") {
@@ -23959,7 +23969,7 @@ function NI({ type: e, ...t }, n, r, o) {
     }
   };
 }
-function LI(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 {
@@ -23985,7 +23995,7 @@ function LI(e, t, n, r) {
     };
   });
 }
-function VI(e, t) {
+function zI(e, t) {
   return e.map((n) => ({
     name: "",
     type: "line",
@@ -24008,7 +24018,7 @@ function VI(e, t) {
     }
   }));
 }
-function FI({ x_axis: e, scatter: t }, n, r, o) {
+function jI({ x_axis: e, scatter: t }, n, r, o) {
   return {
     label: {
       show: !!t.label_position,
@@ -24021,12 +24031,12 @@ function FI({ x_axis: e, scatter: t }, n, r, o) {
     yAxisIndex: 0,
     datasetIndex: 0,
     color: t.color,
-    symbolSize: NI(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 zI(e, t, n, r, o, i, a) {
-  return [FI(e, r, a)].concat(LI(e.reference_lines, i, a, r)).concat(VI(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) => {
@@ -24039,14 +24049,14 @@ function ph({ enabled: e, func_content: t }) {
     }
   };
 }
-function jI(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 HI = (e) => {
+const BI = (e) => {
   try {
     return Zt(e).format({
       trimMantissa: !0,
@@ -24056,7 +24066,7 @@ const HI = (e) => {
     return e;
   }
 };
-function KI(e, t) {
+function GI(e, t) {
   const { scatter: n } = e;
   return {
     confine: !0,
@@ -24065,7 +24075,7 @@ function KI(e, t) {
       const o = (f = t[0]) != null ? f : t.default, i = Array.isArray(r) ? r : [r];
       if (i.length === 0)
         return "";
-      const a = jI(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>");
@@ -24082,7 +24092,7 @@ function KI(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;">${HI(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>
@@ -24093,7 +24103,7 @@ function KI(e, t) {
     }
   };
 }
-function BI(e, t) {
+function WI(e, t) {
   var o;
   const n = t.every((i) => !Number.isNaN(Number(i))), { axisLabel: r } = e.x_axis;
   return [
@@ -24113,7 +24123,7 @@ function BI(e, t) {
     }
   ];
 }
-function GI(e, t) {
+function qI(e, t) {
   return e.y_axes.map(({ nameAlignment: n, ...r }, o) => {
     var a;
     let i = r.position;
@@ -24139,7 +24149,7 @@ function GI(e, t) {
     };
   });
 }
-function WI() {
+function UI() {
   return {
     show: !1,
     bottom: 0,
@@ -24147,7 +24157,7 @@ function WI() {
     type: "scroll"
   };
 }
-const qI = {
+const YI = {
   dataZoom: [
     {
       type: "inside",
@@ -24186,7 +24196,7 @@ const qI = {
     containLabel: !0
   }
 };
-function UI(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;
@@ -24204,26 +24214,26 @@ function UI(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 = zI(e, i, a, t, o, n, r), c = {
-    xAxis: BI(e, i),
-    yAxis: GI(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: KI(e, o),
-    grid: AI(e),
-    legend: WI()
+    tooltip: GI(e, o),
+    grid: LI(e),
+    legend: UI()
   };
-  return nn({}, c, qI);
+  return nn({}, c, YI);
 }
 const gh = {
   id: "builtin:echarts:click-scatter-chart:series",
   displayName: "Click Scatter",
-  nameRender: XI,
-  configRender: YI,
+  nameRender: JI,
+  configRender: QI,
   payload: [{
     name: "seriesType",
     description: "'scatter'",
@@ -24250,10 +24260,10 @@ const gh = {
     valueType: "object"
   }]
 };
-function YI(e) {
+function QI(e) {
   return /* @__PURE__ */ l(Ne, {});
 }
-function XI(e) {
+function JI(e) {
   return /* @__PURE__ */ l(z, {
     children: "Click scatter"
   });
@@ -24303,7 +24313,7 @@ const hh = {
 };
 $t.use([ei, Il, $l, Al, Lr, Vr, Fr, Jn, Pl, Nd]);
 $t.registerTransform(Nl.regression);
-function QI({
+function ZI({
   conf: e,
   data: t,
   width: n,
@@ -24321,7 +24331,7 @@ function QI({
         rowData: p
       });
     });
-  }, u = j.useMemo(() => UI(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,
@@ -24334,7 +24344,7 @@ function QI({
     }
   });
 }
-function JI({
+function e$({
   context: e,
   instance: t
 }) {
@@ -24372,7 +24382,7 @@ function JI({
       size: "xs",
       pl: "sm",
       children: Object.values(g.top).map((m) => m)
-    }), /* @__PURE__ */ l(QI, {
+    }), /* @__PURE__ */ l(ZI, {
       variables: o,
       width: s,
       height: h,
@@ -24388,14 +24398,14 @@ function JI({
     })]
   });
 }
-const ZI = [{
+const t$ = [{
   label: "Horizontal",
   value: "horizontal"
 }, {
   label: "Vertical",
   value: "vertical"
 }];
-function e$({
+function n$({
   control: e,
   index: t,
   remove: n,
@@ -24462,7 +24472,7 @@ function e$({
         field: a
       }) => /* @__PURE__ */ l(Ee, {
         label: "Orientation",
-        data: ZI,
+        data: t$,
         required: !0,
         sx: {
           flex: 1
@@ -24489,7 +24499,7 @@ function e$({
     })]
   }, t);
 }
-function t$({
+function r$({
   control: e,
   watch: t,
   variables: n
@@ -24540,7 +24550,7 @@ function t$({
       })]
     }), s.map((d, f) => /* @__PURE__ */ l(I.Panel, {
       value: f.toString(),
-      children: /* @__PURE__ */ l(e$, {
+      children: /* @__PURE__ */ l(n$, {
         control: e,
         index: f,
         remove: i,
@@ -24550,7 +24560,7 @@ function t$({
     }, f))]
   });
 }
-const n$ = ({
+const o$ = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ie, {
@@ -24583,7 +24593,7 @@ const n$ = ({
     ].join(`
 `)
   }
-}, r$ = ({
+}, i$ = ({
   value: e,
   onChange: t,
   data: n
@@ -24639,7 +24649,7 @@ const n$ = ({
           label: "Dynamic by a custom function",
           labelPosition: "center",
           variant: "dashed"
-        }), /* @__PURE__ */ l(n$, {
+        }), /* @__PURE__ */ l(o$, {
           value: a.func_content,
           onChange: d
         }), /* @__PURE__ */ v(k, {
@@ -24666,15 +24676,15 @@ const n$ = ({
       })
     })]
   });
-}, o$ = ({
+}, a$ = ({
   value: e,
   onChange: t,
   data: n
-}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(r$, {
+}) => e.type !== "dynamic" ? null : /* @__PURE__ */ l(i$, {
   value: e,
   onChange: t,
   data: n
-}), i$ = ({
+}), l$ = ({
   value: e,
   onChange: t
 }) => {
@@ -24696,13 +24706,13 @@ const n$ = ({
       onChange: n
     })
   });
-}, a$ = [{
+}, s$ = [{
   label: "Static",
   value: "static"
 }, {
   label: "Dynamic",
   value: "dynamic"
-}], l$ = Nn(({
+}], c$ = Nn(({
   label: e = "Size",
   value: t,
   onChange: n,
@@ -24718,22 +24728,22 @@ const n$ = ({
     children: [/* @__PURE__ */ l(Ee, {
       ref: o,
       label: e,
-      data: a$,
+      data: s$,
       value: t.type,
       onChange: i,
       sx: {
         flexGrow: 1
       }
-    }), /* @__PURE__ */ l(i$, {
+    }), /* @__PURE__ */ l(l$, {
       value: t,
       onChange: n
-    }), /* @__PURE__ */ l(o$, {
+    }), /* @__PURE__ */ l(a$, {
       value: t,
       onChange: n,
       data: r
     })]
   });
-}), s$ = [{
+}), u$ = [{
   label: "off",
   value: ""
 }, {
@@ -24776,7 +24786,7 @@ const n$ = ({
   label: "insideBottomRight",
   value: "insideBottomRight"
 }];
-function c$({
+function d$({
   data: e,
   control: t,
   watch: n
@@ -24823,7 +24833,7 @@ function c$({
       control: t,
       render: ({
         field: r
-      }) => /* @__PURE__ */ l(l$, {
+      }) => /* @__PURE__ */ l(c$, {
         label: "Size",
         data: e,
         ...r
@@ -24856,14 +24866,14 @@ function c$({
           field: r
         }) => /* @__PURE__ */ l(Ee, {
           label: "Label Position",
-          data: s$,
+          data: u$,
           ...r
         })
       })
     })]
   });
 }
-function u$({
+function f$({
   control: e,
   watch: t
 }) {
@@ -24900,7 +24910,7 @@ function u$({
     })
   });
 }
-const d$ = ({
+const p$ = ({
   control: e,
   data: t,
   index: n,
@@ -24954,7 +24964,7 @@ const d$ = ({
     },
     children: "Delete this Metric"
   })]
-}), f$ = ({
+}), g$ = ({
   control: e,
   watch: t,
   data: n
@@ -25023,7 +25033,7 @@ const d$ = ({
         })]
       }), s.map((p, g) => /* @__PURE__ */ l(I.Panel, {
         value: p.id,
-        children: /* @__PURE__ */ l(d$, {
+        children: /* @__PURE__ */ l(p$, {
           control: e,
           index: g,
           remove: i,
@@ -25033,18 +25043,18 @@ const d$ = ({
     })]
   });
 };
-function p$({
+function h$({
   data: e,
   control: t,
   watch: n
 }) {
-  return /* @__PURE__ */ l(f$, {
+  return /* @__PURE__ */ l(g$, {
     control: t,
     watch: n,
     data: e
   });
 }
-const g$ = ({
+const m$ = ({
   disabled: e,
   value: t,
   onChange: n
@@ -25072,7 +25082,7 @@ const g$ = ({
       }
     }
   })]
-}), h$ = ({
+}), v$ = ({
   value: e,
   onChange: t,
   data: n
@@ -25127,7 +25137,7 @@ const g$ = ({
           label: "Enabled",
           checked: a.enabled,
           onChange: (g) => c(g.currentTarget.checked)
-        }), /* @__PURE__ */ l(g$, {
+        }), /* @__PURE__ */ l(m$, {
           value: a.func_content,
           onChange: f,
           disabled: !a.enabled
@@ -25156,7 +25166,7 @@ const g$ = ({
     })]
   });
 };
-function m$({
+function y$({
   data: e,
   control: t,
   watch: n
@@ -25230,7 +25240,7 @@ function m$({
         control: t,
         render: ({
           field: r
-        }) => /* @__PURE__ */ l(h$, {
+        }) => /* @__PURE__ */ l(v$, {
           data: e,
           ...r
         })
@@ -25238,7 +25248,7 @@ function m$({
     })]
   });
 }
-const v$ = [{
+const b$ = [{
   label: "left",
   value: "left"
 }, {
@@ -25247,14 +25257,14 @@ const v$ = [{
 }, {
   label: "right",
   value: "right"
-}], y$ = [{
+}], S$ = [{
   label: "left",
   value: "left"
 }, {
   label: "right",
   value: "right"
 }];
-function b$({
+function w$({
   control: e,
   index: t,
   remove: n
@@ -25295,7 +25305,7 @@ function b$({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Align",
           required: !0,
-          data: v$,
+          data: b$,
           sx: {
             flex: 1
           },
@@ -25318,7 +25328,7 @@ function b$({
         }) => /* @__PURE__ */ l(Ee, {
           label: "Position",
           required: !0,
-          data: y$,
+          data: S$,
           sx: {
             flex: 1
           },
@@ -25353,7 +25363,7 @@ function b$({
     })]
   });
 }
-function S$({
+function C$({
   control: e,
   watch: t
 }) {
@@ -25398,7 +25408,7 @@ function S$({
       })]
     }), a.map((c, u) => /* @__PURE__ */ l(I.Panel, {
       value: u.toString(),
-      children: /* @__PURE__ */ l(b$, {
+      children: /* @__PURE__ */ l(w$, {
         control: e,
         index: u,
         remove: o
@@ -25406,7 +25416,7 @@ function S$({
     }, u))]
   });
 }
-function w$(e) {
+function x$(e) {
   return e || {
     templates: {
       top: "",
@@ -25414,18 +25424,18 @@ function w$(e) {
     }
   };
 }
-function C$({
+function _$({
   reference_lines: e = [],
   stats: t,
   ...n
 }) {
   return {
     reference_lines: e,
-    stats: w$(t),
+    stats: x$(t),
     ...n
   };
 }
-function x$({
+function E$({
   context: e
 }) {
   const {
@@ -25433,7 +25443,7 @@ function x$({
     set: n
   } = rt(e.instanceData, "config"), {
     variables: r
-  } = e, o = e.data, i = de(() => nn({}, t, js), [t]), a = de(() => C$(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]);
@@ -25510,41 +25520,41 @@ function x$({
           })]
         }), /* @__PURE__ */ l(I.Panel, {
           value: "X Axis",
-          children: /* @__PURE__ */ l(m$, {
+          children: /* @__PURE__ */ l(y$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Y Axes",
-          children: /* @__PURE__ */ l(S$, {
+          children: /* @__PURE__ */ l(C$, {
             control: s,
             watch: u
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Scatter",
-          children: /* @__PURE__ */ l(c$, {
+          children: /* @__PURE__ */ l(d$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Tooltip",
-          children: /* @__PURE__ */ l(p$, {
+          children: /* @__PURE__ */ l(h$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Stats",
-          children: /* @__PURE__ */ l(u$, {
+          children: /* @__PURE__ */ l(f$, {
             control: s,
             watch: u,
             data: o
           })
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Reference Lines",
-          children: /* @__PURE__ */ l(t$, {
+          children: /* @__PURE__ */ l(r$, {
             variables: r,
             control: s,
             watch: u
@@ -25554,7 +25564,7 @@ function x$({
     })
   });
 }
-class _$ extends tn {
+class O$ extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 2);
@@ -25580,12 +25590,12 @@ class _$ extends tn {
     });
   }
 }
-const E$ = {
+const R$ = {
   displayName: "Scatter Chart",
-  migrator: new _$(),
+  migrator: new O$(),
   name: "scatterChart",
-  viewRender: JI,
-  configRender: x$,
+  viewRender: e$,
+  configRender: E$,
   createConfig: () => js,
   triggers: [gh]
 }, vh = [
@@ -25599,7 +25609,7 @@ const E$ = {
   horizontal_align: "left",
   font_size: "14px",
   font_weight: "normal"
-}, O$ = Q(({
+}, T$ = Q(({
   context: e
 }) => {
   const t = lt(), {
@@ -25625,7 +25635,7 @@ const E$ = {
     },
     children: c
   });
-}), R$ = ({
+}), M$ = ({
   value: e,
   onChange: t
 }) => /* @__PURE__ */ l(Ie, {
@@ -25646,7 +25656,7 @@ const E$ = {
       }
     }
   })
-}), T$ = Nn(({
+}), k$ = Nn(({
   value: e,
   onChange: t
 }, n) => {
@@ -25679,7 +25689,7 @@ const E$ = {
       closeOnClickOutside: !1,
       withCloseButton: !1,
       children: r && /* @__PURE__ */ v(B, {
-        children: [/* @__PURE__ */ l(R$, {
+        children: [/* @__PURE__ */ l(M$, {
           value: a,
           onChange: s
         }), /* @__PURE__ */ v(k, {
@@ -25706,7 +25716,7 @@ const E$ = {
       })
     })]
   });
-}), M$ = [{
+}), D$ = [{
   label: "Left",
   value: "left"
 }, {
@@ -25716,7 +25726,7 @@ const E$ = {
   label: "Right",
   value: "right"
 }];
-function k$({
+function P$({
   context: e
 }) {
   const {
@@ -25785,7 +25795,7 @@ function k$({
           control: i,
           render: ({
             field: p
-          }) => /* @__PURE__ */ l(T$, {
+          }) => /* @__PURE__ */ l(k$, {
             ...p
           })
         }), /* @__PURE__ */ l(Ae, {
@@ -25801,7 +25811,7 @@ function k$({
             field: p
           }) => /* @__PURE__ */ l(Ee, {
             label: "Horizontal Alignment",
-            data: M$,
+            data: D$,
             ...p
           })
         }), /* @__PURE__ */ l(V, {
@@ -25841,7 +25851,7 @@ function k$({
     })
   });
 }
-class D$ extends tn {
+class I$ extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -25853,14 +25863,14 @@ class D$ extends tn {
     }));
   }
 }
-const P$ = {
+const $$ = {
   displayName: "Text",
-  migrator: new D$(),
+  migrator: new I$(),
   name: "text",
-  viewRender: O$,
-  configRender: k$,
+  viewRender: T$,
+  configRender: P$,
   createConfig: () => Hs
-}, I$ = [{
+}, A$ = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -25907,12 +25917,12 @@ const P$ = {
   value: e.value,
   type: "single",
   category: "basic"
-})), $$ = [mT, vT, ST, bT, yT, wT], yh = () => ({
+})), N$ = [mT, vT, ST, bT, yT, wT], yh = () => ({
   id: "dashboard",
   version: hs,
   manifest: {
-    viz: [bl, UD, P$, zD, ZD, gD, DT, IM, cD, tD, E$, ED, ND, $I, qM],
-    color: [...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"),
@@ -25942,7 +25952,7 @@ try {
   Oo.install(yh());
 } catch {
 }
-function A$(e, t) {
+function L$(e, t) {
   const {
     value: n,
     set: r
@@ -25957,12 +25967,12 @@ function A$(e, t) {
     commit: a
   };
 }
-function N$(e) {
+function V$(e) {
   const {
     config: t,
     setConfig: n,
     commit: r
-  } = A$(e, {
+  } = L$(e, {
     urlTemplate: "",
     openInNewTab: !0
   });
@@ -25992,7 +26002,7 @@ function N$(e) {
     })]
   });
 }
-async function L$(e, t) {
+async function F$(e, t) {
   const {
     urlTemplate: n,
     openInNewTab: r
@@ -26005,7 +26015,7 @@ async function L$(e, t) {
     }
   }));
 }
-class V$ extends tn {
+class z$ extends tn {
   constructor() {
     super(...arguments);
     he(this, "VERSION", 1);
@@ -26014,12 +26024,12 @@ class V$ extends tn {
     this.version(1, (n) => n);
   }
 }
-const F$ = {
+const j$ = {
   displayName: "Open Link",
   id: "builtin:op:open-link",
-  configRender: N$,
-  run: L$,
-  migrator: new V$(),
+  configRender: V$,
+  run: F$,
+  migrator: new z$(),
   createDefaultConfig: () => ({
     version: 1,
     config: {
@@ -26028,7 +26038,7 @@ const F$ = {
     }
   })
 };
-function z$(e) {
+function H$(e) {
   const {
     value: t,
     set: n
@@ -26037,24 +26047,24 @@ function z$(e) {
   });
   return [(t == null ? void 0 : t.template) || "", r];
 }
-function j$(e) {
-  const [t, n] = z$(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 H$(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 K$ = {
+const G$ = {
   displayName: "console.log (debug)",
   id: "builtin:op:debug",
-  configRender: j$,
-  run: H$
-}, B$ = Q((e) => {
+  configRender: K$,
+  run: B$
+}, W$ = Q((e) => {
   const t = lt(), {
     value: n,
     set: r
@@ -26074,7 +26084,7 @@ const K$ = {
     data: t.views.options
   });
 });
-async function G$(e, t) {
+async function q$(e, t) {
   const r = (await t.operationData.getItem("config")).viewID;
   window.dispatchEvent(new CustomEvent("open-view", {
     detail: {
@@ -26082,16 +26092,16 @@ async function G$(e, t) {
     }
   }));
 }
-const W$ = {
+const U$ = {
   displayName: "Open View",
   id: "builtin:op:open_view",
-  configRender: B$,
-  run: G$
-}, q$ = {
+  configRender: W$,
+  run: q$
+}, Y$ = {
   dictionary: {}
-}, U$ = Q((e) => {
+}, X$ = Q((e) => {
   const t = lt(), {
-    value: n = q$,
+    value: n = Y$,
     set: r
   } = rt(e.operation.operationData, "config"), {
     dictionary: o = {}
@@ -26148,7 +26158,7 @@ const W$ = {
     })]
   });
 });
-async function Y$(e, t) {
+async function Q$(e, t) {
   const r = (await t.operationData.getItem("config")).dictionary;
   window.dispatchEvent(new CustomEvent("set-filter-values", {
     detail: {
@@ -26157,13 +26167,13 @@ async function Y$(e, t) {
     }
   }));
 }
-const X$ = {
+const J$ = {
   displayName: "Set Filter Values",
   id: "builtin:op:set_filter_values",
-  configRender: U$,
-  run: Y$
-}, da = [K$, F$, W$, X$];
-class Q$ {
+  configRender: X$,
+  run: Q$
+}, da = [G$, j$, U$, J$];
+class Z$ {
   constructor(t, n = da) {
     he(this, "attachments");
     this.operations = n;
@@ -26240,7 +26250,7 @@ class Bs {
     he(this, "operationManager");
     he(this, "triggerManager");
     he(this, "attachments");
-    this.operationManager = new Q$(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 {
@@ -26288,14 +26298,14 @@ class Bs {
     );
   }
 }
-function J$(e, t) {
+function eA(e, t) {
   const [n, r] = Xe([]);
   return Yo(async () => {
     const o = await e.getInteractionList();
     r(o);
   }, [t]), n;
 }
-const Z$ = Q(({
+const tA = Q(({
   item: e,
   manager: t,
   instance: n,
@@ -26329,13 +26339,13 @@ const Z$ = Q(({
     });
   }
   return null;
-}), eA = (e) => {
+}), nA = (e) => {
   const [t, n] = Xe(0), {
     interactionManager: r,
     instance: o,
     sampleData: i,
     variables: a
-  } = e, s = J$(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);
   };
@@ -26362,7 +26372,7 @@ const Z$ = Q(({
       title: "Unavailable",
       color: "gray",
       children: "This visualization does not have available interactions to choose from"
-    }), s.map((p) => /* @__PURE__ */ l(Z$, {
+    }), s.map((p) => /* @__PURE__ */ l(tA, {
       onRemove: u,
       instance: o,
       sampleData: i,
@@ -26378,7 +26388,7 @@ const Z$ = Q(({
       children: "Add interaction"
     })]
   });
-}, tA = () => {
+}, rA = () => {
   const {
     panel: e,
     data: t
@@ -26400,12 +26410,12 @@ const Z$ = Q(({
     sampleData: t,
     variables: []
   };
-}, nA = () => {
-  const e = tA();
-  return /* @__PURE__ */ l(eA, {
+}, oA = () => {
+  const e = rA();
+  return /* @__PURE__ */ l(nA, {
     ...e
   });
-}, rA = Q(() => {
+}, iA = Q(() => {
   const {
     panel: e
   } = Gt(), [t, n] = j.useState(e.description), r = e.description !== t, o = j.useCallback(() => {
@@ -26442,7 +26452,7 @@ const Z$ = Q(({
       }
     })]
   });
-}), oA = Q(() => {
+}), aA = Q(() => {
   const {
     panel: e
   } = Gt(), {
@@ -26455,7 +26465,7 @@ const Z$ = Q(({
       onChange: (n) => t.border.setEnabled(n.currentTarget.checked)
     })
   });
-}), iA = Q(() => {
+}), lA = Q(() => {
   const {
     panel: {
       title: e,
@@ -26510,7 +26520,7 @@ const Z$ = Q(({
       })]
     })
   });
-}), aA = Q(() => {
+}), sA = Q(() => {
   const {
     panel: e
   } = Gt(), {
@@ -26547,7 +26557,7 @@ const Z$ = Q(({
     }
   });
 });
-function lA() {
+function cA() {
   return /* @__PURE__ */ v(k, {
     grow: !0,
     noWrap: !0,
@@ -26566,22 +26576,22 @@ function lA() {
         label: "Style",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ l(oA, {}), /* @__PURE__ */ l(Ae, {
+      }), /* @__PURE__ */ l(aA, {}), /* @__PURE__ */ l(Ae, {
         label: "Info",
         labelPosition: "center",
         variant: "dashed"
-      }), /* @__PURE__ */ l(aA, {}), /* @__PURE__ */ l(rA, {})]
+      }), /* @__PURE__ */ l(sA, {}), /* @__PURE__ */ l(iA, {})]
     }), /* @__PURE__ */ l(Ie, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ l(iA, {})
+      children: /* @__PURE__ */ l(lA, {})
     })]
   });
 }
-const sA = Q(function() {
+const uA = Q(function() {
   const t = lt(), {
     panel: {
       queryID: n,
@@ -26616,7 +26626,7 @@ const sA = 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 cA {
+class dA {
   constructor(t) {
     he(this, "vizInstance");
     he(this, "operationManager");
@@ -26668,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 cA(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]
   );
@@ -26690,7 +26700,7 @@ function Ch(e, t) {
     e(r);
   }), [e, t.viz.type]), n;
 }
-function uA({
+function fA({
   setVizConf: e,
   ...t
 }) {
@@ -26710,7 +26720,7 @@ function uA({
     children: "Checking update..."
   });
 }
-function dA(e) {
+function pA(e) {
   const {
     panel: t,
     setVizConf: n
@@ -26726,7 +26736,7 @@ function dA(e) {
     children: "Checking update"
   });
 }
-function fA(e, t) {
+function gA(e, t) {
   const {
     vizManager: n
   } = Qn(Fn), {
@@ -26749,7 +26759,7 @@ function fA(e, t) {
   try {
     return n.resolveComponent(r.type), /* @__PURE__ */ l(qi, {
       configure: d,
-      children: /* @__PURE__ */ l(dA, {
+      children: /* @__PURE__ */ l(pA, {
         setVizConf: r.setConf,
         panel: u,
         data: e,
@@ -26761,7 +26771,7 @@ function fA(e, t) {
     return console.info(dt(f, "message")), null;
   }
 }
-const pA = ["richText", "button"], xh = Q(function({
+const hA = ["richText", "button"], xh = Q(function({
   height: t,
   viz: n,
   data: r,
@@ -26773,11 +26783,11 @@ const pA = ["richText", "button"], xh = Q(function({
     ref: s,
     width: c,
     height: u
-  } = Ao(), d = fA(r, {
+  } = Ao(), d = gA(r, {
     w: c,
     h: u
   });
-  if (pA.includes(n.type))
+  if (hA.includes(n.type))
     return /* @__PURE__ */ l("div", {
       className: "viz-root",
       style: {
@@ -26823,7 +26833,7 @@ const pA = ["richText", "button"], xh = Q(function({
       children: d
     })]
   });
-}), gA = Q(() => {
+}), mA = Q(() => {
   const {
     data: e,
     loading: t,
@@ -26838,7 +26848,7 @@ const pA = ["richText", "button"], xh = Q(function({
     height: "100%"
   });
 }), Sl = [];
-function hA() {
+function vA() {
   const {
     vizManager: e
   } = Qn(Fn);
@@ -26847,14 +26857,14 @@ function hA() {
     label: t.displayName
   })).concat(Sl), [e]);
 }
-function mA(e, t) {
+function yA(e, t) {
   try {
     return e.resolveComponent(t).createConfig();
   } catch {
     return null;
   }
 }
-function vA() {
+function bA() {
   const {
     data: e,
     panel: {
@@ -26884,7 +26894,7 @@ function vA() {
   try {
     return d.resolveComponent(f.viz.type), /* @__PURE__ */ l(qi, {
       configure: g,
-      children: /* @__PURE__ */ l(uA, {
+      children: /* @__PURE__ */ l(fA, {
         variables: t,
         setVizConf: n.setConf,
         panel: f,
@@ -26897,7 +26907,7 @@ function vA() {
     return console.info(dt(h, "message")), null;
   }
 }
-const yA = Q(() => {
+const SA = Q(() => {
   const {
     data: e,
     panel: {
@@ -26908,7 +26918,7 @@ const yA = Q(() => {
   } = Qn(Fn), a = j.useCallback(() => {
     if (!o)
       return;
-    const g = mA(i, n);
+    const g = yA(i, n);
     t.setType(n), t.setConf(g || {});
   }, [t, o, n]), s = (g) => {
     try {
@@ -26919,11 +26929,11 @@ const yA = Q(() => {
   }, c = j.useMemo(() => {
     var g;
     return (g = Sl.find((h) => h.value === n)) == null ? void 0 : g.Panel;
-  }, [n, Sl]), u = vA(), 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 = hA();
+  }) : null, f = u || d, p = vA();
   return /* @__PURE__ */ v(Ne, {
     children: [/* @__PURE__ */ l(Ee, {
       label: "Visualization",
@@ -26945,7 +26955,7 @@ const yA = Q(() => {
     })]
   });
 });
-function bA() {
+function wA() {
   return /* @__PURE__ */ v(k, {
     grow: !0,
     noWrap: !0,
@@ -26962,18 +26972,18 @@ function bA() {
         overflow: "scroll",
         height: "100%"
       },
-      children: /* @__PURE__ */ l(yA, {})
+      children: /* @__PURE__ */ l(SA, {})
     }), /* @__PURE__ */ l(Ie, {
       sx: {
         height: "100%",
         flexGrow: 1,
         maxWidth: "60%"
       },
-      children: /* @__PURE__ */ l(gA, {})
+      children: /* @__PURE__ */ l(mA, {})
     })]
   });
 }
-const SA = R.model("VariableModel", {
+const CA = R.model("VariableModel", {
   name: R.string,
   size: R.string,
   weight: R.string,
@@ -27008,7 +27018,7 @@ const SA = R.model("VariableModel", {
     return In(e);
   }
 }));
-class wA {
+class xA {
   constructor(t) {
     he(this, "origin");
     he(this, "copy");
@@ -27024,7 +27034,7 @@ class wA {
     Rr(this.copy, t);
   }
 }
-const CA = (e) => new wA(e), Na = {
+const _A = (e) => new xA(e), Na = {
   name: "new_var",
   size: "1rem",
   weight: "initial",
@@ -27044,7 +27054,7 @@ const CA = (e) => new wA(e), Na = {
     average: !1
   }
 };
-class xA {
+class EA {
   constructor(t) {
     he(this, "panel");
     he(this, "selected");
@@ -27069,11 +27079,11 @@ class xA {
     }
   }
 }
-function _A() {
+function OA() {
   const { panel: e } = Gt();
-  return On(() => new xA(e), [e]);
+  return On(() => new EA(e), [e]);
 }
-const EA = j.forwardRef(function({
+const RA = j.forwardRef(function({
   value: t,
   onChange: n,
   data: r,
@@ -27148,7 +27158,7 @@ const EA = j.forwardRef(function({
     overflow: "auto",
     paddingRight: 10
   }
-})), OA = (e) => {
+})), TA = (e) => {
   const {
     uiModel: t
   } = e;
@@ -27161,7 +27171,7 @@ const EA = j.forwardRef(function({
       children: n.name
     }, n.name))
   });
-}, RA = Q(OA), TA = ({
+}, MA = Q(TA), kA = ({
   variable: e,
   data: t
 }) => /* @__PURE__ */ l(k, {
@@ -27174,8 +27184,8 @@ const EA = j.forwardRef(function({
     p: "md",
     children: Kg(e, t)
   })
-}), MA = Q(TA), kA = (e) => {
-  const t = On(() => CA(e.variable), [e.variable]), {
+}), DA = Q(kA), PA = (e) => {
+  const t = On(() => _A(e.variable), [e.variable]), {
     classes: n
   } = _h(), {
     data: r
@@ -27202,18 +27212,18 @@ const EA = j.forwardRef(function({
           onClick: () => e.uiModel.remove(e.variable),
           children: /* @__PURE__ */ l(Wp, {})
         })]
-      }), /* @__PURE__ */ l(EA, {
+      }), /* @__PURE__ */ l(RA, {
         value: In(t.copy),
         onChange: t.update,
         data: r
       })]
-    }), /* @__PURE__ */ l(MA, {
+    }), /* @__PURE__ */ l(DA, {
       variable: In(t.copy),
       data: r
     })]
   });
-}, DA = Q(kA), PA = () => {
-  const e = _A(), {
+}, IA = Q(PA), $A = () => {
+  const e = OA(), {
     classes: t
   } = _h();
   return /* @__PURE__ */ v(k, {
@@ -27235,12 +27245,12 @@ const EA = j.forwardRef(function({
             fullWidth: !0,
             children: "Add Variable"
           })
-        }), /* @__PURE__ */ l(RA, {
+        }), /* @__PURE__ */ l(MA, {
           uiModel: e
         })]
       })
     }), e.selected ? /* @__PURE__ */ l(Ne, {
-      children: /* @__PURE__ */ l(DA, {
+      children: /* @__PURE__ */ l(IA, {
         uiModel: e,
         variable: e.selected
       })
@@ -27248,7 +27258,7 @@ const EA = j.forwardRef(function({
       children: "Select or create a new variable on right side"
     })]
   });
-}, IA = Q(PA), $A = Q(function({
+}, AA = Q($A), NA = Q(function({
   opened: t,
   close: n
 }) {
@@ -27316,30 +27326,30 @@ const EA = j.forwardRef(function({
           children: [/* @__PURE__ */ l(Uo, {
             visible: s,
             exitTransitionDuration: 0
-          }), /* @__PURE__ */ l(sA, {})]
+          }), /* @__PURE__ */ l(uA, {})]
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Panel",
           pt: "sm",
-          children: o === "Panel" && /* @__PURE__ */ l(lA, {})
+          children: o === "Panel" && /* @__PURE__ */ l(cA, {})
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Variables",
           pt: "sm",
-          children: o === "Variables" && /* @__PURE__ */ l(IA, {})
+          children: o === "Variables" && /* @__PURE__ */ l(AA, {})
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Visualization",
           pt: "sm",
-          children: o === "Visualization" && /* @__PURE__ */ l(bA, {})
+          children: o === "Visualization" && /* @__PURE__ */ l(wA, {})
         }), /* @__PURE__ */ l(I.Panel, {
           value: "Interactions",
           pt: "sm",
           children: /* @__PURE__ */ l(Zr, {
-            children: /* @__PURE__ */ l(nA, {})
+            children: /* @__PURE__ */ l(oA, {})
           })
         })]
       })
     })
   });
-}), AA = Q(({
+}), LA = Q(({
   view: e
 }) => {
   const t = lt(), n = Jh(), [r, o] = j.useState(!1), i = () => o(!0), a = () => o(!1), {
@@ -27430,13 +27440,13 @@ const EA = j.forwardRef(function({
           })]
         })]
       })
-    }), d && /* @__PURE__ */ l($A, {
+    }), d && /* @__PURE__ */ l(NA, {
       opened: r,
       close: a
     })]
   });
 });
-const NA = Q(function() {
+const VA = Q(function() {
   const {
     panel: t
   } = Gt(), {
@@ -27458,10 +27468,10 @@ const NA = Q(function() {
     })
   }) : null;
 });
-function LA(e) {
+function FA(e) {
   return !["richText", "button"].includes(e);
 }
-const VA = {
+const zA = {
   border: "1px solid #e9ecef"
 }, sd = {
   border: "1px dashed transparent",
@@ -27470,8 +27480,8 @@ const VA = {
     borderColor: "#e9ecef"
   }
 };
-function FA(e, t, n) {
-  return e.style.border.enabled ? VA : n || t ? sd : {
+function jA(e, t, n) {
+  return e.style.border.enabled ? zA : n || t ? sd : {
     border: "1px dashed transparent"
   };
 }
@@ -27485,7 +27495,7 @@ const Gs = Q(function({
     data: i,
     state: a,
     error: s
-  } = r.getDataStuffByID(t.queryID), c = r.queries.findByID(t.queryID), u = LA(t.viz.type), d = u && a === "loading", f = t.title ? "calc(100% - 25px - 5px)" : "100%", p = FA(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,
@@ -27508,9 +27518,9 @@ const Gs = Q(function({
           zIndex: 310
         },
         children: /* @__PURE__ */ l(lg, {})
-      }), g && /* @__PURE__ */ l(AA, {
+      }), g && /* @__PURE__ */ l(LA, {
         view: n
-      }), /* @__PURE__ */ l(NA, {}), /* @__PURE__ */ l(xh, {
+      }), /* @__PURE__ */ l(VA, {}), /* @__PURE__ */ l(xh, {
         viz: t.viz,
         data: i,
         loading: d,
@@ -27585,7 +27595,7 @@ function Rh() {
     };
   }, []);
 }
-const zA = j.forwardRef(({
+const HA = j.forwardRef(({
   handleAxis: e
 }, t) => /* @__PURE__ */ l(Te, {
   ref: t,
@@ -27605,7 +27615,7 @@ const zA = j.forwardRef(({
   children: /* @__PURE__ */ l(xm, {
     size: 16
   })
-})), jA = j.forwardRef(({
+})), KA = j.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ l(Te, {
@@ -27627,7 +27637,7 @@ const zA = j.forwardRef(({
   children: /* @__PURE__ */ l(_m, {
     size: 16
   })
-})), HA = Fd(Vd), KA = Q(function({
+})), BA = Fd(Vd), GA = Q(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10,
@@ -27643,7 +27653,7 @@ const zA = j.forwardRef(({
       !d || d.layout.set(u);
     });
   }, [t]);
-  return /* @__PURE__ */ l(HA, {
+  return /* @__PURE__ */ l(BA, {
     onLayoutChange: a,
     className: `dashboard-layout ${n}`,
     rowHeight: r,
@@ -27651,7 +27661,7 @@ const zA = j.forwardRef(({
     isDraggable: o,
     isResizable: i,
     draggableHandle: ".react-grid-customDragHandle",
-    resizeHandle: /* @__PURE__ */ l(jA, {}),
+    resizeHandle: /* @__PURE__ */ l(KA, {}),
     children: t.panels.list.map((s, c) => /* @__PURE__ */ v("div", {
       "data-grid": {
         ...s.layout
@@ -27659,18 +27669,18 @@ const zA = j.forwardRef(({
       style: {
         position: "relative"
       },
-      children: [o && /* @__PURE__ */ l(zA, {}), /* @__PURE__ */ l(Gs, {
+      children: [o && /* @__PURE__ */ l(HA, {}), /* @__PURE__ */ l(Gs, {
         view: t,
         panel: s
       })]
     }, s.id))
   });
-}), BA = Fd(Vd), GA = Q(function({
+}), WA = Fd(Vd), qA = Q(function({
   view: t,
   className: n = "layout",
   rowHeight: r = 10
 }) {
-  return /* @__PURE__ */ l(BA, {
+  return /* @__PURE__ */ l(WA, {
     className: `dashboard-layout ${n}`,
     rowHeight: r,
     isDraggable: !1,
@@ -27684,11 +27694,11 @@ const zA = j.forwardRef(({
       })
     }, o.id))
   });
-}), WA = Q(({
+}), UA = Q(({
   children: e
 }) => /* @__PURE__ */ l(Ie, {
   children: e
-})), qA = Q(({
+})), YA = Q(({
   children: e,
   view: t
 }) => /* @__PURE__ */ l(en, {
@@ -27723,23 +27733,23 @@ const zA = j.forwardRef(({
   withinPortal: !1,
   transitionDuration: 0,
   children: e
-})), UA = Q(({
+})), XA = Q(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
     case Rn.Modal:
-      return /* @__PURE__ */ l(qA, {
+      return /* @__PURE__ */ l(YA, {
         view: e,
         children: t
       });
     case Rn.Division:
     default:
-      return /* @__PURE__ */ l(WA, {
+      return /* @__PURE__ */ l(UA, {
         children: t
       });
   }
-}), YA = Q(function({
+}), QA = Q(function({
   view: t,
   saveDashboardChanges: n,
   fullScreenPanelID: r,
@@ -27769,7 +27779,7 @@ const zA = j.forwardRef(({
         exitFullScreen: a
       }), !s && /* @__PURE__ */ l(Qp, {
         saveChanges: n
-      }), /* @__PURE__ */ l(UA, {
+      }), /* @__PURE__ */ l(XA, {
         view: t,
         children: /* @__PURE__ */ v(Ie, {
           className: "dashboard-sticky-parent",
@@ -27778,7 +27788,7 @@ const zA = j.forwardRef(({
             children: /* @__PURE__ */ l(Hp, {
               view: t
             })
-          }), !s && /* @__PURE__ */ l(KA, {
+          }), !s && /* @__PURE__ */ l(GA, {
             view: t,
             isDraggable: !0,
             isResizable: !0
@@ -27787,11 +27797,11 @@ const zA = j.forwardRef(({
       })]
     })
   });
-}), XA = Q(({
+}), JA = Q(({
   children: e
 }) => /* @__PURE__ */ l(Ie, {
   children: e
-})), QA = Q(({
+})), ZA = Q(({
   children: e,
   view: t
 }) => {
@@ -27820,23 +27830,23 @@ const zA = j.forwardRef(({
     transitionDuration: 0,
     children: e
   });
-}), JA = Q(({
+}), eN = Q(({
   view: e,
   children: t
 }) => {
   switch (e.type) {
     case Rn.Modal:
-      return /* @__PURE__ */ l(QA, {
+      return /* @__PURE__ */ l(ZA, {
         view: e,
         children: t
       });
     case Rn.Division:
     default:
-      return /* @__PURE__ */ l(XA, {
+      return /* @__PURE__ */ l(JA, {
         children: t
       });
   }
-}), ZA = Q(function({
+}), tN = Q(function({
   view: t,
   fullScreenPanelID: n,
   setFullScreenPanelID: r
@@ -27865,7 +27875,7 @@ const zA = j.forwardRef(({
         exitFullScreen: i
       }), !a && /* @__PURE__ */ l(Qp, {
         saveChanges: Le.noop
-      }), /* @__PURE__ */ l(JA, {
+      }), /* @__PURE__ */ l(eN, {
         view: t,
         children: /* @__PURE__ */ v(Ie, {
           className: "dashboard-sticky-parent",
@@ -27874,7 +27884,7 @@ const zA = j.forwardRef(({
             children: /* @__PURE__ */ l(Hp, {
               view: t
             })
-          }), !a && /* @__PURE__ */ l(GA, {
+          }), !a && /* @__PURE__ */ l(qA, {
             view: t
           })]
         })
@@ -27888,10 +27898,10 @@ const zA = j.forwardRef(({
   setDefaultValue(t) {
     e.default_value = t;
   }
-})), eN = () => Th.create({
+})), nN = () => Th.create({
   _name: "checkbox",
   default_value: !1
-}), tN = 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"]),
@@ -27910,7 +27920,7 @@ const zA = j.forwardRef(({
   setDefaultValue(t) {
     e.default_value.length = 0, e.default_value.push(...t);
   }
-})), Mh = R.snapshotProcessor(tN, {
+})), Mh = R.snapshotProcessor(rN, {
   preProcessor({ default_value: e, ...t }) {
     return {
       ...t,
@@ -27929,13 +27939,13 @@ const zA = j.forwardRef(({
       })
     };
   }
-}), nN = () => Mh.create({
+}), oN = () => Mh.create({
   _name: "date-range",
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
   default_value: [null, null]
-}), rN = R.model({
+}), iN = R.model({
   label: R.string,
   value: R.string
 }).actions((e) => ({
@@ -27946,7 +27956,7 @@ const zA = j.forwardRef(({
     e.value = t;
   }
 })), Ws = R.model("FilterConfigModel_BaseSelect", {
-  static_options: R.optional(R.array(rN), []),
+  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) => ({
@@ -27985,7 +27995,7 @@ const zA = j.forwardRef(({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), oN = () => kh.create({
+})), aN = () => kh.create({
   _name: "multi-select",
   default_value: [],
   static_options: [],
@@ -28006,7 +28016,7 @@ const zA = j.forwardRef(({
   setMinWidth(t) {
     e.min_width = t;
   }
-})), iN = () => Dh.create({
+})), lN = () => Dh.create({
   _name: "tree-select",
   default_value: [],
   static_options: [],
@@ -28031,7 +28041,7 @@ const zA = j.forwardRef(({
   setWidth(t) {
     e.width = t;
   }
-})), aN = () => Ph.create({
+})), sN = () => Ph.create({
   _name: "select",
   required: !1,
   default_value: "",
@@ -28079,22 +28089,22 @@ const zA = j.forwardRef(({
   setType(t) {
     switch (t) {
       case ln.Select:
-        e.config = aN();
+        e.config = sN();
         break;
       case ln.MultiSelect:
-        e.config = oN();
+        e.config = aN();
         break;
       case ln.TreeSelect:
-        e.config = iN();
+        e.config = lN();
         break;
       case ln.TextInput:
         e.config = Yp();
         break;
       case ln.Checkbox:
-        e.config = eN();
+        e.config = nN();
         break;
       case ln.DateRange:
-        e.config = nN();
+        e.config = oN();
         break;
     }
     e.type = t;
@@ -28123,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 lN(e, t, n) {
+function cN(e, t, n) {
   kd(
     e,
     km(e, (r, o) => {
@@ -28133,7 +28143,7 @@ function lN(e, t, n) {
     })
   );
 }
-const sN = R.model("FiltersModel", {
+const uN = R.model("FiltersModel", {
   current: R.optional(R.array(cd), []),
   values: R.optional(R.frozen(), {}),
   previewValues: R.optional(R.frozen(), {})
@@ -28191,7 +28201,7 @@ const sN = R.model("FiltersModel", {
   }
 })).actions((e) => {
   function t() {
-    lN(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({
@@ -28207,13 +28217,13 @@ const sN = R.model("FiltersModel", {
     }
   };
 });
-function cN(e) {
+function dN(e) {
   return {
     current: e,
     values: $h(e)
   };
 }
-const uN = R.model("QueryModel", {
+const fN = R.model("QueryModel", {
   id: R.string,
   name: R.string,
   type: R.enumeration("DataSourceType", [pr.Postgresql, pr.MySQL, pr.HTTP]),
@@ -28265,9 +28275,9 @@ const uN = R.model("QueryModel", {
       filters: r
     };
   }
-})), dN = R.compose(
+})), pN = R.compose(
   "QueryModel",
-  uN,
+  fN,
   R.model({
     state: R.optional(R.enumeration(["idle", "loading", "error"]), "idle"),
     data: R.optional(R.array(R.frozen()), []),
@@ -28347,8 +28357,8 @@ const uN = R.model("QueryModel", {
       })
     );
   }
-})), fN = R.model("QueriesModel", {
-  current: R.optional(R.array(dN), [])
+})), gN = R.model("QueriesModel", {
+  current: R.optional(R.array(pN), [])
 }).views((e) => ({
   get firstID() {
     if (e.current.length !== 0)
@@ -28407,7 +28417,7 @@ const uN = R.model("QueryModel", {
     const n = e.current.find((r) => r.id === t);
     n && ($m(n), e.current.remove(n));
   }
-})), pN = R.model("SQLSnippetModel", {
+})), hN = R.model("SQLSnippetModel", {
   key: R.string,
   value: R.string
 }).views((e) => ({
@@ -28428,8 +28438,8 @@ const uN = R.model("QueryModel", {
   setValue(t) {
     e.value = t;
   }
-})), gN = R.model("SQLSnippetsModel", {
-  current: R.optional(R.array(pN), [])
+})), mN = R.model("SQLSnippetsModel", {
+  current: R.optional(R.array(hN), [])
 }).views((e) => ({
   get json() {
     return e.current.map((t) => t.json);
@@ -28457,7 +28467,7 @@ const uN = R.model("QueryModel", {
   replaceByIndex(t, n) {
     e.current.splice(t, 1, n);
   }
-})), hN = R.model("ContextModel", {
+})), vN = R.model("ContextModel", {
   current: R.optional(R.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -28476,7 +28486,7 @@ const uN = R.model("QueryModel", {
   set(t, n) {
     e.current[t] = n;
   }
-})), mN = R.model("MockContextModel", {
+})), yN = R.model("MockContextModel", {
   current: R.optional(R.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -28495,7 +28505,7 @@ const uN = R.model("QueryModel", {
   set(t, n) {
     e.current[t] = n;
   }
-})), vN = R.model("PanelLayoutModel", {
+})), bN = R.model("PanelLayoutModel", {
   x: R.number,
   y: R.number,
   w: R.number,
@@ -28519,7 +28529,7 @@ const uN = 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;
   }
-})), yN = R.model("PanelStyleBorderModel", {
+})), SN = R.model("PanelStyleBorderModel", {
   enabled: R.boolean
 }).views((e) => ({
   get json() {
@@ -28532,8 +28542,8 @@ const uN = R.model("QueryModel", {
   setEnabled(t) {
     e.enabled = t;
   }
-})), bN = R.model("PanelStyleModel", {
-  border: yN
+})), wN = R.model("PanelStyleModel", {
+  border: SN
 }).views((e) => ({
   get json() {
     const { border: t } = e;
@@ -28541,7 +28551,7 @@ const uN = R.model("QueryModel", {
       border: t.json
     };
   }
-})).actions((e) => ({})), SN = R.model("PanelVizModel", {
+})).actions((e) => ({})), CN = R.model("PanelVizModel", {
   type: R.string,
   conf: R.frozen()
 }).views((e) => ({
@@ -28558,15 +28568,15 @@ const uN = R.model("QueryModel", {
   setConf(t) {
     e.conf = t;
   }
-})), wN = R.model({
+})), xN = R.model({
   id: R.string,
   title: R.string,
   description: R.string,
-  layout: vN,
+  layout: bN,
   queryID: R.string,
-  viz: SN,
-  style: bN,
-  variables: R.optional(R.array(SA), [])
+  viz: CN,
+  style: wN,
+  variables: R.optional(R.array(CA), [])
 }).views((e) => ({
   get query() {
     return Qs(e, wl).queries.findByID(e.queryID);
@@ -28606,8 +28616,8 @@ const uN = R.model("QueryModel", {
   removeVariable(t) {
     e.variables.remove(t);
   }
-})), CN = R.model("PanelsModel", {
-  list: R.optional(R.array(wN), [])
+})), _N = R.model("PanelsModel", {
+  list: R.optional(R.array(xN), [])
 }).views((e) => ({
   get json() {
     return e.list.map((t) => t.json);
@@ -28679,12 +28689,12 @@ const uN = R.model("QueryModel", {
   replaceByIndex(t, n) {
     e.list.splice(t, 1, n);
   }
-})), xN = R.model({
+})), EN = R.model({
   id: R.identifier,
   name: R.string,
   type: R.string,
   config: R.frozen(),
-  panels: CN
+  panels: _N
 }).views((e) => ({
   get json() {
     const { id: t, name: n, type: r, config: o } = e;
@@ -28715,8 +28725,8 @@ const uN = R.model("QueryModel", {
       [t]: n
     };
   }
-})).actions((e) => ({})), _N = R.model("ViewsModel", {
-  current: R.optional(R.array(xN), []),
+})).actions((e) => ({})), ON = R.model("ViewsModel", {
+  current: R.optional(R.array(EN), []),
   visibleViewIDs: R.array(R.string),
   idOfVIE: R.string
 }).views((e) => ({
@@ -28798,7 +28808,7 @@ const uN = R.model("QueryModel", {
     n !== -1 && e.visibleViewIDs.splice(n, 1);
   }
 }));
-function EN(e) {
+function RN(e) {
   const t = e.length > 0 ? [e[0].id] : [], n = e.length > 0 ? e[0].id : "";
   return {
     current: e.map((o) => ({
@@ -28811,16 +28821,16 @@ function EN(e) {
     idOfVIE: n
   };
 }
-const ON = R.model({
+const TN = R.model({
   id: R.identifier,
   name: R.string,
   version: R.string,
-  filters: sN,
-  queries: fN,
-  sqlSnippets: gN,
-  views: _N,
-  context: hN,
-  mock_context: mN,
+  filters: uN,
+  queries: gN,
+  sqlSnippets: mN,
+  views: ON,
+  context: vN,
+  mock_context: yN,
   origin: R.maybe(R.frozen())
 }).views((e) => ({
   get filtersChanged() {
@@ -28891,7 +28901,7 @@ const ON = R.model({
   resetFilters() {
     Rr(e.filters.current, e.origin.filters.current);
   }
-})), wl = R.snapshotProcessor(ON, {
+})), wl = R.snapshotProcessor(TN, {
   preProcessor(e) {
     return {
       ...e,
@@ -28909,7 +28919,7 @@ function Ah({ id: e, name: t, version: n, filters: r, views: o, definition: { qu
     id: e,
     name: t,
     version: n,
-    filters: cN(r),
+    filters: dN(r),
     queries: {
       current: i
     },
@@ -28922,13 +28932,13 @@ function Ah({ id: e, name: t, version: n, filters: r, views: o, definition: { qu
     mock_context: {
       current: s
     },
-    views: EN(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 mL = Q(function({
+const yL = Q(function({
   context: t,
   dashboard: n,
   update: r,
@@ -28976,7 +28986,7 @@ const mL = Q(function({
             value: p,
             children: /* @__PURE__ */ l(qi, {
               configure: g,
-              children: d.views.visibleViews.map((h) => /* @__PURE__ */ l(YA, {
+              children: d.views.visibleViews.map((h) => /* @__PURE__ */ l(QA, {
                 view: h,
                 saveDashboardChanges: f,
                 fullScreenPanelID: a,
@@ -28988,7 +28998,7 @@ const mL = Q(function({
       })
     })
   });
-}), vL = Q(({
+}), bL = Q(({
   context: e,
   dashboard: t,
   className: n = "dashboard",
@@ -29018,7 +29028,7 @@ const mL = Q(function({
             value: s,
             children: /* @__PURE__ */ l(qi, {
               configure: c,
-              children: a.views.visibleViews.map((u) => /* @__PURE__ */ l(ZA, {
+              children: a.views.visibleViews.map((u) => /* @__PURE__ */ l(tN, {
                 view: u,
                 fullScreenPanelID: o,
                 setFullScreenPanelID: i
@@ -29093,7 +29103,7 @@ var Lh = { exports: {} };
     };
   });
 })(Lh);
-const RN = Lh.exports;
+const MN = Lh.exports;
 var Vh = { exports: {} };
 (function(e, t) {
   (function(n, r) {
@@ -29175,36 +29185,36 @@ var Vh = { exports: {} };
     };
   });
 })(Vh);
-const TN = Vh.exports, yL = () => Promise.resolve().then(() => xT).then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
-hr.extend(TN);
-hr.extend(RN);
+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 {
-  hN as ContextModel,
-  mL as Dashboard,
+  vN as ContextModel,
+  yL as Dashboard,
   jR as DashboardFilterType,
   zR as DashboardMode,
   wl as DashboardModel,
   Rn as EViewComponentType,
   cd as FilterModel,
-  sN as FiltersModel,
+  uN as FiltersModel,
   Vn as LayoutStateContext,
-  YA as MainDashboardView,
+  QA as MainDashboardView,
   Kd as ModelContextProvider,
   Gs as Panel,
   tv as PanelContextProvider,
-  fN as QueriesModel,
-  dN as QueryModel,
-  vL as ReadOnlyDashboard,
-  ZA as ReadOnlyDashboardView,
-  pN as SQLSnippetModel,
-  gN as SQLSnippetsModel,
-  xN as ViewModel,
-  _N 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,
-  EN as createDashboardViewsModel,
-  cN as getInitialFiltersPayload,
-  yL as getVersion,
+  RN as createDashboardViewsModel,
+  dN as getInitialFiltersPayload,
+  SL as getVersion,
   lt as useModelContext,
   Gt as usePanelContext,
   Nh as useTopLevelServices