vue-data-ui 2.4.78 → 2.4.79

package/dist/{vue-ui-word-cloud-BzfYkI08.js → vue-ui-word-cloud-7WimWD85.js}

@@ -1,16 +1,16 @@
-import { useCssVars as De, computed as g, openBlock as u, createElementBlock as h, createVNode as le, renderSlot as d, createElementVNode as x, normalizeStyle as j, pushScopeId as Ee, popScopeId as Ge, ref as n, watch as ae, onMounted as Le, onBeforeUnmount as Xe, unref as v, createBlock as O, createCommentVNode as y, createSlots as je, withCtx as m, normalizeProps as A, guardReactiveProps as _, normalizeClass as Ce, Fragment as He, renderList as Ye, toDisplayString as ke, createTextVNode as qe, nextTick as we } from "vue";
-import { u as Je, a3 as Ke, v as Qe, c as $e, t as Ze, a as et, p as X, o as tt, e as xe, g as ot, f as at, X as lt, q as st, r as nt, x as rt } from "./index-B8Eaq54E.js";
-import { _ as ut } from "./Title-XYNHfYwN.js";
-import { u as it, U as ct } from "./usePrinter-D83W2gfG.js";
+import { useCssVars as De, computed as g, openBlock as u, createElementBlock as h, createVNode as se, renderSlot as d, createElementVNode as S, normalizeStyle as j, pushScopeId as Ee, popScopeId as Ge, ref as n, watch as le, onMounted as Le, onBeforeUnmount as Xe, unref as v, createBlock as O, createCommentVNode as b, createSlots as je, withCtx as m, normalizeProps as A, guardReactiveProps as _, normalizeClass as ke, Fragment as He, renderList as Ye, toDisplayString as we, createTextVNode as qe, nextTick as $e } from "vue";
+import { u as Je, a3 as Ke, v as Qe, c as xe, t as Ze, a as et, p as X, o as tt, e as Se, g as ot, f as at, X as lt, q as st, r as nt, x as rt } from "./index-DJL-Bkqp.js";
+import { _ as ut } from "./Title-B4ZkvXK-.js";
+import { u as it, U as ct } from "./usePrinter-DdGbL4Nm.js";
 import { d as dt, t as vt, u as ht } from "./useResponsive-CoxXLe23.js";
