vue-data-ui 3.7.16 → 3.8.0

package/dist/{vue-ui-funnel-B9iC-gYh.js → vue-ui-funnel-D6krkF1a.js}

@@ -1,14 +1,14 @@
 import { useCssVars as rt, computed as v, defineAsyncComponent as F, ref as f, shallowRef as $e, onMounted as nt, onBeforeUnmount as ut, watch as Le, createElementBlock as d, openBlock as r, unref as s, normalizeStyle as x, normalizeClass as z, createBlock as N, createCommentVNode as m, withCtx as n, renderSlot as i, normalizeProps as k, guardReactiveProps as A, createSlots as Fe, createVNode as De, createElementVNode as w, mergeProps as H, Fragment as X, renderList as W, toDisplayString as V, resolveDynamicComponent as it, createTextVNode as _e, nextTick as ct } from "vue";
-import { c as vt, o as dt, g as xe, k as ft, l as ht, n as bt, a as Y, d as q, X as gt, w as mt, Y as ae, u as pt, q as yt } from "./lib-DUaaQGCv.js";
+import { c as vt, o as dt, g as xe, k as ft, l as ht, n as bt, a as q, d as Y, X as gt, w as mt, a1 as ae, u as pt, q as yt } from "./lib-qMPkcvmh.js";
 import { t as Ct, u as kt } from "./useResponsive-DfdjqQps.js";
