vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-kpi-Dphnwumo.js → vue-ui-kpi-N8s0i48S.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, computed as C, useSlots as w, onMounted as y, watch as k, ref as $, createElementBlock as s, openBlock as i, normalizeStyle as u, normalizeClass as r, createElementVNode as b, renderSlot as n, createTextVNode as h, toDisplayString as F, createVNode as B, unref as v, Fragment as L } from "vue";
-import { u as M, a as E } from "./useNestedProp-Ce3PwN8T.js";
-import { a as I, d as O } from "./lib-CEjkWSLj.js";
+import { u as M, a as E } from "./useNestedProp-B7CiTRDS.js";
+import { a as I, d as O } from "./lib-BcBZIm6u.js";
 const R = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const R = {
     }
   },
   setup(o) {
-    const N = z(() => import("./vue-ui-digits-nKPRJ9Vz.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
+    const N = z(() => import("./vue-ui-digits-eYxf3UFN.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
       get: () => c(),
       set: (a) => a
     }), S = w(), A = C(() => e.value.debug);

package/dist/{vue-ui-mini-loader-DFk9GZ5V.js → vue-ui-mini-loader-Db-9iQcC.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as o, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m, a as y } from "./useNestedProp-Ce3PwN8T.js";
-import { X as L } from "./lib-CEjkWSLj.js";
+import { u as m, a as y } from "./useNestedProp-B7CiTRDS.js";
+import { X as L } from "./lib-BcBZIm6u.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const B = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",

package/dist/{vue-ui-molecule-DC4_vXt_.js → vue-ui-molecule-DnjRfc4-.js}

@@ -1,24 +1,24 @@
-import { useCssVars as bt, defineAsyncComponent as h, computed as p, onMounted as Ct, ref as r, toRefs as yt, watch as U, nextTick as M, createElementBlock as C, openBlock as u, unref as a, normalizeStyle as z, normalizeClass as Oe, createBlock as w, createCommentVNode as b, createVNode as D, createSlots as Se, withCtx as c, renderSlot as v, normalizeProps as T, guardReactiveProps as $, createElementVNode as I, Fragment as At, renderList as kt, resolveDynamicComponent as wt, mergeProps as Tt, createTextVNode as De, toDisplayString as Ie } from "vue";
-import { o as $t, f as _t, c as Pe, t as Ot, b as St, p as Fe, e as Dt, R as It, X as Pt, m as Ft, k as Nt, h as Ne, x as Lt, y as xt, z as Bt, A as Rt } from "./lib-CEjkWSLj.js";
-import { u as Et, a as Le } from "./useNestedProp-Ce3PwN8T.js";
-import { u as Ut, B as Mt } from "./BaseScanner-BgWxam9d.js";
-import { u as zt } from "./usePrinter-DJ1iH-F_.js";
-import { u as Ht } from "./useSvgExport-DrjCWun4.js";
+import { useCssVars as bt, defineAsyncComponent as h, computed as p, onMounted as Ct, ref as r, toRefs as yt, watch as U, nextTick as H, createElementBlock as C, openBlock as u, unref as a, normalizeStyle as M, normalizeClass as Oe, createBlock as w, createCommentVNode as b, createVNode as D, createSlots as Se, withCtx as c, renderSlot as v, normalizeProps as T, guardReactiveProps as $, createElementVNode as P, Fragment as kt, renderList as At, resolveDynamicComponent as wt, mergeProps as Tt, createTextVNode as De, toDisplayString as Pe } from "vue";
+import { o as $t, f as _t, c as Ie, t as Ot, b as St, p as Fe, e as Dt, a7 as Pt, X as It, S as Ft, k as Nt, h as Ne, P as Lt, Q as Bt, G as xt, H as Et } from "./lib-BcBZIm6u.js";
+import { u as Rt, a as Le } from "./useNestedProp-B7CiTRDS.js";
+import { u as Ut, B as Ht } from "./BaseScanner-BgWxam9d.js";
+import { u as Mt } from "./usePrinter-C1GiglOH.js";
+import { u as Gt } from "./useSvgExport-DrjCWun4.js";
 import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
-import Wt from "./img-J2dLIr8Y.js";
+import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
+import Wt from "./img-CFY3JivG.js";
 import { t as Xt } from "./themes-Dw-dDudK.js";
 import { u as jt } from "./usePanZoom-BVca3eMk.js";
 import { _ as Yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Zt = ["id"], qt = {
+const Zt = ["id"], Qt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Jt = {
+}, qt = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, Kt = ["xmlns", "viewBox"], Qt = ["width", "height"], eo = ["id"], to = ["stop-color"], oo = ["stop-color"], lo = {
+}, Jt = ["xmlns", "viewBox"], Kt = ["width", "height"], eo = ["id"], to = ["stop-color"], oo = ["stop-color"], lo = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ao = {
@@ -46,24 +46,24 @@ const Zt = ["id"], qt = {
     }
   },
   emits: ["selectNode"],
-  setup(xe, { expose: Be, emit: Re }) {
+  setup(Be, { expose: xe, emit: Ee }) {
     bt((t) => ({
       v09141ae0: t.slicerColor
     }));
-    const Ee = h(() => import("./Title-Camz1Lce.js")), Ue = h(() => import("./Tooltip-VOcQEHa4.js")), te = h(() => import("./BaseIcon-eZbszQrv.js")), Me = h(() => import("./vue-ui-accordion-VTP418mC.js")), ze = h(() => import("./DataTable-yAMEyP6y.js")), He = h(() => import("./PenAndPaper-Bo-lMUik.js")), Ve = h(() => import("./UserOptions-CSja1SGU.js")), Ge = h(() => import("./PackageVersion-r-Q1R3nV.js")), We = h(() => import("./RecursiveLinks-00zGWPf9.js")), Xe = h(() => import("./RecursiveLabels-Bgcv0pzu.js")), je = h(() => import("./RecursiveCircles-BcLb1aRS.js")), Ye = h(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_molecule: Ze } = Et(), A = xe, qe = Re, oe = p(() => !!A.dataset && A.dataset.length);
+    const Re = h(() => import("./Title-CFmv95In.js")), Ue = h(() => import("./Tooltip-Cs4v8OnI.js")), te = h(() => import("./BaseIcon-B5KaGWWC.js")), He = h(() => import("./vue-ui-accordion-BKkTS12x.js")), Me = h(() => import("./DataTable-DOx3zgih.js")), Ge = h(() => import("./PenAndPaper-Dj2diYr0.js")), Ve = h(() => import("./UserOptions-C0YT60JN.js")), ze = h(() => import("./PackageVersion-DyDViSOy.js")), We = h(() => import("./RecursiveLinks-00zGWPf9.js")), Xe = h(() => import("./RecursiveLabels-Bgcv0pzu.js")), je = h(() => import("./RecursiveCircles-BcLb1aRS.js")), Ye = h(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_molecule: Ze } = Rt(), k = Be, Qe = Ee, oe = p(() => !!k.dataset && k.dataset.length);
     Ct(() => {
       le();
     });
-    const Je = p(() => e.value.debug);
+    const qe = p(() => e.value.debug);
     function le() {
-      $t(A.dataset) && _t({
+      $t(k.dataset) && _t({
         componentName: "VueUiMolecule",
         type: "dataset",
-        debug: Je.value
+        debug: qe.value
       });
     }
-    const H = r(Pe()), V = r(!1), x = r(""), k = r(null), ae = r(0), se = r(0), ne = r(0), P = r(null), G = r(null), e = r(Y()), { loading: W, FINAL_DATASET: X } = Ut({
-      ...yt(A),
+    const G = r(Ie()), V = r(!1), B = r(""), A = r(null), ae = r(0), se = r(0), ne = r(0), I = r(null), z = r(null), e = r(Y()), { loading: W, FINAL_DATASET: X } = Ut({
+      ...yt(k),
       FINAL_CONFIG: e,
       prepareConfig: Y,
       skeletonDataset: [
@@ -118,34 +118,34 @@ const Zt = ["id"], qt = {
           }
         }
       })
-    }), { userOptionsVisible: j, setUserOptionsVisibility: re, keepUserOptionState: ie } = Vt({ config: e.value }), { svgRef: B } = Gt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: j, setUserOptionsVisibility: re, keepUserOptionState: ie } = Vt({ config: e.value }), { svgRef: x } = zt({ config: e.value.style.chart.title });
     function Y() {
       const t = Le({
-        userConfig: A.config,
+        userConfig: k.config,
         defaultConfig: Ze
       });
       return t.theme ? {
         ...Le({
-          userConfig: Xt.vue_ui_molecule[t.theme] || A.config,
+          userConfig: Xt.vue_ui_molecule[t.theme] || k.config,
           defaultConfig: t
         }),
         customPalette: St[t.theme] || Fe
       } : t;
     }
-    U(() => A.config, (t) => {
+    U(() => k.config, (t) => {
       e.value = Y(), j.value = !e.value.userOptions.showOnChartHover, le(), se.value += 1, ne.value += 1, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const ue = r(0), Ke = () => {
+    const ue = r(0), Je = () => {
       ue.value += 1;
     };
     U([() => W.value, () => X.value], async ([t]) => {
-      t || (await M(), f.value = fe(), await M(), Ke(), await M(), ct({ x: 0, y: 0, width: 400, height: 400 }), K(!1));
+      t || (await H(), f.value = fe(), await H(), Je(), await H(), ct({ x: 0, y: 0, width: 400, height: 400 }), J(!1));
     }, { flush: "post", deep: !1 });
-    const { isPrinting: ce, isImaging: ve, generatePdf: de, generateImage: he } = zt({
-      elementId: `cluster_${H.value}`,
+    const { isPrinting: ce, isImaging: ve, generatePdf: de, generateImage: he } = Mt({
+      elementId: `cluster_${G.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), Qe = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), et = p(() => Dt(e.value.customPalette)), d = r({
+    }), Ke = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), et = p(() => Dt(e.value.customPalette)), d = r({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
@@ -171,7 +171,7 @@ const Zt = ["id"], qt = {
       };
     }
     const f = r(fe());
-    function me(t, l = { x: -f.value.width / 2.43, y: f.value.height / 2 }, o = f.value.width / 1.1, n = 24, s = 0, i = 0, m = "#BBBBBB", Q = 0) {
+    function me(t, l = { x: -f.value.width / 2.43, y: f.value.height / 2 }, o = f.value.width / 1.1, n = 24, s = 0, i = 0, m = "#BBBBBB", K = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
       const gt = Nt({
         plot: l,
@@ -185,7 +185,7 @@ const Zt = ["id"], qt = {
           return ee.startsWith("#") ? ee : `#${ee}`;
         })() : null;
         let S;
-        _e ? S = _e : Q === 0 ? S = m : Q === 1 ? (S = et.value[i] || Fe[i] || m, i += 1) : S = m, g.polygonPath = { coordinates: [$e] }, g.circleRadius = n, g.color = S, g.uid = Pe(), Array.isArray(g.nodes) && g.nodes.length && (g.nodes = me(
+        _e ? S = _e : K === 0 ? S = m : K === 1 ? (S = et.value[i] || Fe[i] || m, i += 1) : S = m, g.polygonPath = { coordinates: [$e] }, g.circleRadius = n, g.color = S, g.uid = Ie(), Array.isArray(g.nodes) && g.nodes.length && (g.nodes = me(
           g.nodes,
           $e,
           o / 2.9,
@@ -193,7 +193,7 @@ const Zt = ["id"], qt = {
           s + Math.PI * Te / g.nodes.length,
           i,
           S,
-          Q + 1
+          K + 1
         ));
       }), t;
     }
@@ -214,7 +214,7 @@ const Zt = ["id"], qt = {
       }), n;
     }
     const ot = p(() => tt(y.value)), y = p(() => {
-      const t = It(X.value);
+      const t = Pt(X.value);
       return me(t);
     }), Z = r(null);
     function lt(t) {
@@ -225,13 +225,13 @@ const Zt = ["id"], qt = {
         config: e.value
       };
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Bt(l) && Rt(() => l({
+      if (xt(l) && Et(() => l({
         seriesIndex: -1,
         datapoint: t,
         series: y.value,
         config: e.value
       })))
-        x.value = l({
+        B.value = l({
           seriesIndex: -1,
           // well, ok
           datapoint: t,
@@ -240,12 +240,12 @@ const Zt = ["id"], qt = {
         });
       else {
         let o = "";
-        o += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`, t.details && (o += `<div style="width:100%;border-top:1px solid ${e.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`), x.value = `<div style="font-family:inherit">${o}</div>`;
+        o += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`, t.details && (o += `<div style="width:100%;border-top:1px solid ${e.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`), B.value = `<div style="font-family:inherit">${o}</div>`;
       }
     }
-    const R = r(null), F = r(null), ge = r(null);
+    const E = r(null), F = r(null), ge = r(null);
     function at(t) {
-      ge.value = R.value, R.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: ge.value || R.value, seriesIndex: -1 }), t ? (V.value = !0, lt(t), F.value = t.uid) : (V.value = !1, x.value = "", F.value = null);
+      ge.value = E.value, E.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: ge.value || E.value, seriesIndex: -1 }), t ? (V.value = !0, lt(t), F.value = t.uid) : (V.value = !1, B.value = "", F.value = null);
     }
     function st(t) {
       const l = [];
@@ -298,10 +298,10 @@ const Zt = ["id"], qt = {
         colNames: n
       };
     });
-    function q(t = null) {
-      M(() => {
+    function Q(t = null) {
+      H(() => {
         const l = _.value.body.map((s, i) => [[s[0].name], [s[1]], [s[2]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[..._.value.head]]].concat(l), n = Lt(o);
-        t ? t(n) : xt({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-molecule" });
+        t ? t(n) : Bt({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-molecule" });
       });
     }
     function rt() {
@@ -317,25 +317,25 @@ const Zt = ["id"], qt = {
     function ye() {
       d.value.showDataLabels = !d.value.showDataLabels;
     }
-    function Ae() {
+    function ke() {
       d.value.showTooltip = !d.value.showTooltip;
     }
     const N = r(!1);
-    function J() {
+    function q() {
       N.value = !N.value;
     }
-    const it = p(() => !N.value), { viewBox: E, resetZoom: K, isZoom: ut, setInitialViewBox: ct } = jt(B, {
+    const it = p(() => !N.value), { viewBox: R, resetZoom: J, isZoom: ut, setInitialViewBox: ct } = jt(x, {
       x: 0,
       y: 0,
       width: Math.max(10, f.value.width),
       height: Math.max(10, f.value.height)
     }, e.value.style.chart.zoom.speed, it);
     function vt(t) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: -1 }), qe("selectNode", t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: -1 }), Qe("selectNode", t);
     }
     async function dt({ scale: t = 2 } = {}) {
-      if (!k.value) return;
-      const { width: l, height: o } = k.value.getBoundingClientRect(), n = l / o, { imageUri: s, base64: i } = await Wt({ domElement: k.value, base64: !0, img: !0, scale: t });
+      if (!A.value) return;
+      const { width: l, height: o } = A.value.getBoundingClientRect(), n = l / o, { imageUri: s, base64: i } = await Wt({ domElement: A.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: i,
@@ -348,7 +348,7 @@ const Zt = ["id"], qt = {
     const L = p(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = d.value.showTable;
       return {
-        component: t ? Ye : Me,
+        component: t ? Ye : He,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -356,7 +356,7 @@ const Zt = ["id"], qt = {
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: O.value,
-          fullscreenParent: k.value,
+          fullscreenParent: A.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -376,13 +376,13 @@ const Zt = ["id"], qt = {
       };
     });
     U(() => d.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && P.value ? P.value.open() : "close" in P.value && P.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && I.value ? I.value.open() : "close" in I.value && I.value.close());
     });
-    function ke() {
-      d.value.showTable = !1, G.value && G.value.setTableIconState(!1);
+    function Ae() {
+      d.value.showTable = !1, z.value && z.value.setTableIconState(!1);
     }
-    const ht = p(() => e.value.style.chart.backgroundColor), pt = p(() => e.value.style.chart.title), { exportSvg: ft, getSvg: mt } = Ht({
-      svg: B,
+    const ht = p(() => e.value.style.chart.backgroundColor), pt = p(() => e.value.style.chart.title), { exportSvg: ft, getSvg: mt } = Gt({
+      svg: x,
       title: pt,
       backgroundColor: ht
     });
@@ -393,40 +393,40 @@ const Zt = ["id"], qt = {
       } else
         ft();
     }
-    return Be({
+    return xe({
       getData: rt,
       getImage: dt,
       generatePdf: de,
-      generateCsv: q,
+      generateCsv: Q,
       generateImage: he,
       generateSvg: we,
       toggleTable: Ce,
       toggleLabels: ye,
-      toggleTooltip: Ae,
-      toggleAnnotator: J,
+      toggleTooltip: ke,
+      toggleAnnotator: q,
       toggleFullscreen: be
     }), (t, l) => (u(), C("div", {
       ref_key: "moleculeChart",
-      ref: k,
+      ref: A,
       class: Oe(`vue-data-ui-component vue-ui-molecule ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `cluster_${H.value}`,
+      style: M(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      id: `cluster_${G.value}`,
       onMouseleave: l[2] || (l[2] = (o) => {
-        R.value = null, F.value = null, a(re)(!1);
+        E.value = null, F.value = null, a(re)(!1);
       }),
       onMouseenter: l[3] || (l[3] = () => a(re)(!0))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), w(a(He), {
+      e.value.userOptions.buttons.annotator ? (u(), w(a(Ge), {
         key: 0,
-        svgRef: a(B),
+        svgRef: a(x),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: N.value,
-        onClose: J
+        onClose: q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      Qe.value ? (u(), C("div", qt, null, 512)) : b("", !0),
-      e.value.style.chart.title.text ? (u(), C("div", Jt, [
-        (u(), w(a(Ee), {
+      Ke.value ? (u(), C("div", Qt, null, 512)) : b("", !0),
+      e.value.style.chart.title.text ? (u(), C("div", qt, [
+        (u(), w(a(Re), {
           key: `title_${se.value}`,
           config: {
             title: {
@@ -442,13 +442,13 @@ const Zt = ["id"], qt = {
       ])) : b("", !0),
       e.value.userOptions.show && oe.value && (a(ie) || a(j)) ? (u(), w(a(Ve), {
         ref_key: "userOptionsRef",
-        ref: G,
+        ref: z,
         key: `user_options_${ae.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: a(ce),
         isImaging: a(ve),
-        uid: H.value,
+        uid: G.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -459,7 +459,7 @@ const Zt = ["id"], qt = {
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isTooltip: d.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: k.value,
+        chartElement: A.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: N.value,
@@ -468,14 +468,14 @@ const Zt = ["id"], qt = {
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: be,
         onGeneratePdf: a(de),
-        onGenerateCsv: q,
+        onGenerateCsv: Q,
         onGenerateImage: a(he),
         onGenerateSvg: we,
         onToggleTable: Ce,
         onToggleLabels: ye,
-        onToggleTooltip: Ae,
-        onToggleAnnotator: J,
-        style: z({
+        onToggleTooltip: ke,
+        onToggleAnnotator: q,
+        style: M({
           visibility: a(ie) ? a(j) ? "visible" : "hidden" : "visible"
         })
       }, Se({ _: 2 }, [
@@ -545,14 +545,14 @@ const Zt = ["id"], qt = {
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
       (u(), C("svg", {
         ref_key: "svgRef",
-        ref: B,
+        ref: x,
         key: `svg_${ue.value}`,
-        xmlns: a(Pt),
-        viewBox: `${a(E).x} ${a(E).y} ${a(E).width} ${a(E).height}`,
+        xmlns: a(It),
+        viewBox: `${a(R).x} ${a(R).y} ${a(R).width} ${a(R).height}`,
         class: Oe({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
-        style: z(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
+        style: M(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        D(a(Ge)),
+        D(a(ze)),
         t.$slots["chart-background"] ? (u(), C("foreignObject", {
           key: 0,
           x: 0,
@@ -564,9 +564,9 @@ const Zt = ["id"], qt = {
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Qt)) : b("", !0),
-        I("defs", null, [
-          (u(!0), C(At, null, kt(Object.keys(ot.value), (o) => (u(), C("radialGradient", {
+        ], 8, Kt)) : b("", !0),
+        P("defs", null, [
+          (u(!0), C(kt, null, At(Object.keys(ot.value), (o) => (u(), C("radialGradient", {
             id: `gradient_${o}`,
             cx: "50%",
             cy: "30%",
@@ -574,11 +574,11 @@ const Zt = ["id"], qt = {
             fx: "50%",
             fy: "50%"
           }, [
-            I("stop", {
+            P("stop", {
               offset: "0%",
               "stop-color": a(Ft)(o, 0.5)
             }, null, 8, to),
-            I("stop", {
+            P("stop", {
               offset: "100%",
               "stop-color": o
             }, null, 8, oo)
@@ -609,21 +609,21 @@ const Zt = ["id"], qt = {
           hoveredUid: F.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : b("", !0),
         v(t.$slots, "svg", { svg: f.value }, void 0, !0)
-      ], 14, Kt)),
+      ], 14, Jt)),
       t.$slots.watermark ? (u(), C("div", lo, [
         v(t.$slots, "watermark", T($({ isPrinting: a(ce) || a(ve) })), void 0, !0)
       ])) : b("", !0),
       a(ut) ? (u(), C("div", ao, [
-        v(t.$slots, "reset-action", { reset: a(K) }, () => [
-          I("button", {
+        v(t.$slots, "reset-action", { reset: a(J) }, () => [
+          P("button", {
             "data-cy-reset": "",
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: z({
+            style: M({
               background: e.value.style.chart.backgroundColor
             }),
-            onClick: l[0] || (l[0] = (o) => a(K)(!0))
+            onClick: l[0] || (l[0] = (o) => a(J)(!0))
           }, [
             D(a(te), {
               name: "refresh",
@@ -646,8 +646,8 @@ const Zt = ["id"], qt = {
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: k.value,
-        content: x.value,
+        parent: A.value,
+        content: B.value,
         isFullscreen: O.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
         smooth: e.value.style.chart.tooltip.smooth,
@@ -665,11 +665,11 @@ const Zt = ["id"], qt = {
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       oe.value && e.value.userOptions.buttons.table ? (u(), w(wt(L.value.component), Tt({ key: 7 }, L.value.props, {
         ref_key: "tableUnit",
-        ref: P,
-        onClose: ke
+        ref: I,
+        onClose: Ae
       }), Se({
         content: c(() => [
-          (u(), w(a(ze), {
+          (u(), w(a(Me), {
             key: `table_${ne.value}`,
             colNames: _.value.colNames,
             head: _.value.head,
@@ -677,16 +677,16 @@ const Zt = ["id"], qt = {
             config: _.value.config,
             title: e.value.table.useDialog ? "" : L.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: ke
+            onClose: Ae
           }, {
             th: c(({ th: o }) => [
-              I("div", {
+              P("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, no)
             ]),
             td: c(({ td: o }) => [
-              De(Ie(o.name || o), 1)
+              De(Pe(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -696,17 +696,17 @@ const Zt = ["id"], qt = {
         e.value.table.useDialog ? {
           name: "title",
           fn: c(() => [
-            De(Ie(L.value.title), 1)
+            De(Pe(L.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
           fn: c(() => [
-            I("button", {
+            P("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (o) => q(e.value.userOptions.callbacks.csv))
+              onClick: l[1] || (l[1] = (o) => Q(e.value.userOptions.callbacks.csv))
             }, [
               D(a(te), {
                 name: "excel",
@@ -717,10 +717,10 @@ const Zt = ["id"], qt = {
           key: "1"
         } : void 0
       ]), 1040)) : b("", !0),
-      a(W) ? (u(), w(Mt, { key: 8 })) : b("", !0)
+      a(W) ? (u(), w(Ht, { key: 8 })) : b("", !0)
     ], 46, Zt));
   }
-}, Ao = /* @__PURE__ */ Yt(ro, [["__scopeId", "data-v-b73208de"]]);
+}, ko = /* @__PURE__ */ Yt(ro, [["__scopeId", "data-v-b73208de"]]);
 export {
-  Ao as default
+  ko as default
 };