vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-word-cloud-Cjs46-dC.js → vue-ui-word-cloud-D5pZq4Jq.js}

@@ -1,10 +1,10 @@
-import { useCssVars as dt, defineAsyncComponent as j, computed as q, ref as m, toRefs as mt, watch as le, shallowRef as Ee, onMounted as ht, onBeforeUnmount as pt, createElementBlock as _, openBlock as w, unref as s, normalizeStyle as ye, createBlock as ne, createCommentVNode as W, createVNode as ke, createSlots as Xe, withCtx as T, renderSlot as S, normalizeProps as se, guardReactiveProps as ie, normalizeClass as Ue, createElementVNode as we, Fragment as ft, renderList as gt, toDisplayString as Me, resolveDynamicComponent as bt, mergeProps as yt, createTextVNode as Le, nextTick as Ye } from "vue";
+import { useCssVars as dt, defineAsyncComponent as j, computed as q, ref as m, toRefs as mt, watch as le, shallowRef as Ee, onMounted as ht, onBeforeUnmount as ft, createElementBlock as B, openBlock as w, unref as s, normalizeStyle as ye, createBlock as ne, createCommentVNode as W, createVNode as ke, createSlots as Xe, withCtx as S, renderSlot as T, normalizeProps as se, guardReactiveProps as ie, normalizeClass as Ue, createElementVNode as we, Fragment as pt, renderList as gt, toDisplayString as Me, resolveDynamicComponent as bt, mergeProps as yt, createTextVNode as Le, nextTick as Ye } from "vue";
 import { d as kt, t as wt, u as Ct } from "./useResponsive-DfdjqQps.js";
-import { c as Ge, t as xt, ar as $t, x as Tt, b as St, p as Ce, o as je, f as qe, g as Ft, d as Mt, X as Pt, P as Ot, Q as At, G as It } from "./lib-C_mNZmhD.js";
+import { c as Ge, t as xt, ar as $t, x as St, b as Tt, p as Ce, o as je, f as qe, g as Ft, d as Mt, X as Pt, P as Ot, Q as At, G as It } from "./lib-C_mNZmhD.js";
 import { u as zt, a as He } from "./useNestedProp-BjZe1Y85.js";
 import { u as Dt, B as Nt } from "./BaseScanner-BgWxam9d.js";
-import { u as _t } from "./usePrinter-DTzqpYKF.js";
-import { u as Bt } from "./useSvgExport-DrjCWun4.js";
+import { u as Bt } from "./usePrinter-DTzqpYKF.js";
+import { u as _t } from "./useSvgExport-DrjCWun4.js";
 import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
 import Wt from "./img-BecE5qXd.js";
