vue-data-ui 3.0.0-next.7 → 3.0.0-next.70

package/dist/{vue-ui-funnel-BbFmbsft.js → vue-ui-funnel-DCl9v71X.js}

@@ -1,12 +1,12 @@
 import { useCssVars as De, computed as d, defineAsyncComponent as O, ref as h, shallowRef as ge, onMounted as Re, onBeforeUnmount as Me, watch as Be, createElementBlock as i, openBlock as n, unref as s, normalizeStyle as _, normalizeClass as z, createBlock as N, createCommentVNode as b, createSlots as Ee, withCtx as g, renderSlot as m, normalizeProps as E, guardReactiveProps as V, createVNode as Ve, createElementVNode as w, mergeProps as J, Fragment as U, renderList as G, toDisplayString as j, createTextVNode as Ue, nextTick as Ge } from "vue";
-import { u as je, c as He, o as Xe, e as pe, g as qe, d as Ye, l as We, i as H, f as X, X as Je, F as Ke, E as K, a as Qe, q as Ze, r as et } from "./index-Cg-RjxqH.js";
-import { u as ke } from "./useNestedProp-C_G5E08Y.js";
-import { u as tt } from "./usePrinter-BUzmyQf9.js";
+import { u as je, c as He, o as Xe, f as pe, g as Ye, e as qe, l as We, k as H, i as X, X as Je, F as Ke, E as K, b as Qe, v as Ze, w as et } from "./index-CnY41r21.js";
+import { u as ke } from "./useNestedProp-DtUATNAU.js";
+import { u as tt } from "./usePrinter-CJ1uZx0D.js";
 import { t as at, u as lt } from "./useResponsive-DfdjqQps.js";
 import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ot } from "./useChartAccessibility-9icAAmYg.js";
