@devtable/dashboard 13.23.0 → 13.23.1

package/dist/dashboard.es.js

@@ -4787,7 +4787,6 @@ const fa = re(({
   autoSubmit: s,
   onSubmit: a
 }, o) => {
-  console.log("value:", e);
   const [l, c] = U(e), d = ph({
     extensions: [mh, hh, eh, sh, ih, nh, lh.configure({
       resizable: !1,
@@ -4902,7 +4901,7 @@ function Mt({
   }
 }
 function Aj(e, t) {
-  return e.replaceAll(/(\$\{([^{\}]+(?=}))\})/g, (...i) => {
+  return e.replaceAll(/(\$\{([^{\}]+(?=}))\}\})/g, (...i) => {
     const s = i[2], a = t.variableStyleMap[s];
     if (!a)
       return `{{${s}}}`;
@@ -5223,19 +5222,17 @@ function Jj(e, t, n) {
   }
 }
 function ip(e, t, n, i) {
-  const s = Yj(t, i), a = /^(.+)\}\}(.*)$/;
-  return e.split("{{").map((o) => {
-    const l = a.exec(o);
+  const s = Yj(t, i);
+  return e.replaceAll(/(\{\{([^{\}]+(?=}))\}\})/g, (...o) => {
+    const l = o[2];
     if (!l)
-      return o;
-    const c = s[l[1]];
-    if (c) {
-      const u = l[2] ?? "";
-      return `${c}${u}`;
-    }
-    const d = Xj(l[1]);
-    return `${Jj(d, s, n)}${l[2]}`;
-  }).join("");
+      return l;
+    const c = s[l];
+    if (c)
+      return c;
+    const d = Xj(l);
+    return Jj(d, s, n);
+  });
 }
 function Zj(e, t) {
   const n = cy(t);
@@ -5558,7 +5555,7 @@ class xl {
     }), this.instanceRegistry.clear(), this.factoryRegistry.clear();
   }
 }
-const cp = "13.23.0", pw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const cp = "13.23.1", pw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: cp
 }, Symbol.toStringTag, { value: "Module" }));
@@ -25834,7 +25831,7 @@ function ZA(e) {
     y_axis: n
   };
 }
