vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-galaxy-CqeQVqG-.js → vue-ui-galaxy-DTAl_-40.js}

@@ -1,39 +1,43 @@
-import { defineAsyncComponent as S, ref as n, computed as d, toRefs as It, onMounted as Lt, watch as Le, createElementBlock as g, openBlock as r, unref as s, normalizeStyle as W, normalizeClass as U, createBlock as F, createCommentVNode as h, createElementVNode as $, createVNode as ae, withCtx as i, renderSlot as c, normalizeProps as p, guardReactiveProps as y, createSlots as Ne, Fragment as Ve, renderList as Me, Teleport as Nt, toDisplayString as ne, resolveDynamicComponent as Vt, mergeProps as Mt, createTextVNode as ze, nextTick as Ge } from "vue";
-import { c as Re, t as zt, o as Gt, g as We, l as Rt, i as Wt, j as H, k as Ut, a7 as Ue, m as Ht, ab as jt, a as He, d as P, X as Xt, y as je, v as Yt, r as qt, _ as Jt } from "./lib-2iaAPQ_c.js";
-import { b as Kt } from "./labelUtils-B3mOOEke.js";
-import { t as Qt, u as Zt } from "./useResponsive-DfdjqQps.js";
-import { u as eo, a as re } from "./useNestedProp-BCt4DMkT.js";
-import { u as to, B as oo } from "./BaseScanner-BMpwQAfz.js";
-import { u as lo } from "./usePrinter-ChVMpU2f.js";
-import { u as ao } from "./useSvgExport-ByUukOZt.js";
-import { u as no } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as ro } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as so } from "./useChartAccessibility-9icAAmYg.js";
-import uo from "./img-CqYIrJ8I.js";
-import io from "./Title-B5L2jweB.js";
-import co from "./Legend-D2xmnFPH.js";
-import { _ as vo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Ye = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { arcs: { gradient: { show: !1 } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, qe = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { arcs: { gradient: { show: !1 } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Je = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { arcs: { gradient: { color: "#1A1A1A" } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ke = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { arcs: { gradient: { color: "#fbfafa" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Qe = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { arcs: { gradient: { show: !1 } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ze = {
+import { defineAsyncComponent as S, ref as r, computed as d, toRefs as Nt, onMounted as Vt, watch as Le, createElementBlock as g, openBlock as n, unref as s, normalizeStyle as W, normalizeClass as U, createBlock as F, createCommentVNode as h, createElementVNode as $, createVNode as ae, withCtx as i, renderSlot as c, normalizeProps as p, guardReactiveProps as y, createSlots as Ne, Fragment as Ve, renderList as Me, Teleport as Mt, toDisplayString as re, resolveDynamicComponent as zt, mergeProps as Gt, createTextVNode as ze, nextTick as Ge } from "vue";
+import { c as Re, t as Rt, o as Wt, g as We, l as Ut, i as Ht, j as H, k as jt, a7 as Ue, m as Xt, ab as Yt, a as He, d as P, X as qt, y as je, v as Jt, r as Kt, _ as Qt } from "./lib-CVHM9FhP.js";
+import { b as Zt } from "./labelUtils-D6Y-n7cD.js";
+import { t as eo, u as to } from "./useResponsive-DfdjqQps.js";
+import { u as oo, a as ne } from "./useNestedProp-Ckf_2P_V.js";
+import { u as lo, B as ao } from "./BaseScanner-BMpwQAfz.js";
+import { u as ro } from "./usePrinter-1NmjuP-i.js";
+import { u as no } from "./useSvgExport-ByUukOZt.js";
+import { u as so } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as uo } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as io } from "./useChartAccessibility-9icAAmYg.js";
+import co from "./img-6fNF_rG0.js";
+import vo from "./Title-NgeRXqRA.js";
+import go from "./Legend-DN5UJOBH.js";
+import { _ as ho } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Xe = { userOptions: { show: !1 }, style: { chart: { layout: { arcs: { gradient: { show: !1 } } }, legend: { show: !1 } } } }, Ye = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { arcs: { gradient: { show: !1 } } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Je = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { arcs: { gradient: { show: !1 } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ke = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { arcs: { gradient: { show: !1 } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { arcs: { gradient: { color: "#1A1A1A" } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ze = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { arcs: { gradient: { color: "#fbfafa" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, et = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { arcs: { gradient: { show: !1 } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, tt = {
   default: {},
-  dark: Xe,
-  celebration: Ye,
-  celebrationNight: qe,
-  hack: Je,
-  zen: Ke,
-  concrete: Qe
-}, Ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Xe,
+  minimalDark: Ye,
+  dark: qe,
+  celebration: Je,
+  celebrationNight: Ke,
+  hack: Qe,
+  zen: Ze,
+  concrete: et
+}, Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Ye,
-  celebrationNight: qe,
-  concrete: Qe,
-  dark: Xe,
-  default: Ze,
-  hack: Je,
-  zen: Ke
-}, Symbol.toStringTag, { value: "Module" })), go = ["id"], ho = ["id"], bo = ["xmlns", "viewBox"], fo = ["width", "height"], po = ["id"], yo = ["stdDeviation"], mo = ["d", "stroke", "stroke-width"], Co = ["d", "stroke", "stroke-width"], ko = ["filter"], wo = ["d", "stroke", "stroke-width"], Ao = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], $o = {
+  celebration: Je,
+  celebrationNight: Ke,
+  concrete: et,
+  dark: qe,
+  default: tt,
+  hack: Qe,
+  minimal: Xe,
+  minimalDark: Ye,
+  zen: Ze
+}, Symbol.toStringTag, { value: "Module" })), bo = ["id"], fo = ["id"], po = ["xmlns", "viewBox"], yo = ["width", "height"], mo = ["id"], Co = ["stdDeviation"], ko = ["d", "stroke", "stroke-width"], wo = ["d", "stroke", "stroke-width"], Ao = ["filter"], $o = ["d", "stroke", "stroke-width"], To = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], xo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, To = ["id"], xo = ["onClick"], So = ["innerHTML"], Fo = {
+}, So = ["id"], Fo = ["onClick"], Do = ["innerHTML"], Oo = {
   __name: "vue-ui-galaxy",
   props: {
     config: {
@@ -50,9 +54,9 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(et, { expose: tt, emit: ot }) {
-    const lt = S(() => import("./Tooltip-DpfUZbt7.js")), at = S(() => import("./BaseIcon-B9bGT7HU.js")), nt = S(() => import("./vue-ui-accordion-CAXPDm31.js")), rt = S(() => import("./DataTable-DEwh__D8.js")), st = S(() => import("./PenAndPaper-CulSakut.js")), ut = S(() => import("./UserOptions-5pXc4J-c.js")), it = S(() => import("./PackageVersion-C-JOGZBL.js")), ct = S(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_galaxy: dt } = eo(), { isThemeValid: vt, warnInvalidTheme: gt } = no(), m = et, C = n(Re()), k = n(null), j = n(!1), X = n(""), D = n(null), se = n(0), ue = n(0), ie = n(0), ce = n(0), de = n(null), ve = n(null), ge = n(null), he = n(null), _ = n(null), V = n(null), be = n(!1), B = n(null), Y = n(null), fe = d(() => !!m.dataset && m.dataset.length), e = n(Q()), { loading: q, FINAL_DATASET: pe } = to({
-      ...It(m),
+  setup(ot, { expose: lt, emit: at }) {
+    const rt = S(() => import("./Tooltip-B6qvABDL.js")), nt = S(() => import("./BaseIcon-4uOct8re.js")), st = S(() => import("./vue-ui-accordion-DFKaB_05.js")), ut = S(() => import("./DataTable-DyoDzNNY.js")), it = S(() => import("./PenAndPaper-LTuSTmWE.js")), ct = S(() => import("./UserOptions-CX7Xsusk.js")), dt = S(() => import("./PackageVersion-CQxJyGQr.js")), vt = S(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_galaxy: gt } = oo(), { isThemeValid: ht, warnInvalidTheme: bt } = so(), m = ot, C = r(Re()), k = r(null), j = r(!1), X = r(""), D = r(null), se = r(0), ue = r(0), ie = r(0), ce = r(0), de = r(null), ve = r(null), ge = r(null), he = r(null), _ = r(null), V = r(null), be = r(!1), B = r(null), Y = r(null), fe = d(() => !!m.dataset && m.dataset.length), e = r(Q()), { loading: q, FINAL_DATASET: pe } = lo({
+      ...Nt(m),
       FINAL_CONFIG: e,
       prepareConfig: Q,
       callback: () => {
@@ -65,7 +69,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         { name: "_", values: [13], color: "#C4C4C4" },
         { name: "_", values: [8], color: "#ADADAD" }
       ],
-      skeletonConfig: zt({
+      skeletonConfig: Rt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -82,17 +86,17 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         }
       })
     });
-    Lt(() => {
+    Vt(() => {
       be.value = !0, me();
     });
     const ye = d(() => !!e.value.debug);
     function me() {
-      if (Gt(m.dataset) ? We({
+      if (Wt(m.dataset) ? We({
         componentName: "VueUiGalaxy",
         type: "dataset",
         debug: ye.value
       }) : m.dataset.forEach((t, l) => {
-        Rt({
+        Ut({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((o) => {
@@ -105,8 +109,8 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           });
         });
       }), e.value.responsive) {
-        const t = Qt(() => {
-          const { width: l, height: o } = Zt({
+        const t = eo(() => {
+          const { width: l, height: o } = to({
             chart: k.value,
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? ve.value : null,
@@ -120,45 +124,45 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         _.value && (V.value && _.value.unobserve(V.value), _.value.disconnect()), _.value = new ResizeObserver(t), V.value = k.value.parentNode, _.value.observe(V.value);
       }
     }
-    const { userOptionsVisible: J, setUserOptionsVisibility: Ce, keepUserOptionState: ke } = ro({ config: e.value }), { svgRef: K } = so({ config: e.value.style.chart.title });
+    const { userOptionsVisible: J, setUserOptionsVisibility: Ce, keepUserOptionState: ke } = uo({ config: e.value }), { svgRef: K } = io({ config: e.value.style.chart.title });
     function Q() {
-      const t = re({
+      const t = ne({
         userConfig: m.config,
-        defaultConfig: dt
+        defaultConfig: gt
       }), l = t.theme;
       if (!l) return t;
-      if (!vt.value(t))
-        return gt(t), t;
-      const o = re({
-        userConfig: Ze[l] || m.config,
+      if (!ht.value(t))
+        return bt(t), t;
+      const o = ne({
+        userConfig: tt[l] || m.config,
         defaultConfig: t
-      }), a = re({
+      }), a = ne({
         userConfig: m.config,
         defaultConfig: o
       });
       return {
         ...a,
-        customPalette: a.customPalette.length ? a.customPalette : Wt[l] || H
+        customPalette: a.customPalette.length ? a.customPalette : Ht[l] || H
       };
     }
     Le(() => m.config, (t) => {
       e.value = Q(), J.value = !e.value.userOptions.showOnChartHover, me(), ue.value += 1, ie.value += 1, ce.value += 1, b.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: we, isImaging: Ae, generatePdf: $e, generateImage: Te } = lo({
+    const { isPrinting: we, isImaging: Ae, generatePdf: $e, generateImage: Te } = ro({
       elementId: `galaxy_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), ht = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), bt = d(() => Ut(e.value.customPalette)), b = n({
+    }), ft = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), pt = d(() => jt(e.value.customPalette)), b = r({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), M = n(250), z = n(180), ft = n(0), pt = n(0), T = d(() => ({
+    }), M = r(250), z = r(180), yt = r(0), mt = r(0), T = d(() => ({
       width: M.value,
       height: z.value,
-      viewBox: `${ft.value} ${pt.value} ${M.value} ${z.value}`
-    })), xe = ot, f = n([]);
+      viewBox: `${yt.value} ${mt.value} ${M.value} ${z.value}`
+    })), xe = at, f = r([]);
     function E(t) {
       f.value.includes(t.id) ? f.value = f.value.filter((l) => l !== t.id) : f.value.push(t.id), xe("selectLegend", I.value.map((l) => ({
         name: l.name,
@@ -172,17 +176,17 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       const l = w.value.find((o) => o.name === t);
       return l || (e.value.debug && console.warn(`VueUiGalaxy - Series name not found "${t}"`), null);
     }
-    function yt(t) {
+    function Ct(t) {
       const l = Se(t);
       l !== null && f.value.includes(l.id) && E({ id: l.id });
     }
-    function mt(t) {
+    function kt(t) {
       const l = Se(t);
       l !== null && (f.value.includes(l.id) || E({ id: l.id }));
     }
     const w = d(() => pe.value.map((t, l) => ({
       name: t.name,
-      color: Ht(t.color) || bt.value[l] || H[l] || H[l % H.length],
+      color: Xt(t.color) || pt.value[l] || H[l] || H[l % H.length],
       value: t.values ? Ue(t.values).reduce((o, a) => o + a, 0) : 0,
       absoluteValues: Ue(t.values),
       id: Re()
@@ -190,16 +194,16 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       ...t,
       absoluteIndex: l
     })));
-    function Ct() {
+    function wt() {
       return w.value.map((t) => ({
         name: t.name,
         color: t.color,
         value: t.value
       }));
     }
-    const A = d(() => w.value.filter((t) => !f.value.includes(t.id)).map((t) => t.value).reduce((t, l) => t + l, 0)), Fe = n(190), De = d(() => w.value.filter((t) => !f.value.includes(t.id))), kt = d(
+    const A = d(() => w.value.filter((t) => !f.value.includes(t.id)).map((t) => t.value).reduce((t, l) => t + l, 0)), Fe = r(190), De = d(() => w.value.filter((t) => !f.value.includes(t.id))), At = d(
       () => (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) / 2 + (e.value.style.chart.layout.padding ?? 12)
-    ), wt = d(() => jt({
+    ), $t = d(() => Yt({
       maxPoints: Fe.value,
       a: e.value.style.chart.layout.arcs.a ?? 6,
       b: e.value.style.chart.layout.arcs.b ?? 6,
@@ -208,7 +212,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       startY: T.value.height / 2 + e.value.style.chart.layout.arcs.offsetY,
       boxWidth: T.value.width,
       boxHeight: T.value.height,
-      padding: kt.value
+      padding: At.value
     })), I = d(() => {
       const t = [];
       for (let l = 0; l < De.value.length; l += 1) {
@@ -218,7 +222,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           ...o,
           seriesIndex: l,
           proportion: o.value / A.value,
-          path: wt.value(a)
+          path: $t.value(a)
         });
       }
       return t.filter((l) => !f.value.includes(l.id)).toSorted((l, o) => o.points - l.points);
@@ -231,15 +235,15 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         blur: v / 180 * l
       };
     }
-    const O = n(!1);
+    const O = r(!1);
     function Oe(t) {
       O.value = t, se.value += 1;
     }
-    const ee = n(null);
-    function At(t) {
+    const ee = r(null);
+    function Tt(t) {
       j.value = !1, D.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
-    function $t(t) {
+    function xt(t) {
       xe("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
     function Pe({
@@ -249,7 +253,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       showPercentage: a
     }) {
       const u = e.value.style.chart.layout.labels.dataLabels;
-      return Kt({
+      return Zt({
         config: u,
         val: t,
         percentage: l,
@@ -257,7 +261,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         showPercentage: a
       });
     }
-    function Tt({ datapoint: t, _relativeIndex: l, seriesIndex: o, show: a = !1 }) {
+    function St({ datapoint: t, _relativeIndex: l, seriesIndex: o, show: a = !1 }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex }), ee.value = {
         datapoint: t,
         seriesIndex: o,
@@ -266,7 +270,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       }, j.value = a, D.value = t.id;
       let u = "";
       const v = e.value.style.chart.tooltip.customFormat;
-      je(v) && Jt(() => v({
+      je(v) && Qt(() => v({
         seriesIndex: o,
         datapoint: t,
         series: w.value,
@@ -311,14 +315,14 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       });
       return {
         ...t,
-        proportion: (t.value || 0) / pe.value.map((v) => (v.values || []).reduce((N, Et) => N + Et, 0)).reduce((v, N) => v + N, 0),
+        proportion: (t.value || 0) / pe.value.map((v) => (v.values || []).reduce((N, Lt) => N + Lt, 0)).reduce((v, N) => v + N, 0),
         opacity: f.value.includes(t.id) ? 0.5 : 1,
         shape: t.shape || "circle",
         segregate: () => E(t),
         isSegregated: f.value.includes(t.id),
         display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${u}`
       };
-    })), xt = d(() => ({
+    })), Ft = d(() => ({
       cy: "galaxy-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -336,8 +340,8 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       Ge(() => {
         const l = x.value.head.map((u, v) => [[
           u.name
-        ], [x.value.body[v]], [isNaN(x.value.body[v] / A.value) ? "-" : x.value.body[v] / A.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), a = Yt(o);
-        t ? t(a) : qt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
+        ], [x.value.body[v]], [isNaN(x.value.body[v] / A.value) ? "-" : x.value.body[v] / A.value * 100]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), a = Jt(o);
+        t ? t(a) : Kt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
     const G = d(() => {
@@ -389,13 +393,13 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     function Be() {
       b.value.showTooltip = !b.value.showTooltip;
     }
-    const R = n(!1);
+    const R = r(!1);
     function le() {
       R.value = !R.value;
     }
-    async function St({ scale: t = 2 } = {}) {
+    async function Dt({ scale: t = 2 } = {}) {
       if (!k.value) return;
-      const { width: l, height: o } = k.value.getBoundingClientRect(), a = l / o, { imageUri: u, base64: v } = await uo({ domElement: k.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: o } = k.value.getBoundingClientRect(), a = l / o, { imageUri: u, base64: v } = await co({ domElement: k.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: u,
         base64: v,
@@ -408,7 +412,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     const L = d(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = b.value.showTable;
       return {
-        component: t ? ct : nt,
+        component: t ? vt : st,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -441,37 +445,37 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     function Ee() {
       b.value.showTable = !1, Y.value && Y.value.setTableIconState(!1);
     }
-    const Ft = d(() => te.value.map((t) => ({
+    const Ot = d(() => te.value.map((t) => ({
       ...t,
       name: t.display
-    }))), Dt = d(() => e.value.style.chart.backgroundColor), Ot = d(() => e.value.style.chart.legend), Pt = d(() => e.value.style.chart.title), { exportSvg: _t, getSvg: Bt } = ao({
+    }))), Pt = d(() => e.value.style.chart.backgroundColor), _t = d(() => e.value.style.chart.legend), Bt = d(() => e.value.style.chart.title), { exportSvg: Et, getSvg: It } = no({
       svg: K,
-      title: Pt,
-      legend: Ot,
-      legendItems: Ft,
-      backgroundColor: Dt
+      title: Bt,
+      legend: _t,
+      legendItems: Ot,
+      backgroundColor: Pt
     });
     async function Ie({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: a, dataUrl: u } = await Bt();
+        const { blob: l, url: o, text: a, dataUrl: u } = await It();
         e.value.userOptions.callbacks.svg({ blob: l, url: o, text: a, dataUrl: u });
       } else
-        _t();
+        Et();
     }
-    return tt({
-      getData: Ct,
-      getImage: St,
+    return lt({
+      getData: wt,
+      getImage: Dt,
       generatePdf: $e,
       generateCsv: oe,
       generateImage: Te,
       generateSvg: Ie,
-      hideSeries: mt,
-      showSeries: yt,
+      hideSeries: kt,
+      showSeries: Ct,
       toggleTable: _e,
       toggleTooltip: Be,
       toggleAnnotator: le,
       toggleFullscreen: Oe
-    }), (t, l) => (r(), g("div", {
+    }), (t, l) => (n(), g("div", {
       ref_key: "galaxyChart",
       ref: k,
       class: U(`vue-data-ui-component vue-ui-galaxy ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${s(q) ? "loading" : ""}`),
@@ -480,7 +484,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       onMouseenter: l[2] || (l[2] = () => s(Ce)(!0)),
       onMouseleave: l[3] || (l[3] = () => s(Ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), F(s(st), {
+      e.value.userOptions.buttons.annotator ? (n(), F(s(it), {
         key: 0,
         svgRef: s(K),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -508,20 +512,20 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      ht.value ? (r(), g("div", {
+      ft.value ? (n(), g("div", {
         key: 1,
         ref_key: "noTitle",
         ref: he,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
-      e.value.style.chart.title.text ? (r(), g("div", {
+      e.value.style.chart.title.text ? (n(), g("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: de,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), F(io, {
+        (n(), F(vo, {
           key: `title_${ue.value}`,
           config: {
             title: {
@@ -537,8 +541,8 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       ], 512)) : h("", !0),
       $("div", {
         id: `legend-top-${C.value}`
-      }, null, 8, ho),
-      e.value.userOptions.show && fe.value && (s(ke) || s(J)) ? (r(), F(s(ut), {
+      }, null, 8, fo),
+      e.value.userOptions.show && fe.value && (s(ke) || s(J)) ? (n(), F(s(ct), {
         ref_key: "userOptionsRef",
         ref: Y,
         key: `user_option_${se.value}`,
@@ -640,16 +644,16 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
-      (r(), g("svg", {
+      (n(), g("svg", {
         ref_key: "svgRef",
         ref: K,
-        xmlns: s(Xt),
+        xmlns: s(qt),
         class: U({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
         viewBox: T.value.viewBox,
         style: W(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        ae(s(it)),
-        t.$slots["chart-background"] ? (r(), g("foreignObject", {
+        ae(s(dt)),
+        t.$slots["chart-background"] ? (n(), g("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -660,7 +664,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           }
         }, [
           c(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, fo)) : h("", !0),
+        ], 8, yo)) : h("", !0),
         $("defs", null, [
           $("filter", {
             id: `blur_${C.value}`,
@@ -672,19 +676,19 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             $("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 100 / e.value.style.chart.layout.arcs.gradient.intensity
-            }, null, 8, yo)
-          ], 8, po)
+            }, null, 8, Co)
+          ], 8, mo)
         ]),
-        (r(!0), g(Ve, null, Me(I.value, (o) => (r(), g("g", null, [
-          o.value ? (r(), g("path", {
+        (n(!0), g(Ve, null, Me(I.value, (o) => (n(), g("g", null, [
+          o.value ? (n(), g("path", {
             key: 0,
             d: o.path,
             fill: "none",
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": Z(o).border,
             "stroke-linecap": "round"
-          }, null, 8, mo)) : h("", !0),
-          o.value ? (r(), g("path", {
+          }, null, 8, ko)) : h("", !0),
+          o.value ? (n(), g("path", {
             key: 1,
             d: o.path,
             fill: "none",
@@ -692,8 +696,8 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             "stroke-width": Z(o).path,
             "stroke-linecap": "round",
             class: U(`${D.value && D.value !== o.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
-          }, null, 10, Co)) : h("", !0),
-          o.value && e.value.style.chart.layout.arcs.gradient.show ? (r(), g("g", {
+          }, null, 10, wo)) : h("", !0),
+          o.value && e.value.style.chart.layout.arcs.gradient.show ? (n(), g("g", {
             key: 2,
             filter: `url(#blur_${C.value})`
           }, [
@@ -704,35 +708,35 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               "stroke-width": Z(o).blur,
               "stroke-linecap": "round",
               class: U(`vue-ui-galaxy-gradient ${D.value && D.value !== o.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
-            }, null, 10, wo)
-          ], 8, ko)) : h("", !0)
+            }, null, 10, $o)
+          ], 8, Ao)) : h("", !0)
         ]))), 256)),
-        (r(!0), g(Ve, null, Me(I.value, (o, a) => (r(), g("g", null, [
-          o.value ? (r(), g("path", {
+        (n(!0), g(Ve, null, Me(I.value, (o, a) => (n(), g("g", null, [
+          o.value ? (n(), g("path", {
             key: 0,
             d: o.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: (u) => Tt({
+            onMouseenter: (u) => St({
               datapoint: o,
               seriesIndex: o.seriesIndex,
               show: !0
             }),
-            onMouseleave: (u) => At(o),
-            onClick: (u) => $t(o)
-          }, null, 40, Ao)) : h("", !0)
+            onMouseleave: (u) => Tt(o),
+            onClick: (u) => xt(o)
+          }, null, 40, To)) : h("", !0)
         ]))), 256)),
         c(t.$slots, "svg", { svg: T.value }, void 0, !0)
-      ], 14, bo)),
-      t.$slots.watermark ? (r(), g("div", $o, [
+      ], 14, po)),
+      t.$slots.watermark ? (n(), g("div", xo, [
         c(t.$slots, "watermark", p(y({ isPrinting: s(we) || s(Ae) })), void 0, !0)
       ])) : h("", !0),
       $("div", {
         id: `legend-bottom-${C.value}`
-      }, null, 8, To),
-      be.value ? (r(), F(Nt, {
+      }, null, 8, So),
+      be.value ? (n(), F(Mt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${C.value}` : `#legend-bottom-${C.value}`
       }, [
@@ -740,25 +744,25 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           ref_key: "chartLegend",
           ref: ve
         }, [
-          e.value.style.chart.legend.show ? (r(), F(co, {
+          e.value.style.chart.legend.show ? (n(), F(go, {
             key: `legend_${ce.value}`,
             legendSet: te.value,
-            config: xt.value,
+            config: Ft.value,
             onClickMarker: l[0] || (l[0] = ({ legend: o }) => E(o))
           }, {
             item: i(({ legend: o, index: a }) => [
-              s(q) ? h("", !0) : (r(), g("div", {
+              s(q) ? h("", !0) : (n(), g("div", {
                 key: 0,
                 onClick: (u) => E(o),
                 style: W(`opacity:${f.value.includes(o.id) ? 0.5 : 1}`)
-              }, ne(o.display), 13, xo))
+              }, re(o.display), 13, Fo))
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : h("", !0),
           c(t.$slots, "legend", { legend: te.value }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : h("", !0),
-      t.$slots.source ? (r(), g("div", {
+      t.$slots.source ? (n(), g("div", {
         key: 6,
         ref_key: "source",
         ref: ge,
@@ -766,7 +770,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       }, [
         c(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      ae(s(lt), {
+      ae(s(rt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: b.value.showTooltip && j.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -795,13 +799,13 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      fe.value && e.value.userOptions.buttons.table ? (r(), F(Vt(L.value.component), Mt({ key: 7 }, L.value.props, {
+      fe.value && e.value.userOptions.buttons.table ? (n(), F(zt(L.value.component), Gt({ key: 7 }, L.value.props, {
         ref_key: "tableUnit",
         ref: B,
         onClose: Ee
       }), Ne({
         content: i(() => [
-          (r(), F(s(rt), {
+          (n(), F(s(ut), {
             key: `table_${ie.value}`,
             colNames: G.value.colNames,
             head: G.value.head,
@@ -815,10 +819,10 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               $("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, So)
+              }, null, 8, Do)
             ]),
             td: i(({ td: o }) => [
-              ze(ne(o.name || o), 1)
+              ze(re(o.name || o), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -828,7 +832,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         e.value.table.useDialog ? {
           name: "title",
           fn: i(() => [
-            ze(ne(L.value.title), 1)
+            ze(re(L.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -840,7 +844,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (o) => oe(e.value.userOptions.callbacks.csv))
             }, [
-              ae(s(at), {
+              ae(s(nt), {
                 name: "excel",
                 stroke: L.value.props.color
               }, null, 8, ["stroke"])
@@ -849,15 +853,15 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      s(q) ? (r(), F(oo, { key: 8 })) : h("", !0)
-    ], 46, go));
+      s(q) ? (n(), F(ao, { key: 8 })) : h("", !0)
+    ], 46, bo));
   }
-}, Do = /* @__PURE__ */ vo(Fo, [["__scopeId", "data-v-8c971252"]]), jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Po = /* @__PURE__ */ ho(Oo, [["__scopeId", "data-v-8c971252"]]), Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Do
+  default: Po
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ho as a,
-  jo as b,
-  Do as v
+  Xo as a,
+  Yo as b,
+  Po as v
 };