vue-data-ui 3.1.18 → 3.1.19-next.0

package/dist/{vue-ui-funnel-TVQXGyw7.js → vue-ui-funnel-D3GZcM5e.js}

@@ -1,12 +1,13 @@
 import { useCssVars as Xe, computed as h, defineAsyncComponent as x, ref as c, shallowRef as we, onMounted as We, onBeforeUnmount as Ye, watch as $e, createElementBlock as i, openBlock as n, unref as s, normalizeStyle as T, normalizeClass as N, createBlock as I, createCommentVNode as b, createSlots as xe, withCtx as m, renderSlot as g, normalizeProps as G, guardReactiveProps as j, createVNode as Le, createElementVNode as C, mergeProps as H, Fragment as X, renderList as W, toDisplayString as U, resolveDynamicComponent as qe, createTextVNode as _e, nextTick as Je } from "vue";
-import { u as Ke, c as Qe, o as Ze, f as Te, g as et, e as tt, l as at, k as Y, i as q, X as lt, F as st, E as te, b as ot, v as nt, w as ut } from "./index-smzxfsyV.js";
-import { t as rt, u as it } from "./useResponsive-DfdjqQps.js";
-import { u as ct } from "./usePrinter-nFj0xF0a.js";
-import { u as Ae } from "./useNestedProp-DeKmJzsE.js";
-import { u as vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as dt } from "./useChartAccessibility-9icAAmYg.js";
-import ht from "./img-BArHHegM.js";
-import ft from "./Title-B_WMW2Bp.js";
+import { c as Ke, o as Qe, f as Te, g as Ze, h as et, m as tt, a as Y, d as q, X as at, G as lt, F as te, x as st, y as ot } from "./lib-p5pfHmOX.js";
+import { t as nt, u as ut } from "./useResponsive-DfdjqQps.js";
+import { u as rt, a as Ae } from "./useNestedProp-DF7e2h1z.js";
+import { u as it } from "./usePrinter-Yeu5jOfm.js";
+import { u as ct } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as vt } from "./useChartAccessibility-9icAAmYg.js";
+import dt from "./img-CH7J0fYg.js";
+import ht from "./Title-pI68ZJsq.js";
+import { t as ft } from "./themes-D3cUNuKw.js";
 import { _ as bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["id"], kt = ["stop-color"], Ct = ["stop-color"], wt = ["stop-color"], $t = ["stroke", "stroke-width"], xt = ["stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], _t = ["points", "fill"], Tt = ["stroke", "stroke-width", "rx"], At = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], St = {
   key: 5,
@@ -31,14 +32,14 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
     Xe((t) => ({
       "9ac925c6": Ge.value
     }));
-    const De = x(() => import("./BaseIcon-BPiT94Lb.js")), ze = x(() => import("./vue-ui-skeleton-CpkwgALO.js")), Ne = x(() => import("./vue-ui-accordion-7cfJUVx5.js")), Ie = x(() => import("./DataTable-CywujQw9.js")), Pe = x(() => import("./UserOptions-CtECQwBN.js")), Fe = x(() => import("./PenAndPaper-Deh70G9d.js")), Re = x(() => import("./PackageVersion-BzGzkGiC.js")), Be = x(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_funnel: Me } = Ke(), p = Oe, w = c(null), P = c(Qe()), ae = c(0), le = c(0), se = c(0), oe = c(null), ne = c(null), ue = c(null), $ = we(null), A = we(null), L = c(!1), F = c(null), J = c(null), O = h(() => !!p.dataset && p.dataset.length);
+    const De = x(() => import("./BaseIcon-D2f9w5Z5.js")), ze = x(() => import("./vue-ui-skeleton-FtA6-6zz.js")), Ne = x(() => import("./vue-ui-accordion-D-L73-T2.js")), Ie = x(() => import("./DataTable-xISHA7Pu.js")), Pe = x(() => import("./UserOptions-Bn3u4JQu.js")), Fe = x(() => import("./PenAndPaper-CtDMyIvW.js")), Re = x(() => import("./PackageVersion-DRpg18lg.js")), Be = x(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_funnel: Me } = rt(), p = Oe, w = c(null), P = c(Ke()), ae = c(0), le = c(0), se = c(0), oe = c(null), ne = c(null), ue = c(null), $ = we(null), A = we(null), L = c(!1), F = c(null), J = c(null), O = h(() => !!p.dataset && p.dataset.length);
     We(re);
     function re() {
-      if (Ze(p.dataset) ? Te({
+      if (Qe(p.dataset) ? Te({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : p.dataset.forEach((t, l) => {
-        et({
+        Ze({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
@@ -50,8 +51,8 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
           });
         });
       }), e.value.responsive) {
-        const t = rt(() => {
-          const { width: l, height: a } = it({
+        const t = nt(() => {
+          const { width: l, height: a } = ut({
             chart: w.value,
             title: e.value.style.chart.title.text ? ue.value : null,
             source: ne.value,
@@ -92,7 +93,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       });
       return t.theme ? {
         ...Ae({
-          userConfig: ot.vue_ui_funnel[t.theme] || p.config,
+          userConfig: ft.vue_ui_funnel[t.theme] || p.config,
           defaultConfig: t
         })
       } : t;
@@ -100,11 +101,11 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
     const e = h({
       get: () => ie(),
       set: (t) => t
-    }), { userOptionsVisible: K, setUserOptionsVisibility: ce, keepUserOptionState: ve } = vt({ config: e.value }), { svgRef: de } = dt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: K, setUserOptionsVisibility: ce, keepUserOptionState: ve } = ct({ config: e.value }), { svgRef: de } = vt({ config: e.value.style.chart.title });
     $e(() => p.config, (t) => {
       e.value = ie(), K.value = !e.value.userOptions.showOnChartHover, re(), le.value += 1, se.value += 1, v.value.circles = e.value.style.chart.circles.dataLabels.fontSize, v.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, v.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, S.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: me } = ct({
+    const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: me } = it({
       elementId: `funnel_${P.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-funnel",
       options: e.value.userOptions.print
@@ -122,7 +123,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       set: (t) => t
     }), y = h(() => O.value ? p.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? tt(t.color) : at(e.value.style.chart.bars.defaultColor, l / p.dataset.length)
+      color: t.color ? et(t.color) : tt(e.value.style.chart.bars.defaultColor, l / p.dataset.length)
     })) : []);
     setTimeout(() => {
       L.value = !0;
@@ -153,10 +154,10 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         x: k.value.left + a + pe.value,
         y: o
       };
-    })), Ee = h(() => {
+    })), Ve = h(() => {
       const t = u.value.map((l) => `${l.x + l.width},${l.y + (D.value - _.value) / 2}`);
       return `${u.value[0].x},${u.value[0].y + (D.value - _.value) / 2} ${t.toString()} ${u.value.at(-1).x},${u.value.at(-1).y + (D.value - _.value) / 2}`;
-    }), Ve = h(() => ({
+    }), Ee = h(() => ({
       x1: u.value[0].cx,
       y1: u.value[0].cy,
       x2: u.value.at(-1).cx,
@@ -165,9 +166,9 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
     function ye(t) {
       z.value = t, ae.value += 1;
     }
-    const Ge = h(() => `${y.value.length * 150}ms`), E = c(!1);
+    const Ge = h(() => `${y.value.length * 150}ms`), V = c(!1);
     function Q() {
-      E.value = !E.value;
+      V.value = !V.value;
     }
     function ke() {
       S.value.showTable = !S.value.showTable;
@@ -178,7 +179,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         color: a.color
       })), l = y.value.map((a) => a.value);
       return { head: t, body: l };
-    }), V = h(() => {
+    }), E = h(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
@@ -237,8 +238,8 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       Je(() => {
         const l = R.value.head.map((f, r) => [[
           f.name
-        ], [R.value.body[r]], [u.value[r].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), o = nt(a);
-        t ? t(o) : ut({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-funnel" });
+        ], [R.value.body[r]], [u.value[r].proportion * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value], ["%"]]].concat(l), o = st(a);
+        t ? t(o) : ot({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-funnel" });
       });
     }
     function je() {
@@ -246,7 +247,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
     }
     async function He({ scale: t = 2 } = {}) {
       if (!w.value) return;
-      const { width: l, height: a } = w.value.getBoundingClientRect(), o = l / a, { imageUri: f, base64: r } = await ht({ domElement: w.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = w.value.getBoundingClientRect(), o = l / a, { imageUri: f, base64: r } = await dt({ domElement: w.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: f,
         base64: r,
@@ -315,7 +316,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         svgRef: s(de),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: E.value,
+        active: V.value,
         onClose: Q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
       Ue.value ? (n(), i("div", {
@@ -331,7 +332,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         ref: ue,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), I(ft, {
+        (n(), I(ht, {
           key: `title_${le.value}`,
           config: {
             title: {
@@ -366,7 +367,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: E.value,
+        isAnnotation: V.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -434,7 +435,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         key: 4,
         ref_key: "svgRef",
         ref: de,
-        xmlns: s(lt),
+        xmlns: s(at),
         class: N({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value }),
         viewBox: `0 0 ${d.value.width <= 0 ? 10 : d.value.width} ${d.value.height <= 0 ? 10 : d.value.height}`,
         style: T(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
@@ -475,7 +476,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
             }, null, 8, wt)
           ], 8, yt)
         ]),
-        e.value.style.chart.circleLinks.show ? (n(), i("line", H({ key: 1 }, Ve.value, {
+        e.value.style.chart.circleLinks.show ? (n(), i("line", H({ key: 1 }, Ee.value, {
           stroke: e.value.style.chart.circleLinks.color,
           "stroke-width": 12 * e.value.style.chart.circleLinks.widthRatio,
           "stroke-linecap": "round",
@@ -502,7 +503,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
           y: a.cy + v.value.circles / 3 + e.value.style.chart.circles.dataLabels.offsetY,
           "text-anchor": "middle",
           "font-size": v.value.circles,
-          fill: e.value.style.chart.circles.dataLabels.adaptColorToBackground ? s(st)(a.color) : e.value.style.chart.circles.dataLabels.color,
+          fill: e.value.style.chart.circles.dataLabels.adaptColorToBackground ? s(lt)(a.color) : e.value.style.chart.circles.dataLabels.color,
           "font-weight": e.value.style.chart.circles.dataLabels.bold ? "bold" : "normal",
           class: N({
             animated: e.value.useCssAnimation && !L.value
@@ -522,7 +523,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         )), 15, Lt))), 256)),
         e.value.style.chart.area.show ? (n(), i("polygon", {
           key: 2,
-          points: Ee.value,
+          points: Ve.value,
           fill: `url(#funnel_area_${P.value})`,
           class: N({
             animated: e.value.useCssAnimation && !L.value
@@ -618,10 +619,10 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         content: m(() => [
           (n(), I(s(Ie), {
             key: `table_${se.value}`,
-            colNames: V.value.colNames,
-            head: V.value.head,
-            body: V.value.body,
-            config: V.value.config,
+            colNames: E.value.colNames,
+            head: E.value.head,
+            body: E.value.body,
+            config: E.value.config,
             title: e.value.table.useDialog ? "" : B.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Ce
@@ -666,7 +667,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       ]), 1040)) : b("", !0)
     ], 46, mt));
   }
-}, Gt = /* @__PURE__ */ bt(zt, [["__scopeId", "data-v-6fb80307"]]);
+}, jt = /* @__PURE__ */ bt(zt, [["__scopeId", "data-v-6fb80307"]]);
 export {
-  Gt as default
+  jt as default
 };

package/dist/{vue-ui-galaxy-CUURaWgH.js → vue-ui-galaxy-CUHEJHiw.js}

@@ -1,14 +1,15 @@
-import { defineAsyncComponent as x, ref as o, computed as i, toRefs as pt, onMounted as gt, watch as De, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as z, normalizeClass as G, createBlock as T, createCommentVNode as v, createElementVNode as k, createVNode as le, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as I, guardReactiveProps as D, Fragment as Fe, renderList as Ae, Teleport as ft, toDisplayString as L, resolveDynamicComponent as yt, mergeProps as bt, createTextVNode as Ne, nextTick as Be } from "vue";
-import { u as mt, c as Ve, t as kt, o as wt, f as Me, g as Ct, a as $t, p as H, b as xt, d as Tt, G as Ee, e as _t, M as St, i as _, X as Ot, k as Re, y as We, v as Pt, w as It, z as Dt } from "./index-smzxfsyV.js";
-import { t as Lt, u as Ft } from "./useResponsive-DfdjqQps.js";
-import { u as At, B as Nt } from "./BaseScanner-BgWxam9d.js";
-import { u as Bt } from "./usePrinter-nFj0xF0a.js";
-import { u as ze } from "./useNestedProp-DeKmJzsE.js";
-import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
-import Et from "./img-BArHHegM.js";
-import Rt from "./Title-B_WMW2Bp.js";
-import Wt from "./Legend-h35dp0Qf.js";
+import { defineAsyncComponent as x, ref as o, computed as i, toRefs as pt, onMounted as gt, watch as De, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as z, normalizeClass as G, createBlock as T, createCommentVNode as v, createElementVNode as k, createVNode as le, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as I, guardReactiveProps as D, Fragment as Ae, renderList as Fe, Teleport as ft, toDisplayString as L, resolveDynamicComponent as yt, mergeProps as bt, createTextVNode as Ne, nextTick as Be } from "vue";
+import { c as Ve, t as mt, o as kt, f as Me, g as wt, b as Ct, p as H, e as $t, L as Re, h as xt, R as Tt, d as _, X as _t, a as Ee, z as We, x as St, y as Ot, A as Pt } from "./lib-p5pfHmOX.js";
+import { t as It, u as Dt } from "./useResponsive-DfdjqQps.js";
+import { u as Lt, a as ze } from "./useNestedProp-DF7e2h1z.js";
+import { u as At, B as Ft } from "./BaseScanner-BgWxam9d.js";
+import { u as Nt } from "./usePrinter-Yeu5jOfm.js";
+import { u as Bt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
+import Mt from "./img-CH7J0fYg.js";
+import { t as Rt } from "./themes-D3cUNuKw.js";
+import Et from "./Title-pI68ZJsq.js";
+import Wt from "./Legend-_Rv594VS.js";
 import { _ as zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "height"], Yt = ["id"], jt = ["stdDeviation"], qt = ["d", "stroke", "stroke-width"], Jt = ["d", "stroke", "stroke-width"], Kt = ["filter"], Qt = ["d", "stroke", "stroke-width"], Zt = ["d", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], el = {
   key: 4,
@@ -31,7 +32,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Ge, { expose: He, emit: Ue }) {
-    const Xe = x(() => import("./Tooltip-Db9jy0Iu.js")), Ye = x(() => import("./BaseIcon-BPiT94Lb.js")), je = x(() => import("./vue-ui-accordion-7cfJUVx5.js")), qe = x(() => import("./DataTable-CywujQw9.js")), Je = x(() => import("./PenAndPaper-Deh70G9d.js")), Ke = x(() => import("./UserOptions-CtECQwBN.js")), Qe = x(() => import("./PackageVersion-BzGzkGiC.js")), Ze = x(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_galaxy: et } = mt(), w = Ge, y = o(Ve()), b = o(null), U = o(!1), X = o(""), S = o(null), ae = o(0), oe = o(0), se = o(0), ue = o(0), ne = o(null), re = o(null), ie = o(null), ce = o(null), F = o(null), V = o(null), ve = o(!1), A = o(null), Y = o(null), de = i(() => !!w.dataset && w.dataset.length), e = o(J()), { loading: j, FINAL_DATASET: he } = At({
+    const Xe = x(() => import("./Tooltip-Clf2K3CF.js")), Ye = x(() => import("./BaseIcon-D2f9w5Z5.js")), je = x(() => import("./vue-ui-accordion-D-L73-T2.js")), qe = x(() => import("./DataTable-xISHA7Pu.js")), Je = x(() => import("./PenAndPaper-CtDMyIvW.js")), Ke = x(() => import("./UserOptions-Bn3u4JQu.js")), Qe = x(() => import("./PackageVersion-DRpg18lg.js")), Ze = x(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_galaxy: et } = Lt(), w = Ge, y = o(Ve()), b = o(null), U = o(!1), X = o(""), S = o(null), ae = o(0), oe = o(0), se = o(0), ue = o(0), ne = o(null), re = o(null), ie = o(null), ce = o(null), A = o(null), V = o(null), ve = o(!1), F = o(null), Y = o(null), de = i(() => !!w.dataset && w.dataset.length), e = o(J()), { loading: j, FINAL_DATASET: he } = At({
       ...pt(w),
       FINAL_CONFIG: e,
       prepareConfig: J,
@@ -45,7 +46,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
         { name: "_", values: [13], color: "#C4C4C4" },
         { name: "_", values: [8], color: "#ADADAD" }
       ],
-      skeletonConfig: kt({
+      skeletonConfig: mt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -67,12 +68,12 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
     });
     const pe = i(() => !!e.value.debug);
     function ge() {
-      if (wt(w.dataset) ? Me({
+      if (kt(w.dataset) ? Me({
         componentName: "VueUiGalaxy",
         type: "dataset",
         debug: pe.value
       }) : w.dataset.forEach((t, a) => {
-        Ct({
+        wt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -85,8 +86,8 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
           });
         });
       }), e.value.responsive) {
-        const t = Lt(() => {
-          const { width: a, height: l } = Ft({
+        const t = It(() => {
+          const { width: a, height: l } = Dt({
             chart: b.value,
             title: e.value.style.chart.title.text ? ne.value : null,
             legend: e.value.style.chart.legend.show ? re.value : null,
@@ -94,13 +95,13 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
             source: ie.value
           });
           requestAnimationFrame(() => {
-            M.value = Math.max(0.1, a), E.value = Math.max(0.1, l - 12);
+            M.value = Math.max(0.1, a), R.value = Math.max(0.1, l - 12);
           });
         });
-        F.value && (V.value && F.value.unobserve(V.value), F.value.disconnect()), F.value = new ResizeObserver(t), V.value = b.value.parentNode, F.value.observe(V.value);
+        A.value && (V.value && A.value.unobserve(V.value), A.value.disconnect()), A.value = new ResizeObserver(t), V.value = b.value.parentNode, A.value.observe(V.value);
       }
     }
-    const { userOptionsVisible: q, setUserOptionsVisibility: fe, keepUserOptionState: ye } = Vt({ config: e.value }), { svgRef: be } = Mt({ config: e.value.style.chart.title });
+    const { userOptionsVisible: q, setUserOptionsVisibility: fe, keepUserOptionState: ye } = Bt({ config: e.value }), { svgRef: be } = Vt({ config: e.value.style.chart.title });
     function J() {
       const t = ze({
         userConfig: w.config,
@@ -108,29 +109,29 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       });
       return t.theme ? {
         ...ze({
-          userConfig: xt.vue_ui_galaxy[t.theme] || w.config,
+          userConfig: Rt.vue_ui_galaxy[t.theme] || w.config,
           defaultConfig: t
         }),
-        customPalette: $t[t.theme] || H
+        customPalette: Ct[t.theme] || H
       } : t;
     }
     De(() => w.config, (t) => {
       e.value = J(), q.value = !e.value.userOptions.showOnChartHover, ge(), oe.value += 1, se.value += 1, ue.value += 1, g.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, g.value.showTable = e.value.table.show, g.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: me, isImaging: ke, generatePdf: we, generateImage: Ce } = Bt({
+    const { isPrinting: me, isImaging: ke, generatePdf: we, generateImage: Ce } = Nt({
       elementId: `galaxy_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
-    }), tt = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), lt = i(() => Tt(e.value.customPalette)), g = o({
+    }), tt = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), lt = i(() => $t(e.value.customPalette)), g = o({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
-    }), M = o(250), E = o(180), at = o(0), ot = o(0), C = i(() => ({
+    }), M = o(250), R = o(180), at = o(0), ot = o(0), C = i(() => ({
       width: M.value,
-      height: E.value,
-      viewBox: `${at.value} ${ot.value} ${M.value} ${E.value}`
+      height: R.value,
+      viewBox: `${at.value} ${ot.value} ${M.value} ${R.value}`
     })), $e = Ue, f = o([]);
     function K(t) {
       f.value.includes(t.id) ? f.value = f.value.filter((a) => a !== t.id) : f.value.push(t.id), $e("selectLegend", N.value.map((a) => ({
@@ -141,9 +142,9 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
     }
     const O = i(() => he.value.map((t, a) => ({
       name: t.name,
-      color: _t(t.color) || lt.value[a] || H[a] || H[a % H.length],
-      value: t.values ? Ee(t.values).reduce((l, s) => l + s, 0) : 0,
-      absoluteValues: Ee(t.values),
+      color: xt(t.color) || lt.value[a] || H[a] || H[a % H.length],
+      value: t.values ? Re(t.values).reduce((l, s) => l + s, 0) : 0,
+      absoluteValues: Re(t.values),
       id: Ve()
     })).sort((t, a) => a.value - t.value).map((t, a) => ({
       ...t,
@@ -158,7 +159,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
     }
     const m = i(() => O.value.filter((t) => !f.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), xe = o(190), Te = i(() => O.value.filter((t) => !f.value.includes(t.id))), ut = i(
       () => (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) / 2 + (e.value.style.chart.layout.padding ?? 12)
-    ), nt = i(() => St({
+    ), nt = i(() => Tt({
       maxPoints: xe.value,
       a: e.value.style.chart.layout.arcs.a ?? 6,
       b: e.value.style.chart.layout.arcs.b ?? 6,
@@ -183,7 +184,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       return t.filter((a) => !f.value.includes(a.id)).toSorted((a, l) => l.points - a.points);
     });
     function Q(t) {
-      const a = Math.min(M.value, E.value), l = S.value === t.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, s = (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * l, r = e.value.style.chart.layout.arcs.strokeWidth * l, h = e.value.style.chart.layout.arcs.strokeWidth / 2 * l;
+      const a = Math.min(M.value, R.value), l = S.value === t.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, s = (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * l, r = e.value.style.chart.layout.arcs.strokeWidth * l, h = e.value.style.chart.layout.arcs.strokeWidth / 2 * l;
       return {
         border: s / 180 * a,
         path: r / 180 * a,
@@ -210,7 +211,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       }, U.value = s, S.value = t.id;
       let r = "";
       const h = e.value.style.chart.tooltip.customFormat;
-      We(h) && Dt(() => h({
+      We(h) && Pt(() => h({
         seriesIndex: l,
         datapoint: t,
         series: O.value,
@@ -220,7 +221,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
         datapoint: t,
         series: O.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>${Re(
+      }) : (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>${Ee(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         t.value,
         _({
@@ -265,11 +266,11 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       Be(() => {
         const a = $.value.head.map((r, h) => [[
           r.name
-        ], [$.value.body[h]], [isNaN($.value.body[h] / m.value) ? "-" : $.value.body[h] / m.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), s = Pt(l);
-        t ? t(s) : It({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
+        ], [$.value.body[h]], [isNaN($.value.body[h] / m.value) ? "-" : $.value.body[h] / m.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), s = St(l);
+        t ? t(s) : Ot({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-galaxy" });
       });
     }
-    const R = i(() => {
+    const E = i(() => {
       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>',
         _({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
@@ -324,7 +325,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
     }
     async function dt({ scale: t = 2 } = {}) {
       if (!b.value) return;
-      const { width: a, height: l } = b.value.getBoundingClientRect(), s = a / l, { imageUri: r, base64: h } = await Et({ domElement: b.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = b.value.getBoundingClientRect(), s = a / l, { imageUri: r, base64: h } = await Mt({ domElement: b.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: r,
         base64: h,
@@ -365,7 +366,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       };
     });
     De(() => g.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && A.value ? A.value.open() : "close" in A.value && A.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
     });
     function Ie() {
       g.value.showTable = !1, Y.value && Y.value.setTableIconState(!1);
@@ -410,7 +411,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
         ref: ne,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), T(Rt, {
+        (n(), T(Et, {
           key: `title_${oe.value}`,
           config: {
             title: {
@@ -523,7 +524,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       (n(), c("svg", {
         ref_key: "svgRef",
         ref: be,
-        xmlns: u(Ot),
+        xmlns: u(_t),
         class: G({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
         viewBox: C.value.viewBox,
         style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
@@ -555,7 +556,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
             }, null, 8, jt)
           ], 8, Yt)
         ]),
-        (n(!0), c(Fe, null, Ae(N.value, (l) => (n(), c("g", null, [
+        (n(!0), c(Ae, null, Fe(N.value, (l) => (n(), c("g", null, [
           l.value ? (n(), c("path", {
             key: 0,
             d: l.path,
@@ -587,7 +588,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
             }, null, 10, Qt)
           ], 8, Kt)) : v("", !0)
         ]))), 256)),
-        (n(!0), c(Fe, null, Ae(N.value, (l, s) => (n(), c("g", null, [
+        (n(!0), c(Ae, null, Fe(N.value, (l, s) => (n(), c("g", null, [
           l.value ? (n(), c("path", {
             key: 0,
             d: l.path,
@@ -631,7 +632,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
                 key: 0,
                 onClick: (r) => K(l),
                 style: z(`opacity:${f.value.includes(l.id) ? 0.5 : 1}`)
-              }, L(l.name) + L(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + L(e.value.style.chart.legend.showValue ? u(Re)(
+              }, L(l.name) + L(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + L(e.value.style.chart.legend.showValue ? u(Ee)(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 l.value,
                 u(_)({
@@ -690,16 +691,16 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       de.value && e.value.userOptions.buttons.table ? (n(), T(yt(B.value.component), bt({ key: 7 }, B.value.props, {
         ref_key: "tableUnit",
-        ref: A,
+        ref: F,
         onClose: Ie
       }), Le({
         content: d(() => [
           (n(), T(u(qe), {
             key: `table_${se.value}`,
-            colNames: R.value.colNames,
-            head: R.value.head,
-            body: R.value.body,
-            config: R.value.config,
+            colNames: E.value.colNames,
+            head: E.value.head,
+            body: E.value.body,
+            config: E.value.config,
             title: e.value.table.useDialog ? "" : B.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Ie
@@ -742,10 +743,10 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : v("", !0),
-      u(j) ? (n(), T(Nt, { key: 8 })) : v("", !0)
+      u(j) ? (n(), T(Ft, { key: 8 })) : v("", !0)
     ], 46, Gt));
   }
-}, yl = /* @__PURE__ */ zt(ol, [["__scopeId", "data-v-813f1461"]]);
+}, bl = /* @__PURE__ */ zt(ol, [["__scopeId", "data-v-813f1461"]]);
 export {
-  yl as default
+  bl as default
 };