vue-data-ui 3.3.3 → 3.4.0

package/dist/{vue-ui-flow-sX1PYIkr.js → vue-ui-flow-D-W3VQTv.js}

@@ -1,26 +1,26 @@
-import { defineAsyncComponent as H, ref as c, computed as d, onMounted as no, toRefs as so, watch as Te, createElementBlock as g, openBlock as i, unref as r, normalizeStyle as W, normalizeClass as wt, createBlock as q, createCommentVNode as T, createElementVNode as G, createVNode as xe, createSlots as $t, withCtx as b, renderSlot as k, normalizeProps as Q, guardReactiveProps as ee, Fragment as ve, renderList as de, toDisplayString as he, Teleport as ro, resolveDynamicComponent as uo, mergeProps as io, createTextVNode as At, nextTick as co } from "vue";
-import { c as Ge, t as vo, o as Tt, f as ho, b as fo, p as L, e as po, q as x, h as go, d as fe, X as mo, E as xt, O as yo, a as Ue, x as bo, y as Co, z as ko } from "./lib-CSDxt1Zh.js";
+import { defineAsyncComponent as H, ref as c, computed as d, onMounted as no, toRefs as so, watch as Te, createElementBlock as g, openBlock as i, unref as r, normalizeStyle as W, normalizeClass as wt, createBlock as q, createCommentVNode as T, createElementVNode as G, createVNode as xe, createSlots as $t, withCtx as b, renderSlot as k, normalizeProps as Z, guardReactiveProps as ee, Fragment as ve, renderList as de, toDisplayString as he, Teleport as ro, resolveDynamicComponent as uo, mergeProps as io, createTextVNode as At, nextTick as co } from "vue";
+import { c as Ge, t as vo, o as Tt, f as ho, b as fo, p as L, e as po, x, h as go, d as fe, X as mo, J as xt, I as yo, a as Ue, P as bo, Q as Co, G as ko } from "./lib-BcBZIm6u.js";
 import { t as wo, u as $o } from "./useResponsive-DfdjqQps.js";
-import { u as Ao, a as St } from "./useNestedProp-Dh-ldrr5.js";
-import { u as To } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as Ao, a as St } from "./useNestedProp-B7CiTRDS.js";
+import { u as To } from "./usePrinter-C1GiglOH.js";
 import { u as xo, B as So } from "./BaseScanner-BgWxam9d.js";
 import { u as _o } from "./useSvgExport-DrjCWun4.js";
 import { u as Oo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as No } from "./useChartAccessibility-9icAAmYg.js";
 import { t as Fo } from "./themes-Dw-dDudK.js";
