vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-galaxy-BBfg84E4.js → vue-ui-galaxy-CJHycmpt.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as m, computed as h, onMounted as He, ref as n, watch as Re, createElementBlock as i, openBlock as s, unref as a, normalizeStyle as V, normalizeClass as E, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as ve, createSlots as Ue, withCtx as d, normalizeProps as _, guardReactiveProps as O, createElementVNode as P, Fragment as de, renderList as he, createTextVNode as pe, toDisplayString as M, nextTick as Xe } from "vue";
-import { u as je, o as Ye, e as ye, g as qe, c as ge, t as Je, p as B, a as Ke, b as Qe, H as fe, d as Ze, L as et, f as C, X as tt, i as be, x as me, q as lt, r as ot, y as at } from "./index-CH_mJIWj.js";
-import { u as ke } from "./useNestedProp-rMR-JeOJ.js";
-import { u as st } from "./usePrinter-DJ7WfWUs.js";
+import { defineAsyncComponent as k, computed as h, onMounted as He, ref as n, watch as Re, createElementBlock as i, openBlock as r, unref as a, normalizeStyle as V, normalizeClass as E, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as ve, createSlots as Ue, withCtx as d, normalizeProps as _, guardReactiveProps as O, createElementVNode as P, Fragment as de, renderList as he, createTextVNode as pe, toDisplayString as M, nextTick as Xe } from "vue";
+import { u as je, o as Ye, e as ye, g as qe, c as ge, t as Je, p as B, a as Ke, b as Qe, H as fe, d as Ze, L as et, f as w, X as tt, i as be, x as me, q as lt, r as ot, y as at } from "./index-BXbyT0Qn.js";
+import { u as ke } from "./useNestedProp-DVZpeH84.js";
+import { u as st } from "./usePrinter-aKh5-HcK.js";
 import { u as rt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ut } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -38,15 +38,15 @@ const it = ["id"], ct = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ce, { expose: we, emit: $e }) {
-    const xe = m(() => import("./vue-ui-accordion-Ds4zkPIx.js")), Te = m(() => import("./DataTable-BBqbcutV.js")), _e = m(() => import("./Legend-DRqzYrP9.js")), Oe = m(() => import("./PackageVersion-ClpqQxYT.js")), Pe = m(() => import("./PenAndPaper-B-T7XvxF.js")), Se = m(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ne = m(() => import("./Title-apr_T9tg.js")), Le = m(() => import("./Tooltip-BuHsMAfp.js")), Ie = m(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_galaxy: Ae } = je(), g = Ce, I = h(() => !!g.dataset && g.dataset.length);
+    const xe = k(() => import("./vue-ui-accordion-CXsjHe1y.js")), Te = k(() => import("./DataTable-DBkfb6pd.js")), _e = k(() => import("./Legend-DcDRW3Xd.js")), Oe = k(() => import("./PackageVersion-C5fpg4GN.js")), Pe = k(() => import("./PenAndPaper-BRkuVFb4.js")), Se = k(() => import("./vue-ui-skeleton-Fxr752Oi.js")), Ne = k(() => import("./Title-DoWqzga-.js")), Le = k(() => import("./Tooltip-DYCBNM-_.js")), Ie = k(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_galaxy: Ae } = je(), f = Ce, I = h(() => !!f.dataset && f.dataset.length);
     He(() => {
       X();
     });
     function X() {
-      Ye(g.dataset) ? ye({
+      Ye(f.dataset) ? ye({
         componentName: "VueUiGalaxy",
         type: "dataset"
-      }) : g.dataset.forEach((t, o) => {
+      }) : f.dataset.forEach((t, o) => {
         qe({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
@@ -60,24 +60,24 @@ const it = ["id"], ct = {
         });
       });
     }
-    const S = n(ge()), D = n(null), Fe = n(null), G = n(!1), z = n(""), f = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = h({
+    const S = n(ge()), D = n(null), Fe = n(null), G = n(!1), z = n(""), b = n(null), j = n(0), Y = n(0), q = n(0), J = n(0), e = h({
       get: () => ee(),
       set: (t) => t
     }), { userOptionsVisible: W, setUserOptionsVisibility: K, keepUserOptionState: Q } = rt({ config: e.value }), { svgRef: Z } = ut({ config: e.value.style.chart.title });
     function ee() {
       const t = ke({
-        userConfig: g.config,
+        userConfig: f.config,
         defaultConfig: Ae
       });
       return t.theme ? {
         ...ke({
-          userConfig: Ke.vue_ui_galaxy[t.theme] || g.config,
+          userConfig: Ke.vue_ui_galaxy[t.theme] || f.config,
           defaultConfig: t
         }),
         customPalette: Je[t.theme] || B
       } : t;
     }
-    Re(() => g.config, (t) => {
+    Re(() => f.config, (t) => {
       e.value = ee(), W.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;
     }, { deep: !0 });
     const { isPrinting: te, isImaging: le, generatePdf: oe, generateImage: ae } = st({
@@ -102,33 +102,33 @@ const it = ["id"], ct = {
         value: o.value
       })));
     }
-    const w = h(() => g.dataset.map((t, o) => ({
+    const $ = h(() => f.dataset.map((t, o) => ({
       name: t.name,
       color: Ze(t.color) || Ee.value[o] || B[o] || B[o % B.length],
-      value: t.values ? fe(t.values).reduce((l, r) => l + r, 0) : 0,
+      value: t.values ? fe(t.values).reduce((l, s) => l + s, 0) : 0,
       absoluteValues: fe(t.values),
       id: ge(),
       seriesIndex: o
     })).sort((t, o) => o.value - t.value));
     function Me() {
-      return w.value.map((t) => ({
+      return $.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value
       }));
     }
-    const b = h(() => w.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, o) => t + o, 0)), Be = n(190), re = h(() => w.value.filter((t) => !y.value.includes(t.id))), L = h(() => {
+    const m = h(() => $.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, o) => t + o, 0)), Be = n(190), re = h(() => $.value.filter((t) => !y.value.includes(t.id))), L = h(() => {
       const t = [];
       for (let o = 0; o < re.value.length; o += 1) {
         const l = re.value[o];
-        let r = l.value / b.value * Be.value;
-        o > 0 && t.length && (r += t[o - 1].points), t.push({
-          points: r,
+        let s = l.value / m.value * Be.value;
+        o > 0 && t.length && (s += t[o - 1].points), t.push({
+          points: s,
           ...l,
           seriesIndex: o,
-          proportion: l.value / b.value,
+          proportion: l.value / m.value,
           path: et({
-            points: r,
+            points: s,
             startX: 115 + e.value.style.chart.layout.arcs.offsetX,
             startY: 90 + e.value.style.chart.layout.arcs.offsetY
           })
@@ -140,48 +140,48 @@ const it = ["id"], ct = {
       T.value = t, j.value += 1;
     }
     const R = n(null);
-    function Ge({ datapoint: t, _relativeIndex: o, seriesIndex: l, show: r = !1 }) {
+    function Ge({ datapoint: t, _relativeIndex: o, seriesIndex: l, show: s = !1 }) {
       R.value = {
         datapoint: t,
         seriesIndex: l,
-        series: w.value,
+        series: $.value,
         config: e.value
-      }, G.value = r, f.value = t.id;
+      }, G.value = s, b.value = t.id;
       let u = "";
-      const $ = e.value.style.chart.tooltip.customFormat;
-      me($) && at(() => $({
+      const g = e.value.style.chart.tooltip.customFormat;
+      me(g) && at(() => g({
         seriesIndex: l,
         datapoint: t,
-        series: w.value,
+        series: $.value,
         config: e.value
-      })) ? z.value = $({
+      })) ? z.value = g({
         seriesIndex: l,
         datapoint: t,
-        series: w.value,
+        series: $.value,
         config: e.value
       }) : (u += `<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>`, u += `<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 && (u += `<b>${be(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         t.value,
-        C({
+        w({
           p: e.value.style.chart.layout.labels.dataLabels.prefix,
           v: t.value,
           s: e.value.style.chart.layout.labels.dataLabels.suffix,
           r: e.value.style.chart.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: l }
-      )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? u += `<span>(${C({
+      )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? u += `<span>(${w({
         v: t.proportion * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })})</span></div>` : u += `<b>${C({
+      })})</span></div>` : u += `<b>${w({
         v: t.proportion * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
       })}</b></div>`), z.value = `<div>${u}</div>`);
     }
-    const ue = h(() => w.value.map((t, o) => ({
+    const ue = h(() => $.value.map((t, o) => ({
       ...t,
-      proportion: (t.value || 0) / g.dataset.map((l) => (l.values || []).reduce((r, u) => r + u, 0)).reduce((l, r) => l + r, 0),
+      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: () => H(t),
@@ -193,36 +193,36 @@ const it = ["id"], ct = {
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), k = h(() => {
+    })), C = h(() => {
       const t = L.value.map((l) => ({
         name: l.name,
         color: l.color
       })), o = L.value.map((l) => l.value);
       return { head: t, body: o };
     });
-    function ne() {
+    function ne(t = null) {
       Xe(() => {
-        const t = k.value.head.map((r, u) => [[
-          r.name
-        ], [k.value.body[u]], [isNaN(k.value.body[u] / b.value) ? "-" : k.value.body[u] / b.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = lt(o);
-        ot({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
+        const o = C.value.head.map((u, g) => [[
+          u.name
+        ], [C.value.body[g]], [isNaN(C.value.body[g] / m.value) ? "-" : C.value.body[g] / m.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(o), s = lt(l);
+        t ? t(s) : ot({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
     const A = 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>',
-        C({ 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 }),
+        w({ 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%"
-      ], o = k.value.head.map((u, $) => {
-        const We = C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: k.value.body[$], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
+      ], o = C.value.head.map((u, g) => {
+        const We = w({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: C.value.body[g], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: u.color,
             name: u.name
           },
           We,
-          isNaN(k.value.body[$] / b.value) ? "-" : C({
-            v: k.value.body[$] / b.value * 100,
+          isNaN(C.value.body[g] / m.value) ? "-" : w({
+            v: C.value.body[g] / m.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -269,7 +269,7 @@ const it = ["id"], ct = {
       toggleTable: ie,
       toggleTooltip: ce,
       toggleAnnotator: U
-    }), (t, o) => (s(), i("div", {
+    }), (t, o) => (r(), i("div", {
       ref_key: "galaxyChart",
       ref: D,
       class: E(`vue-ui-galaxy ${T.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -278,7 +278,7 @@ const it = ["id"], ct = {
       onMouseenter: o[3] || (o[3] = () => a(K)(!0)),
       onMouseleave: o[4] || (o[4] = () => a(K)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), x(a(Pe), {
+      e.value.userOptions.buttons.annotator ? (r(), x(a(Pe), {
         key: 0,
         svgRef: a(Z),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -286,9 +286,9 @@ const it = ["id"], ct = {
         active: F.value,
         onClose: U
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Ve.value ? (s(), i("div", ct, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (s(), i("div", vt, [
-        (s(), x(a(Ne), {
+      Ve.value ? (r(), i("div", ct, null, 512)) : c("", !0),
+      e.value.style.chart.title.text ? (r(), i("div", vt, [
+        (r(), x(a(Ne), {
           key: `title_${Y.value}`,
           config: {
             title: {
@@ -302,7 +302,7 @@ const it = ["id"], ct = {
           }
         }, null, 8, ["config"]))
       ])) : c("", !0),
-      e.value.userOptions.show && I.value && (a(Q) || a(W)) ? (s(), x(a(Ie), {
+      e.value.userOptions.show && I.value && (a(Q) || a(W)) ? (r(), x(a(Ie), {
         ref_key: "details",
         ref: Fe,
         key: `user_option_${j.value}`,
@@ -338,8 +338,8 @@ const it = ["id"], ct = {
       }, Ue({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: d(({ isOpen: l, color: r }) => [
-            v(t.$slots, "menuIcon", _(O({ isOpen: l, color: r })), void 0, !0)
+          fn: d(({ isOpen: l, color: s }) => [
+            v(t.$slots, "menuIcon", _(O({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -380,20 +380,20 @@ const it = ["id"], ct = {
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: d(({ toggleFullscreen: l, isFullscreen: r }) => [
-            v(t.$slots, "optionFullscreen", _(O({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
+          fn: d(({ toggleFullscreen: l, isFullscreen: s }) => [
+            v(t.$slots, "optionFullscreen", _(O({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: d(({ toggleAnnotator: l, isAnnotator: r }) => [
-            v(t.$slots, "optionAnnotator", _(O({ toggleAnnotator: l, isAnnotator: r })), void 0, !0)
+          fn: d(({ toggleAnnotator: l, isAnnotator: s }) => [
+            v(t.$slots, "optionAnnotator", _(O({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      I.value ? (s(), i("svg", {
+      I.value ? (r(), i("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: Z,
@@ -403,7 +403,7 @@ const it = ["id"], ct = {
         style: V(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         ve(a(Oe)),
-        t.$slots["chart-background"] ? (s(), i("foreignObject", {
+        t.$slots["chart-background"] ? (r(), i("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -429,25 +429,25 @@ const it = ["id"], ct = {
             }, null, 8, yt)
           ], 8, pt)
         ]),
-        (s(!0), i(de, null, he(L.value, (l) => (s(), i("g", null, [
-          l.value ? (s(), i("path", {
+        (r(!0), i(de, null, he(L.value, (l) => (r(), i("g", null, [
+          l.value ? (r(), i("path", {
             key: 0,
             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) * (f.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) * (b.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, gt)) : c("", !0),
-          l.value ? (s(), i("path", {
+          l.value ? (r(), i("path", {
             key: 1,
             d: l.path,
             fill: "none",
             stroke: l.color,
-            "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-width": e.value.style.chart.layout.arcs.strokeWidth * (b.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(`${f.value && f.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+            class: E(`${b.value && b.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
           }, null, 10, ft)) : c("", !0),
-          l.value && e.value.style.chart.layout.arcs.gradient.show ? (s(), i("g", {
+          l.value && e.value.style.chart.layout.arcs.gradient.show ? (r(), i("g", {
             key: 2,
             filter: `url(#blur_${S.value})`
           }, [
@@ -455,14 +455,14 @@ const it = ["id"], ct = {
               d: l.path,
               fill: "none",
               stroke: e.value.style.chart.layout.arcs.gradient.color,
-              "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-width": e.value.style.chart.layout.arcs.strokeWidth / 2 * (b.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 ${f.value && f.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+              class: E(`vue-ui-galaxy-gradient ${b.value && b.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
             }, null, 10, mt)
           ], 8, bt)) : c("", !0)
         ]))), 256)),
-        (s(!0), i(de, null, he(L.value, (l, r) => (s(), i("g", null, [
-          l.value ? (s(), i("path", {
+        (r(!0), i(de, null, he(L.value, (l, s) => (r(), i("g", null, [
+          l.value ? (r(), i("path", {
             key: 0,
             d: l.path,
             fill: "none",
@@ -475,17 +475,17 @@ const it = ["id"], ct = {
               show: !0
             }),
             onMouseleave: o[0] || (o[0] = (u) => {
-              G.value = !1, f.value = null;
+              G.value = !1, b.value = null;
             }),
             onClick: (u) => se("selectDatapoint", l)
           }, null, 40, kt)) : c("", !0)
         ]))), 256)),
         v(t.$slots, "svg", { svg: N.value }, void 0, !0)
       ], 14, dt)) : c("", !0),
-      t.$slots.watermark ? (s(), i("div", Ct, [
+      t.$slots.watermark ? (r(), i("div", Ct, [
         v(t.$slots, "watermark", _(O({ isPrinting: a(te) || a(le) })), void 0, !0)
       ])) : c("", !0),
-      I.value ? c("", !0) : (s(), x(a(Se), {
+      I.value ? c("", !0) : (r(), x(a(Se), {
         key: 6,
         config: {
           type: "galaxy",
@@ -497,13 +497,13 @@ const it = ["id"], ct = {
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.chart.legend.show ? (s(), x(a(_e), {
+      e.value.style.chart.legend.show ? (r(), x(a(_e), {
         key: `legend_${J.value}`,
         legendSet: ue.value,
         config: ze.value,
         onClickMarker: o[1] || (o[1] = ({ legend: l }) => H(l))
       }, {
-        item: d(({ legend: l, index: r }) => [
+        item: d(({ legend: l, index: s }) => [
           P("div", {
             onClick: (u) => H(l),
             style: V(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
@@ -511,16 +511,16 @@ const it = ["id"], ct = {
             pe(M(l.name) + ": " + M(a(be)(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               l.value,
-              a(C)({
+              a(w)({
                 p: e.value.style.chart.layout.labels.dataLabels.prefix,
                 v: l.value,
                 s: e.value.style.chart.layout.labels.dataLabels.suffix,
                 r: e.value.style.chart.legend.roundingValue
               }),
-              { datapoint: l, seriesIndex: r }
+              { datapoint: l, seriesIndex: s }
             )) + " ", 1),
-            y.value.includes(l.id) ? (s(), i("span", xt, " ( - % ) ")) : (s(), i("span", $t, " (" + M(isNaN(l.value / b.value) ? "-" : a(C)({
-              v: l.value / b.value * 100,
+            y.value.includes(l.id) ? (r(), i("span", xt, " ( - % ) ")) : (r(), i("span", $t, " (" + M(isNaN(l.value / m.value) ? "-" : a(w)({
+              v: l.value / m.value * 100,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
             })) + ") ", 1))
@@ -529,7 +529,7 @@ const it = ["id"], ct = {
         _: 1
       }, 8, ["legendSet", "config"])) : c("", !0),
       v(t.$slots, "legend", { legend: ue.value }, void 0, !0),
-      t.$slots.source ? (s(), i("div", Tt, [
+      t.$slots.source ? (r(), i("div", Tt, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       ve(a(Le), {
@@ -556,7 +556,7 @@ const it = ["id"], ct = {
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      I.value ? (s(), x(a(xe), {
+      I.value ? (r(), x(a(xe), {
         key: 9,
         hideDetails: "",
         config: {
@@ -573,7 +573,7 @@ const it = ["id"], ct = {
         }
       }, {
         content: d(() => [
-          (s(), x(a(Te), {
+          (r(), x(a(Te), {
             key: `table_${q.value}`,
             colNames: A.value.colNames,
             head: A.value.head,
@@ -598,7 +598,7 @@ const it = ["id"], ct = {
       }, 8, ["config"])) : c("", !0)
     ], 46, it));
   }
-}, Vt = /* @__PURE__ */ nt(Ot, [["__scopeId", "data-v-b72b0a29"]]);
+}, Vt = /* @__PURE__ */ nt(Ot, [["__scopeId", "data-v-0bd8794e"]]);
 export {
   Vt as default
 };

package/dist/{vue-ui-gauge-BJgJgef_.js → vue-ui-gauge-Bsc9wIKK.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as E, computed as y, ref as p, watch as ke, shallowRef as be, onMounted as De, onBeforeUnmount as Be, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as q, normalizeClass as _e, createBlock as W, createCommentVNode as c, createElementVNode as m, withCtx as X, toDisplayString as M, createSlots as Ve, renderSlot as x, normalizeProps as j, guardReactiveProps as T, createVNode as qe, Fragment as g, renderList as S, mergeProps as Y } from "vue";
-import { u as He, c as Ze, t as Je, p as xe, a as Ke, b as Qe, o as we, d as et, e as U, g as Se, m as H, M as F, N as tt, X as at, s as Z, n as lt, i as J, f as K, F as Q } from "./index-CH_mJIWj.js";
+import { u as He, c as Ze, t as Je, p as xe, a as Ke, b as Qe, o as we, d as et, e as U, g as Se, m as H, M as F, N as tt, X as at, s as Z, n as lt, i as J, f as K, F as Q } from "./index-BXbyT0Qn.js";
 import { t as rt, u as st } from "./useResponsive-JZ9xq-JV.js";
-import { u as $e } from "./useNestedProp-rMR-JeOJ.js";
-import { u as ot } from "./usePrinter-DJ7WfWUs.js";
+import { u as $e } from "./useNestedProp-DVZpeH84.js";
+import { u as ot } from "./usePrinter-aKh5-HcK.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nt } from "./useChartAccessibility-9icAAmYg.js";
-import it from "./Title-apr_T9tg.js";
+import it from "./Title-DoWqzga-.js";
 import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "height"], ft = ["id"], pt = ["stop-color"], mt = ["stop-color"], gt = ["stop-color"], kt = ["id"], bt = ["stdDeviation"], _t = { key: 1 }, xt = ["d", "fill", "stroke"], wt = ["d", "fill", "stroke"], St = ["d", "fill"], $t = ["id", "d"], zt = ["fill", "font-size", "font-weight"], Ft = ["href", "startOffset"], Ct = ["x", "y", "text-anchor", "fill", "font-size", "font-weight"], Ot = ["d", "filter"], Mt = ["stroke", "stroke-width"], Pt = ["stroke", "stroke-width"], Nt = ["stroke", "stroke-width"], Xt = ["stroke", "stroke-width"], It = { key: 8 }, Yt = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], At = ["x", "y", "font-size", "font-weight", "fill"], Rt = { key: 0 }, Gt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Et = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Wt = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], jt = { key: 1 }, Tt = ["d", "fill", "stroke", "stroke-width"], Ut = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], Lt = ["x", "y", "font-size", "fill"], Dt = {
   key: 5,
@@ -27,7 +27,7 @@ const vt = ["id"], dt = { key: 0 }, ht = ["xmlns", "viewBox"], yt = ["width", "h
     }
   },
   setup(L, { expose: ze }) {
-    const Fe = E(() => import("./PenAndPaper-B-T7XvxF.js")), Ce = E(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Oe = E(() => import("./UserOptions-OVNxxnq5.js")), Me = E(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_gauge: Pe } = He(), d = L, A = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = p(Ze()), Ne = p(null), ee = p(0), R = p(null), te = p(null), ae = p(null), le = p(null), re = p(null), se = p(0), e = y({
+    const Fe = E(() => import("./PenAndPaper-BRkuVFb4.js")), Ce = E(() => import("./vue-ui-skeleton-Fxr752Oi.js")), Oe = E(() => import("./UserOptions-B3q-xfQV.js")), Me = E(() => import("./PackageVersion-C5fpg4GN.js")), { vue_ui_gauge: Pe } = He(), d = L, A = y(() => !!d.dataset && Object.keys(d.dataset).length > 0 && d.dataset.series && d.dataset.series.length), b = p(Ze()), Ne = p(null), ee = p(0), R = p(null), te = p(null), ae = p(null), le = p(null), re = p(null), se = p(0), e = y({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: D, setUserOptionsVisibility: oe, keepUserOptionState: ue } = ut({ config: e.value }), { svgRef: ne } = nt({ config: e.value.style.chart.title });

package/dist/{vue-ui-gizmo-DBclpybR.js → vue-ui-gizmo-D6AciZZe.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, ref as G, useSlots as L, onMounted as _, computed as c, watch as N, createElementBlock as s, openBlock as a, normalizeStyle as $, createVNode as F, createCommentVNode as n, unref as l, createElementVNode as t, Fragment as p, toDisplayString as y } from "vue";
-import { u as V, c as B, e as P, i as k, f as m } from "./index-CH_mJIWj.js";
-import { u as U } from "./useNestedProp-rMR-JeOJ.js";
+import { u as V, c as B, e as P, i as k, f as m } from "./index-BXbyT0Qn.js";
+import { u as U } from "./useNestedProp-DVZpeH84.js";
 const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"], A = ["stop-color"], E = ["stroke"], O = ["stroke"], j = ["width", "fill"], T = ["fill"], q = { key: 0 }, H = ["id"], J = ["stroke"], K = ["stroke", "stroke-dasharray", "stroke-dashoffset"], Q = ["filter"], R = ["stroke", "stroke-dasharray", "stroke-dashoffset"], W = ["fill"], ee = {
   __name: "vue-ui-gizmo",
   props: {
@@ -16,7 +16,7 @@ const D = ["viewBox", "width"], I = { key: 0 }, M = ["id"], S = ["stop-color"],
     }
   },
   setup(f) {
-    const w = z(() => import("./PackageVersion-ClpqQxYT.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
+    const w = z(() => import("./PackageVersion-C5fpg4GN.js")), { vue_ui_gizmo: x } = V(), o = f, u = G(B()), C = L();
     _(() => {
       h();
     }), _(() => {