vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-word-cloud-Dj1lJdtL.js → vue-ui-word-cloud-DgY58NEj.js}

@@ -1,19 +1,19 @@
-import { useCssVars as _t, defineAsyncComponent as ne, computed as le, ref as M, toRefs as Nt, watch as we, shallowRef as tt, onMounted as Zt, onBeforeUnmount as Vt, createElementBlock as J, openBlock as W, unref as F, normalizeStyle as Xe, createBlock as se, createCommentVNode as N, createVNode as Re, withCtx as E, renderSlot as z, normalizeProps as Z, guardReactiveProps as V, createSlots as ot, normalizeClass as at, createElementVNode as $e, Fragment as Ut, renderList as Lt, toDisplayString as De, resolveDynamicComponent as jt, mergeProps as Ht, createTextVNode as nt, nextTick as lt } from "vue";
-import { d as st, u as qt } from "./useResponsive-DfdjqQps.js";
-import { c as Gt, t as Jt, I as Kt, U as Qt, i as eo, j as Te, o as rt, g as it, l as to, d as oo, X as ao, v as no, r as lo, y as so } from "./lib-2iaAPQ_c.js";
-import { u as ro, a as Ye } from "./useNestedProp-BCt4DMkT.js";
-import { u as io, B as uo } from "./BaseScanner-BMpwQAfz.js";
-import { u as co } from "./usePrinter-ChVMpU2f.js";
-import { u as mo } from "./useSvgExport-ByUukOZt.js";
-import { u as fo } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as vo } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ho } from "./useChartAccessibility-9icAAmYg.js";
-import po from "./img-CqYIrJ8I.js";
-import go from "./Title-B5L2jweB.js";
-import { u as bo } from "./usePanZoom-CDF7rb3o.js";
-import { B as ut } from "./BaseZoomControls-B4rpv4Kk.js";
-import { _ as yo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Co({
+import { useCssVars as Zt, defineAsyncComponent as ne, computed as le, ref as M, toRefs as Vt, watch as we, shallowRef as tt, onMounted as Ut, onBeforeUnmount as Lt, createElementBlock as J, openBlock as W, unref as A, normalizeStyle as Xe, createBlock as se, createCommentVNode as N, createVNode as Re, withCtx as E, renderSlot as z, normalizeProps as Z, guardReactiveProps as V, createSlots as ot, normalizeClass as at, createElementVNode as $e, Fragment as jt, renderList as Ht, toDisplayString as De, resolveDynamicComponent as qt, mergeProps as Gt, createTextVNode as nt, nextTick as lt } from "vue";
+import { d as st, u as Jt } from "./useResponsive-DfdjqQps.js";
+import { c as Kt, t as Qt, I as eo, U as to, i as oo, j as Te, o as rt, g as it, l as ao, d as no, X as lo, v as so, r as ro, y as io } from "./lib-CVHM9FhP.js";
+import { u as uo, a as Ye } from "./useNestedProp-Ckf_2P_V.js";
+import { u as co, B as mo } from "./BaseScanner-BMpwQAfz.js";
+import { u as fo } from "./usePrinter-1NmjuP-i.js";
+import { u as vo } from "./useSvgExport-ByUukOZt.js";
+import { u as ho } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as po } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as go } from "./useChartAccessibility-9icAAmYg.js";
+import bo from "./img-6fNF_rG0.js";
+import yo from "./Title-NgeRXqRA.js";
+import { u as Co } from "./usePanZoom-CDF7rb3o.js";
+import { B as ut } from "./BaseZoomControls-Cb-Qq9_R.js";
+import { _ as ko } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function wo({
   word: o,
   fontSize: l,
   pad: m,
@@ -47,7 +47,7 @@ function Co({
     maxY: x
   };
 }
-function ko(o) {
+function xo(o) {
   const l = [];
   if (!o.length) return l;
   let m = o[0][1], c = o[0][0], i = c;
@@ -66,7 +66,7 @@ function vt(o) {
 function ht(o) {
   return 4294967295 >>> 31 - o >>> 0;
 }
-function wo({
+function Ao({
   maskBits: o,
   maskRowStride: l,
   maskW: m,
@@ -99,7 +99,7 @@ function wo({
   }
   return !0;
 }
-function xo({
+function Fo({
   maskBits: o,
   maskRowStride: l,
   maskW: m,
@@ -131,7 +131,7 @@ function xo({
     }
   }
 }
-function Fo({ wordMask: o, w: l, h: m, dilation: c }) {
+function So({ wordMask: o, w: l, h: m, dilation: c }) {
   const i = new Uint8Array(l * m), d = [];
   for (let a = 0; a < o.length; a += 1) {
     const p = o[a][0], g = o[a][1] * l + p;
@@ -158,7 +158,7 @@ function Fo({ wordMask: o, w: l, h: m, dilation: c }) {
     }
   return r;
 }
-function Ao({
+function $o({
   runs: o,
   w: l,
   h: m,
@@ -195,7 +195,7 @@ function Ao({
   }
   return r;
 }
-function So(o, l) {
+function To(o, l) {
   const m = o.runs, c = o.w, i = o.h, d = Math.max(1, Math.round(c * l)), r = Math.max(1, Math.round(i * l)), a = new Array(r);
   let p = d, f = r, g = 0, y = 0, b = !1;
   for (let u = 0; u < m.length; u += 1) {
@@ -239,11 +239,11 @@ function So(o, l) {
   };
 }
 const ct = /* @__PURE__ */ new Map(), dt = /* @__PURE__ */ new Map();
-function $o({ word: o, fontSize: l, pad: m, svg: c }) {
+function Mo({ word: o, fontSize: l, pad: m, svg: c }) {
   const i = c.style && c.style.bold ? 1 : 0, d = m || 0;
   return `${o.name}::${l}::${d}::${i}`;
 }
-function To({
+function Io({
   word: o,
   fontSize: l,
   pad: m,
@@ -251,12 +251,12 @@ function To({
   ctx: i,
   svg: d
 }) {
-  const r = $o({ word: o, fontSize: l, pad: m, svg: d }), a = ct.get(r);
+  const r = Mo({ word: o, fontSize: l, pad: m, svg: d }), a = ct.get(r);
   if (a) return { key: r, bitmap: a };
-  const p = Co({ word: o, fontSize: l, pad: m, canvas: c, ctx: i, svg: d });
+  const p = wo({ word: o, fontSize: l, pad: m, canvas: c, ctx: i, svg: d });
   return ct.set(r, p), { key: r, bitmap: p };
 }
-function Mo({
+function Oo({
   bitmapKey: o,
   wordMask: l,
   w: m,
@@ -265,20 +265,20 @@ function Mo({
 }) {
   const d = `${o}::d${i}`, r = dt.get(d);
   if (r) return r;
-  const a = Fo({ wordMask: l, w: m, h: c, dilation: i }), p = ko(a), f = { wordMask: a, runs: p };
+  const a = So({ wordMask: l, w: m, h: c, dilation: i }), p = xo(a), f = { wordMask: a, runs: p };
   return dt.set(d, f), f;
 }
-const Io = 6, Oo = 2, pt = Math.PI / 180, gt = [], bt = [];
-for (let o = 0; o < 360; o += Io) {
+const Eo = 6, zo = 2, pt = Math.PI / 180, gt = [], bt = [];
+for (let o = 0; o < 360; o += Eo) {
   const l = o * pt;
   gt.push(Math.cos(l)), bt.push(Math.sin(l));
 }
 const yt = [], Ct = [];
-for (let o = 0; o < 360; o += Oo) {
+for (let o = 0; o < 360; o += zo) {
   const l = o * pt;
   yt.push(Math.cos(l)), Ct.push(Math.sin(l));
 }
-function Eo(o, l, m) {
+function Po(o, l, m) {
   if (!o.length) return;
   let c = 1 / 0, i = -1 / 0, d = 1 / 0, r = -1 / 0;
   for (let u = 0; u < o.length; u += 1) {
@@ -304,10 +304,10 @@ function Eo(o, l, m) {
     s.x *= b, s.y *= b, s.width *= b, s.height *= b, s.fontSize *= b, s.minX *= b, s.maxX *= b, s.minY *= b, s.maxY *= b;
   }
 }
-function zo() {
+function Xo() {
   return typeof performance < "u" && typeof performance.now == "function" ? () => performance.now() : () => Date.now();
 }
-function Po({
+function Ro({
   value: o,
   minimumValue: l,
   maximumValue: m,
@@ -322,7 +322,7 @@ function Po({
     Math.min(i, r)
   );
 }
-function Xo({
+function Do({
   currentBitmap: o,
   strictPixelPadding: l,
   scaleFactor: m,
@@ -340,7 +340,7 @@ function Xo({
     bitmapMaximumX: g,
     bitmapMaximumY: y
   } : m === 1 ? {
-    runs: Mo({
+    runs: Oo({
       bitmapKey: i,
       wordMask: c.wordMask,
       w: c.w,
@@ -354,7 +354,7 @@ function Xo({
     bitmapMaximumX: g,
     bitmapMaximumY: y
   } : {
-    runs: Ao({
+    runs: $o({
       runs: d,
       w: r,
       h: a,
@@ -392,7 +392,7 @@ async function mt({
 }) {
   let w = 1;
   for (; w >= m; ) {
-    const _ = w === 1 ? o : So(o, w), B = Xo({
+    const _ = w === 1 ? o : To(o, w), B = Do({
       currentBitmap: _,
       strictPixelPadding: y,
       scaleFactor: w,
@@ -418,7 +418,7 @@ async function mt({
         );
         if (L < 0 || j < 0 || L + P > d || j + U > r)
           continue;
-        if (wo({
+        if (Ao({
           maskBits: c,
           maskRowStride: i,
           maskW: d,
@@ -443,7 +443,7 @@ async function mt({
             maxX: e,
             maxY: ie
           };
-          return xo({
+          return Fo({
             maskBits: c,
             maskRowStride: i,
             maskW: d,
@@ -460,7 +460,7 @@ async function mt({
   }
   return null;
 }
-async function Ro({
+async function Yo({
   baseBitmap: o,
   baseFontSize: l,
   minimumScaleFactor: m,
@@ -525,7 +525,7 @@ async function Ro({
     maybeYield: s
   });
 }
-async function Do({
+async function Wo({
   words: o,
   proximity: l = 0,
   svg: m,
@@ -533,7 +533,7 @@ async function Do({
   onProgress: i,
   debugTiming: d = !1
 }) {
-  const r = zo(), a = r(), p = 12;
+  const r = Xo(), a = r(), p = 12;
   let f = a;
   async function g() {
     r() - f >= p && (await new Promise((Y) => setTimeout(Y, 0)), f = r());
@@ -550,13 +550,13 @@ async function Do({
     (D, Y) => Y.value - D.value
   ), R = [], L = 0.9;
   for (let D = 0; D < oe.length; D += 1) {
-    const Y = oe[D], ue = R.length, ce = Po({
+    const Y = oe[D], ue = R.length, ce = Ro({
       value: Y.value,
       minimumValue: h,
       maximumValue: w,
       configuredMinimumFontSize: S,
       maximumFontSize: k
-    }), xe = To({
+    }), xe = Io({
       word: Y,
       fontSize: ce,
       pad: l,
@@ -571,7 +571,7 @@ async function Do({
     const H = Math.max(
       s / ce,
       0.1
-    ), Q = await Ro({
+    ), Q = await Yo({
       baseBitmap: I,
       baseFontSize: ce,
       minimumScaleFactor: H,
@@ -599,38 +599,42 @@ async function Do({
   }
   if (!R.length)
     return [];
-  Eo(R, v, u);
+  Po(R, v, u);
   const he = r() - a;
   return d && typeof console < "u" && console.log && console.log(
     "[vue-data-ui][word-cloud] positionWordsAsync:",
     `${he.toFixed(2)} ms for ${o.length} words`
   ), R.sort((D, Y) => Y.fontSize - D.fontSize);
 }
-const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, words: { selectedStroke: "#1A1A1A" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, wt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, words: { selectedStroke: "#FFF8E1" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, xt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, words: { selectedStroke: "#1E1E1E" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Ft = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, words: { selectedStroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, At = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, words: { selectedStroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, St = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, words: { selectedStroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, $t = {
+const kt = { userOptions: { show: !1 } }, wt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, words: { selectedStroke: "#1A1A1A" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, xt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, words: { selectedStroke: "#1A1A1A" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, At = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, words: { selectedStroke: "#FFF8E1" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ft = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, words: { selectedStroke: "#1E1E1E" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, St = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, words: { selectedStroke: "#1A1A1A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, $t = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, words: { selectedStroke: "#fbfafa" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Tt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, words: { selectedStroke: "#f6f6fb" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Mt = {
   default: {},
-  dark: kt,
-  celebration: wt,
-  celebrationNight: xt,
-  hack: Ft,
-  zen: At,
-  concrete: St
-}, da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: kt,
+  minimalDark: wt,
+  dark: xt,
+  celebration: At,
+  celebrationNight: Ft,
+  hack: St,
+  zen: $t,
+  concrete: Tt
+}, fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: wt,
-  celebrationNight: xt,
-  concrete: St,
-  dark: kt,
-  default: $t,
-  hack: Ft,
-  zen: At
-}, Symbol.toStringTag, { value: "Module" })), Yo = ["id", "data-resizing", "data-relayout"], Wo = ["xmlns", "viewBox"], Bo = ["width", "height"], _o = ["transform"], No = ["transform"], Zo = ["x", "y", "width", "height", "onMouseover", "onMouseleave", "onClick"], Vo = ["fill", "font-weight", "font-size", "transform", "stroke", "stroke-width"], Uo = {
+  celebration: At,
+  celebrationNight: Ft,
+  concrete: Tt,
+  dark: xt,
+  default: Mt,
+  hack: St,
+  minimal: kt,
+  minimalDark: wt,
+  zen: $t
+}, Symbol.toStringTag, { value: "Module" })), Bo = ["id", "data-resizing", "data-relayout"], _o = ["xmlns", "viewBox"], No = ["width", "height"], Zo = ["transform"], Vo = ["transform"], Uo = ["x", "y", "width", "height", "onMouseover", "onMouseleave", "onClick"], Lo = ["fill", "font-weight", "font-size", "transform", "stroke", "stroke-width"], jo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Lo = {
+}, Ho = {
   key: 5,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
-}, jo = ["innerHTML"], Ho = {
+}, qo = ["innerHTML"], Go = {
   __name: "vue-ui-word-cloud",
   props: {
     config: {
@@ -647,18 +651,18 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     }
   },
   setup(o, { expose: l }) {
-    _t((t) => ({
+    Zt((t) => ({
       d5ca9ade: t.slicerColor
     }));
-    const m = ne(() => import("./Tooltip-DpfUZbt7.js")), c = ne(() => import("./BaseIcon-B9bGT7HU.js")), i = ne(() => import("./vue-ui-accordion-CAXPDm31.js")), d = ne(() => import("./DataTable-DEwh__D8.js")), r = ne(() => import("./PenAndPaper-CulSakut.js")), a = ne(() => import("./UserOptions-5pXc4J-c.js")), p = ne(() => import("./PackageVersion-C-JOGZBL.js")), f = ne(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_word_cloud: g } = ro(), { isThemeValid: y, warnInvalidTheme: b } = fo(), v = o, u = le({
+    const m = ne(() => import("./Tooltip-B6qvABDL.js")), c = ne(() => import("./BaseIcon-4uOct8re.js")), i = ne(() => import("./vue-ui-accordion-DFKaB_05.js")), d = ne(() => import("./DataTable-DyoDzNNY.js")), r = ne(() => import("./PenAndPaper-LTuSTmWE.js")), a = ne(() => import("./UserOptions-CX7Xsusk.js")), p = ne(() => import("./PackageVersion-CQxJyGQr.js")), f = ne(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_word_cloud: g } = uo(), { isThemeValid: y, warnInvalidTheme: b } = ho(), v = o, u = le({
       get() {
         return !!v.dataset && v.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), s = M(Gt()), S = M(0), k = M(null), x = M(null), h = M(null), w = M(0), _ = M(0), B = M(!1), X = M(null), P = M(null), U = M(!1), te = M(!1), re = M(null), e = M(ue()), { loading: ie, FINAL_DATASET: K, manualLoading: oe } = io({
-      ...Nt(v),
+    }), s = M(Kt()), S = M(0), k = M(null), x = M(null), h = M(null), w = M(0), _ = M(0), B = M(!1), X = M(null), P = M(null), U = M(!1), te = M(!1), re = M(null), e = M(ue()), { loading: ie, FINAL_DATASET: K, manualLoading: oe } = co({
+      ...Vt(v),
       FINAL_CONFIG: e,
       prepareConfig: ue,
       callback: () => {
@@ -716,7 +720,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         { name: "fames", value: 1 },
         { name: "ante", value: 1 }
       ],
-      skeletonConfig: Jt({
+      skeletonConfig: Qt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -739,12 +743,12 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       })
     }), R = M(L());
     function L() {
-      return typeof K.value == "string" ? Kt(K.value) : K.value.map((t, C) => ({
+      return typeof K.value == "string" ? eo(K.value) : K.value.map((t, C) => ({
         ...t,
-        value: Qt(t.value)
+        value: to(t.value)
       }));
     }
-    const { userOptionsVisible: j, setUserOptionsVisibility: he, keepUserOptionState: D } = vo({ config: e.value }), { svgRef: Y } = ho({ config: e.value.style.chart.title });
+    const { userOptionsVisible: j, setUserOptionsVisibility: he, keepUserOptionState: D } = po({ config: e.value }), { svgRef: Y } = go({ config: e.value.style.chart.title });
     function ue() {
       const t = Ye({
         userConfig: v.config,
@@ -754,15 +758,15 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       if (!y.value(t))
         return b(t), t;
       const n = Ye({
-        userConfig: $t[C] || v.config,
+        userConfig: Mt[C] || v.config,
         defaultConfig: t
-      }), A = Ye({
+      }), F = Ye({
         userConfig: v.config,
         defaultConfig: n
       });
       return {
-        ...A,
-        customPalette: A.customPalette.length ? A.customPalette : eo[C] || Te
+        ...F,
+        customPalette: F.customPalette.length ? F.customPalette : oo[C] || Te
       };
     }
     const me = M({ x: 0, y: 0 });
@@ -773,7 +777,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         width: Math.max(10, I.value.width),
         height: Math.max(10, I.value.height)
       };
-      Et(t), me.value = {
+      Pt(t), me.value = {
         x: t.x + t.width / 2,
         y: t.y + t.height / 2
       }, ye();
@@ -793,7 +797,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       minFontSize: e.value.style.chart.words.minFontSize,
       bold: e.value.style.chart.words.bold
     }), Me = st(() => {
-      const { width: t, height: C } = qt({
+      const { width: t, height: C } = Jt({
         chart: k.value,
         title: e.value.style.chart.title.text ? x.value : null,
         legend: e.value.style.chart.controls.show ? re.value?.$el : null,
@@ -805,7 +809,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     }, 100), Ie = () => {
       fe.value = !0, Me();
     }, H = tt(null), Q = tt(null);
-    Zt(We);
+    Ut(We);
     const pe = le(() => !!e.value.debug);
     function We() {
       rt(v.dataset) ? it({
@@ -813,7 +817,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         type: "dataset",
         debug: pe.value
       }) : R.value.forEach((t, C) => {
-        to({
+        ao({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((n) => {
@@ -827,10 +831,10 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         });
       }), rt(v.dataset) || (oe.value = e.value.loading), e.value.responsive && (H.value && (Q.value && H.value.unobserve(Q.value), H.value.disconnect()), H.value = new ResizeObserver(Ie), Q.value = k.value.parentNode, H.value.observe(Q.value)), ce();
     }
-    Vt(() => {
+    Lt(() => {
       H.value && (Q.value && H.value.unobserve(Q.value), H.value.disconnect());
     });
-    const { isPrinting: Be, isImaging: _e, generatePdf: Ne, generateImage: Ze } = co({
+    const { isPrinting: Be, isImaging: _e, generatePdf: Ne, generateImage: Ze } = fo({
       elementId: `wordCloud_${s.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
       options: e.value.userOptions.print
@@ -842,7 +846,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     we(e, () => {
       O.value.showTable = e.value.table.show, O.value.showTooltip = e.value.style.chart.tooltip.show, O.value.showZoom = e.value.style.chart.zoom.show;
     }, { immediate: !0 });
-    function Tt(t, C, n = "Arial") {
+    function It(t, C, n = "Arial") {
       const $ = document.createElement("canvas").getContext("2d");
       return $.font = `${C}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${n}`, {
         width: $.measureText(t).width + e.value.style.chart.words.proximity,
@@ -851,10 +855,10 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     }
     const q = M([]), ge = /* @__PURE__ */ new Map();
     function Ve() {
-      const t = [...R.value].map(($) => $.value), C = Math.max(...t), n = Math.min(...t), A = [...R.value].map(($, T) => {
+      const t = [...R.value].map(($) => $.value), C = Math.max(...t), n = Math.min(...t), F = [...R.value].map(($, T) => {
         let G = ($.value - n) / (C - n) * (I.value.maxFontSize - I.value.minFontSize) + I.value.minFontSize;
         G = isNaN(G) ? I.value.minFontSize : G;
-        const de = Tt($.name, G);
+        const de = It($.name, G);
         return {
           ...$,
           id: $.id ?? `${$.name}__${T}`,
@@ -864,9 +868,9 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           color: e.value.style.chart.words.usePalette ? e.value.customPalette[T] || e.value.customPalette[T % e.value.customPalette.length] || Te[T] || Te[T % Te.length] : e.value.style.chart.words.color
         };
       });
-      q.value.length = 0, ge.clear(), Do({
+      q.value.length = 0, ge.clear(), Wo({
         debugTiming: pe.value,
-        words: A,
+        words: F,
         svg: I.value,
         proximity: e.value.style.chart.words.proximity,
         strictPixelPadding: e.value.strictPixelPadding,
@@ -886,7 +890,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         ge.set($.id, T);
       }), U.value = !0, te.value = !1;
     }
-    const Fe = le(() => {
+    const Ae = le(() => {
       const t = q.value.map((n) => ({
         name: n.name,
         color: n.color
@@ -895,18 +899,18 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     });
     function Oe(t = null) {
       lt(() => {
-        const C = Fe.value.head.map(($, T) => [[
+        const C = Ae.value.head.map(($, T) => [[
           $.name
-        ], [Fe.value.body[T]]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(C), A = no(n);
-        t ? t(A) : lo({ csvContent: A, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
+        ], [Ae.value.body[T]]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(C), F = so(n);
+        t ? t(F) : ro({ csvContent: F, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
       });
     }
-    const Ae = le(() => {
+    const Fe = le(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], C = Fe.value.head.map(($, T) => {
-        const G = oo({ p: e.value.table.td.prefix, v: Fe.value.body[T], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+      ], C = Ae.value.head.map(($, T) => {
+        const G = no({ p: e.value.table.td.prefix, v: Ae.value.body[T], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: $.color,
@@ -940,7 +944,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     function Ue(t) {
       ae.value = t, S.value += 1;
     }
-    function Mt() {
+    function Ot() {
       return q.value;
     }
     function Le() {
@@ -956,25 +960,25 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     function He() {
       O.value.showZoom = !O.value.showZoom;
     }
-    const It = le(() => !be.value && O.value.showZoom), { viewBox: Se, resetZoom: ye, isZoom: Ot, setInitialViewBox: Et, zoomByFactor: qe, scale: Ge } = bo(Y, {
+    const Et = le(() => !be.value && O.value.showZoom), { viewBox: Se, resetZoom: ye, isZoom: zt, setInitialViewBox: Pt, zoomByFactor: qe, scale: Ge } = Co(Y, {
       x: 0,
       y: 0,
       width: I.value.width <= 0 ? 10 : I.value.width,
       height: I.value.height <= 0 ? 10 : I.value.height
-    }, 1, It);
+    }, 1, Et);
     we(() => v.dataset, () => {
       R.value = L(), e.value.responsive || (Ve(), ce());
     }, { immediate: !0 });
-    async function zt({ scale: t = 2 } = {}) {
+    async function Xt({ scale: t = 2 } = {}) {
       if (!k.value) return;
-      const { width: C, height: n } = k.value.getBoundingClientRect(), A = C / n, { imageUri: $, base64: T } = await po({ domElement: k.value, base64: !0, img: !0, scale: t });
+      const { width: C, height: n } = k.value.getBoundingClientRect(), F = C / n, { imageUri: $, base64: T } = await bo({ domElement: k.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: $,
         base64: T,
         title: e.value.style.chart.title.text,
         width: C,
         height: n,
-        aspectRatio: A
+        aspectRatio: F
       };
     }
     const Ce = le(() => {
@@ -1013,17 +1017,17 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
     function Je() {
       O.value.showTable = !1, P.value && P.value.setTableIconState(!1);
     }
-    const Pt = le(() => e.value.style.chart.backgroundColor), Xt = le(() => e.value.style.chart.title), { exportSvg: Rt, getSvg: Dt } = mo({
+    const Rt = le(() => e.value.style.chart.backgroundColor), Dt = le(() => e.value.style.chart.title), { exportSvg: Yt, getSvg: Wt } = vo({
       svg: Y,
-      title: Xt,
-      backgroundColor: Pt
+      title: Dt,
+      backgroundColor: Rt
     });
     async function Ke({ isCb: t }) {
       if (t) {
-        const { blob: C, url: n, text: A, dataUrl: $ } = await Dt();
-        e.value.userOptions.callbacks.svg({ blob: C, url: n, text: A, dataUrl: $ });
+        const { blob: C, url: n, text: F, dataUrl: $ } = await Wt();
+        e.value.userOptions.callbacks.svg({ blob: C, url: n, text: F, dataUrl: $ });
       } else
-        Rt();
+        Yt();
     }
     function Qe() {
       qe(1.5, !0);
@@ -1032,8 +1036,8 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       qe(1 / 1.5, !0);
     }
     l({
-      getData: Mt,
-      getImage: zt,
+      getData: Ot,
+      getImage: Xt,
       generateCsv: Oe,
       generatePdf: Ne,
       generateImage: Ze,
@@ -1046,29 +1050,29 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       toggleZoom: He
     });
     const ve = M(null), ke = M(!1), ze = M(""), Pe = M(null);
-    function Yt(t, C) {
+    function Bt(t, C) {
       ve.value = null, B.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: C });
     }
-    function Wt(t, C) {
+    function _t(t, C) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: C });
     }
-    function Bt(t, C) {
+    function Nt(t, C) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: C }), !O.value.showTooltip) return;
       ve.value = t.id, Pe.value = { datapoint: t, config: e.value };
       const n = e.value.style.chart.tooltip.customFormat;
-      if (ke.value = !1, so(n))
+      if (ke.value = !1, io(n))
         try {
-          const A = n({
+          const F = n({
             datapoint: t,
             config: e.value
           });
-          typeof A == "string" && (ze.value = A, ke.value = !0);
+          typeof F == "string" && (ze.value = F, ke.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), ke.value = !1;
         }
       if (!ke.value) {
-        let A = `<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>`;
-        ze.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${A}</div>`;
+        let F = `<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>`;
+        ze.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${F}</div>`;
       }
       B.value = !0;
     }
@@ -1080,12 +1084,12 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       "data-resizing": fe.value,
       "data-relayout": te.value,
       style: Xe(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: C[3] || (C[3] = () => F(he)(!0)),
-      onMouseleave: C[4] || (C[4] = () => F(he)(!1))
+      onMouseenter: C[3] || (C[3] = () => A(he)(!0)),
+      onMouseleave: C[4] || (C[4] = () => A(he)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (W(), se(F(r), {
+      e.value.userOptions.buttons.annotator ? (W(), se(A(r), {
         key: 0,
-        svgRef: F(Y),
+        svgRef: A(Y),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: be.value,
@@ -1117,7 +1121,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         ref: x,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (W(), se(go, {
+        (W(), se(yo, {
           key: `title_${w.value}`,
           config: {
             title: {
@@ -1129,14 +1133,14 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           }
         }, null, 8, ["config"]))
       ], 512)) : N("", !0),
-      e.value.userOptions.show && u.value && (F(D) || F(j)) ? (W(), se(F(a), {
+      e.value.userOptions.show && u.value && (A(D) || A(j)) ? (W(), se(A(a), {
         ref_key: "userOptionsRef",
         ref: P,
         key: `user_option_${S.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: F(Be),
-        isImaging: F(_e),
+        isPrinting: A(Be),
+        isImaging: A(_e),
         uid: s.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -1158,22 +1162,22 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         hasZoom: e.value.userOptions.buttons.zoom,
         isZoom: O.value.showZoom,
         onToggleFullscreen: Ue,
-        onGeneratePdf: F(Ne),
+        onGeneratePdf: A(Ne),
         onGenerateCsv: Oe,
-        onGenerateImage: F(Ze),
+        onGenerateImage: A(Ze),
         onGenerateSvg: Ke,
         onToggleTable: Le,
         onToggleTooltip: je,
         onToggleAnnotator: Ee,
         onToggleZoom: He,
         style: Xe({
-          visibility: F(D) ? F(j) ? "visible" : "hidden" : "visible"
+          visibility: A(D) ? A(j) ? "visible" : "hidden" : "visible"
         })
       }, ot({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: E(({ isOpen: n, color: A }) => [
-            z(t.$slots, "menuIcon", Z(V({ isOpen: n, color: A })), void 0, !0)
+          fn: E(({ isOpen: n, color: F }) => [
+            z(t.$slots, "menuIcon", Z(V({ isOpen: n, color: F })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -1214,46 +1218,46 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: E(({ toggleFullscreen: n, isFullscreen: A }) => [
-            z(t.$slots, "optionFullscreen", Z(V({ toggleFullscreen: n, isFullscreen: A })), void 0, !0)
+          fn: E(({ toggleFullscreen: n, isFullscreen: F }) => [
+            z(t.$slots, "optionFullscreen", Z(V({ toggleFullscreen: n, isFullscreen: F })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: E(({ toggleAnnotator: n, isAnnotator: A }) => [
-            z(t.$slots, "optionAnnotator", Z(V({ toggleAnnotator: n, isAnnotator: A })), void 0, !0)
+          fn: E(({ toggleAnnotator: n, isAnnotator: F }) => [
+            z(t.$slots, "optionAnnotator", Z(V({ toggleAnnotator: n, isAnnotator: F })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionZoom ? {
           name: "optionZoom",
-          fn: E(({ toggleZoom: n, isZoomLocked: A }) => [
-            z(t.$slots, "optionZoom", Z(V({ toggleZoom: n, isZoomLocked: A })), void 0, !0)
+          fn: E(({ toggleZoom: n, isZoomLocked: F }) => [
+            z(t.$slots, "optionZoom", Z(V({ toggleZoom: n, isZoomLocked: F })), void 0, !0)
           ]),
           key: "8"
         } : 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", "hasZoom", "isZoom", "onGeneratePdf", "onGenerateImage", "style"])) : N("", !0),
-      e.value.style.chart.controls.position === "top" && e.value.style.chart.controls.show && !F(ie) ? (W(), se(ut, {
+      e.value.style.chart.controls.position === "top" && e.value.style.chart.controls.show && !A(ie) ? (W(), se(ut, {
         key: 3,
         ref_key: "zoomControls",
         ref: re,
         config: e.value,
-        scale: F(Ge),
+        scale: A(Ge),
         isFullscreen: ae.value,
         onZoomIn: Qe,
         onZoomOut: et,
-        onResetZoom: C[0] || (C[0] = (n) => F(ye)(!0))
+        onResetZoom: C[0] || (C[0] = (n) => A(ye)(!0))
       }, null, 8, ["config", "scale", "isFullscreen"])) : N("", !0),
       (W(), J("svg", {
         ref_key: "svgRef",
         ref: Y,
         class: at({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
-        xmlns: F(ao),
-        viewBox: `${F(Se).x} ${F(Se).y} ${F(Se).width} ${F(Se).height}`,
+        xmlns: A(lo),
+        viewBox: `${A(Se).x} ${A(Se).y} ${A(Se).width} ${A(Se).height}`,
         style: "overflow:hidden;background:transparent;display:block"
       }, [
-        Re(F(p)),
+        Re(A(p)),
         t.$slots["chart-background"] ? (W(), J("foreignObject", {
           key: 0,
           x: 0,
@@ -1265,12 +1269,12 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           }
         }, [
           z(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Bo)) : N("", !0),
+        ], 8, No)) : N("", !0),
         $e("g", {
           transform: `translate(${me.value.x}, ${me.value.y})`,
           class: at({ "wc-finalized": U.value })
         }, [
-          (W(!0), J(Ut, null, Lt(q.value, (n, A) => (W(), J("g", {
+          (W(!0), J(jt, null, Ht(q.value, (n, F) => (W(), J("g", {
             key: n.id,
             class: "vue-ui-word-cloud-word",
             transform: `translate(${n.x}, ${n.y})`
@@ -1283,10 +1287,10 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
               height: n.maxY - n.minY,
               fill: "transparent",
               "pointer-events": "visiblePainted",
-              onMouseover: ($) => Bt(n, A),
-              onMouseleave: ($) => Yt(n, A),
-              onClick: ($) => Wt(n, A)
-            }, null, 40, Zo)) : N("", !0),
+              onMouseover: ($) => Nt(n, F),
+              onMouseleave: ($) => Bt(n, F),
+              onClick: ($) => _t(n, F)
+            }, null, 40, Uo)) : N("", !0),
             $e("text", {
               fill: n.color,
               "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
@@ -1305,31 +1309,31 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
                             pointer-events:none;
                             fill-opacity:${!ve.value || ve.value === n.id || !U.value ? 1 : e.value.style.chart.words.hoverOpacity} !important;
                         `)
-            }, De(n.name), 13, Vo)
-          ], 8, No))), 128))
-        ], 10, _o),
+            }, De(n.name), 13, Lo)
+          ], 8, Vo))), 128))
+        ], 10, Zo),
         z(t.$slots, "svg", {
           svg: { height: I.value.height, width: I.value.width }
         }, void 0, !0)
-      ], 10, Wo)),
-      t.$slots.watermark ? (W(), J("div", Uo, [
-        z(t.$slots, "watermark", Z(V({ isPrinting: F(Be) || F(_e) })), void 0, !0)
+      ], 10, _o)),
+      t.$slots.watermark ? (W(), J("div", jo, [
+        z(t.$slots, "watermark", Z(V({ isPrinting: A(Be) || A(_e) })), void 0, !0)
       ])) : N("", !0),
-      F(Ot) ? (W(), J("div", Lo, [
-        z(t.$slots, "reset-action", { reset: F(ye) }, void 0, !0)
+      A(zt) ? (W(), J("div", Ho, [
+        z(t.$slots, "reset-action", { reset: A(ye) }, void 0, !0)
       ])) : N("", !0),
-      e.value.style.chart.controls.position === "bottom" && e.value.style.chart.controls.show && !F(ie) ? (W(), se(ut, {
+      e.value.style.chart.controls.position === "bottom" && e.value.style.chart.controls.show && !A(ie) ? (W(), se(ut, {
         key: 6,
         ref_key: "zoomControls",
         ref: re,
         config: e.value,
-        scale: F(Ge),
+        scale: A(Ge),
         isFullscreen: ae.value,
         onZoomIn: Qe,
         onZoomOut: et,
-        onResetZoom: C[1] || (C[1] = (n) => F(ye)(!0))
+        onResetZoom: C[1] || (C[1] = (n) => A(ye)(!0))
       }, null, 8, ["config", "scale", "isFullscreen"])) : N("", !0),
-      Re(F(m), {
+      Re(A(m), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: O.value.showTooltip && B.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1366,18 +1370,18 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
       }, [
         z(t.$slots, "source", {}, void 0, !0)
       ], 512)) : N("", !0),
-      u.value && e.value.userOptions.buttons.table ? (W(), se(jt(Ce.value.component), Ht({ key: 8 }, Ce.value.props, {
+      u.value && e.value.userOptions.buttons.table ? (W(), se(qt(Ce.value.component), Gt({ key: 8 }, Ce.value.props, {
         ref_key: "tableUnit",
         ref: X,
         onClose: Je
       }), ot({
         content: E(() => [
-          (W(), se(F(d), {
+          (W(), se(A(d), {
             key: `table_${_.value}`,
-            colNames: Ae.value.colNames,
-            head: Ae.value.head,
-            body: Ae.value.body,
-            config: Ae.value.config,
+            colNames: Fe.value.colNames,
+            head: Fe.value.head,
+            body: Fe.value.body,
+            config: Fe.value.config,
             title: e.value.table.useDialog ? "" : Ce.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Je
@@ -1386,7 +1390,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
               $e("div", {
                 innerHTML: n,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, jo)
+              }, null, 8, qo)
             ]),
             td: E(({ td: n }) => [
               nt(De(n.name || n), 1)
@@ -1411,7 +1415,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
               class: "vue-ui-user-options-button",
               onClick: C[2] || (C[2] = (n) => Oe(e.value.userOptions.callbacks.csv))
             }, [
-              Re(F(c), {
+              Re(A(c), {
                 name: "excel",
                 stroke: Ce.value.props.color
               }, null, 8, ["stroke"])
@@ -1420,15 +1424,15 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", tit
           key: "1"
         } : void 0
       ]), 1040)) : N("", !0),
-      F(ie) ? (W(), se(uo, { key: 9 })) : N("", !0)
-    ], 44, Yo));
+      A(ie) ? (W(), se(mo, { key: 9 })) : N("", !0)
+    ], 44, Bo));
   }
-}, qo = /* @__PURE__ */ yo(Ho, [["__scopeId", "data-v-aa3e07cf"]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Jo = /* @__PURE__ */ ko(Go, [["__scopeId", "data-v-aa3e07cf"]]), va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: qo
+  default: Jo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  da as a,
-  ma as b,
-  qo as v
+  fa as a,
+  va as b,
+  Jo as v
 };