-import { u as At, a as le } from "./useNestedProp-CoXaJ2T6.js";
-import { u as wt } from "./usePrinter-BdVu83IN.js";
+import { u as At, a as le } from "./useNestedProp-DOOBu_sL.js";
+import { u as wt } from "./usePrinter-CjGh4mFJ.js";
 import { u as $t } from "./useSvgExport-DrjCWun4.js";
 import { u as Lt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
-import _t from "./img-BYzbY8TZ.js";
-import xt from "./Title-CM2dM0rQ.js";
+import _t from "./img-CwrkWkkl.js";
+import xt from "./Title-CgkWUXeV.js";
 import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", area: { color: "#3A3A3A" }, bars: { stroke: "#1A1A1A", dataLabels: { name: { color: "#CCCCCC" }, value: { color: "#CCCCCC" } } }, circles: { stroke: "#1A1A1A" }, circleLinks: { color: "#3A3A3A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Te = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", area: { color: "#D32F2F20" }, bars: { defaultColor: "#E64A19", stroke: "#FFF8E1", dataLabels: { name: { color: "#424242" }, value: { color: "#424242" } } }, circles: { stroke: "#FFF8E1" }, circleLinks: { color: "#D32F2F40" }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, Oe = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", area: { color: "#D32F2F20" }, bars: { defaultColor: "#E64A19", stroke: "#1E1E1E", dataLabels: { name: { color: "#BDBDBD" }, value: { color: "#BDBDBD" } } }, circles: { stroke: "#1E1E1E" }, circleLinks: { color: "#D32F2F60" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, Be = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", area: { color: "#66CC6620" }, bars: { defaultColor: "#66CC66", stroke: "#1A1A1A", dataLabels: { name: { color: "#99AA99" }, value: { color: "#99AA99" } } }, circles: { stroke: "#1A1A1A" }, circleLinks: { color: "#66CC6620" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, Ee = { table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", area: { color: "#8F837A20" }, bars: { defaultColor: "#8F837A", stroke: "#fbfafa", dataLabels: { name: { color: "#8A9892" }, value: { color: "#8A9892" } } }, circles: { stroke: "#fbfafa" }, circleLinks: { color: "#8F837A20" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, ze = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", area: { color: "#8A989230" }, bars: { defaultColor: "#61747E", stroke: "#50606C", dataLabels: { name: { color: "#50606C" }, value: { color: "#50606C" } } }, circles: { stroke: "#50606C" }, circleLinks: { color: "#8A989230" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, Ne = {
   default: {},
@@ -50,7 +50,7 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     rt((t) => ({
       v1175b36b: Ze.value
     }));
-    const Re = F(() => import("./BaseIcon--wNsuYtd.js")), Me = F(() => import("./vue-ui-skeleton-BhWvFc3O.js")), Ue = F(() => import("./vue-ui-accordion-WOXCCkiC.js")), Ve = F(() => import("./DataTable-DRZJOlJB.js")), je = F(() => import("./UserOptions-5GYBcJJU.js")), Ge = F(() => import("./PenAndPaper-CMmG5Mka.js")), He = F(() => import("./PackageVersion-BW9_gimf.js")), Xe = F(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_funnel: We } = At(), { isThemeValid: Ye, warnInvalidTheme: qe } = Lt(), p = Pe, $ = f(null), P = f(vt()), oe = f(0), se = f(0), re = f(0), ne = f(null), ue = f(null), ie = f(null), L = $e(null), S = $e(null), D = f(!1), I = f(null), J = f(null), T = v(() => !!p.dataset && p.dataset.length);
+    const Re = F(() => import("./BaseIcon-CALhpING.js")), Me = F(() => import("./vue-ui-skeleton-BUIXG_mY.js")), Ue = F(() => import("./vue-ui-accordion-BWfQ8Imt.js")), Ve = F(() => import("./DataTable-Ca1twcf7.js")), je = F(() => import("./UserOptions-ChRXLqps.js")), Ge = F(() => import("./PenAndPaper-DscVdZ1u.js")), He = F(() => import("./PackageVersion-B9RA2_BM.js")), Xe = F(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_funnel: We } = At(), { isThemeValid: qe, warnInvalidTheme: Ye } = Lt(), p = Pe, $ = f(null), P = f(vt()), oe = f(0), se = f(0), re = f(0), ne = f(null), ue = f(null), ie = f(null), L = $e(null), S = $e(null), D = f(!1), I = f(null), J = f(null), T = v(() => !!p.dataset && p.dataset.length);
     nt(ce);
     function ce() {
       if (dt(p.dataset) ? xe({
@@ -110,8 +110,8 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         defaultConfig: We
       }), l = t.theme;
       if (!l) return t;
-      if (!Ye.value(t))
-        return qe(t), t;
+      if (!qe.value(t))
+        return Ye(t), t;
       const a = le({
         userConfig: Ne[l] || p.config,
         defaultConfig: t
@@ -208,20 +208,20 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
       ], l = R.value.head.map((g, c) => {
-        const U = Y(
+        const U = q(
           e.value.style.chart.bars.dataLabels.value.formatter,
           R.value.body[c],
-          q({
+          Y({
             p: e.value.style.chart.bars.dataLabels.value.prefix,
             v: R.value.body[c],
             s: e.value.style.chart.bars.dataLabels.value.suffix,
             r: e.value.table.td.roundingValue
           }),
           { datapoint: u.value[c] }
-        ), te = Y(
+        ), te = q(
           e.value.style.chart.circles.dataLabels.formatter,
           u.value[c].proportion * 100,
-          q({
+          Y({
             v: u.value[c].proportion * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
@@ -576,10 +576,10 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           style: x({
             animationDelay: `${150 * o}ms`
           })
-        }, V(s(Y)(
+        }, V(s(q)(
           e.value.style.chart.circles.dataLabels.formatter,
           a.proportion * 100,
-          s(q)({
+          s(Y)({
             v: a.proportion * 100,
             s: "%",
             r: e.value.style.chart.circles.dataLabels.rounding
@@ -636,10 +636,10 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             style: x({
               animationDelay: `${150 * o}ms`
             })
-          }, V(s(Y)(
+          }, V(s(q)(
             e.value.style.chart.bars.dataLabels.value.formatter,
             a.value,
-            s(q)({
+            s(Y)({
               p: e.value.style.chart.bars.dataLabels.value.prefix,
               v: a.value,
               s: e.value.style.chart.bars.dataLabels.value.suffix,
@@ -732,12 +732,12 @@ const Se = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       ]), 1040)) : m("", !0)
     ], 46, Tt));
   }
-}, Yt = /* @__PURE__ */ St(Wt, [["__scopeId", "data-v-fb155766"]]), ua = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qt = /* @__PURE__ */ St(Wt, [["__scopeId", "data-v-fb155766"]]), ua = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Yt
+  default: qt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   na as a,
   ua as b,
-  Yt as v
+  qt as v
 };

package/dist/{vue-ui-galaxy-SMeufYzr.js → vue-ui-galaxy-BCkJt9OE.js}

@@ -1,32 +1,32 @@
-import { defineAsyncComponent as S, ref as n, computed as d, toRefs as Bt, onMounted as Et, watch as Ee, createElementBlock as v, openBlock as r, unref as s, normalizeStyle as G, normalizeClass as W, createBlock as F, createCommentVNode as h, createElementVNode as $, createVNode as le, withCtx as i, renderSlot as c, normalizeProps as p, guardReactiveProps as y, createSlots as Ie, Fragment as Le, renderList as Ne, Teleport as It, toDisplayString as ae, resolveDynamicComponent as Lt, mergeProps as Nt, createTextVNode as Ve, nextTick as Me } from "vue";
-import { c as Re, t as Vt, o as Mt, g as ze, k as Rt, i as zt, p as U, j as Gt, a5 as Ge, l as Wt, a9 as Ut, a as We, d as D, X as Ht, x as Ue, u as jt, q as Xt, R as Yt } from "./lib-DUaaQGCv.js";
-import { t as qt, u as Jt } from "./useResponsive-DfdjqQps.js";
-import { u as Kt, a as ne } from "./useNestedProp-CoXaJ2T6.js";
-import { u as Qt, B as Zt } from "./BaseScanner-BgWxam9d.js";
-import { u as eo } from "./usePrinter-BdVu83IN.js";
+import { defineAsyncComponent as S, ref as n, computed as d, toRefs as Bt, onMounted as Et, watch as Ee, createElementBlock as v, openBlock as r, unref as s, normalizeStyle as R, normalizeClass as W, createBlock as F, createCommentVNode as h, createElementVNode as $, createVNode as le, withCtx as i, renderSlot as c, normalizeProps as p, guardReactiveProps as y, createSlots as Ie, Fragment as Le, renderList as Ne, Teleport as It, toDisplayString as ae, resolveDynamicComponent as Lt, mergeProps as Nt, createTextVNode as Ve, nextTick as Me } from "vue";
+import { c as ze, t as Vt, o as Mt, g as Ge, k as zt, i as Gt, p as U, j as Rt, aa as Re, l as Wt, ae as Ut, a as We, d as D, X as Ht, x as Ue, u as jt, q as Xt, Z as Yt } from "./lib-qMPkcvmh.js";
+import { t as qt, u as Zt } from "./useResponsive-DfdjqQps.js";
+import { u as Jt, a as ne } from "./useNestedProp-DOOBu_sL.js";
+import { u as Kt, B as Qt } from "./BaseScanner-BgWxam9d.js";
+import { u as eo } from "./usePrinter-CjGh4mFJ.js";
 import { u as to } from "./useSvgExport-DrjCWun4.js";
 import { u as oo } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as lo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ao } from "./useChartAccessibility-9icAAmYg.js";
-import no from "./img-BYzbY8TZ.js";
-import ro from "./Title-CM2dM0rQ.js";
-import so from "./Legend-DSyOOSJ1.js";
+import no from "./img-CwrkWkkl.js";
+import ro from "./Title-CgkWUXeV.js";
+import so from "./Legend-Djkw4FGq.js";
 import { _ as uo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const He = { 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" } } }, Xe = { 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" } } }, Ye = { 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" } } }, qe = { 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" } } }, Je = { 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" } } }, Ke = {
+const He = { 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" } } }, Xe = { 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" } } }, Ye = { 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" } } }, qe = { 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" } } }, Ze = { 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" } } }, Je = {
   default: {},
   dark: He,
   celebration: je,
   celebrationNight: Xe,
   hack: Ye,
   zen: qe,
-  concrete: Je
-}, zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  concrete: Ze
+}, Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: je,
   celebrationNight: Xe,
-  concrete: Je,
+  concrete: Ze,
   dark: He,
-  default: Ke,
+  default: Je,
   hack: Ye,
   zen: qe
 }, Symbol.toStringTag, { value: "Module" })), io = ["id"], co = ["id"], vo = ["xmlns", "viewBox"], ho = ["width", "height"], go = ["id"], fo = ["stdDeviation"], bo = ["d", "stroke", "stroke-width"], po = ["d", "stroke", "stroke-width"], yo = ["filter"], mo = ["d", "stroke", "stroke-width"], Co = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], ko = {
@@ -49,11 +49,11 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Qe, { expose: Ze, emit: et }) {
-    const tt = S(() => import("./Tooltip-De7i-i20.js")), ot = S(() => import("./BaseIcon--wNsuYtd.js")), lt = S(() => import("./vue-ui-accordion-WOXCCkiC.js")), at = S(() => import("./DataTable-DRZJOlJB.js")), nt = S(() => import("./PenAndPaper-CMmG5Mka.js")), rt = S(() => import("./UserOptions-5GYBcJJU.js")), st = S(() => import("./PackageVersion-BW9_gimf.js")), ut = S(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_galaxy: it } = Kt(), { isThemeValid: ct, warnInvalidTheme: dt } = oo(), m = Qe, C = n(Re()), k = n(null), H = n(!1), j = n(""), O = n(null), re = n(0), se = n(0), ue = n(0), ie = n(0), ce = n(null), de = n(null), ve = n(null), he = n(null), _ = n(null), N = n(null), ge = n(!1), B = n(null), X = n(null), fe = d(() => !!m.dataset && m.dataset.length), e = n(K()), { loading: Y, FINAL_DATASET: be } = Qt({
+  setup(Ke, { expose: Qe, emit: et }) {
+    const tt = S(() => import("./Tooltip-OHx7yHlS.js")), ot = S(() => import("./BaseIcon-CALhpING.js")), lt = S(() => import("./vue-ui-accordion-BWfQ8Imt.js")), at = S(() => import("./DataTable-Ca1twcf7.js")), nt = S(() => import("./PenAndPaper-DscVdZ1u.js")), rt = S(() => import("./UserOptions-ChRXLqps.js")), st = S(() => import("./PackageVersion-B9RA2_BM.js")), ut = S(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_galaxy: it } = Jt(), { isThemeValid: ct, warnInvalidTheme: dt } = oo(), m = Ke, C = n(ze()), k = n(null), H = n(!1), j = n(""), O = n(null), re = n(0), se = n(0), ue = n(0), ie = n(0), ce = n(null), de = n(null), ve = n(null), he = n(null), _ = n(null), N = n(null), ge = n(!1), B = n(null), X = n(null), fe = d(() => !!m.dataset && m.dataset.length), e = n(J()), { loading: Y, FINAL_DATASET: be } = Kt({
       ...Bt(m),
       FINAL_CONFIG: e,
-      prepareConfig: K,
+      prepareConfig: J,
       callback: () => {
         Promise.resolve().then(async () => {
           await Me(), f.value.showTable = e.value.table.show;
@@ -86,16 +86,16 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     });
     const pe = d(() => !!e.value.debug);
     function ye() {
-      if (Mt(m.dataset) ? ze({
+      if (Mt(m.dataset) ? Ge({
         componentName: "VueUiGalaxy",
         type: "dataset",
         debug: pe.value
       }) : m.dataset.forEach((t, l) => {
-        Rt({
+        zt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((o) => {
-          ze({
+          Ge({
             componentName: "VueUiGalaxy",
             type: "datasetSerieAttribute",
             property: o,
@@ -105,7 +105,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         });
       }), e.value.responsive) {
         const t = qt(() => {
-          const { width: l, height: o } = Jt({
+          const { width: l, height: o } = Zt({
             chart: k.value,
             title: e.value.style.chart.title.text ? ce.value : null,
             legend: e.value.style.chart.legend.show ? de.value : null,
@@ -119,8 +119,8 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         _.value && (N.value && _.value.unobserve(N.value), _.value.disconnect()), _.value = new ResizeObserver(t), N.value = k.value.parentNode, _.value.observe(N.value);
       }
     }
-    const { userOptionsVisible: q, setUserOptionsVisibility: me, keepUserOptionState: Ce } = lo({ config: e.value }), { svgRef: J } = ao({ config: e.value.style.chart.title });
-    function K() {
+    const { userOptionsVisible: q, setUserOptionsVisibility: me, keepUserOptionState: Ce } = lo({ config: e.value }), { svgRef: Z } = ao({ config: e.value.style.chart.title });
+    function J() {
       const t = ne({
         userConfig: m.config,
         defaultConfig: it
@@ -129,7 +129,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       if (!ct.value(t))
         return dt(t), t;
       const o = ne({
-        userConfig: Ke[l] || m.config,
+        userConfig: Je[l] || m.config,
         defaultConfig: t
       }), a = ne({
         userConfig: m.config,
@@ -137,17 +137,17 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       });
       return {
         ...a,
-        customPalette: a.customPalette.length ? a.customPalette : zt[l] || U
+        customPalette: a.customPalette.length ? a.customPalette : Gt[l] || U
       };
     }
     Ee(() => m.config, (t) => {
-      e.value = K(), q.value = !e.value.userOptions.showOnChartHover, ye(), se.value += 1, ue.value += 1, ie.value += 1, f.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = J(), q.value = !e.value.userOptions.showOnChartHover, ye(), se.value += 1, ue.value += 1, ie.value += 1, f.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: ke, isImaging: we, generatePdf: Ae, generateImage: $e } = eo({
       elementId: `galaxy_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), vt = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), ht = d(() => Gt(e.value.customPalette)), f = n({
+    }), vt = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), ht = d(() => Rt(e.value.customPalette)), f = n({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -182,9 +182,9 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     const w = d(() => be.value.map((t, l) => ({
       name: t.name,
       color: Wt(t.color) || ht.value[l] || U[l] || U[l % U.length],
-      value: t.values ? Ge(t.values).reduce((o, a) => o + a, 0) : 0,
-      absoluteValues: Ge(t.values),
-      id: Re()
+      value: t.values ? Re(t.values).reduce((o, a) => o + a, 0) : 0,
+      absoluteValues: Re(t.values),
+      id: ze()
     })).sort((t, l) => l.value - t.value).map((t, l) => ({
       ...t,
       absoluteIndex: l
@@ -222,7 +222,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       }
       return t.filter((l) => !b.value.includes(l.id)).toSorted((l, o) => o.points - l.points);
     });
-    function Q(t) {
+    function K(t) {
       const l = Math.min(V.value, M.value), o = O.value === t.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, a = (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * o, u = e.value.style.chart.layout.arcs.strokeWidth * o, g = e.value.style.chart.layout.arcs.strokeWidth / 2 * o;
       return {
         border: a / 180 * l,
@@ -234,7 +234,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     function De(t) {
       P.value = t, re.value += 1;
     }
-    const Z = n(null);
+    const Q = n(null);
     function kt(t) {
       H.value = !1, O.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
@@ -242,7 +242,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       Te("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
     function At({ datapoint: t, _relativeIndex: l, seriesIndex: o, show: a = !1 }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex }), Z.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex }), Q.value = {
         datapoint: t,
         seriesIndex: o,
         series: w.value,
@@ -315,7 +315,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         t ? t(a) : Xt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
-    const R = d(() => {
+    const z = d(() => {
       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>',
         D({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: A.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
@@ -364,9 +364,9 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     function Pe() {
       f.value.showTooltip = !f.value.showTooltip;
     }
-    const z = n(!1);
+    const G = n(!1);
     function oe() {
-      z.value = !z.value;
+      G.value = !G.value;
     }
     async function Tt({ scale: t = 2 } = {}) {
       if (!k.value) return;
@@ -420,7 +420,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       ...t,
       name: t.display
     }))), St = d(() => e.value.style.chart.backgroundColor), Ft = d(() => e.value.style.chart.legend), Dt = d(() => e.value.style.chart.title), { exportSvg: Ot, getSvg: Pt } = to({
-      svg: J,
+      svg: Z,
       title: Dt,
       legend: Ft,
       legendItems: xt,
@@ -433,7 +433,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       } else
         Ot();
     }
-    return Ze({
+    return Qe({
       getData: yt,
       getImage: Tt,
       generatePdf: Ae,
@@ -450,17 +450,17 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       ref_key: "galaxyChart",
       ref: k,
       class: W(`vue-data-ui-component vue-ui-galaxy ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${s(Y) ? "loading" : ""}`),
-      style: G(`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}`),
+      style: R(`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_${C.value}`,
       onMouseenter: l[2] || (l[2] = () => s(me)(!0)),
       onMouseleave: l[3] || (l[3] = () => s(me)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (r(), F(s(nt), {
         key: 0,
-        svgRef: s(J),
+        svgRef: s(Z),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: z.value,
+        active: G.value,
         onClose: oe
       }, {
         "annotator-action-close": i(() => [
@@ -535,7 +535,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         chartElement: k.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: z.value,
+        isAnnotation: G.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -547,7 +547,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         onToggleTable: Oe,
         onToggleTooltip: Pe,
         onToggleAnnotator: oe,
-        style: G({
+        style: R({
           visibility: s(Ce) ? s(q) ? "visible" : "hidden" : "visible"
         })
       }, Ie({ _: 2 }, [
@@ -617,11 +617,11 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       ]), 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(), v("svg", {
         ref_key: "svgRef",
-        ref: J,
+        ref: Z,
         xmlns: s(Ht),
         class: W({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
         viewBox: T.value.viewBox,
-        style: G(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
+        style: R(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         le(s(st)),
         t.$slots["chart-background"] ? (r(), v("foreignObject", {
@@ -656,7 +656,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             d: o.path,
             fill: "none",
             stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": Q(o).border,
+            "stroke-width": K(o).border,
             "stroke-linecap": "round"
           }, null, 8, bo)) : h("", !0),
           o.value ? (r(), v("path", {
@@ -664,7 +664,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
             d: o.path,
             fill: "none",
             stroke: o.color,
-            "stroke-width": Q(o).path,
+            "stroke-width": K(o).path,
             "stroke-linecap": "round",
             class: W(`${O.value && O.value !== o.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
           }, null, 10, po)) : h("", !0),
@@ -676,7 +676,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               d: o.path,
               fill: "none",
               stroke: e.value.style.chart.layout.arcs.gradient.color,
-              "stroke-width": Q(o).blur,
+              "stroke-width": K(o).blur,
               "stroke-linecap": "round",
               class: W(`vue-ui-galaxy-gradient ${O.value && O.value !== o.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
             }, null, 10, mo)
@@ -725,7 +725,7 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
               s(Y) ? h("", !0) : (r(), v("div", {
                 key: 0,
                 onClick: (u) => E(o),
-                style: G(`opacity:${b.value.includes(o.id) ? 0.5 : 1}`)
+                style: R(`opacity:${b.value.includes(o.id) ? 0.5 : 1}`)
               }, ae(o.display), 13, Ao))
             ]),
             _: 1
@@ -762,10 +762,10 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": i(() => [
-          c(t.$slots, "tooltip-before", p(y({ ...Z.value })), void 0, !0)
+          c(t.$slots, "tooltip-before", p(y({ ...Q.value })), void 0, !0)
         ]),
         "tooltip-after": i(() => [
-          c(t.$slots, "tooltip-after", p(y({ ...Z.value })), void 0, !0)
+          c(t.$slots, "tooltip-after", p(y({ ...Q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -777,10 +777,10 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
         content: i(() => [
           (r(), F(s(at), {
             key: `table_${ue.value}`,
-            colNames: R.value.colNames,
-            head: R.value.head,
-            body: R.value.body,
-            config: R.value.config,
+            colNames: z.value.colNames,
+            head: z.value.head,
+            body: z.value.body,
+            config: z.value.config,
             title: e.value.table.useDialog ? "" : L.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: _e
@@ -823,15 +823,15 @@ const He = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      s(Y) ? (r(), F(Zt, { key: 8 })) : h("", !0)
+      s(Y) ? (r(), F(Qt, { key: 8 })) : h("", !0)
     ], 46, io));
   }
-}, xo = /* @__PURE__ */ uo(To, [["__scopeId", "data-v-0d1007ad"]]), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, xo = /* @__PURE__ */ uo(To, [["__scopeId", "data-v-0d1007ad"]]), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: xo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  zo as a,
-  Go as b,
+  Go as a,
+  Ro as b,
   xo as v
 };