@devtable/dashboard 6.36.0 → 6.37.0

package/dist/dashboard.es.js

@@ -35,9 +35,9 @@ import * as $t from "echarts/core";
 import { GridComponent as Lr, VisualMapComponent as Um, LegendComponent as Vr, TooltipComponent as Fr, DataZoomComponent as ni, MarkLineComponent as Ll, MarkAreaComponent as jd } from "echarts/components";
 import { CanvasRenderer as Jn } from "echarts/renderers";
 import er from "echarts-for-react/lib/core";
+import Gt from "numbro";
 import { BoxplotChart as Ym, BarChart as Vl, LineChart as Fl, ScatterChart as zl, PieChart as Xm, RadarChart as Qm, SunburstChart as Zm } from "echarts/charts";
 import { quantile as _i } from "d3-array";
-import Gt from "numbro";
 import { transform as jl } from "echarts-stat";
 import { useForm as Hd } from "@mantine/form";
 import * as dr from "d3-regression";
@@ -13512,7 +13512,7 @@ const ST = (e) => {
   getColor: ua(["#fff7f1", "darkorange", "#b60000"]),
   name: "orange",
   category: "sequential"
-}, vg = "@devtable/dashboard", Ss = "6.36.0", yg = "Apache-2.0", bg = {
+}, vg = "@devtable/dashboard", Ss = "6.37.0", yg = "Apache-2.0", bg = {
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, Sg = [
@@ -14088,106 +14088,13 @@ const LT = {
   viewRender: IT,
   configRender: AT,
   createConfig: () => ws
-}, vo = (e, t) => {
-  const [n, r] = Ue([]);
-  return Me(() => e.watchTriggerSnapshotList(
-    (o) => r(o.filter((i) => i.schemaRef === t))
-  ), []), n;
-}, yo = ({
-  vizManager: e,
-  instance: t
-}) => Rn(
-  () => new Xs(t, e.resolveComponent(t.type), ha),
-  [t, e]
-), ed = "__TRIGGERS";
-class VT {
-  constructor(t, n) {
-    he(this, "attachments");
-    this.instance = t, this.component = n;
-    const r = async (o) => {
-      const { id: i, schemaRef: a } = await o.getItem(null);
-      return {
-        id: i,
-        schemaRef: a,
-        triggerData: new Xr(o, "data")
-      };
-    };
-    this.attachments = new bs(t, ed, r);
-  }
-  watchTriggerSnapshotList(t) {
-    return this.instance.instanceData.watchItem(
-      ed,
-      (n) => {
-        const r = xd(n).map(
-          (o) => ({
-            id: dt(o, "id"),
-            schemaRef: dt(o, "schemaRef"),
-            config: Ui(dt(o, "data.config"))
-          })
-        );
-        t(r);
-      },
-      { fireImmediately: !0 }
-    );
-  }
-  async createOrGetTrigger(t, n, r = { recreate: !1 }) {
-    var s;
-    if (!this.getTriggerSchemaList().some((c) => c.id === n.id))
-      throw new Error(`Trigger schema '${n.id}' is not defined in component '${this.component.name}'`);
-    const i = await this.attachments.getInstance(t);
-    return !i || r.recreate || i.schemaRef !== n.id ? await this.attachments.create(t, {
-      id: t,
-      schemaRef: n.id,
-      data: ((s = n == null ? void 0 : n.createDefaultConfig) == null ? void 0 : s.call(n)) || {}
-    }) : i;
-  }
-  async getTriggerList() {
-    return await this.attachments.list();
-  }
-  getTriggerSchemaList() {
-    return this.component.triggers || [];
-  }
-  async removeTrigger(t) {
-    await this.attachments.remove(t);
-  }
-  async retrieveTrigger(t) {
-    return await this.attachments.getInstance(t);
-  }
-  async getMigrationTasks() {
-    const n = (await this.getTriggerList()).map(async (r) => {
-      const o = this.getTriggerSchemaList().find((s) => s.id === r.schemaRef), i = o == null ? void 0 : o.migrator, a = {
-        configData: r.triggerData
-      };
-      return i && await i.needMigration(a) ? () => i.migrate(a) : null;
-    });
-    return Promise.all(n).then((r) => r.filter((o) => o));
-  }
-  async needMigration() {
-    return (await this.getMigrationTasks()).length > 0;
-  }
-  async runMigration() {
-    const t = await this.getMigrationTasks();
-    await Promise.all(t.map((n) => n()));
-  }
-}
-const Go = Mn(function({
-  value: t,
-  onChange: n,
-  ...r
-}, o) {
-  return /* @__PURE__ */ l(ce, {
-    ref: o,
-    value: t,
-    onChange: n,
-    ...r
-  });
-}), Fn = {
+}, Fn = {
   mantissa: 0,
   output: "number",
   trimMantissa: !1,
   average: !1
 };
-function FT({
+function VT({
   value: e,
   onChange: t
 }, n) {
@@ -14317,7 +14224,159 @@ function FT({
     })]
   });
 }
-const zr = j.forwardRef(FT), zT = [{
+const zr = j.forwardRef(VT), jr = {
+  enabled: !1,
+  func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
+`)
+}, kg = {
+  id: "builtin:echarts:click-echart:series",
+  displayName: "Click Chart Series",
+  nameRender: zT,
+  configRender: FT,
+  payload: [{
+    name: "type",
+    description: "Always 'click'",
+    valueType: "string"
+  }, {
+    name: "seriesType",
+    description: "'boxplot'",
+    valueType: "string"
+  }, {
+    name: "name",
+    description: "Name of the series clicked",
+    valueType: "string"
+  }, {
+    name: "color",
+    description: "Color",
+    valueType: "string"
+  }, {
+    name: "value",
+    description: "Record of 'name', 'min', 'q1', 'median', 'q3', 'max'",
+    valueType: "object"
+  }, {
+    name: "rowData",
+    description: "Data of the row",
+    valueType: "object"
+  }]
+};
+function FT(e) {
+  return /* @__PURE__ */ l(Ae, {});
+}
+function zT(e) {
+  return /* @__PURE__ */ l(z, {
+    children: "Click chart's series"
+  });
+}
+const xs = {
+  x_axis: {
+    name: "X Axis",
+    data_key: "",
+    axisLabel: {
+      rotate: 0,
+      formatter: { ...jr }
+    }
+  },
+  y_axis: {
+    name: "Y Axis",
+    data_key: "value",
+    label_formatter: Fn
+  },
+  color: "#228be6",
+  reference_lines: []
+}, vo = (e, t) => {
+  const [n, r] = Ue([]);
+  return Me(() => e.watchTriggerSnapshotList(
+    (o) => r(o.filter((i) => i.schemaRef === t))
+  ), []), n;
+}, yo = ({
+  vizManager: e,
+  instance: t
+}) => Rn(
+  () => new Xs(t, e.resolveComponent(t.type), ha),
+  [t, e]
+), ed = "__TRIGGERS";
+class jT {
+  constructor(t, n) {
+    he(this, "attachments");
+    this.instance = t, this.component = n;
+    const r = async (o) => {
+      const { id: i, schemaRef: a } = await o.getItem(null);
+      return {
+        id: i,
+        schemaRef: a,
+        triggerData: new Xr(o, "data")
+      };
+    };
+    this.attachments = new bs(t, ed, r);
+  }
+  watchTriggerSnapshotList(t) {
+    return this.instance.instanceData.watchItem(
+      ed,
+      (n) => {
+        const r = xd(n).map(
+          (o) => ({
+            id: dt(o, "id"),
+            schemaRef: dt(o, "schemaRef"),
+            config: Ui(dt(o, "data.config"))
+          })
+        );
+        t(r);
+      },
+      { fireImmediately: !0 }
+    );
+  }
+  async createOrGetTrigger(t, n, r = { recreate: !1 }) {
+    var s;
+    if (!this.getTriggerSchemaList().some((c) => c.id === n.id))
+      throw new Error(`Trigger schema '${n.id}' is not defined in component '${this.component.name}'`);
+    const i = await this.attachments.getInstance(t);
+    return !i || r.recreate || i.schemaRef !== n.id ? await this.attachments.create(t, {
+      id: t,
+      schemaRef: n.id,
+      data: ((s = n == null ? void 0 : n.createDefaultConfig) == null ? void 0 : s.call(n)) || {}
+    }) : i;
+  }
+  async getTriggerList() {
+    return await this.attachments.list();
+  }
+  getTriggerSchemaList() {
+    return this.component.triggers || [];
+  }
+  async removeTrigger(t) {
+    await this.attachments.remove(t);
+  }
+  async retrieveTrigger(t) {
+    return await this.attachments.getInstance(t);
+  }
+  async getMigrationTasks() {
+    const n = (await this.getTriggerList()).map(async (r) => {
+      const o = this.getTriggerSchemaList().find((s) => s.id === r.schemaRef), i = o == null ? void 0 : o.migrator, a = {
+        configData: r.triggerData
+      };
+      return i && await i.needMigration(a) ? () => i.migrate(a) : null;
+    });
+    return Promise.all(n).then((r) => r.filter((o) => o));
+  }
+  async needMigration() {
+    return (await this.getMigrationTasks()).length > 0;
+  }
+  async runMigration() {
+    const t = await this.getMigrationTasks();
+    await Promise.all(t.map((n) => n()));
+  }
+}
+const Go = Mn(function({
+  value: t,
+  onChange: n,
+  ...r
+}, o) {
+  return /* @__PURE__ */ l(ce, {
+    ref: o,
+    value: t,
+    onChange: n,
+    ...r
+  });
+}), HT = [{
   label: "None",
   value: "none"
 }, {
@@ -14339,7 +14398,7 @@ const zr = j.forwardRef(FT), zT = [{
   label: "Quantile(99%, 95%, ...)",
   value: "quantile"
 }];
-function jT({
+function KT({
   label: e,
   value: t,
   onChange: n
@@ -14375,7 +14434,7 @@ function jT({
     children: [/* @__PURE__ */ l(Ee, {
       ref: r,
       label: e,
-      data: zT,
+      data: HT,
       value: t.type,
       onChange: o
     }), t.type === "quantile" && /* @__PURE__ */ l(nn, {
@@ -14389,8 +14448,8 @@ function jT({
     })]
   });
 }
-const kg = j.forwardRef(jT);
-function HT({
+const Mg = j.forwardRef(KT);
+function BT({
   label: e,
   value: t,
   onChange: n
@@ -14446,8 +14505,8 @@ function HT({
     })]
   });
 }
-const KT = j.forwardRef(HT);
-function BT({
+const GT = j.forwardRef(BT);
+function WT({
   value: e,
   onChange: t
 }, n) {
@@ -14497,7 +14556,7 @@ function BT({
     })]
   });
 }
-const zn = j.forwardRef(BT), bi = [{
+const zn = j.forwardRef(WT), bi = [{
   label: "initial",
   value: 0
 }, {
@@ -14513,7 +14572,7 @@ const zn = j.forwardRef(BT), bi = [{
   label: "bold",
   value: 100
 }];
-function GT({
+function qT({
   label: e,
   value: t,
   onChange: n
@@ -14542,8 +14601,8 @@ function GT({
     })]
   });
 }
-const Mg = j.forwardRef(GT);
-function WT({
+const Dg = j.forwardRef(qT);
+function UT({
   label: e,
   value: t,
   onChange: n,
@@ -14601,7 +14660,7 @@ function WT({
     })]
   });
 }
-const qT = j.forwardRef(WT), Dg = j.forwardRef(function({
+const YT = j.forwardRef(UT), Pg = j.forwardRef(function({
   value: t,
   onChange: n
 }, r) {
@@ -14633,7 +14692,7 @@ const qT = j.forwardRef(WT), Dg = j.forwardRef(function({
           maxWidth: "100%"
         }
       },
-      children: /* @__PURE__ */ l(Mg, {
+      children: /* @__PURE__ */ l(Dg, {
         label: "Font Weight",
         value: t.weight,
         onChange: (a) => i("weight", a)
@@ -14658,12 +14717,12 @@ const qT = j.forwardRef(WT), Dg = j.forwardRef(function({
         value: t.color.staticColor,
         onChange: (a) => i("color.staticColor", a)
       }), o === "continuous" && /* @__PURE__ */ v(Ae, {
-        children: [/* @__PURE__ */ l(qT, {
+        children: [/* @__PURE__ */ l(YT, {
           label: "Value Range",
           value: t.color.valueRange,
           type: "number",
           onChange: (a) => i("color.valueRange", a)
-        }), /* @__PURE__ */ l(KT, {
+        }), /* @__PURE__ */ l(GT, {
           label: "Color Range",
           value: t.color.colorRange,
           onChange: (a) => i("color.colorRange", a)
@@ -14709,7 +14768,7 @@ j.forwardRef(function({
         value: t.data_field,
         onChange: (s) => a("data_field", s)
       })]
-    }), /* @__PURE__ */ l(kg, {
+    }), /* @__PURE__ */ l(Mg, {
       label: "Aggregation",
       value: t.aggregation,
       onChange: (s) => a("aggregation", s)
@@ -14720,30 +14779,30 @@ j.forwardRef(function({
     }), /* @__PURE__ */ l(zr, {
       value: t.formatter,
       onChange: (s) => a("formatter", s)
-    }), o && /* @__PURE__ */ l(Dg, {
+    }), o && /* @__PURE__ */ l(Pg, {
       value: t,
       onChange: n
     })]
   });
 });
-function UT(e) {
+function XT(e) {
   const t = Array.from(e).sort((r, o) => r - o), n = Math.floor(t.length / 2);
   return t.length % 2 === 0 ? (t[n - 1] + t[n]) / 2 : t[n];
 }
-function YT(e, t) {
+function QT(e, t) {
   const n = e[t], r = Number(n);
   return isFinite(r) ? r : 0;
 }
-function xs(e, t, n) {
+function Cs(e, t, n) {
   var o, i, a, s;
-  const r = e.map((c) => YT(c, t));
+  const r = e.map((c) => QT(c, t));
   switch (n.type) {
     case "sum":
       return Le.sum(r);
     case "mean":
       return Le.mean(r);
     case "median":
-      return UT(r);
+      return XT(r);
     case "max":
       return (o = Le.max(r)) != null ? o : 0;
     case "min":
@@ -14754,19 +14813,19 @@ function xs(e, t, n) {
       return (s = e[0]) == null ? void 0 : s[t];
   }
 }
-var Pg = function() {
+var Ig = function() {
 }, Wo = function() {
 };
-process.env.NODE_ENV !== "production" && (Pg = function(e, t) {
+process.env.NODE_ENV !== "production" && (Ig = function(e, t) {
   !e && typeof console < "u" && console.warn(t);
 }, Wo = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-const XT = (e, t, n) => Math.min(Math.max(n, e), t), Ig = (e, t, n) => {
+const ZT = (e, t, n) => Math.min(Math.max(n, e), t), $g = (e, t, n) => {
   const r = t - e;
   return r === 0 ? 1 : (n - e) / r;
-}, Cs = (e, t, n) => -n * e + n * t + e, $g = (e, t) => (n) => Math.max(Math.min(n, t), e), $o = (e) => e % 1 ? Number(e.toFixed(5)) : e, Ki = /(-)?([\d]*\.?[\d])+/g, ml = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi, QT = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;
+}, _s = (e, t, n) => -n * e + n * t + e, Ag = (e, t) => (n) => Math.max(Math.min(n, t), e), $o = (e) => e % 1 ? Number(e.toFixed(5)) : e, Ki = /(-)?([\d]*\.?[\d])+/g, ml = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi, JT = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;
 function si(e) {
   return typeof e == "string";
 }
@@ -14774,15 +14833,15 @@ const da = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, Ag = Object.assign(Object.assign({}, da), { transform: $g(0, 1) });
+}, Ng = Object.assign(Object.assign({}, da), { transform: Ag(0, 1) });
 Object.assign(Object.assign({}, da), { default: 1 });
-const ZT = (e) => ({
+const ek = (e) => ({
   test: (t) => si(t) && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Ao = ZT("%");
+}), Ao = ek("%");
 Object.assign(Object.assign({}, Ao), { parse: (e) => Ao.parse(e) / 100, transform: (e) => Ao.transform(e * 100) });
-const _s = (e, t) => (n) => Boolean(si(n) && QT.test(n) && n.startsWith(e) || t && Object.prototype.hasOwnProperty.call(n, t)), Ng = (e, t, n) => (r) => {
+const Es = (e, t) => (n) => Boolean(si(n) && JT.test(n) && n.startsWith(e) || t && Object.prototype.hasOwnProperty.call(n, t)), Lg = (e, t, n) => (r) => {
   if (!si(r))
     return r;
   const [o, i, a, s] = r.match(Ki);
@@ -14793,15 +14852,15 @@ const _s = (e, t) => (n) => Boolean(si(n) && QT.test(n) && n.startsWith(e) || t
     alpha: s !== void 0 ? parseFloat(s) : 1
   };
 }, Mr = {
-  test: _s("hsl", "hue"),
-  parse: Ng("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ao.transform($o(t)) + ", " + Ao.transform($o(n)) + ", " + $o(Ag.transform(r)) + ")"
-}, JT = $g(0, 255), Da = Object.assign(Object.assign({}, da), { transform: (e) => Math.round(JT(e)) }), fr = {
-  test: _s("rgb", "red"),
-  parse: Ng("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + Da.transform(e) + ", " + Da.transform(t) + ", " + Da.transform(n) + ", " + $o(Ag.transform(r)) + ")"
+  test: Es("hsl", "hue"),
+  parse: Lg("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + Ao.transform($o(t)) + ", " + Ao.transform($o(n)) + ", " + $o(Ng.transform(r)) + ")"
+}, tk = Ag(0, 255), Da = Object.assign(Object.assign({}, da), { transform: (e) => Math.round(tk(e)) }), fr = {
+  test: Es("rgb", "red"),
+  parse: Lg("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + Da.transform(e) + ", " + Da.transform(t) + ", " + Da.transform(n) + ", " + $o(Ng.transform(r)) + ")"
 };
-function ek(e) {
+function nk(e) {
   let t = "", n = "", r = "", o = "";
   return e.length > 5 ? (t = e.substr(1, 2), n = e.substr(3, 2), r = e.substr(5, 2), o = e.substr(7, 2)) : (t = e.substr(1, 1), n = e.substr(2, 1), r = e.substr(3, 1), o = e.substr(4, 1), t += t, n += n, r += r, o += o), {
     red: parseInt(t, 16),
@@ -14811,45 +14870,45 @@ function ek(e) {
   };
 }
 const vl = {
-  test: _s("#"),
-  parse: ek,
+  test: Es("#"),
+  parse: nk,
   transform: fr.transform
 }, fa = {
   test: (e) => fr.test(e) || vl.test(e) || Mr.test(e),
   parse: (e) => fr.test(e) ? fr.parse(e) : Mr.test(e) ? Mr.parse(e) : vl.parse(e),
   transform: (e) => si(e) ? e : e.hasOwnProperty("red") ? fr.transform(e) : Mr.transform(e)
-}, Lg = "${c}", Vg = "${n}";
-function tk(e) {
+}, Vg = "${c}", Fg = "${n}";
+function rk(e) {
   var t, n, r, o;
   return isNaN(e) && si(e) && ((n = (t = e.match(Ki)) === null || t === void 0 ? void 0 : t.length) !== null && n !== void 0 ? n : 0) + ((o = (r = e.match(ml)) === null || r === void 0 ? void 0 : r.length) !== null && o !== void 0 ? o : 0) > 0;
 }
-function Fg(e) {
+function zg(e) {
   typeof e == "number" && (e = `${e}`);
   const t = [];
   let n = 0;
   const r = e.match(ml);
-  r && (n = r.length, e = e.replace(ml, Lg), t.push(...r.map(fa.parse)));
+  r && (n = r.length, e = e.replace(ml, Vg), t.push(...r.map(fa.parse)));
   const o = e.match(Ki);
-  return o && (e = e.replace(Ki, Vg), t.push(...o.map(da.parse))), { values: t, numColors: n, tokenised: e };
-}
-function zg(e) {
-  return Fg(e).values;
+  return o && (e = e.replace(Ki, Fg), t.push(...o.map(da.parse))), { values: t, numColors: n, tokenised: e };
 }
 function jg(e) {
-  const { values: t, numColors: n, tokenised: r } = Fg(e), o = t.length;
+  return zg(e).values;
+}
+function Hg(e) {
+  const { values: t, numColors: n, tokenised: r } = zg(e), o = t.length;
   return (i) => {
     let a = r;
     for (let s = 0; s < o; s++)
-      a = a.replace(s < n ? Lg : Vg, s < n ? fa.transform(i[s]) : $o(i[s]));
+      a = a.replace(s < n ? Vg : Fg, s < n ? fa.transform(i[s]) : $o(i[s]));
     return a;
   };
 }
-const nk = (e) => typeof e == "number" ? 0 : e;
-function rk(e) {
-  const t = zg(e);
-  return jg(e)(t.map(nk));
+const ok = (e) => typeof e == "number" ? 0 : e;
+function ik(e) {
+  const t = jg(e);
+  return Hg(e)(t.map(ok));
 }
-const Hg = { test: tk, parse: zg, createTransformer: jg, getAnimatableNone: rk };
+const Kg = { test: rk, parse: jg, createTransformer: Hg, getAnimatableNone: ik };
 function Pa(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
@@ -14869,10 +14928,10 @@ function td({ hue: e, saturation: t, lightness: n, alpha: r }) {
     alpha: r
   };
 }
-const ok = (e, t, n) => {
+const ak = (e, t, n) => {
   const r = e * e, o = t * t;
   return Math.sqrt(Math.max(0, n * (o - r) + r));
-}, ik = [vl, fr, Mr], nd = (e) => ik.find((t) => t.test(e)), rd = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, Kg = (e, t) => {
+}, lk = [vl, fr, Mr], nd = (e) => lk.find((t) => t.test(e)), rd = (e) => `'${e}' is not an animatable color. Use the equivalent color code instead.`, Bg = (e, t) => {
   let n = nd(e), r = nd(t);
   Wo(!!n, rd(e)), Wo(!!r, rd(t));
   let o = n.parse(e), i = r.parse(t);
@@ -14880,24 +14939,24 @@ const ok = (e, t, n) => {
   const a = Object.assign({}, o);
   return (s) => {
     for (const c in a)
-      c !== "alpha" && (a[c] = ok(o[c], i[c], s));
-    return a.alpha = Cs(o.alpha, i.alpha, s), n.transform(a);
+      c !== "alpha" && (a[c] = ak(o[c], i[c], s));
+    return a.alpha = _s(o.alpha, i.alpha, s), n.transform(a);
   };
-}, ak = (e) => typeof e == "number", lk = (e, t) => (n) => t(e(n)), Bg = (...e) => e.reduce(lk);
-function Gg(e, t) {
-  return ak(e) ? (n) => Cs(e, t, n) : fa.test(e) ? Kg(e, t) : qg(e, t);
+}, sk = (e) => typeof e == "number", ck = (e, t) => (n) => t(e(n)), Gg = (...e) => e.reduce(ck);
+function Wg(e, t) {
+  return sk(e) ? (n) => _s(e, t, n) : fa.test(e) ? Bg(e, t) : Ug(e, t);
 }
-const Wg = (e, t) => {
-  const n = [...e], r = n.length, o = e.map((i, a) => Gg(i, t[a]));
+const qg = (e, t) => {
+  const n = [...e], r = n.length, o = e.map((i, a) => Wg(i, t[a]));
   return (i) => {
     for (let a = 0; a < r; a++)
       n[a] = o[a](i);
     return n;
   };
-}, sk = (e, t) => {
+}, uk = (e, t) => {
   const n = Object.assign(Object.assign({}, e), t), r = {};
   for (const o in n)
-    e[o] !== void 0 && t[o] !== void 0 && (r[o] = Gg(e[o], t[o]));
+    e[o] !== void 0 && t[o] !== void 0 && (r[o] = Wg(e[o], t[o]));
   return (o) => {
     for (const i in r)
       n[i] = r[i](o);
@@ -14905,42 +14964,42 @@ const Wg = (e, t) => {
   };
 };
 function od(e) {
-  const t = Hg.parse(e), n = t.length;
+  const t = Kg.parse(e), n = t.length;
   let r = 0, o = 0, i = 0;
   for (let a = 0; a < n; a++)
     r || typeof t[a] == "number" ? r++ : t[a].hue !== void 0 ? i++ : o++;
   return { parsed: t, numNumbers: r, numRGB: o, numHSL: i };
 }
-const qg = (e, t) => {
-  const n = Hg.createTransformer(t), r = od(e), o = od(t);
-  return r.numHSL === o.numHSL && r.numRGB === o.numRGB && r.numNumbers >= o.numNumbers ? Bg(Wg(r.parsed, o.parsed), n) : (Pg(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (a) => `${a > 0 ? t : e}`);
-}, ck = (e, t) => (n) => Cs(e, t, n);
-function uk(e) {
+const Ug = (e, t) => {
+  const n = Kg.createTransformer(t), r = od(e), o = od(t);
+  return r.numHSL === o.numHSL && r.numRGB === o.numRGB && r.numNumbers >= o.numNumbers ? Gg(qg(r.parsed, o.parsed), n) : (Ig(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (a) => `${a > 0 ? t : e}`);
+}, dk = (e, t) => (n) => _s(e, t, n);
+function fk(e) {
   if (typeof e == "number")
-    return ck;
+    return dk;
   if (typeof e == "string")
-    return fa.test(e) ? Kg : qg;
+    return fa.test(e) ? Bg : Ug;
   if (Array.isArray(e))
-    return Wg;
+    return qg;
   if (typeof e == "object")
-    return sk;
+    return uk;
 }
-function dk(e, t, n) {
-  const r = [], o = n || uk(e[0]), i = e.length - 1;
+function pk(e, t, n) {
+  const r = [], o = n || fk(e[0]), i = e.length - 1;
   for (let a = 0; a < i; a++) {
     let s = o(e[a], e[a + 1]);
     if (t) {
       const c = Array.isArray(t) ? t[a] : t;
-      s = Bg(c, s);
+      s = Gg(c, s);
     }
     r.push(s);
   }
   return r;
 }
-function fk([e, t], [n]) {
-  return (r) => n(Ig(e, t, r));
+function gk([e, t], [n]) {
+  return (r) => n($g(e, t, r));
 }
-function pk(e, t) {
+function hk(e, t) {
   const n = e.length, r = n - 1;
   return (o) => {
     let i = 0, a = !1;
@@ -14950,88 +15009,88 @@ function pk(e, t) {
         ;
       i = c - 1;
     }
-    const s = Ig(e[i], e[i + 1], o);
+    const s = $g(e[i], e[i + 1], o);
     return t[i](s);
   };
 }
-function Es(e, t, { clamp: n = !0, ease: r, mixer: o } = {}) {
+function Os(e, t, { clamp: n = !0, ease: r, mixer: o } = {}) {
   const i = e.length;
   Wo(i === t.length, "Both input and output ranges must be the same length"), Wo(!r || !Array.isArray(r) || r.length === i - 1, "Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."), e[0] > e[i - 1] && (e = [].concat(e), t = [].concat(t), e.reverse(), t.reverse());
-  const a = dk(t, r, o), s = i === 2 ? fk(e, a) : pk(e, a);
-  return n ? (c) => s(XT(e[0], e[i - 1], c)) : s;
+  const a = pk(t, r, o), s = i === 2 ? gk(e, a) : hk(e, a);
+  return n ? (c) => s(ZT(e[0], e[i - 1], c)) : s;
 }
-class gk {
+class mk {
   constructor({ valueRange: t, colorRange: n }) {
     he(this, "mapper");
-    this.mapper = Es(t, n);
+    this.mapper = Os(t, n);
   }
   getColor(t) {
     return this.mapper(t);
   }
 }
-function hk(e) {
+function vk(e) {
   return e === null ? "null" : e === void 0 ? "undefined" : Array.isArray(e) ? `Array(${e.length})` : e.toString();
 }
-function Os({ data_field: e, aggregation: t }, n) {
-  return xs(n, e, t);
+function Rs({ data_field: e, aggregation: t }, n) {
+  return Cs(n, e, t);
 }
 function ci({ formatter: e }, t) {
-  return ["string", "number"].includes(typeof t) ? Gt(t).format(e) : hk(t);
+  return ["string", "number"].includes(typeof t) ? Gt(t).format(e) : vk(t);
 }
-function mk(e, t) {
+function yk(e, t) {
   if (e.type === "static")
     return e.staticColor;
   if (e.type === "continuous")
     try {
-      return new gk(e).getColor(t);
+      return new mk(e).getColor(t);
     } catch {
       return "black";
     }
   return "black";
 }
-function Ug(e, t) {
+function Yg(e, t) {
   const {
     color: n,
     data_field: r,
     aggregation: o,
     size: i,
     weight: a
-  } = e, s = xs(t, r, o), c = ci(e, s);
+  } = e, s = Cs(t, r, o), c = ci(e, s);
   return /* @__PURE__ */ l(z, {
     sx: {
       fontSize: i,
       display: "inline"
     },
-    color: mk(n, s),
+    color: yk(n, s),
     weight: a,
     children: c
   });
 }
-function vk(e, t) {
+function bk(e, t) {
   const n = {};
   return e.forEach((r) => {
     const o = r.name;
-    n[o] = Ug(r, t);
+    n[o] = Yg(r, t);
   }), n;
 }
-function yk(e) {
+function Sk(e) {
   return e.split(" ").map((t, n) => /* @__PURE__ */ v(j.Fragment, {
     children: [t, "\xA0"]
   }, n));
 }
-function bk(e) {
+function wk(e) {
   const n = e.replaceAll("<br />", "<br/>").replaceAll(`
 `, "<br/>").split("<br/>");
   return n.map((o, i) => {
-    const a = [yk(o)];
+    const a = [Sk(o)];
     return i !== n.length - 1 && a.push(/* @__PURE__ */ l("br", {})), a;
   }).flat().filter((o) => o !== void 0);
 }
 function Ia(e) {
-  return bk(e);
+  return wk(e);
 }
 function qo(e, t, n) {
-  const r = vk(t, n), o = /^\{(.+)\}(.*)$/;
+  const r = bk(t, n), o = /^\{(.+)\}(.*)$/;
   return e.split("$").map((i) => {
     var u;
     const a = o.exec(i);
@@ -15046,15 +15105,15 @@ function qo(e, t, n) {
     });
   });
 }
-function Sk(e, t) {
+function xk(e, t) {
   const n = {};
   return e.forEach((r) => {
-    const { name: o, data_field: i, aggregation: a } = r, s = xs(t, i, a);
+    const { name: o, data_field: i, aggregation: a } = r, s = Cs(t, i, a);
     n[o] = ci(r, s);
   }), n;
 }
-function Rs(e, t, n) {
-  const r = Sk(t, n), o = /^\{(.+)\}(.*)$/;
+function Ts(e, t, n) {
+  const r = xk(t, n), o = /^\{(.+)\}(.*)$/;
   return e.split("$").map((i) => {
     var u;
     const a = o.exec(i);
@@ -15079,7 +15138,7 @@ function pa({ enabled: e, func_content: t }) {
   };
 }
 const yl = ["max", "q3", "median", "q1", "min"];
-function wk({ config: e }) {
+function Ck({ config: e }) {
   return {
     show: !0,
     bottom: 0,
@@ -15103,7 +15162,7 @@ function wk({ config: e }) {
     ]
   };
 }
-function xk(e) {
+function _k(e) {
   return `
     <table>
     <thead>
@@ -15118,10 +15177,10 @@ function xk(e) {
     </table>
   `;
 }
-const Ck = (e) => (t) => {
+const Ek = (e) => (t) => {
   const { componentSubType: n, value: r } = t;
   if (n === "scatter")
-    return xk(r);
+    return _k(r);
   const o = yl.map((a) => `
     <tr>
       <th style="text-align: left;">${Le.capitalize(a)}</th>
@@ -15142,14 +15201,14 @@ const Ck = (e) => (t) => {
     </table>
   `;
 };
-function _k({ config: e }) {
+function Ok({ config: e }) {
   return {
     trigger: "item",
     confine: !0,
-    formatter: Ck(e)
+    formatter: Ek(e)
   };
 }
-function Ek(e, t) {
+function Rk(e, t) {
   return Object.entries(e).map(([r, o]) => {
     var m, b, y, w;
     const i = o.map((S) => S[t]).sort((S, O) => S - O), a = (m = _i(i, 0.25)) != null ? m : 0, s = (b = _i(i, 0.5)) != null ? b : 0, c = (y = _i(i, 0.75)) != null ? y : 0, u = c - a, d = a - 1.5 * u, f = c + 1.5 * u, p = Math.max(i[0], d), g = Math.min((w = Le.last(i)) != null ? w : 0, f), h = i.filter((S) => S < p || S > g).map((S) => [r, S]);
@@ -15164,9 +15223,9 @@ function Ek(e, t) {
     };
   });
 }
-function Ok(e, t, n) {
+function Tk(e, t, n) {
   const r = t.reduce((o, i) => {
-    const a = Os(i, n);
+    const a = Rs(i, n);
     return o[i.name] = ci(i, a), o;
   }, {});
   return e.map((o) => ({
@@ -15184,15 +15243,15 @@ function Ok(e, t, n) {
       symbol: ["none", "none"],
       label: {
         formatter: function() {
-          return Rs(o.template, t, n);
+          return Ts(o.template, t, n);
         },
         position: "insideEndTop"
       }
     }
   }));
 }
-function Rk({ config: e, data: t, variables: n }) {
-  const { x_axis: r, y_axis: o, color: i, reference_lines: a } = e, s = Le.groupBy(t, r.data_key), c = Ek(s, o.data_key), u = c.map((d) => d.outliers).flat();
+function kk({ config: e, data: t, variables: n }) {
+  const { x_axis: r, y_axis: o, color: i, reference_lines: a } = e, s = Le.groupBy(t, r.data_key), c = Rk(s, o.data_key), u = c.map((d) => d.outliers).flat();
   return {
     dataset: [
       {
@@ -15202,8 +15261,8 @@ function Rk({ config: e, data: t, variables: n }) {
         source: u
       }
     ],
-    legend: wk({ config: e }),
-    tooltip: _k({ config: e }),
+    legend: Ck({ config: e }),
+    tooltip: Ok({ config: e }),
     xAxis: [
       {
         type: "category",
@@ -15264,70 +15323,10 @@ function Rk({ config: e, data: t, variables: n }) {
         },
         datasetIndex: 1
       },
-      ...Ok(a, n, t)
+      ...Tk(a, n, t)
     ]
   };
 }
-const Yg = {
-  id: "builtin:echarts:click-echart:series",
-  displayName: "Click Chart Series",
-  nameRender: kk,
-  configRender: Tk,
-  payload: [{
-    name: "type",
-    description: "Always 'click'",
-    valueType: "string"
-  }, {
-    name: "seriesType",
-    description: "'boxplot'",
-    valueType: "string"
-  }, {
-    name: "name",
-    description: "Name of the series clicked",
-    valueType: "string"
-  }, {
-    name: "color",
-    description: "Color",
-    valueType: "string"
-  }, {
-    name: "value",
-    description: "Record of 'name', 'min', 'q1', 'median', 'q3', 'max'",
-    valueType: "object"
-  }, {
-    name: "rowData",
-    description: "Data of the row",
-    valueType: "object"
-  }]
-};
-function Tk(e) {
-  return /* @__PURE__ */ l(Ae, {});
-}
-function kk(e) {
-  return /* @__PURE__ */ l(z, {
-    children: "Click chart's series"
-  });
-}
-const jr = {
-  enabled: !1,
-  func_content: ["function label(value, index) {", "    // your code goes here", "    // return value", "}"].join(`
-`)
-}, Ts = {
-  x_axis: {
-    name: "X Axis",
-    data_key: "",
-    axisLabel: {
-      rotate: 0,
-      formatter: { ...jr }
-    }
-  },
-  y_axis: {
-    name: "Y Axis",
-    data_key: "value",
-    label_formatter: Fn
-  },
-  color: "#228be6",
-  reference_lines: []
-};
 $t.use([ni, Ym, Ll, Lr, Vr, Fr, Jn]);
 function Mk({
   context: e,
@@ -15340,10 +15339,10 @@ function Mk({
   } = e, o = e.data, {
     width: i,
     height: a
-  } = e.viewport, s = jt({}, n, Ts), c = yo({
+  } = e.viewport, s = jt({}, n, xs), c = yo({
     vizManager: e.vizManager,
     instance: t
-  }), u = vo(c.triggerManager, Yg.id), d = fe(() => Le.keyBy(o, s.x_axis.data_key), [o, s.x_axis.data_key]), f = (g) => {
+  }), u = vo(c.triggerManager, kg.id), d = fe(() => Le.keyBy(o, s.x_axis.data_key), [o, s.x_axis.data_key]), f = (g) => {
     const h = Le.get(d, g.name, {
       error: "rowData is not found"
     });
@@ -15353,7 +15352,7 @@ function Mk({
         rowData: h
       });
     });
-  }, p = fe(() => Rk({
+  }, p = fe(() => kk({
     config: s,
     data: o,
     variables: r
@@ -15734,7 +15733,7 @@ function Nk({
     set: n
   } = rt(e.instanceData, "config"), r = e.data, {
     variables: o
-  } = e, i = fe(() => jt({}, t, Ts), [t]), {
+  } = e, i = fe(() => jt({}, t, xs), [t]), {
     control: a,
     handleSubmit: s,
     watch: c,
@@ -15894,6 +15893,8 @@ class zk extends tn {
       return (o.variables || []).forEach((a) => {
         r.variables.find((s) => s.name === a.name) || r.addVariable(a);
       }), {
+        ...n,
+        version: 2,
         config: Lk(o)
       };
     }), this.version(3, (n) => {
@@ -15901,6 +15902,7 @@ class zk extends tn {
         config: r
       } = n;
       return {
+        ...n,
         version: 3,
         config: Vk(r)
       };
@@ -15909,6 +15911,7 @@ class zk extends tn {
         config: r
       } = n;
       return {
+        ...n,
         version: 4,
         config: Fk(r)
       };
@@ -15921,8 +15924,8 @@ const jk = {
   name: "boxplot",
   viewRender: Mk,
   configRender: Nk,
-  createConfig: () => Ts,
-  triggers: [Yg]
+  createConfig: () => xs,
+  triggers: [kg]
 }, Xg = {
   id: "builtin:button:click-button",
   displayName: "Click Button",
@@ -16148,24 +16151,28 @@ function Jk({
 class eM extends tn {
   constructor() {
     super(...arguments);
-    he(this, "VERSION", 1);
+    he(this, "VERSION", 2);
   }
   configVersions() {
     this.version(1, (n) => ({
       version: 1,
       config: n
-    })), this.version(2, ({
-      horizontal_align: n = "left",
-      vertical_align: r = "center",
-      ...o
-    }) => ({
-      version: 2,
-      config: {
-        ...o,
-        horizontal_align: n,
-        vertical_align: r
-      }
-    }));
+    })), this.version(2, (n) => {
+      const {
+        horizontal_align: r = "left",
+        vertical_align: o = "center",
+        ...i
+      } = n.config;
+      return {
+        ...n,
+        version: 2,
+        config: {
+          ...i,
+          horizontal_align: r,
+          vertical_align: o
+        }
+      };
+    });
   }
 }
 const tM = {
@@ -16283,7 +16290,7 @@ function lM({ type: e, ...t }, n, r, o) {
     try {
       return new Function(`return ${i}`)()(
         { rowData: u, params: c, variables: o },
-        { lodash: Le, interpolate: Es }
+        { lodash: Le, interpolate: Os }
       );
     } catch (d) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${d.message}`), 10;
@@ -16313,7 +16320,7 @@ function sM(e, t, n, r) {
         symbol: ["none", "none"],
         label: {
           formatter: function() {
-            return Rs(o.template, t, r);
+            return Ts(o.template, t, r);
           },
           position: s
         }
@@ -16447,7 +16454,7 @@ function gM(e) {
 function hM(e, t) {
   const n = {};
   return t.map((r) => {
-    const o = Os(r, e);
+    const o = Rs(r, e);
     n[r.name] = ci(r, o);
   }), n;
 }
@@ -18695,12 +18702,16 @@ class cD extends tn {
       }), (dt(o, "stats.variables") || []).forEach((s) => {
         r.variables.find((c) => c.name === s.name) || r.addVariable(s);
       }), {
+        ...n,
+        version: 2,
         config: aD(o)
       };
     }), this.version(3, (n) => ({
+      ...n,
       version: 3,
       config: lD(n.config)
     })), this.version(4, (n) => ({
+      ...n,
       version: 4,
       config: sD(n.config)
     }));
@@ -19499,15 +19510,19 @@ class ND extends tn {
       version: 1,
       config: n
     })), this.version(2, (n) => ({
+      ...n,
       version: 2,
       config: PD(n.config)
     })), this.version(3, (n) => ({
+      ...n,
       version: 3,
       config: ID(n.config)
     })), this.version(4, (n) => ({
+      ...n,
       version: 4,
       config: $D(n.config)
     })), this.version(5, (n) => ({
+      ...n,
       version: 5,
       config: AD(n.config)
     }));
@@ -20872,11 +20887,11 @@ class yP extends tn {
     he(this, "VERSION", 2);
   }
   configVersions() {
-    this.version(1, (n) => ({ config: hP(n) })), this.version(2, (n, { panelModel: r }) => {
+    this.version(1, (n) => ({ version: 1, config: hP(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(vP(a));
-      }), { config: mP(o) };
+      }), { ...n, version: 2, config: mP(o) };
     });
   }
 }
@@ -24281,8 +24296,9 @@ class e$ extends tn {
       version: 1,
       config: n
     })), this.version(2, (n) => {
-      const { columns: r, ...o } = n;
+      const { columns: r, ...o } = n.config;
       return {
+        ...n,
         version: 2,
         config: {
           ...o,
@@ -24366,12 +24382,25 @@ const r$ = ({ conf: e, data: t }) => async () => {
   goal: "",
   question: ""
 }, vh = {
+  height: "100%",
+  overflowY: "scroll",
   ul: {
     paddingLeft: "2em",
     margin: "6px 0 0"
   },
   p: {
     margin: 0
+  },
+  a: {
+    WebkitTapHighlightColor: "transparent",
+    color: "rgb(34, 139, 230)",
+    textDecoration: "none",
+    "&:hover": {
+      textDecoration: "underline"
+    },
+    "&:active, &:hover": {
+      outlineWidth: 0
+    }
   }
 }, pd = ({
   message: e
@@ -24442,6 +24471,7 @@ function i$({
     height: o
   }) : !a || !Array.isArray(a.replies) || a.replies.length === 0 ? null : /* @__PURE__ */ l(ke, {
     sx: vh,
+    "data-enable-scrollbar": !0,
     children: a.replies.map((d, f) => /* @__PURE__ */ l("div", {
       dangerouslySetInnerHTML: {
         __html: d.interpretation.html
@@ -24585,7 +24615,7 @@ function u$({ type: e, ...t }, n, r, o) {
     try {
       return new Function(`return ${i}`)()(
         { rowData: u, params: c, variables: o },
-        { lodash: Le, interpolate: Es }
+        { lodash: Le, interpolate: Os }
       );
     } catch (d) {
       return console.error(`[getEchartsSymbolSize] failed parsing custom function, error: ${d.message}`), 10;
@@ -24610,7 +24640,7 @@ function d$(e, t, n, r) {
         symbol: ["none", "none"],
         label: {
           formatter: function() {
-            return Rs(o.template, t, r);
+            return Ts(o.template, t, r);
           },
           position: s
         }
@@ -24811,7 +24841,7 @@ const w$ = {
 };
 function x$(e, t, n) {
   const r = n.reduce((u, d) => {
-    const f = Os(d, t);
+    const f = Rs(d, t);
     return u[d.name] = ci(d, f), u;
   }, {}), o = e.y_axes.reduce(
     (u, { label_formatter: d }, f) => (u[f] = function(g) {
@@ -26218,8 +26248,9 @@ class J$ extends tn {
           metrics: []
         },
         ...o
-      } = n;
+      } = n.config;
       return {
+        ...n,
         version: 2,
         config: {
           ...o,
@@ -26227,8 +26258,9 @@ class J$ extends tn {
         }
       };
     }), this.version(3, (n) => ({
+      ...n,
       version: 3,
-      config: Z$(n)
+      config: Z$(n.config)
     }));
   }
 }
@@ -26483,7 +26515,7 @@ function iA({
             control: i,
             render: ({
               field: p
-            }) => /* @__PURE__ */ l(Mg, {
+            }) => /* @__PURE__ */ l(Dg, {
               label: "Font Weight",
               ...p
             })
@@ -26892,7 +26924,7 @@ class Xs {
     he(this, "operationManager");
     he(this, "triggerManager");
     he(this, "attachments");
-    this.operationManager = new OA(t, r), this.triggerManager = new VT(t, n);
+    this.operationManager = new OA(t, r), this.triggerManager = new jT(t, n);
     const o = async (i) => {
       const { id: a, triggerRef: s, operationRef: c } = await i.getItem(null);
       return {
@@ -27754,7 +27786,7 @@ const eN = j.forwardRef(function({
         value: t.data_field,
         onChange: (s) => a("data_field", s)
       })]
-    }), /* @__PURE__ */ l(kg, {
+    }), /* @__PURE__ */ l(Mg, {
       label: "Aggregation",
       value: t.aggregation,
       onChange: (s) => a("aggregation", s)
@@ -27765,7 +27797,7 @@ const eN = j.forwardRef(function({
     }), /* @__PURE__ */ l(zr, {
       value: t.formatter,
       onChange: (s) => a("formatter", s)
-    }), o && /* @__PURE__ */ l(Dg, {
+    }), o && /* @__PURE__ */ l(Pg, {
       value: t,
       onChange: n
     })]
@@ -27824,7 +27856,7 @@ const eN = j.forwardRef(function({
   children: /* @__PURE__ */ l(kl, {
     withBorder: !0,
     p: "md",
-    children: Ug(e, t)
+    children: Yg(e, t)
   })
 }), oN = Q(rN), iN = (e) => {
   const t = Rn(() => QA(e.variable), [e.variable]), {