@@ -13,11 +13,11 @@ import { t as Xt } from "./themes-AUNCOb2G.js";
 import { u as Ut } from "./usePanZoom-BVca3eMk.js";
 import { _ as Lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function Yt(C, b) {
-  const { width: v, height: h } = C, p = b.getImageData(0, 0, v, h).data;
+  const { width: v, height: h } = C, f = b.getImageData(0, 0, v, h).data;
   let l = v, o = h, i = 0, x = 0, F = !1;
   for (let r = 0; r < h; r += 1)
     for (let y = 0; y < v; y += 1)
-      p[(r * v + y) * 4 + 3] > 1 && (F = !0, y < l && (l = y), y > i && (i = y), r < o && (o = r), r > x && (x = r));
+      f[(r * v + y) * 4 + 3] > 1 && (F = !0, y < l && (l = y), y > i && (i = y), r < o && (o = r), r > x && (x = r));
   return F ? [l, o, i, x] : [0, 0, 0, 0];
 }
 function Ze({
@@ -26,41 +26,41 @@ function Ze({
   pad: v,
   canvas: h,
   ctx: d,
-  svg: p
+  svg: f
 }) {
-  d.save(), d.font = `${p.style && p.style.bold ? "bold " : ""}${b}px Arial`;
+  d.save(), d.font = `${f.style && f.style.bold ? "bold " : ""}${b}px Arial`;
   const l = d.measureText(C.name), o = Math.ceil(l.width) + 2 + (v ? v * 2 : 0), i = Math.ceil(b) + 2 + (v ? v * 2 : 0);
-  h.width = o, h.height = i, d.clearRect(0, 0, o, i), d.font = `${p.style && p.style.bold ? "bold " : ""}${b}px Arial`, d.textAlign = "center", d.textBaseline = "middle", d.fillStyle = "black", d.fillText(C.name, o / 2, i / 2);
+  h.width = o, h.height = i, d.clearRect(0, 0, o, i), d.font = `${f.style && f.style.bold ? "bold " : ""}${b}px Arial`, d.textAlign = "center", d.textBaseline = "middle", d.fillStyle = "black", d.fillText(C.name, o / 2, i / 2);
   const F = d.getImageData(0, 0, o, i).data, r = [];
-  for (let B = 0; B < i; B += 1)
+  for (let _ = 0; _ < i; _ += 1)
     for (let U = 0; U < o; U += 1)
-      F[(B * o + U) * 4 + 3] > 1 && r.push([U, B]);
+      F[(_ * o + U) * 4 + 3] > 1 && r.push([U, _]);
   const [y, E, X, k] = Yt(h, d);
   return d.restore(), { w: o, h: i, wordMask: r, minX: y, minY: E, maxX: X, maxY: k };
 }
-function Qe({ mask: C, maskW: b, maskH: v, wx: h, wy: d, wordMask: p }) {
-  for (let l = 0; l < p.length; l += 1) {
-    const o = h + p[l][0], i = d + p[l][1];
+function Qe({ mask: C, maskW: b, maskH: v, wx: h, wy: d, wordMask: f }) {
+  for (let l = 0; l < f.length; l += 1) {
+    const o = h + f[l][0], i = d + f[l][1];
     if (o < 0 || i < 0 || o >= b || i >= v || C[i * b + o]) return !1;
   }
   return !0;
 }
-function Je({ mask: C, maskW: b, maskH: v, wx: h, wy: d, wordMask: p }) {
-  for (let l = 0; l < p.length; l += 1) {
-    const o = h + p[l][0], i = d + p[l][1];
+function Je({ mask: C, maskW: b, maskH: v, wx: h, wy: d, wordMask: f }) {
+  for (let l = 0; l < f.length; l += 1) {
+    const o = h + f[l][0], i = d + f[l][1];
     o >= 0 && i >= 0 && o < b && i < v && (C[i * b + o] = 1);
   }
 }
 function Gt({ wordMask: C, w: b, h: v, dilation: h }) {
-  const d = new Set(C.map(([l, o]) => `${l},${o}`)), p = new Set(d);
+  const d = new Set(C.map(([l, o]) => `${l},${o}`)), f = new Set(d);
   for (let [l, o] of C)
     for (let i = -h; i <= h; i += 1)
       for (let x = -h; x <= h; x += 1) {
         if (i === 0 && x === 0) continue;
         const F = l + i, r = o + x;
-        F >= 0 && F < b && r >= 0 && r < v && p.add(`${F},${r}`);
+        F >= 0 && F < b && r >= 0 && r < v && f.add(`${F},${r}`);
       }
-  return Array.from(p).map((l) => l.split(",").map(Number));
+  return Array.from(f).map((l) => l.split(",").map(Number));
 }
 function jt({
   words: C,
@@ -68,7 +68,7 @@ function jt({
   svg: v,
   strictPixelPadding: h
 }) {
-  const { width: d, height: p } = v, l = Math.round(d), o = Math.round(p), i = 1, x = v.minFontSize, F = Math.min(v.maxFontSize, 100), r = C.map(($) => $.value), y = Math.min(...r), E = Math.max(...r), X = new Uint8Array(l * o), k = document.createElement("canvas"), B = k.getContext("2d", { willReadFrequently: !0 });
+  const { width: d, height: f } = v, l = Math.round(d), o = Math.round(f), i = 1, x = v.minFontSize, F = Math.min(v.maxFontSize, 100), r = C.map(($) => $.value), y = Math.min(...r), E = Math.max(...r), X = new Uint8Array(l * o), k = document.createElement("canvas"), _ = k.getContext("2d", { willReadFrequently: !0 });
   k.width = l, k.height = o;
   const U = 6, me = 2, he = 2, ue = 1, Y = Math.floor(l / 2), K = Math.floor(o / 2), e = [...C].sort(($, R) => R.value - $.value), ee = [];
   for (const $ of e) {
@@ -81,7 +81,7 @@ function jt({
         fontSize: I,
         pad: b,
         canvas: k,
-        ctx: B,
+        ctx: _,
         svg: v
       });
       h && (V = Gt({ wordMask: V, w: A, h: z, dilation: 1 }));
@@ -89,9 +89,9 @@ function jt({
       for (; D < Math.max(l, o) && !O && L < 1e4; ) {
         for (let u = 0; u < 360; u += U) {
           L += 1;
-          const M = Math.round(Y + D * Math.cos(u * Math.PI / 180) - A / 2), f = Math.round(K + D * Math.sin(u * Math.PI / 180) - z / 2);
-          if (!(M < 0 || f < 0 || M + A > l || f + z > o) && Qe({ mask: X, maskW: l, maskH: o, wx: M, wy: f, wordMask: V })) {
-            ee.push({ ...$, x: M - l / 2, y: f - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: G, minY: H, maxX: Z, maxY: Q }), Je({ mask: X, maskW: l, maskH: o, wx: M, wy: f, wordMask: V }), O = !0;
+          const M = Math.round(Y + D * Math.cos(u * Math.PI / 180) - A / 2), p = Math.round(K + D * Math.sin(u * Math.PI / 180) - z / 2);
+          if (!(M < 0 || p < 0 || M + A > l || p + z > o) && Qe({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V })) {
+            ee.push({ ...$, x: M - l / 2, y: p - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: G, minY: H, maxX: Z, maxY: Q }), Je({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V }), O = !0;
             break;
           }
         }
@@ -106,16 +106,16 @@ function jt({
         fontSize: I,
         pad: b,
         canvas: k,
-        ctx: B,
+        ctx: _,
         svg: v
       });
       let D = 0, L = 0;
       for (; D < Math.max(l, o) && !O && L < 25e3; ) {
         for (let u = 0; u < 360; u += he) {
           L += 1;
-          const M = Math.round(Y + D * Math.cos(u * Math.PI / 180) - A / 2), f = Math.round(K + D * Math.sin(u * Math.PI / 180) - z / 2);
-          if (!(M < 0 || f < 0 || M + A > l || f + z > o) && Qe({ mask: X, maskW: l, maskH: o, wx: M, wy: f, wordMask: V })) {
-            ee.push({ ...$, x: M - l / 2, y: f - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: G, minY: H, maxX: Z, maxY: Q }), Je({ mask: X, maskW: l, maskH: o, wx: M, wy: f, wordMask: V }), O = !0;
+          const M = Math.round(Y + D * Math.cos(u * Math.PI / 180) - A / 2), p = Math.round(K + D * Math.sin(u * Math.PI / 180) - z / 2);
+          if (!(M < 0 || p < 0 || M + A > l || p + z > o) && Qe({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V })) {
+            ee.push({ ...$, x: M - l / 2, y: p - o / 2, fontSize: I, width: A, height: z, angle: 0, minX: G, minY: H, maxX: Z, maxY: Q }), Je({ mask: X, maskW: l, maskH: o, wx: M, wy: p, wordMask: V }), O = !0;
             break;
           }
         }
@@ -150,16 +150,16 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
   },
   setup(C, { expose: b }) {
     dt((t) => ({
-      v299e8631: t.slicerColor
+      v7d239f85: t.slicerColor
     }));
-    const v = j(() => import("./Tooltip-oWCO1HKy.js")), h = j(() => import("./BaseIcon-BmMbm4d0.js")), d = j(() => import("./vue-ui-accordion-CZ0thhxa.js")), p = j(() => import("./DataTable-BT7VF2ua.js")), l = j(() => import("./PenAndPaper-DSvu9dwa.js")), o = j(() => import("./UserOptions-CnzumGJj.js")), i = j(() => import("./PackageVersion-QNVkHOgG.js")), x = j(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_word_cloud: F } = zt(), r = C, y = q({
+    const v = j(() => import("./Tooltip-oWCO1HKy.js")), h = j(() => import("./BaseIcon-BmMbm4d0.js")), d = j(() => import("./vue-ui-accordion-CZ0thhxa.js")), f = j(() => import("./DataTable-BT7VF2ua.js")), l = j(() => import("./PenAndPaper-DSvu9dwa.js")), o = j(() => import("./UserOptions-CGnQt6Fd.js")), i = j(() => import("./PackageVersion-D-auaEEJ.js")), x = j(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_word_cloud: F } = zt(), r = C, y = q({
       get() {
         return !!r.dataset && r.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), E = m(Ge()), X = m(0), k = m(null), B = m(null), U = m(null), me = m(0), he = m(0), ue = m(!1), Y = m(null), K = m(null), e = m(H()), { loading: ee, FINAL_DATASET: $, manualLoading: R } = Dt({
+    }), E = m(Ge()), X = m(0), k = m(null), _ = m(null), U = m(null), me = m(0), he = m(0), ue = m(!1), Y = m(null), K = m(null), e = m(H()), { loading: ee, FINAL_DATASET: $, manualLoading: R } = Dt({
       ...mt(r),
       FINAL_CONFIG: e,
       prepareConfig: H,
@@ -238,7 +238,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
     function I() {
       return typeof $.value == "string" ? $t($.value) : $.value.map((t, n) => ({
         ...t,
-        value: Tt(t.value)
+        value: St(t.value)
       }));
     }
     le(() => r.dataset, () => {
@@ -255,7 +255,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
           userConfig: Xt.vue_ui_word_cloud[t.theme] || r.config,
           defaultConfig: t
         }),
-        customPalette: St[t.theme] || Ce
+        customPalette: Tt[t.theme] || Ce
       } : t;
     }
     const Z = m({ x: 0, y: 0 });
@@ -289,13 +289,13 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       L.value = !0;
       const { width: t, height: n } = Ct({
         chart: k.value,
-        title: e.value.style.chart.title.text ? B.value : null,
+        title: e.value.style.chart.title.text ? _.value : null,
         source: U.value
       });
       requestAnimationFrame(async () => {
         u.value.width = Math.max(10, t), u.value.height = Math.max(10, n - 12), await Ye(), L.value = !1;
       });
-    }), f = Ee(null), te = Ee(null);
+    }), p = Ee(null), te = Ee(null);
     ht(Oe);
     const Pe = q(() => !!e.value.debug);
     function Oe() {
@@ -316,12 +316,12 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             debug: Pe.value
           });
         });
-      }), je(r.dataset) || (R.value = e.value.loading), e.value.responsive && (f.value && (te.value && f.value.unobserve(te.value), f.value.disconnect()), f.value = new ResizeObserver(M), te.value = k.value.parentNode, f.value.observe(te.value)), Q();
+      }), je(r.dataset) || (R.value = e.value.loading), e.value.responsive && (p.value && (te.value && p.value.unobserve(te.value), p.value.disconnect()), p.value = new ResizeObserver(M), te.value = k.value.parentNode, p.value.observe(te.value)), Q();
     }
-    pt(() => {
-      f.value && (te.value && f.value.unobserve(te.value), f.value.disconnect());
+    ft(() => {
+      p.value && (te.value && p.value.unobserve(te.value), p.value.disconnect());
     });
-    const { isPrinting: Ae, isImaging: Ie, generatePdf: ze, generateImage: De } = _t({
+    const { isPrinting: Ae, isImaging: Ie, generatePdf: ze, generateImage: De } = Bt({
       elementId: `wordCloud_${E.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -365,7 +365,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         strictPixelPadding: e.value.strictPixelPadding
       });
     }
-    const pe = q(() => {
+    const fe = q(() => {
       const t = re.value.map((a) => ({
         name: a.name,
         color: a.color
@@ -374,18 +374,18 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
     });
     function $e(t = null) {
       Ye(() => {
-        const n = pe.value.head.map((g, N) => [[
+        const n = fe.value.head.map((g, N) => [[
           g.name
-        ], [pe.value.body[N]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(n), c = Ot(a);
+        ], [fe.value.body[N]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(n), c = Ot(a);
         t ? t(c) : At({ csvContent: c, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
-    const fe = q(() => {
+    const pe = q(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], n = pe.value.head.map((g, N) => {
-        const J = Mt({ p: e.value.table.td.prefix, v: pe.value.body[N], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], n = fe.value.head.map((g, N) => {
+        const J = Mt({ p: e.value.table.td.prefix, v: fe.value.body[N], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: g.color,
@@ -422,14 +422,14 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
     function et() {
       return re.value;
     }
-    function _e() {
+    function Be() {
       P.value.showTable = !P.value.showTable;
     }
-    function Be() {
+    function _e() {
       P.value.showTooltip = !P.value.showTooltip;
     }
     const ce = m(!1);
-    function Te() {
+    function Se() {
       ce.value = !ce.value;
     }
     const tt = q(() => !ce.value && e.value.style.chart.zoom.show), { viewBox: ge, resetZoom: be, isZoom: at, setInitialViewBox: ot } = Ut(G, {
@@ -486,7 +486,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
     function Re() {
       P.value.showTable = !1, K.value && K.value.setTableIconState(!1);
     }
-    const nt = q(() => e.value.style.chart.backgroundColor), st = q(() => e.value.style.chart.title), { exportSvg: it, getSvg: ut } = Bt({
+    const nt = q(() => e.value.style.chart.backgroundColor), st = q(() => e.value.style.chart.title), { exportSvg: it, getSvg: ut } = _t({
       svg: G,
       title: st,
       backgroundColor: nt
@@ -506,12 +506,12 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       generateImage: De,
       generateSvg: Ve,
       resetZoom: be,
-      toggleTable: _e,
-      toggleTooltip: Be,
-      toggleAnnotator: Te,
+      toggleTable: Be,
+      toggleTooltip: _e,
+      toggleAnnotator: Se,
       toggleFullscreen: Ne
     });
-    const oe = m(null), de = m(!1), Se = m(""), Fe = m(null);
+    const oe = m(null), de = m(!1), Te = m(""), Fe = m(null);
     function rt(t, n) {
       oe.value = null, ue.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: n });
     }
@@ -528,17 +528,17 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             datapoint: t,
             config: e.value
           });
-          typeof c == "string" && (Se.value = c, de.value = !0);
+          typeof c == "string" && (Te.value = c, de.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), de.value = !1;
         }
       if (!de.value) {
         let c = `<svg viewBox="0 0 10 10" height="${e.value.style.chart.tooltip.fontSize}"><circle cx="5" cy="5" r="5" fill="${t.color}"/></svg><span>${t.name}:</span><b>${(t.value || 0).toFixed(e.value.style.chart.tooltip.roundingValue)}</b>`;
-        Se.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${c}</div>`;
+        Te.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${c}</div>`;
       }
       ue.value = !0;
     }
-    return (t, n) => (w(), _("div", {
+    return (t, n) => (w(), B("div", {
       class: "vue-data-ui-component vue-ui-word-cloud",
       ref_key: "wordCloudChart",
       ref: k,
@@ -553,12 +553,12 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: ce.value,
-        onClose: Te
+        onClose: Se
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : W("", !0),
-      e.value.style.chart.title.text ? (w(), _("div", {
+      e.value.style.chart.title.text ? (w(), B("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: B,
+        ref: _,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (w(), ne(Et, {
@@ -604,64 +604,71 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         onGenerateCsv: $e,
         onGenerateImage: s(De),
         onGenerateSvg: Ve,
-        onToggleTable: _e,
-        onToggleTooltip: Be,
-        onToggleAnnotator: Te,
+        onToggleTable: Be,
+        onToggleTooltip: _e,
+        onToggleAnnotator: Se,
         style: ye({
           visibility: s(V) ? s(A) ? "visible" : "hidden" : "visible"
         })
       }, Xe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: T(({ isOpen: a, color: c }) => [
-            S(t.$slots, "menuIcon", se(ie({ isOpen: a, color: c })), void 0, !0)
+          fn: S(({ isOpen: a, color: c }) => [
+            T(t.$slots, "menuIcon", se(ie({ isOpen: a, color: c })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: T(() => [
-            S(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: S(() => [
+            T(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: T(() => [
-            S(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: S(() => [
+            T(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: T(() => [
-            S(t.$slots, "optionImg", {}, void 0, !0)
+          fn: S(() => [
+            T(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: S(() => [
+            T(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: T(() => [
-            S(t.$slots, "optionTable", {}, void 0, !0)
+          fn: S(() => [
+            T(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: a, isFullscreen: c }) => [
-            S(t.$slots, "optionFullscreen", se(ie({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
+          fn: S(({ toggleFullscreen: a, isFullscreen: c }) => [
+            T(t.$slots, "optionFullscreen", se(ie({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: T(({ toggleAnnotator: a, isAnnotator: c }) => [
-            S(t.$slots, "optionAnnotator", se(ie({ toggleAnnotator: a, isAnnotator: c })), void 0, !0)
+          fn: S(({ toggleAnnotator: a, isAnnotator: c }) => [
+            T(t.$slots, "optionAnnotator", se(ie({ toggleAnnotator: a, isAnnotator: c })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : W("", !0),
-      (w(), _("svg", {
+      (w(), B("svg", {
         ref_key: "svgRef",
         ref: G,
         class: Ue({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
@@ -670,7 +677,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         style: "overflow:hidden;background:transparent;"
       }, [
         ke(s(i)),
-        t.$slots["chart-background"] ? (w(), _("foreignObject", {
+        t.$slots["chart-background"] ? (w(), B("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -680,13 +687,13 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             pointerEvents: "none"
           }
         }, [
-          S(t.$slots, "chart-background", {}, void 0, !0)
+          T(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Zt)) : W("", !0),
         we("g", {
           transform: `translate(${Z.value.x}, ${Z.value.y})`
         }, [
-          (w(!0), _(ft, null, gt(re.value, (a, c) => (w(), _("g", null, [
-            a.minX !== void 0 ? (w(), _("rect", {
+          (w(!0), B(pt, null, gt(re.value, (a, c) => (w(), B("g", null, [
+            a.minX !== void 0 ? (w(), B("rect", {
               key: 0,
               x: a.x + a.minX,
               y: a.y + a.minY * 1.25,
@@ -698,7 +705,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
               onMouseleave: (g) => rt(a, c),
               onClick: (g) => ct(a, c)
             }, null, 40, Jt)) : W("", !0),
-            (w(), _("text", {
+            (w(), B("text", {
               fill: a.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
               key: c,
@@ -723,15 +730,15 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
             }, Me(a.name), 15, Kt))
           ]))), 256))
         ], 8, Qt),
-        S(t.$slots, "svg", {
+        T(t.$slots, "svg", {
           svg: { height: u.value.height, width: u.value.width }
         }, void 0, !0)
       ], 10, Ht)),
-      t.$slots.watermark ? (w(), _("div", ea, [
-        S(t.$slots, "watermark", se(ie({ isPrinting: s(Ae) || s(Ie) })), void 0, !0)
+      t.$slots.watermark ? (w(), B("div", ea, [
+        T(t.$slots, "watermark", se(ie({ isPrinting: s(Ae) || s(Ie) })), void 0, !0)
       ])) : W("", !0),
-      s(at) ? (w(), _("div", ta, [
-        S(t.$slots, "reset-action", { reset: s(be) }, () => [
+      s(at) ? (w(), B("div", ta, [
+        T(t.$slots, "reset-action", { reset: s(be) }, () => [
           we("button", {
             "data-cy-reset": "",
             tabindex: "0",
@@ -761,7 +768,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: k.value,
-        content: Se.value,
+        content: Te.value,
         isCustom: de.value,
         isFullscreen: ae.value,
         smooth: e.value.style.chart.tooltip.smooth,
@@ -769,45 +776,45 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": T(() => [
-          S(t.$slots, "tooltip-before", se(ie({ ...Fe.value })), void 0, !0)
+        "tooltip-before": S(() => [
+          T(t.$slots, "tooltip-before", se(ie({ ...Fe.value })), void 0, !0)
         ]),
-        "tooltip-after": T(() => [
-          S(t.$slots, "tooltip-after", se(ie({ ...Fe.value })), void 0, !0)
+        "tooltip-after": S(() => [
+          T(t.$slots, "tooltip-after", se(ie({ ...Fe.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      t.$slots.source ? (w(), _("div", {
+      t.$slots.source ? (w(), B("div", {
         key: 5,
         ref_key: "source",
         ref: U,
         dir: "auto"
       }, [
-        S(t.$slots, "source", {}, void 0, !0)
+        T(t.$slots, "source", {}, void 0, !0)
       ], 512)) : W("", !0),
       y.value && e.value.userOptions.buttons.table ? (w(), ne(bt(ve.value.component), yt({ key: 6 }, ve.value.props, {
         ref_key: "tableUnit",
         ref: Y,
         onClose: Re
       }), Xe({
-        content: T(() => [
-          (w(), ne(s(p), {
+        content: S(() => [
+          (w(), ne(s(f), {
             key: `table_${he.value}`,
-            colNames: fe.value.colNames,
-            head: fe.value.head,
-            body: fe.value.body,
-            config: fe.value.config,
+            colNames: pe.value.colNames,
+            head: pe.value.head,
+            body: pe.value.body,
+            config: pe.value.config,
             title: e.value.table.useDialog ? "" : ve.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Re
           }, {
-            th: T(({ th: a }) => [
+            th: S(({ th: a }) => [
               we("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, aa)
             ]),
-            td: T(({ td: a }) => [
+            td: S(({ td: a }) => [
               Le(Me(a.name || a), 1)
             ]),
             _: 1
@@ -817,14 +824,14 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: T(() => [
+          fn: S(() => [
             Le(Me(ve.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: T(() => [
+          fn: S(() => [
             we("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -842,7 +849,7 @@ const qt = ["id"], Ht = ["xmlns", "viewBox"], Zt = ["width", "height"], Qt = ["t
       s(ee) ? (w(), ne(Nt, { key: 7 })) : W("", !0)
     ], 44, qt));
   }
-}, ba = /* @__PURE__ */ Lt(oa, [["__scopeId", "data-v-a81c2cdf"]]);
+}, ba = /* @__PURE__ */ Lt(oa, [["__scopeId", "data-v-3264f881"]]);
 export {
   ba as default
 };