-import nt from "./Title-B7Xb3YuE.js";
-import rt from "./img-D72yZNUg.js";
+import nt from "./Title-feqCv0Si.js";
+import rt from "./img-_RMhslMZ.js";
 import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["id"], ht = ["stop-color"], ft = ["stop-color"], bt = ["stop-color"], mt = ["stroke", "stroke-width"], yt = ["stroke", "stroke-width"], gt = ["x", "y", "font-size", "fill", "font-weight"], pt = ["points", "fill"], kt = ["stroke", "stroke-width", "rx"], Ct = ["x", "y", "font-size", "fill", "font-weight"], wt = ["x", "y", "font-size", "fill", "font-weight"], $t = {
   key: 5,
@@ -31,14 +31,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
     De((t) => ({
       83613044: Pe.value
     }));
-    const $e = O(() => import("./vue-ui-accordion-CRomxzaL.js")), xe = O(() => import("./DataTable-mQ6Wd-rR.js")), Le = O(() => import("./PackageVersion-CeEYZfaH.js")), _e = O(() => import("./PenAndPaper-DhSxfUrQ.js")), Ae = O(() => import("./vue-ui-skeleton-CUOhCY4p.js")), Te = O(() => import("./UserOptions-0tvMM8PF.js")), { vue_ui_funnel: Se } = je(), y = Ce, $ = h(null), P = h(He()), Q = h(0), Z = h(0), ee = h(0), te = h(null), ae = h(null), le = h(null), C = ge(null), A = ge(null), x = h(!1), T = d(() => !!y.dataset && y.dataset.length);
+    const $e = O(() => import("./vue-ui-accordion-CnLY8CrQ.js")), xe = O(() => import("./DataTable-CKpA_OA_.js")), Le = O(() => import("./PackageVersion-CBHvscRY.js")), _e = O(() => import("./PenAndPaper-BCcfYvgR.js")), Ae = O(() => import("./vue-ui-skeleton-Bghm5obp.js")), Te = O(() => import("./UserOptions-CGnAZpYs.js")), { vue_ui_funnel: Se } = je(), y = Ce, $ = h(null), P = h(He()), Q = h(0), Z = h(0), ee = h(0), te = h(null), ae = h(null), le = h(null), C = ge(null), A = ge(null), x = h(!1), T = d(() => !!y.dataset && y.dataset.length);
     Re(se);
     function se() {
       if (Xe(y.dataset) ? pe({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : y.dataset.forEach((t, l) => {
-        qe({
+        Ye({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
@@ -100,9 +100,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
     const e = d({
       get: () => oe(),
       set: (t) => t
-    }), { userOptionsVisible: q, setUserOptionsVisibility: ne, keepUserOptionState: re } = st({ config: e.value }), { svgRef: ue } = ot({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Y, setUserOptionsVisibility: ne, keepUserOptionState: re } = st({ config: e.value }), { svgRef: ue } = ot({ config: e.value.style.chart.title });
     Be(() => y.config, (t) => {
-      e.value = oe(), q.value = !e.value.userOptions.showOnChartHover, se(), Z.value += 1, ee.value += 1, c.value.circles = e.value.style.chart.circles.dataLabels.fontSize, c.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, c.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, I.value.showTable = e.value.table.show;
+      e.value = oe(), Y.value = !e.value.userOptions.showOnChartHover, se(), Z.value += 1, ee.value += 1, c.value.circles = e.value.style.chart.circles.dataLabels.fontSize, c.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, c.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, I.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: ie, isImaging: ce, generatePdf: ve, generateImage: de } = tt({
       elementId: `funnel_${P.value}`,
@@ -122,7 +122,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       set: (t) => t
     }), p = d(() => T.value ? y.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? Ye(t.color) : We(e.value.style.chart.bars.defaultColor, l / y.dataset.length)
+      color: t.color ? qe(t.color) : We(e.value.style.chart.bars.defaultColor, l / y.dataset.length)
     })) : []);
     setTimeout(() => {
       x.value = !0;
@@ -166,7 +166,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       F.value = t, Q.value += 1;
     }
     const Pe = d(() => `${p.value.length * 150}ms`), M = h(!1);
-    function Y() {
+    function q() {
       M.value = !M.value;
     }
     function me() {
@@ -263,7 +263,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       generateCsv: ye,
       generateImage: de,
       toggleTable: me,
-      toggleAnnotator: Y,
+      toggleAnnotator: q,
       toggleFullscreen: be
     }), (t, l) => (n(), i("div", {
       ref_key: "funnelChart",
@@ -280,7 +280,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: M.value,
-        onClose: Y
+        onClose: q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
       Oe.value ? (n(), i("div", {
         key: 1,
@@ -309,7 +309,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : b("", !0),
-      e.value.userOptions.show && T.value && (s(re) || s(q)) ? (n(), N(s(Te), {
+      e.value.userOptions.show && T.value && (s(re) || s(Y)) ? (n(), N(s(Te), {
         ref: "details",
         key: `user_option_${Q.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -332,14 +332,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
         isAnnotation: M.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleAnnotator: Y,
+        onToggleAnnotator: q,
         onToggleFullscreen: be,
         onGeneratePdf: s(ve),
         onGenerateImage: s(de),
         onToggleTable: me,
         onGenerateCsv: ye,
         style: _({
-          visibility: s(re) ? s(q) ? "visible" : "hidden" : "visible"
+          visibility: s(re) ? s(Y) ? "visible" : "hidden" : "visible"
         })
       }, Ee({ _: 2 }, [
         t.$slots.menuIcon ? {

package/dist/{vue-ui-galaxy-Cn6vHbaw.js → vue-ui-galaxy-0rAzDHe5.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as k, computed as g, onMounted as Ue, ref as n, watch as We, createElementBlock as i, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as B, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as de, createSlots as He, withCtx as d, normalizeProps as P, guardReactiveProps as S, createElementVNode as _, Fragment as he, renderList as ge, toDisplayString as A, createTextVNode as Xe, nextTick as je } from "vue";
-import { u as Ye, o as qe, e as pe, g as Je, c as ye, t as Ke, p as G, a as Qe, b as Ze, G as fe, d as et, M as tt, f as C, X as lt, i as be, x as me, q as at, r as ot, y as st } from "./index-Cg-RjxqH.js";
-import { u as ke } from "./useNestedProp-C_G5E08Y.js";
-import { u as rt } from "./usePrinter-BUzmyQf9.js";
+import { defineAsyncComponent as k, computed as p, onMounted as Ue, ref as n, watch as We, createElementBlock as i, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as B, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as de, createSlots as He, withCtx as d, normalizeProps as P, guardReactiveProps as S, createElementVNode as _, Fragment as he, renderList as pe, toDisplayString as I, createTextVNode as Xe, nextTick as je } from "vue";
+import { u as Ye, o as qe, f as ge, g as Je, c as ye, a as Ke, p as G, b as Qe, d as Ze, G as fe, e as et, M as tt, i as C, X as lt, k as be, y as me, v as at, w as ot, z as st } from "./index-CnY41r21.js";
+import { u as ke } from "./useNestedProp-DtUATNAU.js";
+import { u as rt } from "./usePrinter-CJ1uZx0D.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nt } from "./useChartAccessibility-9icAAmYg.js";
-import it from "./img-D72yZNUg.js";
+import it from "./img-_RMhslMZ.js";
 import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vt = ["id"], dt = {
   key: 1,
@@ -14,7 +14,7 @@ const vt = ["id"], dt = {
 }, ht = {
   key: 2,
   style: "width:100%;background:transparent;padding-bottom:24px"
-}, gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["id"], ft = ["stdDeviation"], bt = ["d", "stroke", "stroke-width"], mt = ["d", "stroke", "stroke-width"], kt = ["filter"], wt = ["d", "stroke", "stroke-width"], Ct = ["d", "stroke-width", "onMouseenter", "onClick"], $t = {
+}, pt = ["xmlns", "viewBox"], gt = ["width", "height"], yt = ["id"], ft = ["stdDeviation"], bt = ["d", "stroke", "stroke-width"], mt = ["d", "stroke", "stroke-width"], kt = ["filter"], wt = ["d", "stroke", "stroke-width"], Ct = ["d", "stroke-width", "onMouseenter", "onClick"], $t = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, xt = ["onClick"], Tt = {
@@ -39,12 +39,12 @@ const vt = ["id"], dt = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(we, { expose: Ce, emit: $e }) {
-    const xe = k(() => import("./vue-ui-accordion-CRomxzaL.js")), Te = k(() => import("./DataTable-mQ6Wd-rR.js")), Oe = k(() => import("./Legend-B2hrDh4G.js")), Pe = k(() => import("./PackageVersion-CeEYZfaH.js")), Se = k(() => import("./PenAndPaper-DhSxfUrQ.js")), _e = k(() => import("./vue-ui-skeleton-CUOhCY4p.js")), Ne = k(() => import("./Title-B7Xb3YuE.js")), Le = k(() => import("./Tooltip-BidRoM5E.js")), Ie = k(() => import("./UserOptions-0tvMM8PF.js")), { vue_ui_galaxy: Ae } = Ye(), f = we, F = g(() => !!f.dataset && f.dataset.length);
+    const xe = k(() => import("./vue-ui-accordion-CnLY8CrQ.js")), Te = k(() => import("./DataTable-CKpA_OA_.js")), Oe = k(() => import("./Legend-ChXhJNzd.js")), Pe = k(() => import("./PackageVersion-CBHvscRY.js")), Se = k(() => import("./PenAndPaper-BCcfYvgR.js")), _e = k(() => import("./vue-ui-skeleton-Bghm5obp.js")), Ne = k(() => import("./Title-feqCv0Si.js")), Fe = k(() => import("./Tooltip-DQbksria.js")), Le = k(() => import("./UserOptions-CGnAZpYs.js")), { vue_ui_galaxy: Ie } = Ye(), f = we, A = p(() => !!f.dataset && f.dataset.length);
     Ue(() => {
       X();
     });
     function X() {
-      qe(f.dataset) ? pe({
+      qe(f.dataset) ? ge({
         componentName: "VueUiGalaxy",
         type: "dataset"
       }) : f.dataset.forEach((t, a) => {
@@ -52,7 +52,7 @@ const vt = ["id"], dt = {
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          pe({
+          ge({
             componentName: "VueUiGalaxy",
             type: "datasetSerieAttribute",
             property: l,
@@ -61,14 +61,14 @@ const vt = ["id"], dt = {
         });
       });
     }
-    const N = n(ye()), T = n(null), Fe = n(null), D = n(!1), R = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = g({
+    const N = n(ye()), T = n(null), Ae = n(null), D = n(!1), z = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = p({
       get: () => ee(),
       set: (t) => t
-    }), { userOptionsVisible: z, setUserOptionsVisibility: K, keepUserOptionState: Q } = ut({ config: e.value }), { svgRef: Z } = nt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: R, setUserOptionsVisibility: K, keepUserOptionState: Q } = ut({ config: e.value }), { svgRef: Z } = nt({ config: e.value.style.chart.title });
     function ee() {
       const t = ke({
         userConfig: f.config,
-        defaultConfig: Ae
+        defaultConfig: Ie
       });
       return t.theme ? {
         ...ke({
@@ -79,31 +79,31 @@ const vt = ["id"], dt = {
       } : t;
     }
     We(() => f.config, (t) => {
-      e.value = ee(), z.value = !e.value.userOptions.showOnChartHover, X(), Y.value += 1, q.value += 1, J.value += 1, p.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = ee(), R.value = !e.value.userOptions.showOnChartHover, X(), Y.value += 1, q.value += 1, J.value += 1, g.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: te, isImaging: le, generatePdf: ae, generateImage: oe } = rt({
       elementId: `galaxy_${N.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), Ve = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = g(() => Ze(e.value.customPalette)), p = n({
+    }), Ve = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = p(() => Ze(e.value.customPalette)), g = n({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), L = n({
+    }), F = n({
       height: 180,
       // or 250 if non fibo
       width: 250
     }), se = $e, y = n([]);
     function U(t) {
-      y.value.includes(t.id) ? y.value = y.value.filter((a) => a !== t.id) : y.value.push(t.id), se("selectLegend", I.value.map((a) => ({
+      y.value.includes(t.id) ? y.value = y.value.filter((a) => a !== t.id) : y.value.push(t.id), se("selectLegend", L.value.map((a) => ({
         name: a.name,
         color: a.color,
         value: a.value
       })));
     }
-    const $ = g(() => f.dataset.map((t, a) => ({
+    const $ = p(() => f.dataset.map((t, a) => ({
       name: t.name,
       color: et(t.color) || Ee.value[a] || G[a] || G[a % G.length],
       value: t.values ? fe(t.values).reduce((l, s) => l + s, 0) : 0,
@@ -118,7 +118,7 @@ const vt = ["id"], dt = {
         value: t.value
       }));
     }
-    const m = g(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Be = n(190), re = g(() => $.value.filter((t) => !y.value.includes(t.id))), I = g(() => {
+    const m = p(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Be = n(190), re = p(() => $.value.filter((t) => !y.value.includes(t.id))), L = p(() => {
       const t = [];
       for (let a = 0; a < re.value.length; a += 1) {
         const l = re.value[a];
@@ -155,7 +155,7 @@ const vt = ["id"], dt = {
         datapoint: t,
         series: $.value,
         config: e.value
-      })) ? R.value = h({
+      })) ? z.value = h({
         seriesIndex: l,
         datapoint: t,
         series: $.value,
@@ -178,27 +178,27 @@ const vt = ["id"], dt = {
         v: t.proportion * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`), R.value = `<div>${u}</div>`);
+      })}</b></div>`), z.value = `<div>${u}</div>`);
     }
-    const ne = g(() => $.value.map((t, a) => ({
+    const ne = p(() => $.value.map((t, a) => ({
       ...t,
       proportion: (t.value || 0) / f.dataset.map((l) => (l.values || []).reduce((s, u) => s + u, 0)).reduce((l, s) => l + s, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1,
       shape: t.shape || "circle",
       segregate: () => U(t),
       isSegregated: y.value.includes(t.id)
-    }))), De = g(() => ({
+    }))), De = p(() => ({
       cy: "galaxy-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), w = g(() => {
-      const t = I.value.map((l) => ({
+    })), w = p(() => {
+      const t = L.value.map((l) => ({
         name: l.name,
         color: l.color
-      })), a = I.value.map((l) => l.value);
+      })), a = L.value.map((l) => l.value);
       return { head: t, body: a };
     });
     function ie(t = null) {
@@ -209,19 +209,19 @@ const vt = ["id"], dt = {
         t ? t(s) : ot({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
-    const V = g(() => {
+    const V = p(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
         C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
       ], a = w.value.head.map((u, h) => {
-        const ze = C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: w.value.body[h], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
+        const Re = C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: w.value.body[h], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: u.color,
             name: u.name
           },
-          ze,
+          Re,
           isNaN(w.value.body[h] / m.value) ? "-" : C({
             v: w.value.body[h] / m.value * 100,
             s: "%",
@@ -253,16 +253,16 @@ const vt = ["id"], dt = {
       };
     });
     function ce() {
-      p.value.showTable = !p.value.showTable;
+      g.value.showTable = !g.value.showTable;
     }
     function ve() {
-      p.value.showTooltip = !p.value.showTooltip;
+      g.value.showTooltip = !g.value.showTooltip;
     }
     const E = n(!1);
     function H() {
       E.value = !E.value;
     }
-    async function Re({ scale: t = 2 } = {}) {
+    async function ze({ scale: t = 2 } = {}) {
       if (!T.value) return;
       const { width: a, height: l } = T.value.getBoundingClientRect(), s = a / l, { imageUri: u, base64: h } = await it({ domElement: T.value, base64: !0, img: !0, scale: t });
       return {
@@ -276,7 +276,7 @@ const vt = ["id"], dt = {
     }
     return Ce({
       getData: Me,
-      getImage: Re,
+      getImage: ze,
       generatePdf: ae,
       generateCsv: ie,
       generateImage: oe,
@@ -317,9 +317,9 @@ const vt = ["id"], dt = {
           }
         }, null, 8, ["config"]))
       ])) : c("", !0),
-      e.value.userOptions.show && F.value && (o(Q) || o(z)) ? (r(), x(o(Ie), {
+      e.value.userOptions.show && A.value && (o(Q) || o(R)) ? (r(), x(o(Le), {
         ref_key: "details",
-        ref: Fe,
+        ref: Ae,
         key: `user_option_${j.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
@@ -332,7 +332,7 @@ const vt = ["id"], dt = {
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: p.value.showTooltip,
+        isTooltip: g.value.showTooltip,
         isFullscreen: O.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: T.value,
@@ -349,7 +349,7 @@ const vt = ["id"], dt = {
         onToggleTooltip: ve,
         onToggleAnnotator: H,
         style: M({
-          visibility: o(Q) ? o(z) ? "visible" : "hidden" : "visible"
+          visibility: o(Q) ? o(R) ? "visible" : "hidden" : "visible"
         })
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -409,13 +409,13 @@ const vt = ["id"], dt = {
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      F.value ? (r(), i("svg", {
+      A.value ? (r(), i("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: Z,
         xmlns: o(lt),
         class: B({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
-        viewBox: `0 0 ${L.value.width} ${L.value.height}`,
+        viewBox: `0 0 ${F.value.width} ${F.value.height}`,
         style: M(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         de(o(Pe)),
@@ -423,14 +423,14 @@ const vt = ["id"], dt = {
           key: 0,
           x: 0,
           y: 0,
-          width: L.value.width,
-          height: L.value.height,
+          width: F.value.width,
+          height: F.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, pt)) : c("", !0),
+        ], 8, gt)) : c("", !0),
         _("defs", null, [
           _("filter", {
             id: `blur_${N.value}`,
@@ -445,7 +445,7 @@ const vt = ["id"], dt = {
             }, null, 8, ft)
           ], 8, yt)
         ]),
-        (r(!0), i(he, null, ge(I.value, (l) => (r(), i("g", null, [
+        (r(!0), i(he, null, pe(L.value, (l) => (r(), i("g", null, [
           l.value ? (r(), i("path", {
             key: 0,
             d: l.path,
@@ -477,7 +477,7 @@ const vt = ["id"], dt = {
             }, null, 10, wt)
           ], 8, kt)) : c("", !0)
         ]))), 256)),
-        (r(!0), i(he, null, ge(I.value, (l, s) => (r(), i("g", null, [
+        (r(!0), i(he, null, pe(L.value, (l, s) => (r(), i("g", null, [
           l.value ? (r(), i("path", {
             key: 0,
             d: l.path,
@@ -496,12 +496,12 @@ const vt = ["id"], dt = {
             onClick: (u) => se("selectDatapoint", l)
           }, null, 40, Ct)) : c("", !0)
         ]))), 256)),
-        v(t.$slots, "svg", { svg: L.value }, void 0, !0)
-      ], 14, gt)) : c("", !0),
+        v(t.$slots, "svg", { svg: F.value }, void 0, !0)
+      ], 14, pt)) : c("", !0),
       t.$slots.watermark ? (r(), i("div", $t, [
         v(t.$slots, "watermark", P(S({ isPrinting: o(te) || o(le) })), void 0, !0)
       ])) : c("", !0),
-      F.value ? c("", !0) : (r(), x(o(_e), {
+      A.value ? c("", !0) : (r(), x(o(_e), {
         key: 6,
         config: {
           type: "galaxy",
@@ -523,7 +523,7 @@ const vt = ["id"], dt = {
           _("div", {
             onClick: (u) => U(l),
             style: M(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
-          }, A(l.name) + A(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + A(e.value.style.chart.legend.showValue ? o(be)(
+          }, I(l.name) + I(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + I(e.value.style.chart.legend.showValue ? o(be)(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             l.value,
             o(C)({
@@ -533,7 +533,7 @@ const vt = ["id"], dt = {
               r: e.value.style.chart.legend.roundingValue
             }),
             { datapoint: l, seriesIndex: s }
-          ) : "") + " " + A(e.value.style.chart.legend.showPercentage ? y.value.includes(l.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / m.value) ? "-" : o(C)({
+          ) : "") + " " + I(e.value.style.chart.legend.showPercentage ? y.value.includes(l.id) ? `${e.value.style.chart.legend.showValue ? "(" : ""}- %${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? "(" : ""}${isNaN(l.value / m.value) ? "-" : o(C)({
             v: l.value / m.value * 100,
             s: "%",
             r: e.value.style.chart.legend.roundingPercentage
@@ -545,8 +545,8 @@ const vt = ["id"], dt = {
       t.$slots.source ? (r(), i("div", Tt, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      de(o(Le), {
-        show: p.value.showTooltip && D.value,
+      de(o(Fe), {
+        show: g.value.showTooltip && D.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -557,9 +557,11 @@ const vt = ["id"], dt = {
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: T.value,
-        content: R.value,
+        content: z.value,
         isFullscreen: O.value,
-        isCustom: o(me)(e.value.style.chart.tooltip.customFormat)
+        isCustom: o(me)(e.value.style.chart.tooltip.customFormat),
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": d(() => [
           v(t.$slots, "tooltip-before", P(S({ ...W.value })), void 0, !0)
@@ -568,12 +570,12 @@ const vt = ["id"], dt = {
           v(t.$slots, "tooltip-after", P(S({ ...W.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      F.value ? (r(), x(o(xe), {
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
+      A.value ? (r(), x(o(xe), {
         key: 9,
         hideDetails: "",
         config: {
-          open: p.value.showTable,
+          open: g.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -593,7 +595,7 @@ const vt = ["id"], dt = {
             body: V.value.body,
             config: V.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[2] || (a[2] = (l) => p.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => g.value.showTable = !1)
           }, {
             th: d(({ th: l }) => [
               _("div", {
@@ -602,7 +604,7 @@ const vt = ["id"], dt = {
               }, null, 8, Ot)
             ]),
             td: d(({ td: l }) => [
-              Xe(A(l.name || l), 1)
+              Xe(I(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -611,7 +613,7 @@ const vt = ["id"], dt = {
       }, 8, ["config"])) : c("", !0)
     ], 46, vt));
   }
-}, Et = /* @__PURE__ */ ct(Pt, [["__scopeId", "data-v-de094a3d"]]);
+}, Et = /* @__PURE__ */ ct(Pt, [["__scopeId", "data-v-a0d640e8"]]);
 export {
   Et as default
 };