-import Eo from "./Legend-CCBZ2x8T.js";
-import Io from "./Title-B6rAo9Oz.js";
-import Po from "./img-DI-W68vp.js";
+import Eo from "./Legend-C8u37J42.js";
+import Io from "./Title-CFmv95In.js";
+import Po from "./img-CFY3JivG.js";
 import { _ as Mo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Do = ["id"], Lo = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, zo = ["id"], Bo = ["xmlns", "viewBox"], Ro = ["width", "height"], Ho = ["id"], Wo = ["stop-color"], Go = ["stop-color"], Uo = ["d", "fill", "stroke", "stroke-width"], Yo = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], jo = { key: 1 }, Vo = ["x", "y", "font-size", "fill"], Xo = ["x", "y", "font-size", "fill"], qo = {
+}, Bo = ["id"], zo = ["xmlns", "viewBox"], Ro = ["width", "height"], Ho = ["id"], Wo = ["stop-color"], Go = ["stop-color"], Uo = ["d", "fill", "stroke", "stroke-width"], Yo = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], jo = { key: 1 }, Vo = ["x", "y", "font-size", "fill"], Xo = ["x", "y", "font-size", "fill"], qo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Ko = ["id"], Zo = ["onClick"], Jo = ["innerHTML"], Qo = {
+}, Jo = ["id"], Ko = ["onClick"], Qo = ["innerHTML"], Zo = {
   __name: "vue-ui-flow",
   props: {
     config: {
@@ -37,12 +37,12 @@ const Do = ["id"], Lo = {
     }
   },
   setup(_t, { expose: Ot }) {
-    const Nt = H(() => import("./Tooltip-DaInVNiV.js")), Ft = H(() => import("./BaseIcon-DG6cvf2h.js")), Et = H(() => import("./vue-ui-accordion-CaClZrCp.js")), It = H(() => import("./DataTable-DUpZ_s2c.js")), Pt = H(() => import("./PenAndPaper-D9LruJaM.js")), Mt = H(() => import("./UserOptions-CJXSEhan.js")), Dt = H(() => import("./PackageVersion-CQvYRebC.js")), Lt = H(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_flow: zt } = Ao(), F = _t, U = c(Ge()), M = c(null), Ye = c(0), je = c(0), Se = c(!1), _e = c(""), Ve = c(null), Xe = c(null), qe = c(null), te = c(null), pe = c(null), Ke = c(!1), oe = c(null), Oe = c(null), Ze = d(() => !!F.dataset && F.dataset.length);
+    const Nt = H(() => import("./Tooltip-Cs4v8OnI.js")), Ft = H(() => import("./BaseIcon-B5KaGWWC.js")), Et = H(() => import("./vue-ui-accordion-BKkTS12x.js")), It = H(() => import("./DataTable-DOx3zgih.js")), Pt = H(() => import("./PenAndPaper-Dj2diYr0.js")), Mt = H(() => import("./UserOptions-C0YT60JN.js")), Dt = H(() => import("./PackageVersion-DyDViSOy.js")), Lt = H(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_flow: Bt } = Ao(), F = _t, U = c(Ge()), M = c(null), Ye = c(0), je = c(0), Se = c(!1), _e = c(""), Ve = c(null), Xe = c(null), qe = c(null), te = c(null), pe = c(null), Je = c(!1), oe = c(null), Oe = c(null), Ke = d(() => !!F.dataset && F.dataset.length);
     no(() => {
-      Ke.value = !0, Qe();
+      Je.value = !0, Ze();
     });
     const Y = c(!1);
-    function Je(t) {
+    function Qe(t) {
       Y.value = t, Ye.value += 1;
     }
     const e = c(Pe()), { loading: Ne, FINAL_DATASET: ge, manualLoading: Fe } = xo({
@@ -89,12 +89,12 @@ const Do = ["id"], Lo = {
           }
         }
       })
-    }), Bt = d(() => !!e.value.debug);
-    function Qe() {
+    }), zt = d(() => !!e.value.debug);
+    function Ze() {
       if (Tt(F.dataset) && (ho({
         componentName: "VueUiFlow",
         type: "dataset",
-        debug: Bt.value
+        debug: zt.value
       }), Fe.value = !0), Tt(F.dataset) || (Fe.value = e.value.loading), e.value.responsive) {
         const t = wo(() => {
           const { width: l, height: o } = $o({
@@ -116,7 +116,7 @@ const Do = ["id"], Lo = {
     function Pe() {
       const t = St({
         userConfig: F.config,
-        defaultConfig: zt
+        defaultConfig: Bt
       });
       let l = t;
       return t.theme ? l = {
@@ -131,7 +131,7 @@ const Do = ["id"], Lo = {
     Te(
       () => F.config,
       (t) => {
-        Ne.value || (e.value = Pe()), Ee.value = !e.value.userOptions.showOnChartHover, Qe(), je.value += 1, E.value.showTable = e.value.table.show;
+        Ne.value || (e.value = Pe()), Ee.value = !e.value.userOptions.showOnChartHover, Ze(), je.value += 1, E.value.showTable = e.value.table.show;
       },
       { deep: !0 }
     ), Te(() => F.dataset, (t) => {
@@ -173,8 +173,8 @@ const Do = ["id"], Lo = {
         const f = l[a]?.level ?? 0, _ = f + 1;
         n(a, f), n(u, _), l[a].children.push({ target: u, value: h }), l[a].outflow += h, l[u].inflow += h;
       });
-      const s = new Set(t.map(([a]) => a)), $ = new Set(t.map(([, a]) => a)), Z = Array.from(s).filter((a) => !$.has(a)), re = {};
-      Z.forEach((a, u) => {
+      const s = new Set(t.map(([a]) => a)), $ = new Set(t.map(([, a]) => a)), K = Array.from(s).filter((a) => !$.has(a)), re = {};
+      K.forEach((a, u) => {
         re[a] = me.value[u] || L[u % L.length];
       });
       const ue = {};
@@ -182,48 +182,48 @@ const Do = ["id"], Lo = {
         f && (ue[a] = f, ue[u] = f);
       }), Object.keys(l).forEach((a, u) => {
         const h = e.value.nodeCategories?.[a], f = h ? e.value.nodeCategoryColors?.[h] : null;
-        l[a].color = ue[a] || f || (Z.includes(a) ? re[a] : null) || L[u % L.length];
+        l[a].color = ue[a] || f || (K.includes(a) ? re[a] : null) || L[u % L.length];
       }), Object.keys(l).forEach((a) => {
         l[a].value = Math.max(l[a].inflow, l[a].outflow);
       });
-      const we = le.value, Be = vt.value.width, J = vt.value.height, D = Object.keys(o).map(Number).sort((a, u) => a - u), $e = D.length || 1, Re = $e > 1 ? Be / ($e - 1) : 0, A = Number(ye.value), P = Number(
+      const we = le.value, ze = vt.value.width, Q = vt.value.height, D = Object.keys(o).map(Number).sort((a, u) => a - u), $e = D.length || 1, Re = $e > 1 ? ze / ($e - 1) : 0, A = Number(ye.value), P = Number(
         e.value.style.chart.nodes.gapPx ?? e.value.style.chart.nodes.gap ?? 8
       ), ie = Number(e.value.style.chart.nodes.minHeight || 0);
       function v(a) {
         const u = o[a], h = u.length;
         if (!h) return 1 / 0;
-        const f = Math.max(0, (h - 1) * P), _ = Math.max(0, J - f), z = Math.min(ie, h ? _ / h : 0);
+        const f = Math.max(0, (h - 1) * P), _ = Math.max(0, Q - f), B = Math.min(ie, h ? _ / h : 0);
         let C = 0, O = u.map((p) => l[p].value || 0), y = O.reduce((p, N) => p + N, 0);
         for (let p = 0; p < 12; p += 1) {
-          const N = y > 0 ? (_ - C) / y : 0, B = [];
+          const N = y > 0 ? (_ - C) / y : 0, z = [];
           for (let I = 0; I < O.length; I += 1) {
             const R = O[I];
-            R < 0 || R * N < z && B.push(I);
+            R < 0 || R * N < B && z.push(I);
           }
-          if (!B.length) return Math.max(0, N);
-          for (const I of B)
-            C += z, y -= O[I], O[I] = -1;
+          if (!z.length) return Math.max(0, N);
+          for (const I of z)
+            C += B, y -= O[I], O[I] = -1;
           if (y <= 0) return 0;
         }
         return y > 0 ? Math.max(0, (_ - C) / y) : 0;
       }
       const m = D.map(v), V = m.length ? Math.min(...m) : 0, X = {};
       D.forEach((a) => {
-        const u = o[a], h = u.length, f = Math.max(0, (h - 1) * P), _ = Math.max(0, J - f), z = Math.min(ie, h ? _ / h : 0), C = u.map(
-          (p) => Math.max(z, (l[p].value || 0) * V)
+        const u = o[a], h = u.length, f = Math.max(0, (h - 1) * P), _ = Math.max(0, Q - f), B = Math.min(ie, h ? _ / h : 0), C = u.map(
+          (p) => Math.max(B, (l[p].value || 0) * V)
         ), O = C.reduce((p, N) => p + N, 0) + f;
-        let y = Math.max(0, (J - O) / 2);
+        let y = Math.max(0, (Q - O) / 2);
         u.forEach((p, N) => {
-          const B = C[N], I = we.left + a * Re, R = y;
+          const z = C[N], I = we.left + a * Re, R = y;
           X[p] = {
             x: I,
             y: R,
             absoluteY: R,
-            height: B,
+            height: z,
             i: N,
             color: l[p].color,
             value: l[p].value
-          }, y += B, N < h - 1 && (y += P);
+          }, y += z, N < h - 1 && (y += P);
         });
       });
       const bt = [], ce = we.top, He = {}, We = {};
@@ -235,10 +235,10 @@ const Do = ["id"], Lo = {
         o[a].forEach((h) => {
           const f = l[h], _ = X[h];
           if (!f.children || !f.children.length) return;
-          let z = _.y;
+          let B = _.y;
           f.children.forEach(({ target: C, value: O }) => {
-            const y = X[C], p = l[C], N = f.outflow > 0 ? O / f.outflow : 0, B = p.inflow > 0 ? O / p.inflow : 0, I = x(z + ce), R = x(z + N * _.height + ce), Ct = He[C];
-            let Ae = Ct + B * y.height;
+            const y = X[C], p = l[C], N = f.outflow > 0 ? O / f.outflow : 0, z = p.inflow > 0 ? O / p.inflow : 0, I = x(B + ce), R = x(B + N * _.height + ce), Ct = He[C];
+            let Ae = Ct + z * y.height;
             We[C] += O;
             const oo = p.inflow > 0 && We[C] >= p.inflow - eo, kt = y.y + y.height;
             (oo || Ae > kt - to) && (Ae = kt);
@@ -251,7 +251,7 @@ const Do = ["id"], Lo = {
               value: O,
               sourceColor: f.color,
               targetColor: l[C].color
-            }), z = R - ce, He[C] = Ae;
+            }), B = R - ce, He[C] = Ae;
           });
         });
       }), { nodeCoordinates: X, links: bt };
@@ -274,26 +274,26 @@ const Do = ["id"], Lo = {
     }));
     function Wt(t) {
       const l = {}, o = {}, n = /* @__PURE__ */ new Set();
-      return ut.value.forEach(([s, $, Z]) => {
+      return ut.value.forEach(([s, $, K]) => {
         l[s] || (l[s] = []), o[$] || (o[$] = []), l[s].push($), o[$].push(s);
       }), l[t] && l[t].forEach((s) => n.add(s)), o[t] && o[t].forEach((s) => n.add(s)), Array.from(n).concat(t);
     }
-    const w = c(null), K = c(null), ne = c(null), be = c(!1);
+    const w = c(null), J = c(null), ne = c(null), be = c(!1);
     function Gt(t, l) {
-      j.value = [], w.value = Wt(t.name), K.value = t.name;
+      j.value = [], w.value = Wt(t.name), J.value = t.name;
       const o = t.name, n = ut.value;
-      let s = 0, $ = 0, Z = [], re = [];
-      const ue = new Set(n.map(([v]) => v)), we = new Set(n.map(([, v]) => v)), Be = Array.from(ue).filter((v) => !we.has(v)), J = n.filter(([v]) => Be.includes(v)).reduce((v, [m, V, X]) => v + X, 0), D = {};
+      let s = 0, $ = 0, K = [], re = [];
+      const ue = new Set(n.map(([v]) => v)), we = new Set(n.map(([, v]) => v)), ze = Array.from(ue).filter((v) => !we.has(v)), Q = n.filter(([v]) => ze.includes(v)).reduce((v, [m, V, X]) => v + X, 0), D = {};
       S.value.nodes.forEach((v) => {
         D[v.name] = v.color;
       }), n.forEach(([v, m, V]) => {
-        m === o && (s += V, Z.push({ source: v, value: V, color: D[v] })), v === o && ($ += V, re.push({ target: m, value: V, color: D[m] }));
+        m === o && (s += V, K.push({ source: v, value: V, color: D[v] })), v === o && ($ += V, re.push({ target: m, value: V, color: D[m] }));
       });
-      const $e = Math.max(s, $), Re = J > 0 ? $e / J * 100 : 0, A = {
+      const $e = Math.max(s, $), Re = Q > 0 ? $e / Q * 100 : 0, A = {
         name: o,
         inflow: s,
         outflow: $,
-        from: Z,
+        from: K,
         to: re,
         percentOfTotal: Re,
         color: D[o] || "#000000"
@@ -346,7 +346,7 @@ const Do = ["id"], Lo = {
     }
     function dt(t) {
       const l = ne.value;
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: t }), w.value = null, K.value = null, Se.value = !1;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: t }), w.value = null, J.value = null, Se.value = !1;
     }
     function Ut(t) {
       const l = ne.value;
@@ -452,22 +452,22 @@ const Do = ["id"], Lo = {
         ).length
       })).map((l, o) => ({
         ...l,
-        segregate: () => ze({ legend: l, i: o }),
+        segregate: () => Be({ legend: l, i: o }),
         opacity: j.value.length ? j.value.includes(o) ? 1 : 0.5 : 1,
         display: `${l.name} (${l.count})`
       }));
     }), Le = d(
       () => gt.value.filter((t) => t.name !== "__uncategorized__")
     ), j = c([]);
-    function ze({ legend: t, i: l }) {
+    function Be({ legend: t, i: l }) {
       const o = t.name;
       if (w.value?.every(
         (n) => e.value.nodeCategories[n] === o
       )) {
-        w.value = null, K.value = null, j.value = [];
+        w.value = null, J.value = null, j.value = [];
         return;
       }
-      j.value = [l], w.value = S.value.nodes.filter((n) => e.value.nodeCategories[n.name] === o).map((n) => n.name), K.value = null;
+      j.value = [l], w.value = S.value.nodes.filter((n) => e.value.nodeCategories[n.name] === o).map((n) => n.name), J.value = null;
     }
     const jt = d(() => ({
       cy: "flow-legend",
@@ -528,19 +528,19 @@ const Do = ["id"], Lo = {
     const Xt = d(() => Le.value.map((t) => ({
       ...t,
       name: t.display
-    }))), qt = d(() => e.value.style.chart.backgroundColor), Kt = d(() => e.value.style.chart.legend), Zt = d(() => e.value.style.chart.title), { exportSvg: Jt, getSvg: Qt } = _o({
+    }))), qt = d(() => e.value.style.chart.backgroundColor), Jt = d(() => e.value.style.chart.legend), Kt = d(() => e.value.style.chart.title), { exportSvg: Qt, getSvg: Zt } = _o({
       svg: Ie,
-      title: Zt,
-      legend: Kt,
+      title: Kt,
+      legend: Jt,
       legendItems: Xt,
       backgroundColor: qt
     });
     async function yt({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: n, dataUrl: s } = await Qt();
+        const { blob: l, url: o, text: n, dataUrl: s } = await Zt();
         e.value.userOptions.callbacks.svg({ blob: l, url: o, text: n, dataUrl: s });
       } else
-        Jt();
+        Qt();
     }
     return Ot({
       getData: Yt,
@@ -552,9 +552,9 @@ const Do = ["id"], Lo = {
       toggleTable: ft,
       toggleAnnotator: De,
       toggleTooltip: pt,
-      drillCategory: ze,
+      drillCategory: Be,
       unselectNode: dt,
-      toggleFullscreen: Je
+      toggleFullscreen: Qe
     }), (t, l) => (i(), g("div", {
       ref_key: "flowChart",
       ref: M,
@@ -595,8 +595,8 @@ const Do = ["id"], Lo = {
       ], 512)) : T("", !0),
       G("div", {
         id: `legend-top-${U.value}`
-      }, null, 8, zo),
-      e.value.userOptions.show && Ze.value && (r(tt) || r(Ee)) ? (i(), q(r(Mt), {
+      }, null, 8, Bo),
+      e.value.userOptions.show && Ke.value && (r(tt) || r(Ee)) ? (i(), q(r(Mt), {
         ref_key: "userOptionsRef",
         ref: Oe,
         key: `user_option_${Ye.value}`,
@@ -623,7 +623,7 @@ const Do = ["id"], Lo = {
         isTooltip: E.value.showTooltip,
         tableDialog: e.value.table.useDialog,
         onToggleTooltip: pt,
-        onToggleFullscreen: Je,
+        onToggleFullscreen: Qe,
         onGeneratePdf: r(st),
         onGenerateCsv: Me,
         onGenerateImage: r(rt),
@@ -637,7 +637,7 @@ const Do = ["id"], Lo = {
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: o, color: n }) => [
-            k(t.$slots, "menuIcon", Q(ee({ isOpen: o, color: n })), void 0, !0)
+            k(t.$slots, "menuIcon", Z(ee({ isOpen: o, color: n })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -679,14 +679,14 @@ const Do = ["id"], Lo = {
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: b(({ toggleFullscreen: o, isFullscreen: n }) => [
-            k(t.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
+            k(t.$slots, "optionFullscreen", Z(ee({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: b(({ toggleAnnotator: o, isAnnotator: n }) => [
-            k(t.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
+            k(t.$slots, "optionAnnotator", Z(ee({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -747,7 +747,7 @@ const Do = ["id"], Lo = {
           stroke: e.value.style.chart.links.stroke,
           "stroke-width": e.value.style.chart.links.strokeWidth,
           style: W(`
-                    opacity:${w.value ? w.value.includes(o.source) && w.value.includes(o.target) ? 1 : 0.3 : K.value ? [o.target, o.source].includes(K.value) ? 1 : 0.3 : e.value.style.chart.links.opacity}
+                    opacity:${w.value ? w.value.includes(o.source) && w.value.includes(o.target) ? 1 : 0.3 : J.value ? [o.target, o.source].includes(J.value) ? 1 : 0.3 : e.value.style.chart.links.opacity}
                 `)
         }, null, 12, Uo))), 256)),
         (i(!0), g(ve, null, de(S.value.nodes, (o, n) => (i(), g("rect", {
@@ -800,14 +800,14 @@ const Do = ["id"], Lo = {
           )), 13, Xo))), 256))
         ])) : T("", !0),
         k(t.$slots, "svg", { svg: ae.value }, void 0, !0)
-      ], 14, Bo)),
+      ], 14, zo)),
       t.$slots.watermark ? (i(), g("div", qo, [
-        k(t.$slots, "watermark", Q(ee({ isPrinting: r(at) || r(nt) })), void 0, !0)
+        k(t.$slots, "watermark", Z(ee({ isPrinting: r(at) || r(nt) })), void 0, !0)
       ])) : T("", !0),
       G("div", {
         id: `legend-bottom-${U.value}`
-      }, null, 8, Ko),
-      Ke.value ? (i(), q(ro, {
+      }, null, 8, Jo),
+      Je.value ? (i(), q(ro, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${U.value}` : `#legend-bottom-${U.value}`
       }, [
@@ -819,14 +819,14 @@ const Do = ["id"], Lo = {
             key: 0,
             legendSet: Le.value,
             config: jt.value,
-            onClickMarker: l[0] || (l[0] = (o) => ze(o))
+            onClickMarker: l[0] || (l[0] = (o) => Be(o))
           }, {
             item: b(({ legend: o, index: n }) => [
               r(Ne) ? T("", !0) : (i(), g("div", {
                 key: 0,
                 onClick: (s) => o.segregate(),
                 style: W(`opacity:${j.value.length ? j.value.includes(n) ? 1 : 0.5 : 1}`)
-              }, he(o.display), 13, Zo))
+              }, he(o.display), 13, Ko))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : T("", !0),
@@ -862,14 +862,14 @@ const Do = ["id"], Lo = {
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": b(() => [
-          k(t.$slots, "tooltip-before", Q(ee({ ...ne.value })), void 0, !0)
+          k(t.$slots, "tooltip-before", Z(ee({ ...ne.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          k(t.$slots, "tooltip-after", Q(ee({ ...ne.value })), void 0, !0)
+          k(t.$slots, "tooltip-after", Z(ee({ ...ne.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Ze.value && e.value.userOptions.buttons.table ? (i(), q(uo(se.value.component), io({ key: 7 }, se.value.props, {
+      Ke.value && e.value.userOptions.buttons.table ? (i(), q(uo(se.value.component), io({ key: 7 }, se.value.props, {
         ref_key: "tableUnit",
         ref: oe,
         onClose: mt
@@ -888,7 +888,7 @@ const Do = ["id"], Lo = {
               G("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Jo)
+              }, null, 8, Qo)
             ]),
             td: b(({ td: o }) => [
               At(he(o.name || o), 1)
@@ -925,7 +925,7 @@ const Do = ["id"], Lo = {
       r(Ne) ? (i(), q(So, { key: 8 })) : T("", !0)
     ], 46, Do));
   }
-}, fl = /* @__PURE__ */ Mo(Qo, [["__scopeId", "data-v-277f5344"]]);
+}, fl = /* @__PURE__ */ Mo(Zo, [["__scopeId", "data-v-277f5344"]]);
 export {
   fl as default
 };