-import mt from "./vue-ui-accordion--5td7b94.js";
-import { D as pt } from "./DataTable-DtRXoetj.js";
-import ft from "./BaseIcon-Dzpk4O8L.js";
-import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as Se } from "./useNestedProp-Ka0R_Yqa.js";
-import { _ as gt } from "./PackageVersion-CgJdp_Ki.js";
-import { _ as yt } from "./Tooltip-DYRo59nq.js";
-import { P as bt } from "./PenAndPaper-BTLEk55u.js";
+import mt from "./vue-ui-accordion-B_eXBJPl.js";
+import { D as pt } from "./DataTable-B2jdS-OG.js";
+import ft from "./BaseIcon-BmzdBA_n.js";
+import { _ as Fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as Te } from "./useNestedProp-uEksOW7g.js";
+import { _ as gt } from "./PackageVersion-CiKxfy3h.js";
+import { _ as yt } from "./Tooltip-B0LX9lY0.js";
+import { P as bt } from "./PenAndPaper-Dkvtj3o8.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2canvas-ignore": "" }, $t = {
   key: 0,
@@ -18,7 +18,7 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
 }, xt = {
   key: 1,
   class: "reset-wrapper"
-}, St = { class: "mono-slicer" }, Tt = /* @__PURE__ */ kt(() => /* @__PURE__ */ x("div", { class: "slider-track" }, null, -1)), Ft = ["min", "max", "value"], Nt = {
+}, St = { class: "mono-slicer" }, Tt = /* @__PURE__ */ kt(() => /* @__PURE__ */ S("div", { class: "slider-track" }, null, -1)), Ft = ["min", "max", "value"], Nt = {
   __name: "MonoSlicer",
   props: {
     min: {
@@ -65,28 +65,28 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
   emits: ["update:value", "reset"],
   setup(c, { emit: U }) {
     const r = c;
-    De(($) => ({
+    De((x) => ({
       "782b8172": H.value,
       "102109e6": I.value,
-      "642212d7": w.value,
+      "642212d7": $.value,
       "1f5369d4": c.selectColor,
-      "22b98ab8": S.value
+      "22b98ab8": T.value
     }));
-    const H = g(() => r.inputColor), S = g(() => r.background), w = g(() => `${r.selectColor}33`), I = g(() => r.borderColor);
+    const H = g(() => r.inputColor), T = g(() => r.background), $ = g(() => `${r.selectColor}33`), I = g(() => r.borderColor);
     function M() {
       U("reset");
     }
-    const b = g(() => {
-      const $ = r.max - r.min, C = 0, T = (r.value - r.min) / $ * 100;
+    const C = g(() => {
+      const x = r.max - r.min, k = 0, F = (r.value - r.min) / x * 100;
       return {
-        left: `${C}%`,
-        width: `${T - C}%`,
+        left: `${k}%`,
+        width: `${F - k}%`,
         background: r.selectColor
       };
     });
-    return ($, C) => (u(), h("div", wt, [
+    return (x, k) => (u(), h("div", wt, [
       c.value !== c.source ? (u(), h("div", $t, [
-        c.useResetSlot ? d($.$slots, "reset-action", {
+        c.useResetSlot ? d(x.$slots, "reset-action", {
           key: 1,
           reset: M
         }, void 0, !0) : (u(), h("button", {
@@ -97,29 +97,29 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
           class: "vue-data-ui-refresh-button",
           onClick: M
         }, [
-          le(ft, {
+          se(ft, {
             name: "refresh",
             stroke: c.textColor
           }, null, 8, ["stroke"])
         ]))
       ])) : (u(), h("div", xt)),
-      x("div", St, [
+      S("div", St, [
         Tt,
-        x("div", {
+        S("div", {
           class: "range-highlight",
-          style: j(b.value)
+          style: j(C.value)
         }, null, 4),
-        x("input", {
+        S("input", {
           type: "range",
           min: c.min,
           max: c.max,
           value: Number(c.value),
-          onInput: C[0] || (C[0] = (T) => U("update:value", Number(T.target.value)))
+          onInput: k[0] || (k[0] = (F) => U("update:value", Number(F.target.value)))
         }, null, 40, Ft)
       ])
     ]));
   }
-}, Pt = /* @__PURE__ */ Te(Nt, [["__scopeId", "data-v-b4e6aee9"]]), zt = ["id"], Ot = ["xmlns", "viewBox"], At = ["width", "height"], _t = ["transform"], It = ["fill", "font-weight", "x", "y", "font-size", "transform", "onMouseover"], Mt = {
+}, zt = /* @__PURE__ */ Fe(Nt, [["__scopeId", "data-v-b4e6aee9"]]), Pt = ["id"], Ot = ["xmlns", "viewBox"], At = ["width", "height"], _t = ["transform"], It = ["fill", "font-weight", "x", "y", "font-size", "transform", "onMouseover"], Mt = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Wt = ["innerHTML"], Rt = {
@@ -139,85 +139,85 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
     }
   },
   setup(c, { expose: U }) {
-    const r = c, { vue_ui_word_cloud: H } = Je(), S = g({
+    const r = c, { vue_ui_word_cloud: H } = Je(), T = g({
       get() {
         return !!r.dataset && r.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), w = n(typeof r.dataset == "string" ? Ke(r.dataset) : r.dataset.map((t) => ({
+    }), $ = n(typeof r.dataset == "string" ? Ke(r.dataset) : r.dataset.map((t, a) => ({
       ...t,
       value: Qe(t.value)
-    }))), I = n($e()), M = n(0), b = n(null), $ = n(null), C = n(null), T = n(0), se = n(0), Y = n(!1), e = g({
-      get: () => ue(),
+    }))), I = n(xe()), M = n(0), C = n(null), x = n(null), k = n(null), F = n(0), ne = n(0), Y = n(!1), e = g({
+      get: () => ie(),
       set: (t) => t
-    }), { userOptionsVisible: q, setUserOptionsVisibility: ne, keepUserOptionState: re } = Ct({ config: e.value });
-    function ue() {
-      const t = Se({
+    }), { userOptionsVisible: q, setUserOptionsVisibility: re, keepUserOptionState: ue } = Ct({ config: e.value });
+    function ie() {
+      const t = Te({
         userConfig: r.config,
         defaultConfig: H
       });
       return t.theme ? {
-        ...Se({
+        ...Te({
           userConfig: Ze.vue_ui_word_cloud[t.theme] || r.config,
           defaultConfig: t
         }),
         customPalette: et[t.theme] || X
       } : t;
     }
-    ae(() => r.config, (t) => {
-      e.value = ue(), q.value = !e.value.showOnChartHover, ce(), T.value += 1, se.value += 1, J();
+    le(() => r.config, (t) => {
+      e.value = ie(), q.value = !e.value.showOnChartHover, de(), F.value += 1, ne.value += 1, J();
     }, { deep: !0 });
-    const ie = n(null), F = n(0), s = n({
+    const ce = n(null), N = n(0), s = n({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height,
       maxFontSize: e.value.style.chart.words.maxFontSize,
       minFontSize: e.value.style.chart.words.minFontSize
-    }), Fe = vt(() => {
+    }), Ne = vt(() => {
       const { width: t, height: a } = ht({
-        chart: b.value,
-        title: e.value.style.chart.title.text ? $.value : null,
-        slicer: e.value.style.chart.zoom.show && ie.value,
-        source: C.value
+        chart: C.value,
+        title: e.value.style.chart.title.text ? x.value : null,
+        slicer: e.value.style.chart.zoom.show && ce.value,
+        source: k.value
       });
-      s.value.width = t, s.value.height = a, we(K);
+      s.value.width = t, s.value.height = a, $e(Q);
     });
-    ae(() => F.value, () => {
-      Ne();
+    le(() => N.value, () => {
+      ze();
     });
-    const Ne = dt(() => {
-      K();
+    const ze = dt(() => {
+      Q();
     }, 10);
     function J() {
-      F.value = pe.value;
+      N.value = K.value;
     }
     const V = n(null);
     Le(() => {
-      ce(), J();
+      de(), J();
     });
-    function ce() {
-      tt(r.dataset) ? xe({
+    function de() {
+      tt(r.dataset) ? Se({
         componentName: "VueUiWordCloud",
         type: "dataset"
-      }) : w.value.forEach((t, a) => {
+      }) : $.value.forEach((t, a) => {
         ot({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((o) => {
-          S.value = !1, xe({
+          T.value = !1, Se({
             componentName: "VueUiWordCloud",
             type: "datasetSerieAttribute",
             property: o,
             index: a
           });
         });
-      }), e.value.responsive && (V.value = new ResizeObserver(Fe), V.value.observe(b.value.parentNode));
+      }), e.value.responsive && (V.value = new ResizeObserver(Ne), V.value.observe(C.value.parentNode));
     }
     Xe(() => {
       V.value && V.value.disconnect();
     });
-    const { isPrinting: de, isImaging: ve, generatePdf: he, generateImage: me } = it({
+    const { isPrinting: ve, isImaging: he, generatePdf: me, generateImage: pe } = it({
       elementId: `wordCloud_${I.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-word-cloud"
     }), p = n({
@@ -231,36 +231,38 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
         height: a
       };
     }
-    function ze(t, a) {
+    function Oe(t, a) {
       return t.x < a.x + a.width && t.x + t.width > a.x && t.y < a.y + a.height && t.y + t.height > a.y;
     }
-    function Oe(t, a, o) {
-      const i = [], l = { x: -a / 2, y: -o / 2, width: a, height: o }, f = 0, P = 0;
-      return t.forEach((z) => {
-        let te = !1;
-        for (let L = 0; L < Math.max(a, o) / 2 && !te; L += e.value.style.chart.words.packingWeight)
-          for (let oe = 0; oe < 360 && !te; oe += e.value.style.chart.words.packingWeight) {
-            const be = oe * Math.PI / 180, We = f + L * Math.cos(be) - z.width / 2, Re = P + L * Math.sin(be) - z.height / 2, k = { ...z, x: We, y: Re }, Ue = k.x >= l.x && k.y >= l.y && k.x + k.width <= l.x + l.width && k.y + k.height <= l.y + l.height, Ve = i.some((Be) => ze(k, Be));
-            Ue && !Ve && (i.push(k), te = !0);
+    function Ae(t, a, o) {
+      const i = [], l = { x: -a / 2, y: -o / 2, width: a, height: o }, f = 0, y = 0;
+      return t.forEach((P) => {
+        let oe = !1;
+        for (let L = 0; L < Math.max(a, o) / 2 && !oe; L += e.value.style.chart.words.packingWeight)
+          for (let ae = 0; ae < 360 && !oe; ae += e.value.style.chart.words.packingWeight) {
+            const Ce = ae * Math.PI / 180, We = f + L * Math.cos(Ce) - P.width / 2, Re = y + L * Math.sin(Ce) - P.height / 2, w = { ...P, x: We, y: Re }, Ue = w.x >= l.x && w.y >= l.y && w.x + w.width <= l.x + l.width && w.y + w.height <= l.y + l.height, Ve = i.some((Be) => Oe(w, Be));
+            Ue && !Ve && (i.push(w), oe = !0);
           }
       }), i;
     }
     const W = n([]);
-    ae(() => r.dataset, K, { immediate: !0 });
-    const pe = g(() => Math.min(...w.value.map((t) => t.value))), Ae = g(() => Math.max(...w.value.map((t) => t.value)));
-    function K() {
-      const t = [...w.value].filter((l) => l.value >= F.value).map((l) => l.value), a = Math.max(...t), o = Math.min(...t), i = [...w.value].filter((l) => l.value >= F.value).map((l, f) => {
-        const P = (l.value - o) / (a - o) * (s.value.maxFontSize - s.value.minFontSize) + s.value.minFontSize, z = Pe(l.name, P);
+    le(() => r.dataset, Q, { immediate: !0 });
+    const K = g(() => Math.round(Math.min(...$.value.map((t) => t.value)))), fe = g(() => Math.round(Math.max(...$.value.map((t) => t.value))));
+    function Q() {
+      const t = [...$.value].filter((l) => l.value >= N.value).map((l) => l.value), a = Math.max(...t), o = Math.min(...t), i = [...$.value].filter((l) => l.value >= N.value).map((l, f) => {
+        let y = (l.value - o) / (a - o) * (s.value.maxFontSize - s.value.minFontSize) + s.value.minFontSize;
+        y = isNaN(y) ? s.value.minFontSize : y;
+        const P = Pe(l.name, y);
         return {
           ...l,
-          id: $e(),
-          fontSize: P,
-          width: z.width,
-          height: z.height,
+          id: xe(),
+          fontSize: y,
+          width: P.width,
+          height: P.height,
           color: e.value.style.chart.words.usePalette ? e.value.customPalette[f] || e.value.customPalette[f % e.value.customPalette.length] || X[f] || X[f % X.length] : e.value.style.chart.words.color
         };
       });
-      W.value = Oe(i, s.value.width, s.value.height).sort((l, f) => f.fontSize - l.fontSize);
+      W.value = Ae(i, s.value.width, s.value.height).sort((l, f) => f.fontSize - l.fontSize);
     }
     const B = g(() => {
       const t = W.value.map((o) => ({
@@ -269,8 +271,8 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
       })), a = W.value.map((o) => o.value);
       return { head: t, body: a };
     });
-    function fe() {
-      we(() => {
+    function ge() {
+      $e(() => {
         const t = B.value.head.map((i, l) => [[
           i.name
         ], [B.value.body[l]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), o = st(a);
@@ -282,13 +284,13 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], a = B.value.head.map((l, f) => {
-        const P = at({ p: e.value.table.td.prefix, v: B.value.body[f], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
+        const y = at({ p: e.value.table.td.prefix, v: B.value.body[f], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: l.color,
             name: l.name
           },
-          P
+          y
         ];
       }), o = {
         th: {
@@ -319,29 +321,29 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
     function Ie() {
       return W.value;
     }
-    function ge() {
+    function ye() {
       p.value.showTable = !p.value.showTable;
     }
-    function ye() {
+    function be() {
       p.value.showTooltip = !p.value.showTooltip;
     }
     const G = n(!1);
-    function Q() {
+    function Z() {
       G.value = !G.value;
     }
     U({
       getData: Ie,
-      generateCsv: fe,
-      generatePdf: he,
-      generateImage: me,
-      toggleTable: ge,
-      toggleTooltip: ye,
-      toggleAnnotator: Q
+      generateCsv: ge,
+      generatePdf: me,
+      generateImage: pe,
+      toggleTable: ye,
+      toggleTooltip: be,
+      toggleAnnotator: Z
     });
-    const N = n(null), R = n(!1), Z = n(""), ee = n(null);
+    const z = n(null), R = n(!1), ee = n(""), te = n(null);
     function Me(t) {
       if (!p.value.showTooltip) return;
-      N.value = t.id, ee.value = { datapoint: t, config: e.value };
+      z.value = t.id, te.value = { datapoint: t, config: e.value };
       const a = e.value.style.chart.tooltip.customFormat;
       if (R.value = !1, rt(a))
         try {
@@ -349,41 +351,41 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
             datapoint: t,
             config: e.value
           });
-          typeof o == "string" && (Z.value = o, R.value = !0);
+          typeof o == "string" && (ee.value = o, R.value = !0);
         } catch {
           console.warn("Custom format cannot be applied."), R.value = !1;
         }
       if (!R.value) {
         let o = `<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>`;
-        Z.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${o}</div>`;
+        ee.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${o}</div>`;
       }
       Y.value = !0;
     }
     return (t, a) => (u(), h("div", {
       class: "vue-ui-word-cloud",
       ref_key: "wordCloudChart",
-      ref: b,
+      ref: C,
       id: `wordCloud_${I.value}`,
       style: j(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: a[3] || (a[3] = () => v(ne)(!0)),
-      onMouseleave: a[4] || (a[4] = () => v(ne)(!1))
+      onMouseenter: a[3] || (a[3] = () => v(re)(!0)),
+      onMouseleave: a[4] || (a[4] = () => v(re)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (u(), O(bt, {
         key: 0,
-        parent: b.value,
+        parent: C.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: G.value,
-        onClose: Q
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
+        onClose: Z
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : b("", !0),
       e.value.style.chart.title.text ? (u(), h("div", {
         key: 1,
         ref_key: "chartTitle",
-        ref: $,
+        ref: x,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (u(), O(ut, {
-          key: `title_${T.value}`,
+          key: `title_${F.value}`,
           config: {
             title: {
               ...e.value.style.chart.title
@@ -393,14 +395,14 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : y("", !0),
-      e.value.userOptions.show && S.value && (v(re) || v(q)) ? (u(), O(ct, {
+      ], 512)) : b("", !0),
+      e.value.userOptions.show && T.value && (v(ue) || v(q)) ? (u(), O(ct, {
         ref: "details",
         key: `user_option_${M.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: v(de),
-        isImaging: v(ve),
+        isPrinting: v(ve),
+        isImaging: v(he),
         uid: I.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -409,21 +411,21 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: E.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: b.value,
+        chartElement: C.value,
         position: e.value.userOptions.position,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         isTooltip: p.value.showTooltip,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: G.value,
         onToggleFullscreen: _e,
-        onGeneratePdf: v(he),
-        onGenerateCsv: fe,
-        onGenerateImage: v(me),
-        onToggleTable: ge,
-        onToggleTooltip: ye,
-        onToggleAnnotator: Q,
+        onGeneratePdf: v(me),
+        onGenerateCsv: ge,
+        onGenerateImage: v(pe),
+        onToggleTable: ye,
+        onToggleTooltip: be,
+        onToggleAnnotator: Z,
         style: j({
-          visibility: v(re) ? v(q) ? "visible" : "hidden" : "visible"
+          visibility: v(ue) ? v(q) ? "visible" : "hidden" : "visible"
         })
       }, je({ _: 2 }, [
         t.$slots.optionPdf ? {
@@ -468,15 +470,15 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      S.value ? (u(), h("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
+      T.value ? (u(), h("svg", {
         key: 3,
-        class: Ce({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
+        class: ke({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
         xmlns: v(lt),
         viewBox: `0 0 ${s.value.width <= 0 ? 10 : s.value.width} ${s.value.height <= 0 ? 10 : s.value.height}`,
         style: "overflow:visible;background:transparent;"
       }, [
-        le(gt),
+        se(gt),
         t.$slots["chart-background"] ? (u(), h("foreignObject", {
           key: 0,
           x: 0,
@@ -488,8 +490,8 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
           }
         }, [
           d(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, At)) : y("", !0),
-        x("g", {
+        ], 8, At)) : b("", !0),
+        S("g", {
           transform: `translate(${(s.value.width <= 0 ? 10 : s.value.width) / 2}, ${(s.value.height <= 0 ? 10 : s.value.height) / 2})`
         }, [
           (u(!0), h(He, null, Ye(W.value, (o, i) => (u(), h("g", null, [
@@ -501,25 +503,25 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
               y: o.y,
               "font-size": o.fontSize,
               transform: `translate(${o.width / 2}, ${o.height / 2})`,
-              class: Ce({ animated: e.value.useCssAnimation, "word-selected": N.value && N.value === o.id && p.value.showTooltip, "word-not-selected": N.value && N.value !== o.id && p.value.showTooltip }),
+              class: ke({ animated: e.value.useCssAnimation, "word-selected": z.value && z.value === o.id && p.value.showTooltip, "word-not-selected": z.value && z.value !== o.id && p.value.showTooltip }),
               "text-anchor": "middle",
               "dominant-baseline": "central",
               onMouseover: (l) => Me(o),
               onMouseleave: a[0] || (a[0] = (l) => {
-                N.value = null, Y.value = !1;
+                z.value = null, Y.value = !1;
               }),
               style: j(`animation-delay:${i * e.value.animationDelayMs}ms !important;`)
-            }, ke(o.name), 47, It))
+            }, we(o.name), 47, It))
           ]))), 256))
         ], 8, _t),
         d(t.$slots, "svg", {
           svg: { height: s.value.height, width: s.value.width }
         }, void 0, !0)
-      ], 10, Ot)) : y("", !0),
+      ], 10, Ot)) : b("", !0),
       t.$slots.watermark ? (u(), h("div", Mt, [
-        d(t.$slots, "watermark", A(_({ isPrinting: v(de) || v(ve) })), void 0, !0)
-      ])) : y("", !0),
-      le(yt, {
+        d(t.$slots, "watermark", A(_({ isPrinting: v(ve) || v(he) })), void 0, !0)
+      ])) : b("", !0),
+      se(yt, {
         show: p.value.showTooltip && Y.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -530,30 +532,30 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: b.value,
-        content: Z.value,
+        parent: C.value,
+        content: ee.value,
         isCustom: R.value
       }, {
         "tooltip-before": m(() => [
-          d(t.$slots, "tooltip-before", A(_({ ...ee.value })), void 0, !0)
+          d(t.$slots, "tooltip-before", A(_({ ...te.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          d(t.$slots, "tooltip-after", A(_({ ...ee.value })), void 0, !0)
+          d(t.$slots, "tooltip-after", A(_({ ...te.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      x("div", {
+      S("div", {
         ref_key: "chartSlicer",
-        ref: ie,
+        ref: ce,
         style: "width:100%;background:transparent",
         "data-html2canvas-ignore": ""
       }, [
-        e.value.style.chart.zoom.show ? (u(), O(Pt, {
+        e.value.style.chart.zoom.show && K.value < fe.value ? (u(), O(zt, {
           key: 0,
-          value: F.value,
-          "onUpdate:value": a[1] || (a[1] = (o) => F.value = o),
-          min: pe.value,
-          max: Ae.value,
+          value: N.value,
+          "onUpdate:value": a[1] || (a[1] = (o) => N.value = o),
+          min: K.value,
+          max: fe.value,
           textColor: e.value.style.chart.color,
           inputColor: e.value.style.chart.zoom.color,
           selectColor: e.value.style.chart.zoom.highlightColor,
@@ -567,17 +569,17 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
             d(t.$slots, "reset-action", A(_({ reset: o })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["value", "min", "max", "textColor", "inputColor", "selectColor", "useResetSlot", "background", "borderColor", "source"])) : y("", !0)
+        }, 8, ["value", "min", "max", "textColor", "inputColor", "selectColor", "useResetSlot", "background", "borderColor", "source"])) : b("", !0)
       ], 512),
       t.$slots.source ? (u(), h("div", {
         key: 5,
         ref_key: "source",
-        ref: C,
+        ref: k,
         dir: "auto"
       }, [
         d(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : y("", !0),
-      S.value ? (u(), O(mt, {
+      ], 512)) : b("", !0),
+      T.value ? (u(), O(mt, {
         key: 6,
         hideDetails: "",
         config: {
@@ -595,7 +597,7 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
       }, {
         content: m(() => [
           (u(), O(pt, {
-            key: `table_${se.value}`,
+            key: `table_${ne.value}`,
             colNames: D.value.colNames,
             head: D.value.head,
             body: D.value.body,
@@ -604,22 +606,22 @@ const kt = (c) => (Ee("data-v-b4e6aee9"), c = c(), Ge(), c), wt = { "data-html2c
             onClose: a[2] || (a[2] = (o) => p.value.showTable = !1)
           }, {
             th: m(({ th: o }) => [
-              x("div", {
+              S("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Wt)
             ]),
             td: m(({ td: o }) => [
-              qe(ke(o.name || o), 1)
+              qe(we(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : y("", !0)
-    ], 44, zt));
+      }, 8, ["config"])) : b("", !0)
+    ], 44, Pt));
   }
-}, Qt = /* @__PURE__ */ Te(Rt, [["__scopeId", "data-v-cd6ced56"]]);
+}, Qt = /* @__PURE__ */ Fe(Rt, [["__scopeId", "data-v-ea686487"]]);
 export {
   Qt as default
 };