vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-galaxy-ByhKyIV4.js → vue-ui-galaxy-CGE0hlBC.js}

@@ -1,34 +1,26 @@
-import { computed as h, onMounted as Fe, ref as n, watch as Ae, createElementBlock as i, openBlock as o, unref as u, normalizeStyle as A, normalizeClass as E, createBlock as $, createCommentVNode as c, renderSlot as v, createVNode as ce, createSlots as Ee, withCtx as d, normalizeProps as _, guardReactiveProps as T, createElementVNode as O, Fragment as ve, renderList as de, createTextVNode as he, toDisplayString as V, nextTick as Ve } from "vue";
-import { u as De, o as Me, e as pe, g as Be, c as ye, t as Ge, p as D, a as ze, b as Ue, H as fe, d as We, L as He, f as k, X as Re, i as ge, x as be, q as Xe, r as je, y as Ye } from "./index-BFzQMJda.js";
-import { L as qe } from "./Legend-BxtDQCIv.js";
-import { _ as Je } from "./Title-CzaCeCOm.js";
-import { _ as Ke } from "./Tooltip-CWmRmhJr.js";
-import { D as Qe } from "./DataTable-Rajdtaf6.js";
-import { u as Ze, U as et } from "./usePrinter-C5bLp34h.js";
-import tt from "./vue-ui-skeleton-B_YI7Yuc.js";
-import lt from "./vue-ui-accordion-BUz4JIIX.js";
-import { u as me } from "./useNestedProp-v7KPpwuP.js";
-import { _ as at } from "./PackageVersion-BjrblLPQ.js";
-import { _ as ot } from "./PenAndPaper-BkP3J-Ft.js";
-import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as rt } from "./useChartAccessibility-BWojgys7.js";
-import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const nt = ["id"], it = {
+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-BiHmNd1-.js";
+import { u as ke } from "./useNestedProp-tRqS0ZAM.js";
+import { u as st } from "./usePrinter-CRCbl1WG.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";
+const it = ["id"], ct = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, ct = {
+}, vt = {
   key: 2,
   style: "width:100%;background:transparent;padding-bottom:24px"
-}, vt = ["xmlns", "viewBox"], dt = ["width", "height"], ht = ["id"], pt = ["stdDeviation"], yt = ["d", "stroke", "stroke-width"], ft = ["d", "stroke", "stroke-width"], gt = ["filter"], bt = ["d", "stroke", "stroke-width"], mt = ["d", "stroke-width", "onMouseenter", "onClick"], kt = {
+}, dt = ["xmlns", "viewBox"], ht = ["width", "height"], pt = ["id"], yt = ["stdDeviation"], gt = ["d", "stroke", "stroke-width"], ft = ["d", "stroke", "stroke-width"], bt = ["filter"], mt = ["d", "stroke", "stroke-width"], kt = ["d", "stroke-width", "onMouseenter", "onClick"], Ct = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ct = ["onClick"], wt = { key: 0 }, $t = { key: 1 }, xt = {
+}, wt = ["onClick"], $t = { key: 0 }, xt = { key: 1 }, Tt = {
   key: 8,
   ref: "source",
   dir: "auto"
-}, _t = ["innerHTML"], Tt = {
+}, _t = ["innerHTML"], Ot = {
   __name: "vue-ui-galaxy",
   props: {
     config: {
@@ -45,192 +37,192 @@ const nt = ["id"], it = {
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(ke, { expose: Ce, emit: we }) {
-    const { vue_ui_galaxy: $e } = De(), f = ke, N = h(() => !!f.dataset && f.dataset.length);
-    Fe(() => {
-      R();
+  setup(Ce, { expose: we, emit: $e }) {
+    const xe = m(() => import("./vue-ui-accordion-CmCs2yR2.js")), Te = m(() => import("./DataTable-Cv9CIz-a.js")), _e = m(() => import("./Legend-DFunFf8i.js")), Oe = m(() => import("./PackageVersion-CLY-udAA.js")), Pe = m(() => import("./PenAndPaper-B9na2mbr.js")), Se = m(() => import("./vue-ui-skeleton-CbYQYRvD.js")), Ne = m(() => import("./Title-B5qqUI3M.js")), Le = m(() => import("./Tooltip-C9rxJ-Ru.js")), Ie = m(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_galaxy: Ae } = je(), g = Ce, I = h(() => !!g.dataset && g.dataset.length);
+    He(() => {
+      X();
     });
-    function R() {
-      Me(f.dataset) ? pe({
+    function X() {
+      Ye(g.dataset) ? ye({
         componentName: "VueUiGalaxy",
         type: "dataset"
-      }) : f.dataset.forEach((t, a) => {
-        Be({
+      }) : g.dataset.forEach((t, o) => {
+        qe({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          pe({
+          ye({
             componentName: "VueUiGalaxy",
             type: "datasetSerieAttribute",
             property: l,
-            index: a
+            index: o
           });
         });
       });
     }
-    const S = n(ye()), M = n(null), xe = n(null), B = n(!1), G = n(""), g = n(null), X = n(0), j = n(0), Y = n(0), q = n(0), e = h({
-      get: () => Z(),
+    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({
+      get: () => ee(),
       set: (t) => t
-    }), { userOptionsVisible: z, setUserOptionsVisibility: J, keepUserOptionState: K } = st({ config: e.value }), { svgRef: Q } = rt({ config: e.value.style.chart.title });
-    function Z() {
-      const t = me({
-        userConfig: f.config,
-        defaultConfig: $e
+    }), { 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,
+        defaultConfig: Ae
       });
       return t.theme ? {
-        ...me({
-          userConfig: ze.vue_ui_galaxy[t.theme] || f.config,
+        ...ke({
+          userConfig: Ke.vue_ui_galaxy[t.theme] || g.config,
           defaultConfig: t
         }),
-        customPalette: Ge[t.theme] || D
+        customPalette: Je[t.theme] || B
       } : t;
     }
-    Ae(() => f.config, (t) => {
-      e.value = Z(), z.value = !e.value.userOptions.showOnChartHover, R(), j.value += 1, Y.value += 1, q.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;
+    Re(() => g.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: ee, isImaging: te, generatePdf: le, generateImage: ae } = Ze({
+    const { isPrinting: te, isImaging: le, generatePdf: oe, generateImage: ae } = st({
       elementId: `galaxy_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), _e = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Te = h(() => Ue(e.value.customPalette)), p = n({
+    }), Ve = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ee = h(() => Qe(e.value.customPalette)), p = n({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), P = n({
+    }), N = n({
       height: 180,
       // or 250 if non fibo
       width: 250
-    }), oe = we, y = n([]);
-    function U(t) {
-      y.value.includes(t.id) ? y.value = y.value.filter((a) => a !== t.id) : y.value.push(t.id), oe("selectLegend", L.value.map((a) => ({
-        name: a.name,
-        color: a.color,
-        value: a.value
+    }), se = $e, y = n([]);
+    function H(t) {
+      y.value.includes(t.id) ? y.value = y.value.filter((o) => o !== t.id) : y.value.push(t.id), se("selectLegend", L.value.map((o) => ({
+        name: o.name,
+        color: o.color,
+        value: o.value
       })));
     }
-    const C = h(() => f.dataset.map((t, a) => ({
+    const w = h(() => g.dataset.map((t, o) => ({
       name: t.name,
-      color: We(t.color) || Te.value[a] || D[a] || D[a % D.length],
-      value: t.values ? fe(t.values).reduce((l, s) => l + s, 0) : 0,
+      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,
       absoluteValues: fe(t.values),
-      id: ye(),
-      seriesIndex: a
-    })).sort((t, a) => a.value - t.value));
-    function Oe() {
-      return C.value.map((t) => ({
+      id: ge(),
+      seriesIndex: o
+    })).sort((t, o) => o.value - t.value));
+    function Me() {
+      return w.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value
       }));
     }
-    const b = h(() => C.value.filter((t) => !y.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Se = n(190), se = h(() => C.value.filter((t) => !y.value.includes(t.id))), L = h(() => {
+    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 t = [];
-      for (let a = 0; a < se.value.length; a += 1) {
-        const l = se.value[a];
-        let s = l.value / b.value * Se.value;
-        a > 0 && t.length && (s += t[a - 1].points), t.push({
-          points: s,
+      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,
           ...l,
-          seriesIndex: a,
+          seriesIndex: o,
           proportion: l.value / b.value,
-          path: He({
-            points: s,
+          path: et({
+            points: r,
             startX: 115 + e.value.style.chart.layout.arcs.offsetX,
             startY: 90 + e.value.style.chart.layout.arcs.offsetY
           })
         });
       }
-      return t.filter((a, l) => !y.value.includes(a.id)).toSorted((a, l) => l.points - a.points);
-    }), x = n(!1);
-    function Pe(t) {
-      x.value = t, X.value += 1;
+      return t.filter((o, l) => !y.value.includes(o.id)).toSorted((o, l) => l.points - o.points);
+    }), T = n(!1);
+    function De(t) {
+      T.value = t, j.value += 1;
     }
-    const W = n(null);
-    function Le({ datapoint: t, _relativeIndex: a, seriesIndex: l, show: s = !1 }) {
-      W.value = {
+    const R = n(null);
+    function Ge({ datapoint: t, _relativeIndex: o, seriesIndex: l, show: r = !1 }) {
+      R.value = {
         datapoint: t,
         seriesIndex: l,
-        series: C.value,
+        series: w.value,
         config: e.value
-      }, B.value = s, g.value = t.id;
-      let r = "";
-      const w = e.value.style.chart.tooltip.customFormat;
-      be(w) && Ye(() => w({
+      }, G.value = r, f.value = t.id;
+      let u = "";
+      const $ = e.value.style.chart.tooltip.customFormat;
+      me($) && at(() => $({
         seriesIndex: l,
         datapoint: t,
-        series: C.value,
+        series: w.value,
         config: e.value
-      })) ? G.value = w({
+      })) ? z.value = $({
         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(
+      }) : (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,
-        k({
+        C({
           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 ? r += `<span>(${k({
+      )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? u += `<span>(${C({
         v: t.proportion * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })})</span></div>` : r += `<b>${k({
+      })})</span></div>` : u += `<b>${C({
         v: t.proportion * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`), G.value = `<div>${r}</div>`);
+      })}</b></div>`), z.value = `<div>${u}</div>`);
     }
-    const re = h(() => C.value.map((t, a) => ({
+    const ue = h(() => w.value.map((t, o) => ({
       ...t,
-      proportion: (t.value || 0) / f.dataset.map((l) => (l.values || []).reduce((s, r) => s + r, 0)).reduce((l, s) => l + s, 0),
+      proportion: (t.value || 0) / g.dataset.map((l) => (l.values || []).reduce((r, u) => r + u, 0)).reduce((l, r) => l + r, 0),
       opacity: y.value.includes(t.id) ? 0.5 : 1,
       shape: t.shape || "circle",
-      segregate: () => U(t),
+      segregate: () => H(t),
       isSegregated: y.value.includes(t.id)
-    }))), Ne = h(() => ({
+    }))), ze = h(() => ({
       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" : ""
-    })), m = h(() => {
+    })), k = h(() => {
       const t = L.value.map((l) => ({
         name: l.name,
         color: l.color
-      })), a = L.value.map((l) => l.value);
-      return { head: t, body: a };
+      })), o = L.value.map((l) => l.value);
+      return { head: t, body: o };
     });
-    function ue() {
-      Ve(() => {
-        const t = m.value.head.map((s, r) => [[
-          s.name
-        ], [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" });
+    function ne() {
+      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 I = h(() => {
+    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>',
-        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 }),
+        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 }),
         "100%"
-      ], a = m.value.head.map((r, w) => {
-        const Ie = 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 });
+      ], 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 });
         return [
           {
-            color: r.color,
-            name: r.name
+            color: u.color,
+            name: u.name
           },
-          Ie,
-          isNaN(m.value.body[w] / b.value) ? "-" : k({
-            v: m.value.body[w] / b.value * 100,
+          We,
+          isNaN(k.value.body[$] / b.value) ? "-" : C({
+            v: k.value.body[$] / b.value * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -255,49 +247,49 @@ const nt = ["id"], it = {
           e.value.table.columnNames.percentage
         ],
         head: t,
-        body: a,
+        body: o,
         config: l
       };
     });
-    function ne() {
+    function ie() {
       p.value.showTable = !p.value.showTable;
     }
-    function ie() {
+    function ce() {
       p.value.showTooltip = !p.value.showTooltip;
     }
     const F = n(!1);
-    function H() {
+    function U() {
       F.value = !F.value;
     }
-    return Ce({
-      getData: Oe,
-      generatePdf: le,
-      generateCsv: ue,
+    return we({
+      getData: Me,
+      generatePdf: oe,
+      generateCsv: ne,
       generateImage: ae,
-      toggleTable: ne,
-      toggleTooltip: ie,
-      toggleAnnotator: H
-    }), (t, a) => (o(), i("div", {
+      toggleTable: ie,
+      toggleTooltip: ce,
+      toggleAnnotator: U
+    }), (t, o) => (s(), i("div", {
       ref_key: "galaxyChart",
-      ref: M,
-      class: E(`vue-ui-galaxy ${x.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: A(`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}`),
+      ref: D,
+      class: E(`vue-ui-galaxy ${T.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_${S.value}`,
-      onMouseenter: a[3] || (a[3] = () => u(J)(!0)),
-      onMouseleave: a[4] || (a[4] = () => u(J)(!1))
+      onMouseenter: o[3] || (o[3] = () => a(K)(!0)),
+      onMouseleave: o[4] || (o[4] = () => a(K)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), $(ot, {
+      e.value.userOptions.buttons.annotator ? (s(), x(a(Pe), {
         key: 0,
-        svgRef: u(Q),
+        svgRef: a(Z),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: F.value,
-        onClose: H
+        onClose: U
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      _e.value ? (o(), i("div", it, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (o(), i("div", ct, [
-        (o(), $(Je, {
-          key: `title_${j.value}`,
+      Ve.value ? (s(), i("div", ct, null, 512)) : c("", !0),
+      e.value.style.chart.title.text ? (s(), i("div", vt, [
+        (s(), x(a(Ne), {
+          key: `title_${Y.value}`,
           config: {
             title: {
               cy: "galaxy-div-title",
@@ -310,14 +302,14 @@ const nt = ["id"], it = {
           }
         }, null, 8, ["config"]))
       ])) : c("", !0),
-      e.value.userOptions.show && N.value && (u(K) || u(z)) ? (o(), $(et, {
+      e.value.userOptions.show && I.value && (a(Q) || a(W)) ? (s(), x(a(Ie), {
         ref_key: "details",
-        ref: xe,
-        key: `user_option_${X.value}`,
+        ref: Fe,
+        key: `user_option_${j.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u(ee),
-        isImaging: u(te),
+        isPrinting: a(te),
+        isImaging: a(le),
         uid: S.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -326,27 +318,27 @@ const nt = ["id"], it = {
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isTooltip: p.value.showTooltip,
-        isFullscreen: x.value,
+        isFullscreen: T.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: M.value,
+        chartElement: D.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: F.value,
-        onToggleFullscreen: Pe,
-        onGeneratePdf: u(le),
-        onGenerateCsv: ue,
-        onGenerateImage: u(ae),
-        onToggleTable: ne,
-        onToggleTooltip: ie,
-        onToggleAnnotator: H,
-        style: A({
-          visibility: u(K) ? u(z) ? "visible" : "hidden" : "visible"
+        onToggleFullscreen: De,
+        onGeneratePdf: a(oe),
+        onGenerateCsv: ne,
+        onGenerateImage: a(ae),
+        onToggleTable: ie,
+        onToggleTooltip: ce,
+        onToggleAnnotator: U,
+        style: V({
+          visibility: a(Q) ? a(W) ? "visible" : "hidden" : "visible"
         })
-      }, Ee({ _: 2 }, [
+      }, Ue({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: d(({ isOpen: l, color: s }) => [
-            v(t.$slots, "menuIcon", _(T({ isOpen: l, color: s })), void 0, !0)
+          fn: d(({ isOpen: l, color: r }) => [
+            v(t.$slots, "menuIcon", _(O({ isOpen: l, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -387,112 +379,112 @@ const nt = ["id"], it = {
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: d(({ toggleFullscreen: l, isFullscreen: s }) => [
-            v(t.$slots, "optionFullscreen", _(T({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          fn: d(({ toggleFullscreen: l, isFullscreen: r }) => [
+            v(t.$slots, "optionFullscreen", _(O({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: d(({ toggleAnnotator: l, isAnnotator: s }) => [
-            v(t.$slots, "optionAnnotator", _(T({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          fn: d(({ toggleAnnotator: l, isAnnotator: r }) => [
+            v(t.$slots, "optionAnnotator", _(O({ toggleAnnotator: l, isAnnotator: r })), 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", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      N.value ? (o(), i("svg", {
+      I.value ? (s(), i("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: Q,
-        xmlns: u(Re),
-        class: E({ "vue-data-ui-fullscreen--on": x.value, "vue-data-ui-fulscreen--off": !x.value }),
-        viewBox: `0 0 ${P.value.width} ${P.value.height}`,
-        style: A(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+        ref: Z,
+        xmlns: a(tt),
+        class: E({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
+        viewBox: `0 0 ${N.value.width} ${N.value.height}`,
+        style: V(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ce(at),
-        t.$slots["chart-background"] ? (o(), i("foreignObject", {
+        ve(a(Oe)),
+        t.$slots["chart-background"] ? (s(), i("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: P.value.width,
-          height: P.value.height,
+          width: N.value.width,
+          height: N.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, dt)) : c("", !0),
-        O("defs", null, [
-          O("filter", {
+        ], 8, ht)) : c("", !0),
+        P("defs", null, [
+          P("filter", {
             id: `blur_${S.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            O("feGaussianBlur", {
+            P("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.arcs.gradient.intensity
-            }, null, 8, pt)
-          ], 8, ht)
+            }, null, 8, yt)
+          ], 8, pt)
         ]),
-        (o(!0), i(ve, null, de(L.value, (l) => (o(), i("g", null, [
-          l.value ? (o(), i("path", {
+        (s(!0), i(de, null, he(L.value, (l) => (s(), i("g", null, [
+          l.value ? (s(), 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) * (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, yt)) : c("", !0),
-          l.value ? (o(), i("path", {
+          }, null, 8, gt)) : c("", !0),
+          l.value ? (s(), i("path", {
             key: 1,
             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, ft)) : c("", !0),
-          l.value && e.value.style.chart.layout.arcs.gradient.show ? (o(), i("g", {
+          l.value && e.value.style.chart.layout.arcs.gradient.show ? (s(), i("g", {
             key: 2,
             filter: `url(#blur_${S.value})`
           }, [
-            O("path", {
+            P("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" : ""}`)
-            }, null, 10, bt)
-          ], 8, gt)) : c("", !0)
+              class: E(`vue-ui-galaxy-gradient ${f.value && f.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+            }, null, 10, mt)
+          ], 8, bt)) : c("", !0)
         ]))), 256)),
-        (o(!0), i(ve, null, de(L.value, (l, s) => (o(), i("g", null, [
-          l.value ? (o(), i("path", {
+        (s(!0), i(de, null, he(L.value, (l, r) => (s(), i("g", null, [
+          l.value ? (s(), i("path", {
             key: 0,
             d: l.path,
             fill: "none",
             stroke: "transparent",
             "stroke-width": e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth,
             "stroke-linecap": "round",
-            onMouseenter: (r) => Le({
+            onMouseenter: (u) => Ge({
               datapoint: l,
               seriesIndex: l.seriesIndex,
               show: !0
             }),
-            onMouseleave: a[0] || (a[0] = (r) => {
-              B.value = !1, g.value = null;
+            onMouseleave: o[0] || (o[0] = (u) => {
+              G.value = !1, f.value = null;
             }),
-            onClick: (r) => oe("selectDatapoint", l)
-          }, null, 40, mt)) : c("", !0)
+            onClick: (u) => se("selectDatapoint", l)
+          }, null, 40, kt)) : c("", !0)
         ]))), 256)),
-        v(t.$slots, "svg", { svg: P.value }, void 0, !0)
-      ], 14, vt)) : c("", !0),
-      t.$slots.watermark ? (o(), i("div", kt, [
-        v(t.$slots, "watermark", _(T({ isPrinting: u(ee) || u(te) })), void 0, !0)
+        v(t.$slots, "svg", { svg: N.value }, void 0, !0)
+      ], 14, dt)) : c("", !0),
+      t.$slots.watermark ? (s(), i("div", Ct, [
+        v(t.$slots, "watermark", _(O({ isPrinting: a(te) || a(le) })), void 0, !0)
       ])) : c("", !0),
-      N.value ? c("", !0) : (o(), $(tt, {
+      I.value ? c("", !0) : (s(), x(a(Se), {
         key: 6,
         config: {
           type: "galaxy",
@@ -504,43 +496,43 @@ const nt = ["id"], it = {
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.chart.legend.show ? (o(), $(qe, {
-        key: `legend_${q.value}`,
-        legendSet: re.value,
-        config: Ne.value,
-        onClickMarker: a[1] || (a[1] = ({ legend: l }) => U(l))
+      e.value.style.chart.legend.show ? (s(), 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: s }) => [
-          O("div", {
-            onClick: (r) => U(l),
-            style: A(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
+        item: d(({ legend: l, index: r }) => [
+          P("div", {
+            onClick: (u) => H(l),
+            style: V(`opacity:${y.value.includes(l.id) ? 0.5 : 1}`)
           }, [
-            he(V(l.name) + ": " + V(u(ge)(
+            pe(M(l.name) + ": " + M(a(be)(
               e.value.style.chart.layout.labels.dataLabels.formatter,
               l.value,
-              u(k)({
+              a(C)({
                 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: s }
+              { datapoint: l, seriesIndex: r }
             )) + " ", 1),
-            y.value.includes(l.id) ? (o(), i("span", $t, " ( - % ) ")) : (o(), i("span", wt, " (" + V(isNaN(l.value / b.value) ? "-" : u(k)({
+            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,
               s: "%",
               r: e.value.style.chart.legend.roundingPercentage
             })) + ") ", 1))
-          ], 12, Ct)
+          ], 12, wt)
         ]),
         _: 1
       }, 8, ["legendSet", "config"])) : c("", !0),
-      v(t.$slots, "legend", { legend: re.value }, void 0, !0),
-      t.$slots.source ? (o(), i("div", xt, [
+      v(t.$slots, "legend", { legend: ue.value }, void 0, !0),
+      t.$slots.source ? (s(), i("div", Tt, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      ce(Ke, {
-        show: p.value.showTooltip && B.value,
+      ve(a(Le), {
+        show: p.value.showTooltip && G.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -550,20 +542,20 @@ const nt = ["id"], it = {
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: M.value,
-        content: G.value,
-        isFullscreen: x.value,
-        isCustom: u(be)(e.value.style.chart.tooltip.customFormat)
+        parent: D.value,
+        content: z.value,
+        isFullscreen: T.value,
+        isCustom: a(me)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": d(() => [
-          v(t.$slots, "tooltip-before", _(T({ ...W.value })), void 0, !0)
+          v(t.$slots, "tooltip-before", _(O({ ...R.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          v(t.$slots, "tooltip-after", _(T({ ...W.value })), void 0, !0)
+          v(t.$slots, "tooltip-after", _(O({ ...R.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      N.value ? (o(), $(lt, {
+      I.value ? (s(), x(a(xe), {
         key: 9,
         hideDetails: "",
         config: {
@@ -580,32 +572,32 @@ const nt = ["id"], it = {
         }
       }, {
         content: d(() => [
-          (o(), $(Qe, {
-            key: `table_${Y.value}`,
-            colNames: I.value.colNames,
-            head: I.value.head,
-            body: I.value.body,
-            config: I.value.config,
+          (s(), x(a(Te), {
+            key: `table_${q.value}`,
+            colNames: A.value.colNames,
+            head: A.value.head,
+            body: A.value.body,
+            config: A.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: o[2] || (o[2] = (l) => p.value.showTable = !1)
           }, {
             th: d(({ th: l }) => [
-              O("div", {
+              P("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, _t)
             ]),
             td: d(({ td: l }) => [
-              he(V(l.name || l), 1)
+              pe(M(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : c("", !0)
-    ], 46, nt));
+    ], 46, it));
   }
-}, Ut = /* @__PURE__ */ ut(Tt, [["__scopeId", "data-v-41382c10"]]);
+}, Vt = /* @__PURE__ */ nt(Ot, [["__scopeId", "data-v-1281b625"]]);
 export {
-  Ut as default
+  Vt as default
 };