vue-data-ui 2.4.86 → 2.4.88

package/dist/{vue-ui-funnel-BJNlWIq5.js → vue-ui-funnel-IVTzcHVm.js}

@@ -1,15 +1,15 @@
 import { useCssVars as _e, computed as v, onMounted as Le, ref as c, watch as Te, openBlock as s, createElementBlock as u, normalizeClass as T, normalizeStyle as x, unref as r, createBlock as A, createCommentVNode as f, createSlots as Ae, withCtx as k, renderSlot as y, normalizeProps as H, guardReactiveProps as X, createVNode as Ne, createElementVNode as C, mergeProps as q, Fragment as M, renderList as V, toDisplayString as B, createTextVNode as Oe, nextTick as ze } from "vue";
-import { u as Se, o as Pe, e as fe, g as Fe, c as De, d as Ie, l as Me, i as U, f as E, X as Ve, G as Be, t as Ue, q as Ee, r as Ge, F as Y } from "./index-CXx0JV8R.js";
-import { u as be } from "./useNestedProp-B-WAbP7E.js";
-import { u as Re, U as je } from "./usePrinter-Ctor1UK0.js";
-import { _ as He } from "./Title-ClQ27HaB.js";
-import { P as Xe } from "./PenAndPaper-C-1AU46J.js";
-import { D as qe } from "./DataTable-BfiPjHpN.js";
-import Ye from "./vue-ui-accordion-BljYKOXR.js";
+import { u as Se, o as Pe, e as fe, g as Fe, c as De, d as Ie, l as Me, i as U, f as E, X as Ve, G as Be, t as Ue, q as Ee, r as Ge, F as Y } from "./index-DCHLGNvJ.js";
+import { u as be } from "./useNestedProp-BPR7xHxr.js";
+import { u as Re, U as je } from "./usePrinter-BvounINk.js";
+import { _ as He } from "./Title-Dt5mC-vb.js";
+import { P as Xe } from "./PenAndPaper-BUzmu0vi.js";
+import { D as qe } from "./DataTable-Cnr3w23K.js";
+import Ye from "./vue-ui-accordion-DEpeQHhr.js";
 import { t as We, u as Je } from "./useResponsive-CoxXLe23.js";
-import Ke from "./vue-ui-skeleton-Cw0-Ac_0.js";
+import Ke from "./vue-ui-skeleton-nTL-u4Yd.js";
 import { u as Qe } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Ze } from "./PackageVersion-qom4AEUr.js";