-function e2(e) {
+function eR(e) {
   return {
     heat_block: function(i) {
       if (!e.heat_block.value_formatter)
@@ -25847,7 +25844,7 @@ function e2(e) {
     }
   };
 }
-function t2(e) {
+function tR(e) {
   let t = 0;
   return e.x_axis.name && (t += 20), {
     top: 45,
@@ -25860,7 +25857,7 @@ function t2(e) {
     z: 1
   };
 }
-function n2(e, t) {
+function nR(e, t) {
   const {
     heat_block: n
   } = e;
@@ -25881,13 +25878,13 @@ function n2(e, t) {
     z: 2
   };
 }
-const r2 = (e) => oe(e, {
+const rR = (e) => oe(e, {
   output: "number",
   trimMantissa: !0,
   mantissa: 2,
   absolute: !1
 });
-function i2({
+function iR({
   conf: e,
   labelFormatters: t,
   valueFormatters: n,
@@ -25923,7 +25920,7 @@ function i2({
     const T = q(y.data_key);
     m.push({
       label: y.name,
-      value: r2(C.get(f, T.columnKey, "")),
+      value: rR(C.get(f, T.columnKey, "")),
       style: {
         label: "",
         value: ""
@@ -25931,7 +25928,7 @@ function i2({
     });
   }), m;
 }
-function s2(e, t, n, i) {
+function sR(e, t, n, i) {
   const {
     x_axis: s,
     y_axis: a,
@@ -25941,7 +25938,7 @@ function s2(e, t, n, i) {
   const d = C.keyBy(t[l.queryID], (u) => `${u[l.columnKey]}---${u[c.columnKey]}`);
   return fe.getTooltip({
     formatter: function(u) {
-      const p = i2({
+      const p = iR({
         conf: e,
         labelFormatters: n,
         valueFormatters: i,
@@ -25973,7 +25970,7 @@ function s2(e, t, n, i) {
     }
   });
 }
-function a2(e, t, n) {
+function aR(e, t, n) {
   const {
     overflow: i,
     rotate: s
@@ -26011,7 +26008,7 @@ function a2(e, t, n) {
     z: 3
   });
 }
-function o2(e, t, n) {
+function oR(e, t, n) {
   const {
     nameAlignment: i,
     data_key: s,
@@ -26057,13 +26054,13 @@ function o2(e, t, n) {
     z: 3
   });
 }
-function l2(e, t, n) {
+function lR(e, t, n) {
   if (!e.x_axis.data_key || !e.y_axis.data_key || !e.heat_block.data_key)
     return {};
   const i = n.reduce((T, k) => {
     const z = wn(k, t);
     return T[k.name] = Mt(k, z), T;
-  }, {}), s = ZA(e), a = e2(e), o = za(e.visualMap, i), {
+  }, {}), s = ZA(e), a = eR(e), o = za(e.visualMap, i), {
     min: l,
     max: c
   } = o, d = q(e.x_axis.data_key), u = q(e.y_axis.data_key), h = q(e.heat_block.data_key), p = C.uniq(t[d.queryID].map((T) => T[d.columnKey])), m = C.uniq(t[d.queryID].map((T) => T[u.columnKey])), f = t[d.queryID].map((T) => {
@@ -26078,15 +26075,15 @@ function l2(e, t, n) {
     }), $;
   });
   return {
-    xAxis: a2(e, p, s.x_axis),
-    yAxis: o2(e, m, s.y_axis),
-    series: n2(e, f),
-    tooltip: s2(e, t, s, a),
-    grid: t2(e),
+    xAxis: aR(e, p, s.x_axis),
+    yAxis: oR(e, m, s.y_axis),
+    series: nR(e, f),
+    tooltip: sR(e, t, s, a),
+    grid: tR(e),
     visualMap: o
   };
 }
-function c2({
+function cR({
   conf: e,
   data: t,
   width: n,
@@ -26109,13 +26106,13 @@ function c2({
     });
   }, [o, l, s]), d = I(() => ({
     click: c
-  }), [c]), u = R.useMemo(() => l2(e, t, a), [e, t]);
+  }), [c]), u = R.useMemo(() => lR(e, t, a), [e, t]);
   return /* @__PURE__ */ r.jsx(ht, { echarts: nt, option: u, style: {
     width: n,
     height: i
   }, onEvents: d, notMerge: !0, theme: "merico-light" });
 }
-function d2({
+function dR({
   context: e,
   instance: t
 }) {
@@ -26130,9 +26127,9 @@ function d2({
     width: l,
     height: c
   } = e.viewport;
-  return !l || !c ? null : /* @__PURE__ */ r.jsx(jt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(c2, { variables: s, width: rn(l), height: sn(c), data: o, conf: a, interactionManager: n }) });
+  return !l || !c ? null : /* @__PURE__ */ r.jsx(jt, { width: l, height: c, children: /* @__PURE__ */ r.jsx(cR, { variables: s, width: rn(l), height: sn(c), data: o, conf: a, interactionManager: n }) });
 }
-const u2 = {
+const uR = {
   merico_heatmap: {
     viz_name: "Merico Heatmap",
     click_heatmap: {
@@ -26141,7 +26138,7 @@ const u2 = {
       }
     }
   }
-}, h2 = {
+}, hR = {
   merico_heatmap: {
     viz_name: "思码逸热力图",
     click_heatmap: {
@@ -26150,14 +26147,14 @@ const u2 = {
       }
     }
   }
-}, p2 = [{
+}, pR = [{
   lang: "en",
-  resources: u2
+  resources: uR
 }, {
   lang: "zh",
-  resources: h2
+  resources: hR
 }];
-function m2(e) {
+function mR(e) {
   const {
     visualMap: t = Rn(),
     heat_block: {
@@ -26177,7 +26174,7 @@ function m2(e) {
     }
   };
 }
-class f2 extends $e {
+class fR extends $e {
   constructor() {
     super(...arguments);
     G(this, "VERSION", 2);
@@ -26189,24 +26186,24 @@ class f2 extends $e {
     })), this.version(2, (n) => ({
       ...n,
       version: 2,
-      config: m2(n.config)
+      config: mR(n.config)
     }));
   }
 }
-const x2 = {
+const xR = {
   displayName: "viz.merico_heatmap.viz_name",
   displayGroup: "chart.groups.merico_suite",
-  migrator: new f2(),
+  migrator: new fR(),
   name: "merico-heatmap",
-  viewRender: d2,
+  viewRender: dR,
   configRender: YA,
   createConfig: () => ({
     version: 2,
     config: Ic
   }),
   triggers: [$f],
-  translation: p2
-}, g2 = [{
+  translation: pR
+}, gR = [{
   value: "#25262B",
   name: "Dark"
 }, {
@@ -26253,12 +26250,12 @@ const x2 = {
   value: e.value,
   type: "single",
   category: "basic"
-})), b2 = [aw, ow, dw, cw, lw, uw], Af = [Wo, eE, jL, PD, wE, Cz, U$, Dw, Dk, $I, TT, d$, hz, pI, PM, eD, DD, LL, zA, x2, BA, Bk], Rf = () => ({
+})), bR = [aw, ow, dw, cw, lw, uw], Af = [Wo, eE, jL, PD, wE, Cz, U$, Dw, Dk, $I, TT, d$, hz, pI, PM, eD, DD, LL, zA, xR, BA, Bk], Rf = () => ({
   id: "dashboard",
   version: cp,
   manifest: {
     viz: Af,
-    color: [...g2, ...b2]
+    color: [...gR, ...bR]
   }
 }), Ii = new fw(), Fe = {
   pluginManager: In("pluginManager"),
@@ -26296,7 +26293,7 @@ function $a(e) {
 function Pf() {
   return R.useContext(Qo);
 }
-const y2 = ({
+const yR = ({
   description: e,
   isDescriptionEmpty: t
 }) => t ? null : /* @__PURE__ */ r.jsx(he, { color: "white", label: /* @__PURE__ */ r.jsx(Xi, { value: e, styles: {
@@ -26314,7 +26311,7 @@ const y2 = ({
 }, withArrow: !0, children: /* @__PURE__ */ r.jsx(A, { sx: {
   height: "16px",
   alignSelf: "center"
-}, children: /* @__PURE__ */ r.jsx(Tr, { size: 16, color: "gray" }) }) }), v2 = D(({
+}, children: /* @__PURE__ */ r.jsx(Tr, { size: 16, color: "gray" }) }) }), vR = D(({
   label: e,
   config: {
     default_value: t,
@@ -26330,13 +26327,13 @@ const y2 = ({
     /* @__PURE__ */ r.jsx(A, { sx: {
       flexGrow: 1
     }, children: e }),
-    /* @__PURE__ */ r.jsx(y2, { description: n, isDescriptionEmpty: i })
+    /* @__PURE__ */ r.jsx(yR, { description: n, isDescriptionEmpty: i })
   ] }), checked: a || !1, onChange: (l) => o(l.currentTarget.checked), ...s, pt: ".4em", styles: {
     input: {
       borderColor: "#e9ecef"
     }
   } })
-] })), _2 = ({
+] })), _R = ({
   value: e,
   onChange: t,
   close: n,
@@ -26356,7 +26353,7 @@ const y2 = ({
     t(p), m && f && n();
   };
   return /* @__PURE__ */ r.jsx(hy, { defaultDate: c, numberOfColumns: 2, type: "range", value: e, onChange: h, onNextMonth: console.log, minDate: d, maxDate: u, allowSingleDateInRange: s, locale: a.language });
-}, j2 = ({
+}, jR = ({
   begin: e,
   end: t
 }) => {
@@ -26373,7 +26370,7 @@ const y2 = ({
     count: i
   });
   return /* @__PURE__ */ r.jsx(he, { label: s, children: /* @__PURE__ */ r.jsx(Yn, { size: "sm", children: i }) });
-}, w2 = ({
+}, wR = ({
   max_days: e
 }) => {
   const {
@@ -26542,7 +26539,7 @@ function Of(e) {
   const n = zc().find((i) => i.value === e);
   return n ? n.getRange() : null;
 }
-const S2 = ({
+const SR = ({
   onChange: e
 }) => {
   const {
@@ -26583,7 +26580,7 @@ const S2 = ({
   input: {
     borderColor: e ? "#228be6" : "#e9ecef"
   }
-}), k2 = ({
+}), kR = ({
   label: e,
   required: t,
   value: n,
@@ -26619,7 +26616,7 @@ const S2 = ({
           borderBottomRightRadius: 0
         }
       } }) }),
-      /* @__PURE__ */ r.jsx(E, { label: /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(j2, { begin: h, end: p }) }), icon: /* @__PURE__ */ r.jsx(Yg, { size: 16 }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h, value: f, onFocus: d, styles: fu(c), sx: {
+      /* @__PURE__ */ r.jsx(E, { label: /* @__PURE__ */ r.jsx(b, { position: "right", children: /* @__PURE__ */ r.jsx(jR, { begin: h, end: p }) }), icon: /* @__PURE__ */ r.jsx(Yg, { size: 16 }), placeholder: l("filter.widget.date_range.end_date"), readOnly: !0, disabled: !h, value: f, onFocus: d, styles: fu(c), sx: {
         ".mantine-Input-icon": {
           transform: "translateX(-22px)"
         },
@@ -26639,9 +26636,9 @@ const S2 = ({
       } })
     ] }),
     /* @__PURE__ */ r.jsxs(En.Dropdown, { p: "sm", children: [
-      /* @__PURE__ */ r.jsx(w2, { max_days: s }),
-      /* @__PURE__ */ r.jsx(_2, { value: n, onChange: i, close: u, allowSingleDateInRange: a, max_days: s }),
-      /* @__PURE__ */ r.jsx(S2, { onChange: i })
+      /* @__PURE__ */ r.jsx(wR, { max_days: s }),
+      /* @__PURE__ */ r.jsx(_R, { value: n, onChange: i, close: u, allowSingleDateInRange: a, max_days: s }),
+      /* @__PURE__ */ r.jsx(SR, { onChange: i })
     ] })
   ] });
 }, Ff = D(({
@@ -26658,8 +26655,8 @@ const S2 = ({
   } = t, c = Array.isArray(n) ? n.map((u) => u ? V(u).toDate() : null) : [null, null], d = (u) => {
     i(u.map((h) => h && V(h).format(s)));
   };
-  return /* @__PURE__ */ r.jsx(k2, { label: e, value: c, onChange: d, inputFormat: s, allowSingleDateInRange: l, max_days: o, required: a });
-}), C2 = Ni((e, {
+  return /* @__PURE__ */ r.jsx(kR, { label: e, value: c, onChange: d, inputFormat: s, allowSingleDateInRange: l, max_days: o, required: a });
+}), CR = Ni((e, {
   radius: t = 4
 }) => ({
   root: {
@@ -26842,7 +26839,7 @@ const S2 = ({
     t
   } = v();
   return e ? /* @__PURE__ */ r.jsx(w, { color: "red", size: 12, children: e }) : /* @__PURE__ */ r.jsx(w, { color: "dimmed", size: 12, children: t("filter.widget.common.selector_option_empty") });
-}, I2 = ({
+}, IR = ({
   disabled: e,
   // styling props
   classNames: t,
@@ -26863,7 +26860,7 @@ const S2 = ({
   } = v(), {
     classes: m,
     cx: f
-  } = C2({
+  } = CR({
     radius: s
   }, {
     name: "MultiSelectWidget",
@@ -26898,7 +26895,7 @@ const S2 = ({
       Q.description && /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", "data-role": "description", children: Q.description })
     ] }, Q.value)) })
   ] });
-}, T2 = D(({
+}, TR = D(({
   label: e,
   config: t,
   value: n,
@@ -26908,20 +26905,20 @@ const S2 = ({
     state: o,
     error: l
   } = s.getDataStuffByID(t.options_query_id), c = o === "loading", d = t.min_width ? t.min_width : "200px", u = a ? c : !1, h = (p) => i(p, !1);
-  return /* @__PURE__ */ r.jsx(I2, { label: e, options: t.options, style: {
+  return /* @__PURE__ */ r.jsx(IR, { label: e, options: t.options, style: {
     minWidth: "160px",
     width: d,
     maxWidth: u ? d : "unset",
     borderColor: "#e9ecef"
   }, disabled: u, value: n, onChange: h, errorMessage: l, required: t.required });
-}), z2 = re(({
+}), zR = re(({
   label: e,
   description: t,
   ...n
 }, i) => /* @__PURE__ */ r.jsx("div", { ref: i, ...n, children: /* @__PURE__ */ r.jsx(b, { noWrap: !0, children: /* @__PURE__ */ r.jsxs("div", { children: [
   /* @__PURE__ */ r.jsx(w, { size: "sm", "data-role": "label", children: e }),
   /* @__PURE__ */ r.jsx(w, { size: "xs", color: "dimmed", "data-role": "description", children: t })
-] }) }) })), D2 = D(({
+] }) }) })), DR = D(({
   label: e,
   config: t,
   value: n,
@@ -26958,14 +26955,14 @@ const S2 = ({
           padding: "4px 10px"
         }
       },
-      itemComponent: z2,
+      itemComponent: zR,
       searchable: !l,
       nothingFound: /* @__PURE__ */ r.jsx(Dc, { errorMessage: l }),
       clearable: t.clearable
     }
   );
 });
-function M2({
+function MR({
   label: e,
   config: t,
   value: n,
@@ -26977,10 +26974,10 @@ function M2({
     }
   } });
 }
-const E2 = ({
+const ER = ({
   rotate: e,
   onClick: t
-}) => /* @__PURE__ */ r.jsx("svg", { onClick: t, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${e})`, children: /* @__PURE__ */ r.jsx("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), L2 = ({
+}) => /* @__PURE__ */ r.jsx("svg", { onClick: t, className: "caret-icon", viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "14px", height: "14px", fill: "currentColor", "aria-hidden": "true", transform: `rotate(${e})`, children: /* @__PURE__ */ r.jsx("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }) }), LR = ({
   expanded: e,
   isLeaf: t,
   value: n,
@@ -26989,17 +26986,17 @@ const E2 = ({
 }) => (n === "0-0-value" && console.log(s), t ? /* @__PURE__ */ r.jsx("span", { style: {
   width: "14px",
   display: "inline-block"
-} }) : /* @__PURE__ */ r.jsx(E2, { rotate: e ? "0" : "-90", onClick: i, ...s })), $2 = ({
+} }) : /* @__PURE__ */ r.jsx(ER, { rotate: e ? "0" : "-90", onClick: i, ...s })), $R = ({
   onClick: e
 }) => /* @__PURE__ */ r.jsxs("svg", { onClick: e, className: "checkbox-icon", width: "16", height: "16", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ r.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
   /* @__PURE__ */ r.jsx("rect", { className: "border", x: "4", y: "4", width: "16", height: "16", rx: "2" }),
   /* @__PURE__ */ r.jsx("rect", { className: "checkmark-indeterminate", x: "8", y: "8", width: "8", height: "8", rx: "2", stroke: "none" }),
   /* @__PURE__ */ r.jsx("path", { className: "checkmark-checked", d: "M9 12l2 2l4 -4" })
-] }), A2 = ({
+] }), AR = ({
   onClick: e,
   ...t
-}) => /* @__PURE__ */ r.jsx($2, { onClick: e, ...t }), R2 = Ni((e, {
+}) => /* @__PURE__ */ r.jsx($R, { onClick: e, ...t }), RR = Ni((e, {
   radius: t = 4
 }) => ({
   root: {
@@ -27243,7 +27240,7 @@ const E2 = ({
       }
     }
   }
-})), P2 = ({
+})), PR = ({
   disabled: e,
   // styling props
   classNames: t,
@@ -27265,7 +27262,7 @@ const E2 = ({
   } = v(), {
     classes: f,
     cx: y
-  } = R2({
+  } = RR({
     radius: s
   }, {
     name: "FilterTreeSelectWidget",
@@ -27301,8 +27298,8 @@ const E2 = ({
         listHeight: 510,
         treeLine: !0,
         clearIcon: () => /* @__PURE__ */ r.jsx(yr, {}),
-        switcherIcon: L2,
-        treeIcon: A2,
+        switcherIcon: LR,
+        treeIcon: AR,
         maxTagTextLength: 10,
         value: l,
         treeData: d,
@@ -27319,7 +27316,7 @@ const E2 = ({
       }
     )
   ] });
-}, O2 = D(({
+}, OR = D(({
   label: e,
   config: t,
   value: n,
@@ -27333,13 +27330,13 @@ const E2 = ({
     const m = p.map((f) => f.value);
     i(m, !1);
   }, c = I(() => t.initialSelection(n), [n, t.initialSelection]), d = t.min_width ? t.min_width : "200px", h = !!t.options_query_id ? a : !1;
-  return /* @__PURE__ */ r.jsx(P2, { disabled: h, style: {
+  return /* @__PURE__ */ r.jsx(PR, { disabled: h, style: {
     minWidth: "160px",
     width: d,
     maxWidth: h ? d : "unset",
     borderColor: "#e9ecef"
   }, value: [...c], onChange: l, treeData: s, errorMessage: o, label: e, required: t.required, treeCheckStrictly: t.treeCheckStrictly });
-}), F2 = D(({
+}), FR = D(({
   filter: {
     type: e,
     config: t,
@@ -27350,24 +27347,24 @@ const E2 = ({
 }) => {
   switch (e) {
     case "select":
-      return /* @__PURE__ */ r.jsx(D2, { ...i, ...s, config: t });
+      return /* @__PURE__ */ r.jsx(DR, { ...i, ...s, config: t });
     case "multi-select":
-      return /* @__PURE__ */ r.jsx(T2, { ...i, ...s, config: t });
+      return /* @__PURE__ */ r.jsx(TR, { ...i, ...s, config: t });
     case "tree-select":
-      return /* @__PURE__ */ r.jsx(O2, { ...i, ...s, config: t });
+      return /* @__PURE__ */ r.jsx(OR, { ...i, ...s, config: t });
     case "text-input":
-      return /* @__PURE__ */ r.jsx(M2, { ...i, ...s, config: t });
+      return /* @__PURE__ */ r.jsx(MR, { ...i, ...s, config: t });
     case "date-range":
       return /* @__PURE__ */ r.jsx(Ff, { ...i, ...s, config: t });
     case "checkbox":
-      return /* @__PURE__ */ r.jsx(v2, { ...i, ...s, config: t });
+      return /* @__PURE__ */ r.jsx(vR, { ...i, ...s, config: t });
     default:
       return null;
   }
-}), V2 = D(R.forwardRef(({
+}), VR = D(R.forwardRef(({
   filter: e,
   ...t
-}, n) => /* @__PURE__ */ r.jsx("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ r.jsx(Je, { children: /* @__PURE__ */ r.jsx(F2, { filter: e, formFieldProps: t }) }) }))), N2 = ({
+}, n) => /* @__PURE__ */ r.jsx("div", { className: "filter-root", ref: n, children: /* @__PURE__ */ r.jsx(Je, { children: /* @__PURE__ */ r.jsx(FR, { filter: e, formFieldProps: t }) }) }))), NR = ({
   disabled: e
 }) => {
   const {
@@ -27379,14 +27376,14 @@ const E2 = ({
   } = t;
   return /* @__PURE__ */ r.jsx(M, { color: "blue", size: "sm", type: "submit", ...s, disabled: e || s.disabled, children: n });
 };
-function q2(e) {
+function qR(e) {
   const t = le();
   W(() => {
     var n, i;
     (i = (n = t.filters).updatePreviewValues) == null || i.call(n, e);
   }, [e]);
 }
-const B2 = ({
+const BR = ({
   opened: e,
   toggle: t
 }) => {
@@ -27412,7 +27409,7 @@ const B2 = ({
   });
   W(() => {
     l(s.filters.values);
-  }, [s.filters.values, l]), q2(c);
+  }, [s.filters.values, l]), qR(c);
   const d = s.filters.visibleInView(t.id), u = I(() => d.every((f) => f.should_auto_submit), [d]), h = I(() => d.filter((f) => C.get(f, "config.required", !1)), [d]), p = I(() => h.length === 0 ? !1 : h.some((f) => !f.requiredAndPass(c[f.key])), [c, h]);
   if (d.length === 0)
     return null;
@@ -27420,7 +27417,7 @@ const B2 = ({
     y(T), (f.should_auto_submit || k) && s.filters.setValueByKey(f.key, T);
   };
   return /* @__PURE__ */ r.jsxs("form", { onSubmit: o(s.filters.setValues), children: [
-    /* @__PURE__ */ r.jsx(B2, { opened: n, toggle: i }),
+    /* @__PURE__ */ r.jsx(BR, { opened: n, toggle: i }),
     /* @__PURE__ */ r.jsx(qi, { in: n, children: /* @__PURE__ */ r.jsxs(b, { className: "dashboard-filters", position: "apart", noWrap: !0, sx: u ? {} : {
       border: "1px solid #e9ecef",
       borderRadius: "4px",
@@ -27428,16 +27425,16 @@ const B2 = ({
     }, children: [
       /* @__PURE__ */ r.jsx(b, { align: "flex-start", children: d.map((f) => /* @__PURE__ */ r.jsx(g, { name: f.key, control: a, render: ({
         field: y
-      }) => /* @__PURE__ */ r.jsx(V2, { filter: f, value: y.value, onChange: m(f, y.onChange) }) }, f.id)) }),
+      }) => /* @__PURE__ */ r.jsx(VR, { filter: f, value: y.value, onChange: m(f, y.onChange) }) }, f.id)) }),
       !u && /* @__PURE__ */ r.jsx(b, { sx: {
         alignSelf: "flex-end"
-      }, children: /* @__PURE__ */ r.jsx(N2, { disabled: p }) })
+      }, children: /* @__PURE__ */ r.jsx(NR, { disabled: p }) })
     ] }) })
   ] });
-}), W2 = {
+}), WR = {
   viewPanelInFullScreen: C.noop,
   inFullScreen: !1
-}, Aa = R.createContext(W2), Nf = x.model("MockContextMeta", {
+}, Aa = R.createContext(WR), Nf = x.model("MockContextMeta", {
   current: x.optional(x.frozen(), {})
 }).views((e) => ({
   get keys() {
@@ -27471,7 +27468,7 @@ function qf(e) {
     current: e
   };
 }
-const G2 = x.model("PanelStyleBorderMeta", {
+const GR = x.model("PanelStyleBorderMeta", {
   enabled: x.boolean
 }).views((e) => ({
   get json() {
@@ -27486,8 +27483,8 @@ const G2 = x.model("PanelStyleBorderMeta", {
   setEnabled(t) {
     e.enabled = t;
   }
-})), H2 = x.model("PanelStyleMeta", {
-  border: G2
+})), HR = x.model("PanelStyleMeta", {
+  border: GR
 }).views((e) => ({
   get json() {
     const {
@@ -27497,7 +27494,7 @@ const G2 = x.model("PanelStyleBorderMeta", {
       border: t.json
     };
   }
-})).actions((e) => ({})), Q2 = x.model("PanelTitleMeta", {
+})).actions((e) => ({})), QR = x.model("PanelTitleMeta", {
   show: x.optional(x.boolean, !0)
 }).views((e) => ({
   get json() {
@@ -27512,7 +27509,7 @@ const G2 = x.model("PanelStyleBorderMeta", {
   setShow(t) {
     e.show = t;
   }
-})), U2 = x.model("VariableMeta", {
+})), UR = x.model("VariableMeta", {
   name: x.string,
   size: x.string,
   weight: x.string,
@@ -27579,7 +27576,7 @@ const G2 = x.model("PanelStyleBorderMeta", {
       aggregation: l
     });
   }
-})), K2 = x.model("PanelVizMeta", {
+})), KR = x.model("PanelVizMeta", {
   type: x.string,
   conf: x.frozen()
 }).views((e) => ({
@@ -27596,15 +27593,15 @@ const G2 = x.model("PanelStyleBorderMeta", {
   setConf(t) {
     e.conf = t;
   }
-})), Y2 = x.model({
+})), YR = x.model({
   id: x.string,
   name: x.optional(x.string, ""),
-  title: Q2,
+  title: QR,
   description: x.string,
   queryIDs: x.array(x.string),
-  viz: K2,
-  style: H2,
-  variables: x.optional(x.array(U2), [])
+  viz: KR,
+  style: HR,
+  variables: x.optional(x.array(UR), [])
 }).views((e) => ({
   get json() {
     const {
@@ -27658,7 +27655,7 @@ const G2 = x.model("PanelStyleBorderMeta", {
   }
 }));
 var Ve = /* @__PURE__ */ ((e) => (e.Postgresql = "postgresql", e.MySQL = "mysql", e.HTTP = "http", e.Transform = "transform", e))(Ve || {});
-const X2 = x.model("QueryMeta", {
+const XR = x.model("QueryMeta", {
   id: x.string,
   name: x.string,
   type: x.enumeration("DataSourceType", [Ve.Postgresql, Ve.MySQL, Ve.HTTP, Ve.Transform]),
@@ -27727,7 +27724,7 @@ const X2 = x.model("QueryMeta", {
   setDependantQueryIDs(t) {
     e.dep_query_ids.length = 0, e.dep_query_ids.push(...t);
   }
-})), J2 = x.model("LayoutItemMeta", {
+})), JR = x.model("LayoutItemMeta", {
   id: x.identifier,
   panelID: x.string,
   x: x.number,
@@ -27806,11 +27803,11 @@ const X2 = x.model("QueryMeta", {
   setHeight(t) {
     e.h = t;
   }
-})), Z2 = x.model("LayoutSetMeta", {
+})), ZR = x.model("LayoutSetMeta", {
   id: x.identifier,
   name: x.string,
   breakpoint: x.number,
-  list: x.optional(x.array(J2), [])
+  list: x.optional(x.array(JR), [])
 }).views((e) => ({
   get json() {
     const {
@@ -27883,7 +27880,7 @@ const X2 = x.model("QueryMeta", {
     }
     n.set(t);
   }
-})), eR = x.model("SQLSnippetMeta", {
+})), e2 = x.model("SQLSnippetMeta", {
   key: x.string,
   value: x.string
 }).views((e) => ({
@@ -27936,7 +27933,7 @@ const Bf = x.model("FilterCheckboxConfigMeta", {
   setDescription(t) {
     e.description = t;
   }
-})), tR = () => Bf.create({
+})), t2 = () => Bf.create({
   _name: "checkbox",
   description: "",
   default_value: !1
@@ -27950,7 +27947,7 @@ function Wf(e, t) {
     }
   });
 }
-const nR = x.model("FilterDateRangeConfigMeta", {
+const n2 = x.model("FilterDateRangeConfigMeta", {
   _name: x.literal("date-range"),
   required: x.boolean,
   inputFormat: x.enumeration("DateRangeInputFormat", ["YYYY", "YYYYMM", "YYYYMMDD", "YYYY-MM", "YYYY-MM-DD"]),
@@ -28023,7 +28020,7 @@ const nR = x.model("FilterDateRangeConfigMeta", {
   setAllowSingleDateInRange(t) {
     e.allowSingleDateInRange = t;
   }
-})), Gf = x.snapshotProcessor(nR, {
+})), Gf = x.snapshotProcessor(n2, {
   preProcessor({
     default_value: e,
     ...t
@@ -28043,13 +28040,13 @@ const nR = x.model("FilterDateRangeConfigMeta", {
       default_value: Wf(t, n.inputFormat)
     };
   }
-}), rR = () => Gf.create({
+}), r2 = () => Gf.create({
   _name: "date-range",
   required: !1,
   inputFormat: "YYYY-MM-DD",
   clearable: !1,
   default_value: [null, null]
-}), iR = x.model({
+}), i2 = x.model({
   label: x.string,
   value: x.string
 }).actions((e) => ({
@@ -28060,7 +28057,7 @@ const nR = x.model("FilterDateRangeConfigMeta", {
     e.value = t;
   }
 })), Mc = x.model("FilterConfigModel_BaseSelect", {
-  static_options: x.optional(x.array(iR), []),
+  static_options: x.optional(x.array(i2), []),
   options_query_id: x.optional(x.string, ""),
   default_selection_count: x.optional(x.number, 0),
   required: x.optional(x.boolean, !1)
@@ -28149,7 +28146,7 @@ const nR = x.model("FilterDateRangeConfigMeta", {
       delay: 0
     }));
   }
-})), sR = () => Hf.create({
+})), s2 = () => Hf.create({
   _name: "multi-select",
   default_value: [],
   static_options: [],
@@ -28214,7 +28211,7 @@ const nR = x.model("FilterDateRangeConfigMeta", {
       delay: 0
     }));
   }
-})), aR = () => Qf.create({
+})), a2 = () => Qf.create({
   _name: "select",
   required: !1,
   default_value: "",
@@ -28253,7 +28250,7 @@ const nR = x.model("FilterDateRangeConfigMeta", {
   required: !1,
   default_value: ""
 });
-function oR(e) {
+function o2(e) {
   return Ly(e, {
     id: "value",
     parentId: "parent_value",
@@ -28261,7 +28258,7 @@ function oR(e) {
     dataField: null
   });
 }
-function lR(e) {
+function l2(e) {
   return e.map((t) => {
     const {
       label: n,
@@ -28319,8 +28316,8 @@ const Yf = x.compose("FilterTreeSelectConfigMeta", x.model({
     return t;
   },
   get treeData() {
-    const t = this.plainData, n = lR(t);
-    return oR(n);
+    const t = this.plainData, n = l2(t);
+    return o2(n);
   },
   get errorMessage() {
     const {
@@ -28373,7 +28370,7 @@ const Yf = x.compose("FilterTreeSelectConfigMeta", x.model({
       delay: 0
     }));
   }
-})), cR = () => Yf.create({
+})), c2 = () => Yf.create({
   _name: "tree-select",
   default_value: [],
   static_options: [],
@@ -28460,22 +28457,22 @@ const Yf = x.compose("FilterTreeSelectConfigMeta", x.model({
   setType(t) {
     switch (t) {
       case Ce.Select:
-        e.config = aR();
+        e.config = a2();
         break;
       case Ce.MultiSelect:
-        e.config = sR();
+        e.config = s2();
         break;
       case Ce.TreeSelect:
-        e.config = cR();
+        e.config = c2();
         break;
       case Ce.TextInput:
         e.config = Kf();
         break;
       case Ce.Checkbox:
-        e.config = tR();
+        e.config = t2();
         break;
       case Ce.DateRange:
-        e.config = rR();
+        e.config = r2();
         break;
     }
     e.type = t;
@@ -28502,9 +28499,9 @@ const Jf = x.model("ViewDivisionConfig", {
       _name: t
     };
   }
-})), dR = () => Jf.create({
+})), d2 = () => Jf.create({
   _name: H.Division
-}), uR = x.model("CustomModalTitleModel", {
+}), u2 = x.model("CustomModalTitleModel", {
   enabled: x.optional(x.boolean, !1),
   func_content: x.optional(x.string, "")
 }).views((e) => ({
@@ -28556,7 +28553,7 @@ const Jf = x.model("ViewDivisionConfig", {
   _name: x.literal(H.Modal),
   width: x.string,
   height: x.string,
-  custom_modal_title: x.optional(uR, Uo)
+  custom_modal_title: x.optional(u2, Uo)
 }).views((e) => ({
   get json() {
     const {
@@ -28579,11 +28576,11 @@ const Jf = x.model("ViewDivisionConfig", {
   setHeight(t) {
     e.height = t;
   }
-})), hR = () => Zf.create({
+})), h2 = () => Zf.create({
   _name: H.Modal,
   width: "90vw",
   height: "90vh"
-}), pR = x.model("ViewTabsTabModel", {
+}), p2 = x.model("ViewTabsTabModel", {
   id: x.identifier,
   name: x.string,
   view_id: x.string,
@@ -28621,7 +28618,7 @@ const Jf = x.model("ViewDivisionConfig", {
   }
 })), ex = x.model("ViewTabsConfig", {
   _name: x.literal(H.Modal),
-  tabs: x.optional(x.array(pR), []),
+  tabs: x.optional(x.array(p2), []),
   variant: x.optional(x.enumeration("variant", ["default", "outline", "pills"]), "default"),
   orientation: x.optional(x.enumeration("orientation", ["horizontal", "vertical"]), "horizontal"),
   grow: x.optional(x.boolean, !1)
@@ -28669,10 +28666,10 @@ const Jf = x.model("ViewDivisionConfig", {
   removeTab(t) {
     e.tabs.splice(t, 1);
   }
-})), mR = () => ex.create({
+})), m2 = () => ex.create({
   _name: H.Modal,
   tabs: []
-}), fR = x.model({
+}), f2 = x.model({
   id: x.identifier,
   name: x.string,
   type: x.enumeration("EViewComponentType", [H.Division, H.Modal, H.Tabs]),
@@ -28702,13 +28699,13 @@ const Jf = x.model("ViewDivisionConfig", {
     if (e.type !== t) {
       switch (t) {
         case H.Division:
-          e.config = dR();
+          e.config = d2();
           break;
         case H.Modal:
-          e.config = hR();
+          e.config = h2();
           break;
         case H.Tabs:
-          e.config = mR();
+          e.config = m2();
           break;
       }
       e.type = t;
@@ -28751,7 +28748,7 @@ const Jf = x.model("ViewDivisionConfig", {
   type: x.enumeration("DataSourceType", [Ve.HTTP, Ve.MySQL, Ve.Postgresql]),
   key: x.string,
   config: x.frozen()
-}), xR = x.model("DataSourcesMetaModel", {
+}), x2 = x.model("DataSourcesMetaModel", {
   list: x.optional(x.array(tx), [])
 }).views((e) => ({
   find({
@@ -28770,14 +28767,14 @@ const Jf = x.model("ViewDivisionConfig", {
   replace(t) {
     e.list.length = 0, e.list.push(...t);
   }
-})), gR = x.model({
+})), g2 = x.model({
   id: x.string,
   content: x.string,
   create_time: x.string,
   update_time: x.string,
   is_preset: x.boolean
 }), nx = x.model("GlobalSQLSnippetsMeta", {
-  list: x.optional(x.array(gR), [])
+  list: x.optional(x.array(g2), [])
 }).views((e) => ({
   find(t) {
     return e.list.find((n) => n.id === t);
@@ -28817,7 +28814,7 @@ function rx(e) {
     current: e
   });
 }
-const ix = x.compose("ViewRenderModel", fR, x.model({
+const ix = x.compose("ViewRenderModel", f2, x.model({
   tab: x.optional(x.string, "")
   // FIXME: manage this state in a better way
 })).views((e) => ({
@@ -28929,7 +28926,7 @@ const ix = x.compose("ViewRenderModel", fR, x.model({
     n == null || n.setTabByTabInfo(t);
   }
 }));
-function bR(e, t) {
+function b2(e, t) {
   const n = e.length > 0 ? [e[0].id] : [], i = e.map((s) => {
     const {
       _name: a = s.type
@@ -28953,13 +28950,13 @@ function bR(e, t) {
     visibleViewIDs: n
   };
 }
-const yR = new $y({
+const y2 = new $y({
   withBOM: !0
 });
 async function ax(e) {
-  return !Array.isArray(e) || e.length === 0 ? "" : await yR.parse(e).promise();
+  return !Array.isArray(e) || e.length === 0 ? "" : await y2.parse(e).promise();
 }
-async function vR(e, t) {
+async function v2(e, t) {
   const n = await ax(t), i = new Blob([n], {
     type: "text/csv"
   });
@@ -28993,7 +28990,7 @@ function di(e, t) {
   });
   ua(n, `${e}.json`);
 }
-const ox = Y2.views((e) => ({
+const ox = YR.views((e) => ({
   get contentModel() {
     return tt(e).content;
   }
@@ -29092,7 +29089,7 @@ const ox = Y2.views((e) => ({
     di(o, a);
   }
 }));
-function _R(e) {
+function _2(e) {
   return {
     id: e,
     name: "Panel",
@@ -29154,7 +29151,7 @@ function cx(e) {
     }
   return n;
 }
-function jR(e, t) {
+function j2(e, t) {
   const n = e.default_value_func;
   try {
     return new Function(`return ${n}`)()(e, nn, t);
@@ -29164,7 +29161,7 @@ function jR(e, t) {
 }
 function dx(e, t) {
   var n;
-  return (n = e.default_value_func) != null && n.trim() ? jR(e, t) : cx(e);
+  return (n = e.default_value_func) != null && n.trim() ? j2(e, t) : cx(e);
 }
 function ux(e, t) {
   return e.reduce((n, i) => (n[i.key] = dx(i, t), n), {});
@@ -29281,7 +29278,7 @@ function px(e, t, n, i) {
     values: s
   };
 }
-const wR = X2.views((e) => ({
+const w2 = XR.views((e) => ({
   get rootModel() {
     return tt(e);
   },
@@ -29410,7 +29407,7 @@ const wR = X2.views((e) => ({
       });
     }), s;
   }
-})), mx = x.compose("QueryRenderModel", wR, x.model({
+})), mx = x.compose("QueryRenderModel", w2, x.model({
   state: x.optional(x.enumeration(["idle", "loading", "error"]), "idle"),
   data: x.optional(x.frozen([]), []),
   error: x.frozen()
@@ -29620,7 +29617,7 @@ const wR = X2.views((e) => ({
       name: i,
       data: s
     } = n;
-    vR(i, s);
+    v2(i, s);
   },
   refetchDataByQueryID(t) {
     const n = e.findByID(t);
@@ -29643,7 +29640,7 @@ const wR = X2.views((e) => ({
     di("Queries", n);
   }
 }));
-function SR(e) {
+function S2(e) {
   return {
     current: e
   };
@@ -29656,7 +29653,7 @@ function gu({
   return `[${n}, ${i})`;
 }
 const xx = x.model("LayoutsRenderModel", {
-  list: x.array(Z2),
+  list: x.array(ZR),
   currentBreakpoint: x.string
 }).views((e) => ({
   get json() {
@@ -29758,12 +29755,12 @@ const xx = x.model("LayoutsRenderModel", {
       delay: 0
     }));
   }
-})), kR = eR.views((e) => ({
+})), k2 = e2.views((e) => ({
   isADuplicatedKey(t) {
     return !t || t === e.key ? !1 : !!Ne(e, 2).findByKey(t);
   }
 })), gx = x.model("SQLSnippetsRenderModel", {
-  current: x.optional(x.array(kR), [])
+  current: x.optional(x.array(k2), [])
 }).views((e) => ({
   get json() {
     return e.current.map((t) => t.json);
@@ -29798,7 +29795,7 @@ const xx = x.model("LayoutsRenderModel", {
     di("SQL Snippets", n);
   }
 }));
-function CR(e) {
+function C2(e) {
   return {
     current: e
   };
@@ -29813,7 +29810,7 @@ function ra(e, t, n, i) {
     return s;
   }, {});
 }
-class IR {
+class I2 {
   constructor(t) {
     G(this, "origin");
     G(this, "copy");
@@ -29835,7 +29832,7 @@ class IR {
     st(this.copy, t);
   }
 }
-const TR = (e) => new IR(e), zR = D(() => {
+const T2 = (e) => new I2(e), z2 = D(() => {
   const {
     t: e
   } = v(), t = pe(), {
@@ -29847,7 +29844,7 @@ const TR = (e) => new IR(e), zR = D(() => {
     /* @__PURE__ */ r.jsx(P, { label: e(i.length > 1 ? "query.labels" : "query.label"), labelPosition: "center" }),
     i.map((a) => /* @__PURE__ */ r.jsx(ee.Item, { onClick: () => s(a.value), icon: /* @__PURE__ */ r.jsx(Hi, { size: 14 }), children: a.label }, a.value))
   ] });
-}), DR = D(({
+}), D2 = D(({
   view: e,
   title: t
 }) => {
@@ -29896,7 +29893,7 @@ const TR = (e) => new IR(e), zR = D(() => {
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: o.downloadSchema, icon: /* @__PURE__ */ r.jsx(wr, { size: 14 }), children: n("common.actions.download_schema") }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: l, icon: /* @__PURE__ */ r.jsx(oa, { size: 14 }), children: n("common.actions.download_screenshot") }),
       y && /* @__PURE__ */ r.jsx(ee.Item, { onClick: f, icon: /* @__PURE__ */ r.jsx(xh, { size: 14 }), disabled: !0, children: n("common.actions.enter_fullscreen") }),
-      /* @__PURE__ */ r.jsx(zR, {}),
+      /* @__PURE__ */ r.jsx(z2, {}),
       /* @__PURE__ */ r.jsx(P, { label: n("common.actions.edit"), labelPosition: "center" }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: p, icon: /* @__PURE__ */ r.jsx(gh, { size: 14 }), children: n("common.titles.settings") }),
       /* @__PURE__ */ r.jsx(ee.Item, { onClick: h, icon: /* @__PURE__ */ r.jsx(my, { size: 14 }), children: n("common.actions.duplicate") }),
@@ -29904,7 +29901,7 @@ const TR = (e) => new IR(e), zR = D(() => {
     ] })
   ] }) }) });
 });
-function MR(e) {
+function M2(e) {
   return e ? ["<p><br></p>", "<p></p>"].includes(e) : !0;
 }
 const bx = D(() => {
@@ -29913,7 +29910,7 @@ const bx = D(() => {
   } = v(), [t, n] = R.useState(!1), {
     panel: i
   } = Sn();
-  return MR(i.description) ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return M2(i.description) ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Le, { opened: t, onClose: () => n(!1), title: i.title.show ? i.name : "", withCloseButton: !1, withinPortal: !0, zIndex: 310, children: /* @__PURE__ */ r.jsx(Xi, { value: i.description, styles: {
       root: {
         border: "none"
@@ -29932,7 +29929,7 @@ const bx = D(() => {
     }, children: /* @__PURE__ */ r.jsx(Vn, { size: 20 }) }) })
   ] });
 });
-const ER = D(function() {
+const E2 = D(function() {
   const {
     panel: t
   } = Sn(), {
@@ -29943,7 +29940,7 @@ const ER = D(function() {
     flexGrow: 1
   }, children: /* @__PURE__ */ r.jsx(w, { align: "center", lineClamp: 1, className: "panel-title-text", children: n }) }) : null;
 });
-function LR(e) {
+function L2(e) {
   const t = ti(null);
   return {
     ref: t,
@@ -29969,7 +29966,7 @@ function LR(e) {
   };
 }
 var yx = /* @__PURE__ */ ((e) => (e.migrated = "migrated", e.nothingToMigrate = "nothingToMigrate", e.checkFailed = "checkFailed", e.migrationFailed = "migrationFailed", e))(yx || {}), Ls = /* @__PURE__ */ ((e) => (e.notStarted = "notStarted", e.inProgress = "inProgress", e.done = "done", e))(Ls || {});
-class $R {
+class $2 {
   constructor(t) {
     G(this, "vizInstance");
     G(this, "operationManager");
@@ -30027,7 +30024,7 @@ function vx(e) {
     return n.createScoped().provideFactory(Fe.instanceScope.vizInstance, () => i.getOrCreateInstance(e)).provideFactory(Fe.instanceScope.interactionManager, (a) => {
       const o = a.getRequired(Fe.instanceScope.vizInstance);
       return new _l(o, s, ga);
-    }).provideFactory(Fe.instanceScope.operationManager, (a) => a.getRequired(Fe.instanceScope.interactionManager).operationManager).provideFactory(Fe.instanceScope.triggerManager, (a) => a.getRequired(Fe.instanceScope.interactionManager).triggerManager).provideValue(Fe.instanceScope.panelModel, t).provideFactory(Fe.instanceScope.migrator, (a) => new $R(a));
+    }).provideFactory(Fe.instanceScope.operationManager, (a) => a.getRequired(Fe.instanceScope.interactionManager).operationManager).provideFactory(Fe.instanceScope.triggerManager, (a) => a.getRequired(Fe.instanceScope.interactionManager).triggerManager).provideValue(Fe.instanceScope.panelModel, t).provideFactory(Fe.instanceScope.migrator, (a) => new $2(a));
   }, [e.viz.type, e.viz.conf]);
 }
 function _x(e) {
@@ -30047,7 +30044,7 @@ function jx(e, t) {
     e(i);
   })), [e, t.viz.type]), n;
 }
-function AR({
+function A2({
   setVizConf: e,
   ...t
 }) {
@@ -30063,7 +30060,7 @@ function AR({
     await i.instanceData.setItem(null, n.viz.conf);
   }, [i, n.viz.type]), s ? /* @__PURE__ */ r.jsx(sw, { ...t }) : /* @__PURE__ */ r.jsx(w, { children: "Checking update..." });
 }
-function RR(e) {
+function R2(e) {
   const {
     panel: t,
     setVizConf: n
@@ -30079,7 +30076,7 @@ function RR(e) {
     });
   }) ? /* @__PURE__ */ r.jsx(iw, { ...e }) : /* @__PURE__ */ r.jsx(w, { children: "Checking update" });
 }
-function PR(e, t) {
+function P2(e, t) {
   const {
     vizManager: n
   } = Pn(kn), {
@@ -30101,19 +30098,19 @@ function PR(e, t) {
     viz: i
   }, h = vx(u);
   try {
-    return n.resolveComponent(i.type), /* @__PURE__ */ r.jsx($a, { configure: h, children: /* @__PURE__ */ r.jsx(RR, { setVizConf: i.setConf, panel: u, measure: t, data: e, variables: d, vizManager: n }) });
+    return n.resolveComponent(i.type), /* @__PURE__ */ r.jsx($a, { configure: h, children: /* @__PURE__ */ r.jsx(R2, { setVizConf: i.setConf, panel: u, measure: t, data: e, variables: d, vizManager: n }) });
   } catch (p) {
     return console.info(ae(p, "message")), null;
   }
 }
-const OR = D(function({
+const O2 = D(function({
   data: t
 }) {
   const {
     ref: n,
     width: i,
     height: s
-  } = Li(), a = PR(t, {
+  } = Li(), a = P2(t, {
     w: i,
     h: s
   }), o = i > 0 && s > 0;
@@ -30122,7 +30119,7 @@ const OR = D(function({
     height: s,
     overflow: "hidden"
   }, children: o && /* @__PURE__ */ r.jsx(Je, { children: a }) }) });
-}), FR = D(({
+}), F2 = D(({
   panel: e
 }) => /* @__PURE__ */ r.jsxs(S, { children: [
   e.queryErrors.map((t, n) => /* @__PURE__ */ r.jsx(w, { color: "red", size: "sm", align: "center", sx: {
@@ -30136,9 +30133,9 @@ const OR = D(function({
   width: "100%"
 }, children: [
   /* @__PURE__ */ r.jsx(kr, { visible: e.dataLoading, exitTransitionDuration: 0 }),
-  !e.canRenderViz && /* @__PURE__ */ r.jsx(FR, { panel: e }),
-  e.canRenderViz && /* @__PURE__ */ r.jsx(OR, { data: e.data })
-] })), VR = {
+  !e.canRenderViz && /* @__PURE__ */ r.jsx(F2, { panel: e }),
+  e.canRenderViz && /* @__PURE__ */ r.jsx(O2, { data: e.data })
+] })), V2 = {
   border: "1px solid #e9ecef"
 }, Sx = D(({
   panel: e,
@@ -30148,7 +30145,7 @@ const OR = D(function({
   const {
     ref: i,
     downloadPanelScreenshot: s
-  } = LR(e);
+  } = L2(e);
   return e.title.show, /* @__PURE__ */ r.jsx(yp, { value: {
     panel: e,
     data: e.data,
@@ -30156,35 +30153,35 @@ const OR = D(function({
     errors: e.queryErrors,
     downloadPanelScreenshot: s
   }, children: /* @__PURE__ */ r.jsxs(A, { className: `panel-root ${e.title.show ? "panel-root--show-title" : ""}`, ref: i, p: 0, sx: {
-    ...VR,
+    ...V2,
     ...t
   }, children: [
     /* @__PURE__ */ r.jsx(A, { className: "panel-description-popover-wrapper", children: /* @__PURE__ */ r.jsx(bx, {}) }),
     n,
-    /* @__PURE__ */ r.jsx(ER, {}),
+    /* @__PURE__ */ r.jsx(E2, {}),
     /* @__PURE__ */ r.jsx(wx, { panel: e })
   ] }) });
-}), NR = {
+}), N2 = {
   border: "1px dashed transparent",
   transition: "border-color 300ms ease",
   "&:hover": {
     borderColor: "#e9ecef"
   }
 };
-function qR(e) {
-  return e.style.border.enabled ? {} : NR;
+function q2(e) {
+  return e.style.border.enabled ? {} : N2;
 }
-const BR = D(function({
+const B2 = D(function({
   panel: t,
   view: n
 }) {
-  const i = qR(t);
-  return /* @__PURE__ */ r.jsx(Sx, { panel: t, panelStyle: i, dropdownContent: /* @__PURE__ */ r.jsx(DR, { view: n, title: t.name }) });
+  const i = q2(t);
+  return /* @__PURE__ */ r.jsx(Sx, { panel: t, panelStyle: i, dropdownContent: /* @__PURE__ */ r.jsx(D2, { view: n, title: t.name }) });
 });
-function WR(e) {
+function W2(e) {
   return !["richText", "button"].includes(e);
 }
-const GR = D(({
+const G2 = D(({
   view: e,
   title: t
 }) => {
@@ -30201,7 +30198,7 @@ const GR = D(({
   } = R.useContext(Aa), c = R.useCallback(() => {
     o(a);
   }, [a, o]), d = !l && e.type !== H.Modal;
-  return WR(i.viz.type) ? /* @__PURE__ */ r.jsx(A, { sx: {
+  return W2(i.viz.type) ? /* @__PURE__ */ r.jsx(A, { sx: {
     position: "absolute",
     top: 0,
     left: 0,
@@ -30217,7 +30214,7 @@ const GR = D(({
     ] })
   ] }) }) : null;
 });
-function HR(e) {
+function H2(e) {
   return e.style.border.enabled ? {} : {
     border: "1px dashed transparent"
   };
@@ -30226,9 +30223,9 @@ const kx = D(({
   panel: e,
   view: t
 }) => {
-  const n = HR(e);
-  return /* @__PURE__ */ r.jsx(Sx, { panel: e, panelStyle: n, dropdownContent: /* @__PURE__ */ r.jsx(GR, { title: e.name, view: t }) });
-}), QR = {
+  const n = H2(e);
+  return /* @__PURE__ */ r.jsx(Sx, { panel: e, panelStyle: n, dropdownContent: /* @__PURE__ */ r.jsx(G2, { title: e.name, view: t }) });
+}), Q2 = {
   modal: {
     display: "flex",
     flexDirection: "column",
@@ -30238,17 +30235,17 @@ const kx = D(({
     display: "flex",
     height: "calc(100vh - 88px)"
   }
-}, UR = D(function({
+}, U2 = D(function({
   view: t,
   panel: n,
   exitFullScreen: i
 }) {
-  return /* @__PURE__ */ r.jsx(Le, { opened: !0, fullScreen: !0, onClose: i, title: /* @__PURE__ */ r.jsx(M, { color: "blue", size: "xs", onClick: i, leftIcon: /* @__PURE__ */ r.jsx(fy, { size: 20 }), children: "Exit fullscreen" }), styles: QR, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
+  return /* @__PURE__ */ r.jsx(Le, { opened: !0, fullScreen: !0, onClose: i, title: /* @__PURE__ */ r.jsx(M, { color: "blue", size: "xs", onClick: i, leftIcon: /* @__PURE__ */ r.jsx(fy, { size: 20 }), children: "Exit fullscreen" }), styles: Q2, children: /* @__PURE__ */ r.jsx(b, { grow: !0, sx: {
     flexGrow: 1,
     flexShrink: 0
   }, children: /* @__PURE__ */ r.jsx(kx, { view: t, panel: n }) }) });
 });
-function KR(e, t, n) {
+function K2(e, t, n) {
   const {
     panels: i
   } = Ue(), s = e.id === "Main", [a, o] = R.useState(() => s && i.findByID(t) ? t : null), l = R.useCallback((h) => {
@@ -30263,7 +30260,7 @@ function KR(e, t, n) {
     fullScreenPanel: d
   };
 }
-const YR = R.forwardRef(({
+const Y2 = R.forwardRef(({
   h: e
 }, t) => /* @__PURE__ */ r.jsx(Z, { ref: t, className: "react-grid-customDragHandle", sx: {
   userSelect: "none",
@@ -30275,7 +30272,7 @@ const YR = R.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", children: /* @__PURE__ */ r.jsx(xy, { size: 16 }) })), XR = R.forwardRef(({
+}, variant: "transparent", children: /* @__PURE__ */ r.jsx(xy, { size: 16 }) })), X2 = R.forwardRef(({
   handleAxis: e,
   ...t
 }, n) => /* @__PURE__ */ r.jsx(Z, { ref: n, className: "react-grid-customResizeHandle", sx: {
@@ -30288,7 +30285,7 @@ const YR = R.forwardRef(({
   "&:hover": {
     color: "#228be6"
   }
-}, variant: "transparent", ...t, children: /* @__PURE__ */ r.jsx(gy, { size: 16 }) })), JR = wh(Sh), ZR = D(({
+}, variant: "transparent", ...t, children: /* @__PURE__ */ r.jsx(gy, { size: 16 }) })), J2 = wh(Sh), Z2 = D(({
   view: e,
   className: t = "layout"
 }) => {
@@ -30307,9 +30304,9 @@ const YR = R.forwardRef(({
       newItem: h
     }), i.updateCurrentLayoutItems(d);
   };
-  return /* @__PURE__ */ r.jsx(JR, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, cols: i.cols, layouts: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ r.jsx(XR, {}), onResize: o, breakpoints: i.breakpoints, onBreakpointChange: i.setCurrentBreakpoint, onResizeStop: l, onDragStop: c, width: i.currentLayoutPreviewWidth, children: s.map((d) => /* @__PURE__ */ r.jsxs("div", { "data-grid": d.layoutProperies, className: "panel-grid-item", children: [
-    /* @__PURE__ */ r.jsx(YR, { h: d.h }),
-    /* @__PURE__ */ r.jsx(BR, { view: e, panel: d.panel })
+  return /* @__PURE__ */ r.jsx(J2, { className: `dashboard-layout ${t}`, rowHeight: 1, margin: [0, 0], isBounded: !0, isDraggable: !0, isResizable: !0, cols: i.cols, layouts: a, draggableHandle: ".react-grid-customDragHandle", resizeHandle: /* @__PURE__ */ r.jsx(X2, {}), onResize: o, breakpoints: i.breakpoints, onBreakpointChange: i.setCurrentBreakpoint, onResizeStop: l, onDragStop: c, width: i.currentLayoutPreviewWidth, children: s.map((d) => /* @__PURE__ */ r.jsxs("div", { "data-grid": d.layoutProperies, className: "panel-grid-item", children: [
+    /* @__PURE__ */ r.jsx(Y2, { h: d.h }),
+    /* @__PURE__ */ r.jsx(B2, { view: e, panel: d.panel })
   ] }, d.id)) });
 }), eP = wh(Sh), tP = D(({
   view: e,
@@ -30670,7 +30667,7 @@ const lP = D(({
       position: "sticky",
       top: "0px"
     }, children: /* @__PURE__ */ r.jsx(Vf, { view: t }) }),
-    /* @__PURE__ */ r.jsx(ZR, { view: t })
+    /* @__PURE__ */ r.jsx(Z2, { view: t })
   ] }) }) }) });
 }), $c = D(function({
   view: t
@@ -30683,14 +30680,14 @@ const lP = D(({
     exitFullScreen: a,
     inFullScreen: o,
     fullScreenPanel: l
-  } = KR(t, n, i);
+  } = K2(t, n, i);
   return /* @__PURE__ */ r.jsx(Aa.Provider, { value: {
     viewPanelInFullScreen: s,
     inFullScreen: o
   }, children: /* @__PURE__ */ r.jsxs(A, { className: "dashboard-view", "data-enable-scrollbar": !0, sx: {
     height: t.type === H.Modal ? "0 !important" : "100%"
   }, children: [
-    o && /* @__PURE__ */ r.jsx(UR, { view: t, panel: l, exitFullScreen: a }),
+    o && /* @__PURE__ */ r.jsx(U2, { view: t, panel: l, exitFullScreen: a }),
     /* @__PURE__ */ r.jsx(aP, { view: t, children: /* @__PURE__ */ r.jsxs(A, { sx: {
       position: "relative"
     }, children: [
@@ -31883,7 +31880,7 @@ const $P = x.model({
   addANewPanel(t) {
     var i;
     const n = Mn();
-    e.panels.append(_R(n)), (i = e.views.findByID(t)) == null || i.appendPanelID(n), e.layouts.addALayoutItem(n);
+    e.panels.append(_2(n)), (i = e.views.findByID(t)) == null || i.appendPanelID(n), e.layouts.addALayoutItem(n);
   },
   applyJSONSchema(t) {
     var h;
@@ -36295,7 +36292,7 @@ const fF = R.forwardRef(mF), xF = R.forwardRef(function({
 }), bF = D((e) => {
   const {
     t
-  } = v(), n = Jt(() => TR(e.variable), [e.variable]), i = () => e.uiModel.remove(e.variable);
+  } = v(), n = Jt(() => T2(e.variable), [e.variable]), i = () => e.uiModel.remove(e.variable);
   return /* @__PURE__ */ r.jsxs(S, { "data-testid": "variable-editor", align: "stretch", children: [
     /* @__PURE__ */ r.jsxs(b, { position: "apart", children: [
       /* @__PURE__ */ r.jsx(M, { variant: "subtle", size: "xs", disabled: !n.changed, color: "red", onClick: n.reset, leftIcon: /* @__PURE__ */ r.jsx(Gi, { size: 18 }), children: t("common.actions.revert_changes") }),
@@ -36413,7 +36410,7 @@ function kF() {
     id: l
   }, u = vx(d);
   try {
-    return c.resolveComponent(d.viz.type), /* @__PURE__ */ r.jsx($a, { configure: u, children: /* @__PURE__ */ r.jsx(AR, { variables: t, setVizConf: n.setConf, panel: d, vizManager: c, data: e }) });
+    return c.resolveComponent(d.viz.type), /* @__PURE__ */ r.jsx($a, { configure: u, children: /* @__PURE__ */ r.jsx(A2, { variables: t, setVizConf: n.setConf, panel: d, vizManager: c, data: e }) });
   } catch (h) {
     return console.info(ae(h, "message")), null;
   }
@@ -38452,10 +38449,10 @@ function rN({
     update_time: s,
     version: d,
     filters: px(u, o, T, l),
-    queries: SR(f),
-    sqlSnippets: CR(y),
+    queries: S2(f),
+    sqlSnippets: C2(y),
     mock_context: qf(T),
-    views: bR(h, c),
+    views: b2(h, c),
     panels: {
       list: p
     },
@@ -38471,7 +38468,7 @@ const iN = x.model({
   group: x.string,
   content: Bx,
   content_id: x.string,
-  datasources: xR,
+  datasources: x2,
   globalSQLSnippets: nx,
   context: Ec
 });
@@ -38617,11 +38614,11 @@ export {
   $c as DashboardViewRender,
   tx as DataSourceMetaModel,
   Ve as DataSourceType,
-  xR as DataSourcesMetaModel,
+  x2 as DataSourcesMetaModel,
   jp as DatesProvider,
   zv as DefaultApiClient,
   bx as DescriptionPopover,
-  IR as DraftModel,
+  I2 as DraftModel,
   H as EViewComponentType,
   r3 as FacadeApiClient,
   Bf as FilterCheckboxConfigMeta,
@@ -38633,51 +38630,51 @@ export {
   Yf as FilterTreeSelectConfigMeta,
   gP as FiltersModel,
   hx as FiltersRenderModel,
-  UR as FullScreenPanel,
+  U2 as FullScreenPanel,
   _p as FullScreenPanelContext,
-  gR as GlobalSQLSnippetMeta,
+  g2 as GlobalSQLSnippetMeta,
   nx as GlobalSQLSnippetsMeta,
-  J2 as LayoutItemMeta,
-  Z2 as LayoutSetMeta,
+  JR as LayoutItemMeta,
+  ZR as LayoutSetMeta,
   bl as LayoutStateContext,
   xx as LayoutsRenderModel,
   Nf as MockContextMeta,
-  wR as MuteQueryModel,
-  BR as Panel,
+  w2 as MuteQueryModel,
+  B2 as Panel,
   yp as PanelContextProvider,
-  FR as PanelErrorOrStateMessage,
-  Y2 as PanelMeta,
+  F2 as PanelErrorOrStateMessage,
+  YR as PanelMeta,
   DP as PanelModel,
   kx as PanelRender,
   ox as PanelRenderModel,
-  H2 as PanelStyleMeta,
-  Q2 as PanelTitleMeta,
-  K2 as PanelVizMeta,
+  HR as PanelStyleMeta,
+  QR as PanelTitleMeta,
+  KR as PanelVizMeta,
   wx as PanelVizSection,
   MP as PanelsModel,
   lx as PanelsRenderModel,
   yP as QueriesModel,
   fx as QueriesRenderModel,
-  X2 as QueryMeta,
+  XR as QueryMeta,
   bP as QueryModel,
   mx as QueryRenderModel,
   p3 as ReadOnlyDashboard,
-  eR as SQLSnippetMeta,
-  kR as SQLSnippetRenderModel,
+  e2 as SQLSnippetMeta,
+  k2 as SQLSnippetRenderModel,
   vP as SQLSnippetsModel,
   gx as SQLSnippetsRenderModel,
-  U2 as VariableMeta,
+  UR as VariableMeta,
   fP as ViewComponentTypeBackground,
   d3 as ViewComponentTypeColor,
   c3 as ViewComponentTypeName,
   Jf as ViewDivisionConfig,
-  fR as ViewMeta,
+  f2 as ViewMeta,
   Zf as ViewModalConfig,
   ix as ViewRenderModel,
   ex as ViewTabsConfig,
   LP as ViewsModel,
   sx as ViewsRenderModel,
-  OR as Viz,
+  O2 as Viz,
   u3 as applyPartialDashboard,
   Th as configureAPIClient,
   AP as createContentModel,
@@ -38685,25 +38682,25 @@ export {
   rx as createContextMeta,
   PP as createDashboardModel,
   sN as createDashboardRenderModel,
-  TR as createDraft,
-  tR as createFilterCheckboxConfig,
-  rR as createFilterDateRangeConfig,
-  sR as createFilterMultiSelectConfig,
-  aR as createFilterSelectConfig,
+  T2 as createDraft,
+  t2 as createFilterCheckboxConfig,
+  r2 as createFilterDateRangeConfig,
+  s2 as createFilterMultiSelectConfig,
+  a2 as createFilterSelectConfig,
   Kf as createFilterTextInputConfig,
-  cR as createFilterTreeSelectConfig,
-  dR as createViewDivisionConfig,
-  hR as createViewModalConfig,
-  mR as createViewTabsConfig,
+  c2 as createFilterTreeSelectConfig,
+  d2 as createViewDivisionConfig,
+  h2 as createViewModalConfig,
+  m2 as createViewTabsConfig,
   Ev as facadeApiClient,
   ra as formatSQLSnippet,
   Tx as getInitialDashboardViewsModel,
   px as getInitialFiltersConfig,
   qf as getInitialMockContextMeta,
-  SR as getInitialQueriesRenderModel,
-  CR as getInitialSQLSnippetsRenderModel,
-  bR as getInitialViewsRenderModel,
-  _R as getNewPanel,
+  S2 as getInitialQueriesRenderModel,
+  C2 as getInitialSQLSnippetsRenderModel,
+  b2 as getInitialViewsRenderModel,
+  _2 as getNewPanel,
   m3 as getVersion,
   l3 as initialDashboardContent,
   hp as useDashboardContext,
@@ -38712,7 +38709,7 @@ export {
   pe as useEditDashboardContext,
   wt as useEditPanelContext,
   jw as useFullScreenPanelContext,
-  KR as usePanelFullScreen,
+  K2 as usePanelFullScreen,
   Ue as useRenderContentModelContext,
   bw as useRenderDashboardContext,
   Sn as useRenderPanelContext