+import { _ as Ze } from "./PackageVersion-BAKTtSRE.js";
 import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["id"], ot = ["stop-color"], nt = ["stop-color"], rt = ["stop-color"], ut = ["stroke", "stroke-width"], it = ["stroke", "stroke-width"], ct = ["x", "y", "font-size", "fill", "font-weight"], vt = ["points", "fill"], dt = ["stroke", "stroke-width", "rx"], ht = ["x", "y", "font-size", "fill", "font-weight"], ft = ["x", "y", "font-size", "fill", "font-weight"], bt = {
   key: 5,
@@ -33,7 +33,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
   setup(me, { expose: ye }) {
     const m = me;
     _e((t) => ({
-      "0145e42b": $e.value
+      "74a8ef65": $e.value
     }));
     const { vue_ui_funnel: ge } = Se(), _ = v(() => !!m.dataset && m.dataset.length);
     Le(W);
@@ -104,12 +104,12 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       set: (t) => t
     }), { userOptionsVisible: G, setUserOptionsVisibility: se, keepUserOptionState: oe } = Qe({ config: e.value });
     Te(() => m.config, (t) => {
-      e.value = le(), G.value = !e.value.showOnChartHover, W(), K.value += 1, Q.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize;
+      e.value = le(), G.value = !e.value.showOnChartHover, W(), K.value += 1, Q.value += 1, d.value.circles = e.value.style.chart.circles.dataLabels.fontSize, d.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, d.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, z.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: ne, isImaging: re, generatePdf: ue, generateImage: ie } = Re({
       elementId: `funnel_${O.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-funnel"
-    }), pe = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = c({
+    }), pe = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), z = c({
       showTable: e.value.table.show
     }), d = c({
       circles: e.value.style.chart.circles.dataLabels.fontSize,
@@ -162,18 +162,18 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       y1: o.value[0].cy,
       x2: o.value.at(-1).cx,
       y2: o.value.at(-1).cy
-    })), z = c(!1);
+    })), S = c(!1);
     function we(t) {
-      z.value = t, J.value += 1;
+      S.value = t, J.value += 1;
     }
     const $e = v(() => `${g.value.length * 150}ms`), D = c(!1);
     function R() {
       D.value = !D.value;
     }
     function de() {
-      F.value.showTable = !F.value.showTable;
+      z.value.showTable = !z.value.showTable;
     }
-    const S = v(() => {
+    const P = v(() => {
       const t = g.value.map((a) => ({
         name: a.name,
         color: a.color
@@ -184,13 +184,13 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], l = S.value.head.map((b, h) => {
-        const P = U(
+      ], l = P.value.head.map((b, h) => {
+        const F = U(
           e.value.style.chart.bars.dataLabels.value.formatter,
-          S.value.body[h],
+          P.value.body[h],
           E({
             p: e.value.style.chart.bars.dataLabels.value.prefix,
-            v: S.value.body[h],
+            v: P.value.body[h],
             s: e.value.style.chart.bars.dataLabels.value.suffix,
             r: e.value.table.td.roundingValue
           }),
@@ -207,7 +207,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         );
         return [
           { color: b.color, name: b.name },
-          P,
+          F,
           j
         ];
       }), a = {
@@ -236,9 +236,9 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
     });
     function he() {
       ze(() => {
-        const t = S.value.head.map((n, b) => [[
+        const t = P.value.head.map((n, b) => [[
           n.name
-        ], [S.value.body[b]], [o.value[b].proportion * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(t), a = Ee(l);
+        ], [P.value.body[b]], [o.value[b].proportion * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(t), a = Ee(l);
         Ge({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-funnel" });
       });
     }
@@ -255,7 +255,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
     }), (t, l) => (s(), u("div", {
       ref_key: "funnelChart",
       ref: N,
-      class: T(`vue-ui-funnel ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: T(`vue-ui-funnel ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: x(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `funnel_${O.value}`,
       onMouseenter: l[1] || (l[1] = () => r(se)(!0)),
@@ -311,7 +311,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: z.value,
+        isFullscreen: S.value,
         chartElement: N.value,
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
@@ -373,7 +373,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       _.value ? (s(), u("svg", {
         key: 4,
         xmlns: r(Ve),
-        class: T({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
+        class: T({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
         style: x(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -425,14 +425,14 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
             strokeDashoffset: e.value.useCssAnimation ? p.value.height : 0
           }
         }), null, 16, ut)) : f("", !0),
-        (s(!0), u(M, null, V(o.value, ({ cx: a, cy: n, r: b, fill: h }, P) => (s(), u("circle", q({ cx: a, cy: n, r: b, fill: h }, {
+        (s(!0), u(M, null, V(o.value, ({ cx: a, cy: n, r: b, fill: h }, F) => (s(), u("circle", q({ cx: a, cy: n, r: b, fill: h }, {
           stroke: e.value.style.chart.circles.stroke,
           "stroke-width": e.value.style.chart.circles.strokeWidth,
           class: {
             animated: e.value.useCssAnimation && !w.value
           },
           style: {
-            animationDelay: `${150 * P}ms`
+            animationDelay: `${150 * F}ms`
           }
         }), null, 16, it))), 256)),
         (s(!0), u(M, null, V(o.value, (a, n) => (s(), u("text", {
@@ -469,7 +469,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
             transition: e.value.useCssAnimation ? `all ${150 * g.value.length}ms ease-in` : "none"
           })
         }, null, 14, vt)) : f("", !0),
-        (s(!0), u(M, null, V(o.value, ({ x: a, y: n, height: b, width: h, fill: P }, j) => (s(), u("rect", q({ x: a, y: n, height: b, width: h, fill: P }, {
+        (s(!0), u(M, null, V(o.value, ({ x: a, y: n, height: b, width: h, fill: F }, j) => (s(), u("rect", q({ x: a, y: n, height: b, width: h, fill: F }, {
           stroke: e.value.style.chart.bars.stroke,
           "stroke-width": e.value.style.chart.bars.strokeWidth,
           rx: e.value.style.chart.bars.borderRadius,
@@ -552,7 +552,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
         key: 8,
         hideDetails: "",
         config: {
-          open: F.value.showTable,
+          open: z.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -572,7 +572,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
             body: I.value.body,
             config: I.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: l[0] || (l[0] = (a) => F.value.showTable = !1)
+            onClose: l[0] || (l[0] = (a) => z.value.showTable = !1)
           }, {
             th: k(({ th: a }) => [
               C("div", {
@@ -590,7 +590,7 @@ const tt = ["id"], at = ["xmlns", "viewBox"], lt = ["width", "height"], st = ["i
       }, 8, ["config"])) : f("", !0)
     ], 46, tt));
   }
-}, zt = /* @__PURE__ */ et(yt, [["__scopeId", "data-v-e5224b15"]]);
+}, zt = /* @__PURE__ */ et(yt, [["__scopeId", "data-v-da7323e3"]]);
 export {
   zt as default
 };

package/dist/{vue-ui-galaxy-DuGLDGzf.js → vue-ui-galaxy-039pCZpW.js}

@@ -1,15 +1,15 @@
-import { computed as h, onMounted as Le, ref as u, watch as Fe, openBlock as o, createElementBlock as n, normalizeClass as E, normalizeStyle as V, unref as i, createBlock as $, createCommentVNode as c, createSlots as Ie, withCtx as d, renderSlot as v, normalizeProps as O, guardReactiveProps as N, createVNode as ie, createElementVNode as _, Fragment as ce, renderList as ve, createTextVNode as de, toDisplayString as M, nextTick as Ae } from "vue";
-import { u as Ee, o as Ve, e as he, g as Me, c as pe, t as De, a as Be, p as D, b as Ge, d as ze, J as ye, M as Ue, f as k, X as We, i as ge, x as fe, y as He, q as Xe, r as je } from "./index-CXx0JV8R.js";
-import { L as Re } from "./Legend-DiFDWEo2.js";
-import { _ as Ye } from "./Title-ClQ27HaB.js";
-import { _ as qe } from "./Tooltip-CGYgJoPR.js";
-import { D as Je } from "./DataTable-BfiPjHpN.js";
-import { u as Ke, U as Qe } from "./usePrinter-Ctor1UK0.js";
-import Ze from "./vue-ui-skeleton-Cw0-Ac_0.js";
-import et from "./vue-ui-accordion-BljYKOXR.js";
-import { u as be } from "./useNestedProp-B-WAbP7E.js";
-import { _ as tt } from "./PackageVersion-qom4AEUr.js";
-import { P as lt } from "./PenAndPaper-C-1AU46J.js";
+import { computed as h, onMounted as Le, ref as u, watch as Fe, openBlock as o, createElementBlock as n, normalizeClass as E, normalizeStyle as V, unref as i, createBlock as $, createCommentVNode as c, createSlots as Ie, withCtx as d, renderSlot as v, normalizeProps as O, guardReactiveProps as N, createVNode as ie, createElementVNode as T, Fragment as ce, renderList as ve, createTextVNode as de, toDisplayString as M, nextTick as Ae } from "vue";
+import { u as Ee, o as Ve, e as he, g as Me, c as pe, t as De, a as Be, p as D, b as Ge, d as ze, J as ye, M as Ue, f as k, X as We, i as ge, x as fe, y as He, q as Xe, r as je } from "./index-DCHLGNvJ.js";
+import { L as Re } from "./Legend-Di7FMl12.js";
+import { _ as Ye } from "./Title-Dt5mC-vb.js";
+import { _ as qe } from "./Tooltip-CmKYX0H1.js";
+import { D as Je } from "./DataTable-Cnr3w23K.js";
+import { u as Ke, U as Qe } from "./usePrinter-BvounINk.js";
+import Ze from "./vue-ui-skeleton-nTL-u4Yd.js";
+import et from "./vue-ui-accordion-DEpeQHhr.js";
+import { u as be } from "./useNestedProp-BPR7xHxr.js";
+import { _ as tt } from "./PackageVersion-BAKTtSRE.js";
+import { P as lt } from "./PenAndPaper-BUzmu0vi.js";
 import { u as at } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const st = ["id"], rt = {
@@ -23,11 +23,11 @@ const st = ["id"], rt = {
 }, nt = ["xmlns", "viewBox"], it = ["width", "height"], ct = ["id"], vt = ["stdDeviation"], dt = ["d", "stroke", "stroke-width"], ht = ["d", "stroke", "stroke-width"], pt = ["filter"], yt = ["d", "stroke", "stroke-width"], gt = ["d", "stroke-width", "onMouseenter", "onClick"], ft = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, bt = ["onClick"], mt = { key: 0 }, kt = { key: 1 }, Ct = {
+}, bt = ["onClick"], mt = { key: 0 }, kt = { key: 1 }, wt = {
   key: 8,
   ref: "source",
   dir: "auto"
-}, wt = ["innerHTML"], $t = {
+}, Ct = ["innerHTML"], $t = {
   __name: "vue-ui-galaxy",
   props: {
     config: {
@@ -45,15 +45,15 @@ const st = ["id"], rt = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(me, { expose: ke, emit: X }) {
-    const y = me, { vue_ui_galaxy: Ce } = Ee(), L = h(() => !!y.dataset && y.dataset.length);
+    const g = me, { vue_ui_galaxy: we } = Ee(), L = h(() => !!g.dataset && g.dataset.length);
     Le(() => {
       j();
     });
     function j() {
-      Ve(y.dataset) ? he({
+      Ve(g.dataset) ? he({
         componentName: "VueUiGalaxy",
         type: "dataset"
-      }) : y.dataset.forEach((t, a) => {
+      }) : g.dataset.forEach((t, a) => {
         Me({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
@@ -67,30 +67,30 @@ const st = ["id"], rt = {
         });
       });
     }
-    const T = u(pe()), F = u(null), we = u(null), B = u(!1), G = u(""), g = u(null), R = u(0), Y = u(0), q = u(0), J = u(0), e = h({
+    const _ = u(pe()), F = u(null), Ce = u(null), B = u(!1), G = u(""), f = u(null), R = u(0), Y = u(0), q = u(0), J = u(0), e = h({
       get: () => Z(),
       set: (t) => t
     }), { userOptionsVisible: z, setUserOptionsVisibility: K, keepUserOptionState: Q } = at({ config: e.value });
     function Z() {
       const t = be({
-        userConfig: y.config,
-        defaultConfig: Ce
+        userConfig: g.config,
+        defaultConfig: we
       });
       return t.theme ? {
         ...be({
-          userConfig: De.vue_ui_galaxy[t.theme] || y.config,
+          userConfig: De.vue_ui_galaxy[t.theme] || g.config,
           defaultConfig: t
         }),
         customPalette: Be[t.theme] || D
       } : t;
     }
-    Fe(() => y.config, (t) => {
-      e.value = Z(), z.value = !e.value.showOnChartHover, j(), Y.value += 1, q.value += 1, J.value += 1;
+    Fe(() => g.config, (t) => {
+      e.value = Z(), z.value = !e.value.showOnChartHover, j(), 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;
     }, { deep: !0 });
     const { isPrinting: ee, isImaging: te, generatePdf: le, generateImage: ae } = Ke({
-      elementId: `galaxy_${T.value}`,
+      elementId: `galaxy_${_.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy"
-    }), $e = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), xe = h(() => Ge(e.value.customPalette)), b = u({
+    }), $e = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), xe = h(() => Ge(e.value.customPalette)), p = u({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -100,15 +100,15 @@ const st = ["id"], rt = {
       height: 180,
       // or 250 if non fibo
       width: 250
-    }), p = u([]);
+    }), y = u([]);
     function U(t) {
-      p.value.includes(t.id) ? p.value = p.value.filter((a) => a !== t.id) : p.value.push(t.id), X("selectLegend", S.value.map((a) => ({
+      y.value.includes(t.id) ? y.value = y.value.filter((a) => a !== t.id) : y.value.push(t.id), X("selectLegend", S.value.map((a) => ({
         name: a.name,
         color: a.color,
         value: a.value
       })));
     }
-    const C = h(() => y.dataset.map((t, a) => ({
+    const w = h(() => g.dataset.map((t, a) => ({
       name: t.name,
       color: ze(t.color) || xe.value[a] || D[a] || D[a % D.length],
       value: t.values ? ye(t.values).reduce((l, s) => l + s, 0) : 0,
@@ -116,23 +116,23 @@ const st = ["id"], rt = {
       id: pe(),
       seriesIndex: a
     })).sort((t, a) => a.value - t.value));
-    function _e() {
-      return C.value.map((t) => ({
+    function Te() {
+      return w.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value
       }));
     }
-    const f = h(() => C.value.filter((t) => !p.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Te = u(190), oe = h(() => C.value.filter((t) => !p.value.includes(t.id))), S = h(() => {
+    const b = h(() => w.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), _e = u(190), oe = h(() => w.value.filter((t) => !y.value.includes(t.id))), S = h(() => {
       const t = [];
       for (let a = 0; a < oe.value.length; a += 1) {
         const l = oe.value[a];
-        let s = l.value / f.value * Te.value;
+        let s = l.value / b.value * _e.value;
         a > 0 && t.length && (s += t[a - 1].points), t.push({
           points: s,
           ...l,
           seriesIndex: a,
-          proportion: l.value / f.value,
+          proportion: l.value / b.value,
           path: Ue({
             points: s,
             startX: 115 + e.value.style.chart.layout.arcs.offsetX,
@@ -140,7 +140,7 @@ const st = ["id"], rt = {
           })
         });
       }
-      return t.filter((a, l) => !p.value.includes(a.id)).toSorted((a, l) => l.points - a.points);
+      return t.filter((a, l) => !y.value.includes(a.id)).toSorted((a, l) => l.points - a.points);
     }), x = u(!1);
     function Pe(t) {
       x.value = t, R.value += 1;
@@ -150,20 +150,20 @@ const st = ["id"], rt = {
       W.value = {
         datapoint: t,
         seriesIndex: l,
-        series: C.value,
+        series: w.value,
         config: e.value
-      }, B.value = s, g.value = t.id;
+      }, B.value = s, f.value = t.id;
       let r = "";
-      const w = e.value.style.chart.tooltip.customFormat;
-      fe(w) && He(() => w({
+      const C = e.value.style.chart.tooltip.customFormat;
+      fe(C) && He(() => C({
         seriesIndex: l,
         datapoint: t,
-        series: C.value,
+        series: w.value,
         config: e.value
-      })) ? G.value = w({
+      })) ? G.value = C({
         seriesIndex: l,
         datapoint: t,
-        series: C.value,
+        series: w.value,
         config: e.value
       }) : (r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (r += `<b>${ge(
         e.value.style.chart.layout.labels.dataLabels.formatter,
@@ -185,13 +185,13 @@ const st = ["id"], rt = {
         r: e.value.style.chart.tooltip.roundingPercentage
       })}</b></div>`), G.value = `<div>${r}</div>`);
     }
-    const se = h(() => C.value.map((t, a) => ({
+    const se = h(() => w.value.map((t, a) => ({
       ...t,
-      proportion: (t.value || 0) / y.dataset.map((l) => (l.values || []).reduce((s, r) => s + r, 0)).reduce((l, s) => l + s, 0),
-      opacity: p.value.includes(t.id) ? 0.5 : 1,
+      proportion: (t.value || 0) / g.dataset.map((l) => (l.values || []).reduce((s, r) => s + r, 0)).reduce((l, s) => l + s, 0),
+      opacity: y.value.includes(t.id) ? 0.5 : 1,
       shape: t.shape || "circle",
       segregate: () => U(t),
-      isSegregated: p.value.includes(t.id)
+      isSegregated: y.value.includes(t.id)
     }))), Oe = h(() => ({
       cy: "galaxy-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
@@ -210,25 +210,25 @@ const st = ["id"], rt = {
       Ae(() => {
         const t = m.value.head.map((s, r) => [[
           s.name
-        ], [m.value.body[r]], [isNaN(m.value.body[r] / f.value) ? "-" : m.value.body[r] / f.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Xe(a);
+        ], [m.value.body[r]], [isNaN(m.value.body[r] / b.value) ? "-" : m.value.body[r] / b.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Xe(a);
         je({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
     const I = h(() => {
       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>',
-        k({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: f.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        k({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: b.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
-      ], a = m.value.head.map((r, w) => {
-        const Ne = k({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value.body[w], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
+      ], a = m.value.head.map((r, C) => {
+        const Ne = k({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value.body[C], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: r.color,
             name: r.name
           },
           Ne,
-          isNaN(m.value.body[w] / f.value) ? "-" : k({
-            v: m.value.body[w] / f.value * 100,
+          isNaN(m.value.body[C] / b.value) ? "-" : k({
+            v: m.value.body[C] / b.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -258,17 +258,17 @@ const st = ["id"], rt = {
       };
     });
     function ue() {
-      b.value.showTable = !b.value.showTable;
+      p.value.showTable = !p.value.showTable;
     }
     function ne() {
-      b.value.showTooltip = !b.value.showTooltip;
+      p.value.showTooltip = !p.value.showTooltip;
     }
     const A = u(!1);
     function H() {
       A.value = !A.value;
     }
     return ke({
-      getData: _e,
+      getData: Te,
       generatePdf: le,
       generateCsv: re,
       generateImage: ae,
@@ -280,7 +280,7 @@ const st = ["id"], rt = {
       ref: F,
       class: E(`vue-ui-galaxy ${x.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: V(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
-      id: `galaxy_${T.value}`,
+      id: `galaxy_${_.value}`,
       onMouseenter: a[3] || (a[3] = () => i(K)(!0)),
       onMouseleave: a[4] || (a[4] = () => i(K)(!1))
     }, [
@@ -310,20 +310,20 @@ const st = ["id"], rt = {
       ])) : c("", !0),
       e.value.userOptions.show && L.value && (i(Q) || i(z)) ? (o(), $(Qe, {
         ref_key: "details",
-        ref: we,
+        ref: Ce,
         key: `user_option_${R.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: i(ee),
         isImaging: i(te),
-        uid: T.value,
+        uid: _.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,
         hasImg: e.value.userOptions.buttons.img,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: b.value.showTooltip,
+        isTooltip: p.value.showTooltip,
         isFullscreen: x.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: F.value,
@@ -411,15 +411,15 @@ const st = ["id"], rt = {
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, it)) : c("", !0),
-        _("defs", null, [
-          _("filter", {
-            id: `blur_${T.value}`,
+        T("defs", null, [
+          T("filter", {
+            id: `blur_${_.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            _("feGaussianBlur", {
+            T("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.arcs.gradient.intensity
             }, null, 8, vt)
@@ -431,7 +431,7 @@ const st = ["id"], rt = {
             d: l.path,
             fill: "none",
             stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * (g.value === l.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
+            "stroke-width": (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * (f.value === l.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
             "stroke-linecap": "round"
           }, null, 8, dt)) : c("", !0),
           l.value ? (o(), n("path", {
@@ -439,21 +439,21 @@ const st = ["id"], rt = {
             d: l.path,
             fill: "none",
             stroke: l.color,
-            "stroke-width": e.value.style.chart.layout.arcs.strokeWidth * (g.value === l.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
+            "stroke-width": e.value.style.chart.layout.arcs.strokeWidth * (f.value === l.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
             "stroke-linecap": "round",
-            class: E(`${g.value && g.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+            class: E(`${f.value && f.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
           }, null, 10, ht)) : c("", !0),
           l.value && e.value.style.chart.layout.arcs.gradient.show ? (o(), n("g", {
             key: 2,
-            filter: `url(#blur_${T.value})`
+            filter: `url(#blur_${_.value})`
           }, [
-            _("path", {
+            T("path", {
               d: l.path,
               fill: "none",
               stroke: e.value.style.chart.layout.arcs.gradient.color,
-              "stroke-width": e.value.style.chart.layout.arcs.strokeWidth / 2 * (g.value === l.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
+              "stroke-width": e.value.style.chart.layout.arcs.strokeWidth / 2 * (f.value === l.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
               "stroke-linecap": "round",
-              class: E(`vue-ui-galaxy-gradient ${g.value && g.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+              class: E(`vue-ui-galaxy-gradient ${f.value && f.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
             }, null, 10, yt)
           ], 8, pt)) : c("", !0)
         ]))), 256)),
@@ -472,7 +472,7 @@ const st = ["id"], rt = {
               show: !0
             }),
             onMouseleave: a[0] || (a[0] = (r) => {
-              B.value = !1, g.value = null;
+              B.value = !1, f.value = null;
             }),
             onClick: (r) => X("selectDatapoint", l)
           }, null, 40, gt)) : c("", !0)
@@ -501,9 +501,9 @@ const st = ["id"], rt = {
         onClickMarker: a[1] || (a[1] = ({ legend: l }) => U(l))
       }, {
         item: d(({ legend: l, index: s }) => [
-          _("div", {
+          T("div", {
             onClick: (r) => U(l),
-            style: V(`opacity:${p.value.includes(l.id) ? 0.5 : 1}`)
+            style: V(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
           }, [
             de(M(l.name) + ": " + M(i(ge)(
               e.value.style.chart.layout.labels.dataLabels.formatter,
@@ -516,8 +516,8 @@ const st = ["id"], rt = {
               }),
               { datapoint: l, seriesIndex: s }
             )) + " ", 1),
-            p.value.includes(l.id) ? (o(), n("span", kt, " ( - % ) ")) : (o(), n("span", mt, " (" + M(isNaN(l.value / f.value) ? "-" : i(k)({
-              v: l.value / f.value * 100,
+            y.value.includes(l.id) ? (o(), n("span", kt, " ( - % ) ")) : (o(), n("span", mt, " (" + M(isNaN(l.value / b.value) ? "-" : i(k)({
+              v: l.value / b.value * 100,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
             })) + ") ", 1))
@@ -526,11 +526,11 @@ const st = ["id"], rt = {
         _: 1
       }, 8, ["legendSet", "config"])) : c("", !0),
       v(t.$slots, "legend", { legend: se.value }, void 0, !0),
-      t.$slots.source ? (o(), n("div", Ct, [
+      t.$slots.source ? (o(), n("div", wt, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       ie(qe, {
-        show: b.value.showTooltip && B.value,
+        show: p.value.showTooltip && B.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -557,7 +557,7 @@ const st = ["id"], rt = {
         key: 9,
         hideDetails: "",
         config: {
-          open: b.value.showTable,
+          open: p.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -577,13 +577,13 @@ const st = ["id"], rt = {
             body: I.value.body,
             config: I.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) => b.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => p.value.showTable = !1)
           }, {
             th: d(({ th: l }) => [
-              _("div", {
+              T("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, wt)
+              }, null, 8, Ct)
             ]),
             td: d(({ td: l }) => [
               de(M(l.name || l), 1)
@@ -595,7 +595,7 @@ const st = ["id"], rt = {
       }, 8, ["config"])) : c("", !0)
     ], 46, st));
   }
-}, Dt = /* @__PURE__ */ ot($t, [["__scopeId", "data-v-ce1544eb"]]);
+}, Dt = /* @__PURE__ */ ot($t, [["__scopeId", "data-v-9cd851a8"]]);
 export {
   Dt as default
 };