vue-data-ui 3.2.6 → 3.2.8

package/dist/{vue-ui-funnel-Ctnlll1a.js → vue-ui-funnel-CKUlzitM.js}

@@ -1,5 +1,5 @@
-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 { 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, E as lt, D as te, x as st, y as ot } from "./lib-BEpWEyMm.js";
+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 o, 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 { 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, E as lt, D as te, x as ot, y as st } from "./lib-BEpWEyMm.js";
 import { t as nt, u as ut } from "./useResponsive-DfdjqQps.js";
 import { u as rt, a as Ae } from "./useNestedProp-BOk-tPdu.js";
 import { u as it } from "./usePrinter-w23K-ezx.js";
@@ -30,9 +30,9 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
   },
   setup(Oe, { expose: De }) {
     Xe((t) => ({
-      v9ac925c6: Ge.value
+      cdec50c0: Ge.value
     }));
-    const Se = x(() => import("./BaseIcon-Bz-1GQhu.js")), ze = x(() => import("./vue-ui-skeleton-BYXvBTUe.js")), Ne = x(() => import("./vue-ui-accordion-C1OLvrea.js")), Ie = x(() => import("./DataTable-BvjacRbw.js")), Pe = x(() => import("./UserOptions-DsTgvAok.js")), Fe = x(() => import("./PenAndPaper-CR8q353D.js")), Re = x(() => import("./PackageVersion-5qR9AVYq.js")), Be = x(() => import("./BaseDraggableDialog-CHhZIht2.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);
+    const Se = x(() => import("./BaseIcon-Bz-1GQhu.js")), ze = x(() => import("./vue-ui-skeleton-BaysGsg0.js")), Ne = x(() => import("./vue-ui-accordion-CDIzGCG1.js")), Ie = x(() => import("./DataTable-BvjacRbw.js")), Pe = x(() => import("./UserOptions-DsTgvAok.js")), Fe = x(() => import("./PenAndPaper-CR8q353D.js")), Re = x(() => import("./PackageVersion-C40g0Rfc.js")), Be = x(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_funnel: Me } = rt(), p = Oe, w = c(null), P = c(Ke()), ae = c(0), le = c(0), oe = c(0), se = 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 (Qe(p.dataset) ? Te({
@@ -56,7 +56,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
             chart: w.value,
             title: e.value.style.chart.title.text ? ue.value : null,
             source: ne.value,
-            noTitle: oe.value
+            noTitle: se.value
           });
           requestAnimationFrame(() => {
             d.value.height = a, d.value.width = l, k.value = ge(), e.value.responsiveProportionalSizing ? (v.value.circles = te({
@@ -103,7 +103,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       set: (t) => t
     }), { 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, D.value.showTable = e.value.table.show;
+      e.value = ie(), K.value = !e.value.userOptions.showOnChartHover, re(), le.value += 1, oe.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, D.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: he, isImaging: fe, generatePdf: be, generateImage: me } = it({
       elementId: `funnel_${P.value}`,
@@ -140,11 +140,11 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       };
     }
     const k = c(ge()), S = h(() => k.value.height / p.dataset.length), _ = h(() => S.value * e.value.style.chart.bars.gapRatio), pe = h(() => k.value.width * e.value.style.chart.barCircleSpacingRatio), u = h(() => y.value.map((t, l) => {
-      const a = S.value - _.value, o = k.value.top + _.value / 2 * l + (S.value - _.value / 2) * l + _.value / 2, f = t.value / y.value[0].value, r = (k.value.width - a - pe.value) * (t.value / y.value[0].value);
+      const a = S.value - _.value, s = k.value.top + _.value / 2 * l + (S.value - _.value / 2) * l + _.value / 2, f = t.value / y.value[0].value, r = (k.value.width - a - pe.value) * (t.value / y.value[0].value);
       return {
         ...t,
         cx: k.value.left + a / 2,
-        cy: o + a / 2,
+        cy: s + a / 2,
         datapointIndex: l,
         fill: t.color,
         height: Math.max(a, 0),
@@ -152,7 +152,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         r: Math.max(a / 2, 0),
         width: Math.max(r, 0),
         x: k.value.left + a + pe.value,
-        y: o
+        y: s
       };
     })), Ee = h(() => {
       const t = u.value.map((l) => `${l.x + l.width},${l.y + (S.value - _.value) / 2}`);
@@ -238,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 = st(a);
-        t ? t(o) : ot({ 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), s = ot(a);
+        t ? t(s) : st({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-funnel" });
       });
     }
     function je() {
@@ -247,14 +247,14 @@ 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 dt({ domElement: w.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = w.value.getBoundingClientRect(), s = l / a, { imageUri: f, base64: r } = await dt({ domElement: w.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: f,
         base64: r,
         title: e.value.style.chart.title.text,
         width: l,
         height: a,
-        aspectRatio: o
+        aspectRatio: s
       };
     }
     const B = h(() => {
@@ -305,15 +305,15 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
     }), (t, l) => (n(), i("div", {
       ref_key: "funnelChart",
       ref: w,
-      class: N(`vue-ui-funnel ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: N(`vue-data-ui-component vue-ui-funnel ${z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: T(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `funnel_${P.value}`,
-      onMouseenter: l[1] || (l[1] = () => s(ce)(!0)),
-      onMouseleave: l[2] || (l[2] = () => s(ce)(!1))
+      onMouseenter: l[1] || (l[1] = () => o(ce)(!0)),
+      onMouseleave: l[2] || (l[2] = () => o(ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), I(s(Fe), {
+      e.value.userOptions.buttons.annotator ? (n(), I(o(Fe), {
         key: 0,
-        svgRef: s(de),
+        svgRef: o(de),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: E.value,
@@ -322,7 +322,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       Ue.value ? (n(), i("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: oe,
+        ref: se,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : b("", !0),
@@ -346,14 +346,14 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : b("", !0),
-      e.value.userOptions.show && O.value && (s(ve) || s(K)) ? (n(), I(s(Pe), {
+      e.value.userOptions.show && O.value && (o(ve) || o(K)) ? (n(), I(o(Pe), {
         ref_key: "userOptionsRef",
         ref: J,
         key: `user_option_${ae.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: s(he),
-        isImaging: s(fe),
+        isPrinting: o(he),
+        isImaging: o(fe),
         uid: P.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -373,18 +373,18 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         tableDialog: e.value.table.useDialog,
         onToggleAnnotator: Q,
         onToggleFullscreen: ye,
-        onGeneratePdf: s(be),
-        onGenerateImage: s(me),
+        onGeneratePdf: o(be),
+        onGenerateImage: o(me),
         onToggleTable: ke,
         onGenerateCsv: Z,
         style: T({
-          visibility: s(ve) ? s(K) ? "visible" : "hidden" : "visible"
+          visibility: o(ve) ? o(K) ? "visible" : "hidden" : "visible"
         })
       }, xe({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: a, color: o }) => [
-            g(t.$slots, "menuIcon", G(j({ isOpen: a, color: o })), void 0, !0)
+          fn: m(({ isOpen: a, color: s }) => [
+            g(t.$slots, "menuIcon", G(j({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -418,15 +418,15 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: a, isFullscreen: o }) => [
-            g(t.$slots, "optionFullscreen", G(j({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          fn: m(({ toggleFullscreen: a, isFullscreen: s }) => [
+            g(t.$slots, "optionFullscreen", G(j({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: a, isAnnotator: o }) => [
-            g(t.$slots, "optionAnnotator", G(j({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+          fn: m(({ toggleAnnotator: a, isAnnotator: s }) => [
+            g(t.$slots, "optionAnnotator", G(j({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -435,12 +435,12 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         key: 4,
         ref_key: "svgRef",
         ref: de,
-        xmlns: s(at),
+        xmlns: o(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}`)
       }, [
-        Le(s(Re)),
+        Le(o(Re)),
         t.$slots["chart-background"] ? (n(), i("foreignObject", {
           key: 0,
           x: 0,
@@ -488,7 +488,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
             strokeDashoffset: e.value.useCssAnimation ? k.value.height : 0
           }
         }), null, 16, $t)) : b("", !0),
-        (n(!0), i(X, null, W(u.value, ({ cx: a, cy: o, r: f, fill: r }, M) => (n(), i("circle", H({ ref_for: !0 }, { cx: a, cy: o, r: f, fill: r }, {
+        (n(!0), i(X, null, W(u.value, ({ cx: a, cy: s, r: f, fill: r }, M) => (n(), i("circle", H({ ref_for: !0 }, { cx: a, cy: s, r: f, fill: r }, {
           stroke: e.value.style.chart.circles.stroke,
           "stroke-width": e.value.style.chart.circles.strokeWidth,
           class: {
@@ -498,23 +498,23 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
             animationDelay: `${150 * M}ms`
           }
         }), null, 16, xt))), 256)),
-        (n(!0), i(X, null, W(u.value, (a, o) => (n(), i("text", {
+        (n(!0), i(X, null, W(u.value, (a, s) => (n(), i("text", {
           x: a.cx,
           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(lt)(a.color) : e.value.style.chart.circles.dataLabels.color,
+          fill: e.value.style.chart.circles.dataLabels.adaptColorToBackground ? o(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
           }),
           style: T({
-            animationDelay: `${150 * o}ms`
+            animationDelay: `${150 * s}ms`
           })
-        }, U(s(Y)(
+        }, U(o(Y)(
           e.value.style.chart.circles.dataLabels.formatter,
           a.proportion * 100,
-          s(q)({
+          o(q)({
             v: a.proportion * 100,
             s: "%",
             r: e.value.style.chart.circles.dataLabels.rounding
@@ -532,7 +532,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
             transition: e.value.useCssAnimation ? `all ${150 * y.value.length}ms ease-in` : "none"
           })
         }, null, 14, _t)) : b("", !0),
-        (n(!0), i(X, null, W(u.value, ({ x: a, y: o, height: f, width: r, fill: M }, ee) => (n(), i("rect", H({ ref_for: !0 }, { x: a, y: o, height: f, width: r, fill: M }, {
+        (n(!0), i(X, null, W(u.value, ({ x: a, y: s, height: f, width: r, fill: M }, ee) => (n(), i("rect", H({ ref_for: !0 }, { x: a, y: s, height: f, width: r, fill: M }, {
           stroke: e.value.style.chart.bars.stroke,
           "stroke-width": e.value.style.chart.bars.strokeWidth,
           rx: e.value.style.chart.bars.borderRadius,
@@ -543,7 +543,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
             animationDelay: `${150 * ee}ms`
           }
         }), null, 16, Tt))), 256)),
-        (n(!0), i(X, null, W(u.value, (a, o) => (n(), i("g", null, [
+        (n(!0), i(X, null, W(u.value, (a, s) => (n(), i("g", null, [
           C("text", {
             x: a.x + a.width + e.value.style.chart.bars.dataLabels.name.offsetX + 12,
             y: a.cy - v.value.names / 2 + e.value.style.chart.bars.dataLabels.name.offsetY,
@@ -555,7 +555,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
               animated: e.value.useCssAnimation && !L.value
             }),
             style: T({
-              animationDelay: `${150 * o}ms`
+              animationDelay: `${150 * s}ms`
             })
           }, U(a.name), 15, At),
           C("text", {
@@ -569,12 +569,12 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
               animated: e.value.useCssAnimation && !L.value
             }),
             style: T({
-              animationDelay: `${150 * o}ms`
+              animationDelay: `${150 * s}ms`
             })
-          }, U(s(Y)(
+          }, U(o(Y)(
             e.value.style.chart.bars.dataLabels.value.formatter,
             a.value,
-            s(q)({
+            o(q)({
               p: e.value.style.chart.bars.dataLabels.value.prefix,
               v: a.value,
               s: e.value.style.chart.bars.dataLabels.value.suffix,
@@ -586,9 +586,9 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         g(t.$slots, "svg", { svg: d.value }, void 0, !0)
       ], 14, gt)) : b("", !0),
       t.$slots.watermark ? (n(), i("div", Dt, [
-        g(t.$slots, "watermark", G(j({ isPrinting: s(he) || s(fe) })), void 0, !0)
+        g(t.$slots, "watermark", G(j({ isPrinting: o(he) || o(fe) })), void 0, !0)
       ])) : b("", !0),
-      O.value ? b("", !0) : (n(), I(s(ze), {
+      O.value ? b("", !0) : (n(), I(o(ze), {
         key: 6,
         config: {
           type: "verticalBar",
@@ -617,8 +617,8 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
         onClose: Ce
       }), xe({
         content: m(() => [
-          (n(), I(s(Ie), {
-            key: `table_${se.value}`,
+          (n(), I(o(Ie), {
+            key: `table_${oe.value}`,
             colNames: V.value.colNames,
             head: V.value.head,
             body: V.value.body,
@@ -656,7 +656,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
               class: "vue-ui-user-options-button",
               onClick: l[0] || (l[0] = (a) => Z(e.value.userOptions.callbacks.csv))
             }, [
-              Le(s(Se), {
+              Le(o(Se), {
                 name: "excel",
                 stroke: B.value.props.color
               }, null, 8, ["stroke"])
@@ -667,7 +667,7 @@ const mt = ["id"], gt = ["xmlns", "viewBox"], pt = ["width", "height"], yt = ["i
       ]), 1040)) : b("", !0)
     ], 46, mt));
   }
-}, jt = /* @__PURE__ */ bt(zt, [["__scopeId", "data-v-6fb80307"]]);
+}, jt = /* @__PURE__ */ bt(zt, [["__scopeId", "data-v-9f22b21a"]]);
 export {
   jt as default
 };

package/dist/{vue-ui-galaxy-GWCCkX_k.js → vue-ui-galaxy-DZqCAK9c.js}

@@ -32,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-BOXz8skU.js")), Ye = x(() => import("./BaseIcon-Bz-1GQhu.js")), je = x(() => import("./vue-ui-accordion-C1OLvrea.js")), qe = x(() => import("./DataTable-BvjacRbw.js")), Je = x(() => import("./PenAndPaper-CR8q353D.js")), Ke = x(() => import("./UserOptions-DsTgvAok.js")), Qe = x(() => import("./PackageVersion-5qR9AVYq.js")), Ze = x(() => import("./BaseDraggableDialog-CHhZIht2.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({
+    const Xe = x(() => import("./Tooltip-BOXz8skU.js")), Ye = x(() => import("./BaseIcon-Bz-1GQhu.js")), je = x(() => import("./vue-ui-accordion-CDIzGCG1.js")), qe = x(() => import("./DataTable-BvjacRbw.js")), Je = x(() => import("./PenAndPaper-CR8q353D.js")), Ke = x(() => import("./UserOptions-DsTgvAok.js")), Qe = x(() => import("./PackageVersion-C40g0Rfc.js")), Ze = x(() => import("./BaseDraggableDialog-CHhZIht2.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,
@@ -384,7 +384,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
     }), (t, a) => (n(), c("div", {
       ref_key: "galaxyChart",
       ref: b,
-      class: G(`vue-ui-galaxy ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${u(j) ? "loading" : ""}`),
+      class: G(`vue-data-ui-component vue-ui-galaxy ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${u(j) ? "loading" : ""}`),
       style: z(`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_${y.value}`,
       onMouseenter: a[2] || (a[2] = () => u(fe)(!0)),
@@ -746,7 +746,7 @@ const Gt = ["id"], Ht = ["id"], Ut = ["xmlns", "viewBox"], Xt = ["width", "heigh
       u(j) ? (n(), T(Ft, { key: 8 })) : v("", !0)
     ], 46, Gt));
   }
-}, bl = /* @__PURE__ */ zt(ol, [["__scopeId", "data-v-813f1461"]]);
+}, bl = /* @__PURE__ */ zt(ol, [["__scopeId", "data-v-99327933"]]);
 export {
   bl as default
 };

package/dist/{vue-ui-gauge-CXMQuWfj.js → vue-ui-gauge-D3bPFF59.js}

@@ -31,7 +31,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
     }
   },
   setup(Me, { expose: Ne }) {
-    const Pe = J(() => import("./PenAndPaper-CR8q353D.js")), Ie = J(() => import("./UserOptions-DsTgvAok.js")), Xe = J(() => import("./PackageVersion-5qR9AVYq.js")), { vue_ui_gauge: Re } = yt(), m = Me, Ye = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(lt()), Le = f(null), oe = f(0), C = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: S, manualLoading: N } = wt({
+    const Pe = J(() => import("./PenAndPaper-CR8q353D.js")), Ie = J(() => import("./UserOptions-DsTgvAok.js")), Xe = J(() => import("./PackageVersion-C40g0Rfc.js")), { vue_ui_gauge: Re } = yt(), m = Me, Ye = h(() => !!m.dataset && Object.keys(m.dataset).length > 0 && m.dataset.series && m.dataset.series.length), w = f(lt()), Le = f(null), oe = f(0), C = f(null), ue = f(null), ne = f(null), ie = f(null), ce = f(null), ve = f(0), e = f(H()), { loading: he, FINAL_DATASET: S, manualLoading: N } = wt({
       ...Ze(m),
       FINAL_CONFIG: e,
       prepareConfig: H,
@@ -376,7 +376,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       toggleAnnotator: Z,
       toggleFullscreen: xe
     }), (t, u) => (r(), o("div", {
-      class: ze(`vue-ui-gauge ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: ze(`vue-data-ui-component vue-ui-gauge ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "gaugeChart",
       ref: C,
       id: `vue-ui-gauge_${w.value}`,
@@ -786,7 +786,7 @@ const zt = ["id"], Ft = { key: 0 }, At = ["xmlns", "viewBox"], Ct = ["width", "h
       n(he) ? (r(), j(St, { key: 6 })) : c("", !0)
     ], 46, zt));
   }
-}, _a = /* @__PURE__ */ $t(ua, [["__scopeId", "data-v-415be812"]]);
+}, _a = /* @__PURE__ */ $t(ua, [["__scopeId", "data-v-b69a6d5f"]]);
 export {
   _a as default
 };

package/dist/{vue-ui-gizmo-k3BfWb5b.js → vue-ui-gizmo-oVLp367W.js}

@@ -1,9 +1,9 @@
-import { defineAsyncComponent as V, ref as k, useSlots as $, onMounted as y, computed as i, toRefs as D, watch as F, createElementBlock as a, openBlock as o, createBlock as I, createCommentVNode as r, normalizeStyle as M, createVNode as S, unref as n, createElementVNode as t, Fragment as C, toDisplayString as x } from "vue";
+import { defineAsyncComponent as V, ref as k, useSlots as $, onMounted as y, computed as i, toRefs as D, watch as F, createElementBlock as a, openBlock as o, createBlock as I, createCommentVNode as r, normalizeStyle as M, createVNode as S, unref as l, createElementVNode as t, Fragment as C, toDisplayString as x } from "vue";
 import { u as U, a as P } from "./useNestedProp-BOk-tPdu.js";
 import { c as E, f as O, t as T, a as w, d as b } from "./lib-BEpWEyMm.js";
 import { u as j, B as R } from "./BaseScanner-BgWxam9d.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key: 0 }, Q = ["id"], W = ["stop-color"], X = ["stop-color"], Y = ["stroke"], Z = ["stroke"], ee = ["width", "fill"], te = ["fill"], oe = { key: 0 }, ae = ["id"], se = ["stroke"], re = ["stroke", "stroke-dasharray", "stroke-dashoffset"], le = ["filter"], ne = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ie = ["fill"], ue = {
+const H = { class: "vue-data-ui-component vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key: 0 }, Q = ["id"], W = ["stop-color"], X = ["stop-color"], Y = ["stroke"], Z = ["stroke"], ee = ["width", "fill"], te = ["fill"], oe = { key: 0 }, ae = ["id"], se = ["stroke"], re = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ne = ["filter"], le = ["stroke", "stroke-dasharray", "stroke-dashoffset"], ie = ["fill"], ue = {
   __name: "vue-ui-gizmo",
   props: {
     config: {
@@ -17,7 +17,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
     }
   },
   setup(z) {
-    const A = V(() => import("./PackageVersion-5qR9AVYq.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
+    const A = V(() => import("./PackageVersion-C40g0Rfc.js")), { vue_ui_gizmo: G } = U(), s = z, u = k(E()), L = $();
     y(() => {
       g();
     }), y(() => {
@@ -60,13 +60,13 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
       battery: { width: e.value.showPercentage ? 150 : 80, height: 50 },
       gauge: { width: 80, height: 80 }
     })[e.value.type]), m = i(() => Math.min(Math.max(0, p.value), 100)), c = i(() => Math.max(0, p.value)), f = i(() => {
-      const l = 2 * Math.PI * 35, B = l - m.value / 100 * l;
+      const n = 2 * Math.PI * 35, B = n - m.value / 100 * n;
       return {
-        dasharray: `${l} ${l}`,
+        dasharray: `${n} ${n}`,
         dashoffset: B
       };
     });
-    return (v, l) => (o(), a("div", H, [
+    return (v, n) => (o(), a("div", H, [
       (o(), a("svg", {
         class: "vue-ui-gizmo",
         viewBox: `0 0 ${_.value.width} ${_.value.height}`,
@@ -76,7 +76,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
           fontFamily: e.value.fontFamily
         })
       }, [
-        S(n(A)),
+        S(l(A)),
         e.value.useGradient ? (o(), a("defs", K, [
           t("linearGradient", {
             id: `gizmo_gradient_${u.value}`,
@@ -124,10 +124,10 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
             "text-anchor": "start",
             "font-size": "20",
             fill: e.value.textColor
-          }, x(n(w)(
+          }, x(l(w)(
             e.value.formatter,
             c.value,
-            n(b)({
+            l(b)({
               v: c.value,
               s: "%"
             })
@@ -141,7 +141,7 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
               y: "-50%",
               width: "200%",
               height: "200%"
-            }, [...l[0] || (l[0] = [
+            }, [...n[0] || (n[0] = [
               t("feGaussianBlur", {
                 in: "SourceGraphic",
                 stdDeviation: 1
@@ -182,8 +182,8 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
               "stroke-dasharray": f.value.dasharray,
               "stroke-dashoffset": f.value.dashoffset,
               style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
-            }, null, 8, ne)
-          ], 8, le)) : r("", !0),
+            }, null, 8, le)
+          ], 8, ne)) : r("", !0),
           e.value.showPercentage ? (o(), a("text", {
             key: 2,
             x: 40,
@@ -191,20 +191,20 @@ const H = { class: "vue-ui-gizmo-wrapper" }, J = ["viewBox", "width"], K = { key
             "text-anchor": "middle",
             "font-size": "20",
             fill: e.value.textColor
-          }, x(n(w)(
+          }, x(l(w)(
             e.value.formatter,
             c.value,
-            n(b)({
+            l(b)({
               v: c.value,
               s: "%"
             })
           )), 9, ie)) : r("", !0)
         ], 64)) : r("", !0)
       ], 12, J)),
-      n(N) ? (o(), I(R, { key: 0 })) : r("", !0)
+      l(N) ? (o(), I(R, { key: 0 })) : r("", !0)
     ]));
   }
-}, ge = /* @__PURE__ */ q(ue, [["__scopeId", "data-v-31b4119c"]]);
+}, ge = /* @__PURE__ */ q(ue, [["__scopeId", "data-v-57bc8fe2"]]);
 export {
   ge as default
 };

package/dist/{vue-ui-heatmap-BVlD1EIN.js → vue-ui-heatmap-C1RctcPx.js}

@@ -12,7 +12,7 @@ import { u as fl } from "./useChartAccessibility-9icAAmYg.js";
 import pl from "./img-DjWwQXVS.js";
 import gl from "./Title-DG2nloSB.js";
 import { t as bl } from "./themes-Dw-dDudK.js";
-import ml from "./vue-ui-accordion-C1OLvrea.js";
+import ml from "./vue-ui-accordion-CDIzGCG1.js";
 import { _ as xl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const wl = {
   mounted(b, X) {
@@ -79,9 +79,9 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Ll = ["x", "y", "width", "height"]
   emits: ["selectDatapoint"],
   setup(b, { expose: X, emit: ye }) {
     Gt((t) => ({
-      v12b5e388: t.tdo
+      v2c5529b6: t.tdo
     }));
-    const W = Q(() => import("./Tooltip-BOXz8skU.js")), te = Q(() => import("./BaseIcon-Bz-1GQhu.js")), $ = Q(() => import("./PenAndPaper-CR8q353D.js")), le = Q(() => import("./UserOptions-DsTgvAok.js")), P = Q(() => import("./PackageVersion-5qR9AVYq.js")), Ce = Q(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_heatmap: Te } = rl(), k = b, fe = ye, j = g({
+    const W = Q(() => import("./Tooltip-BOXz8skU.js")), te = Q(() => import("./BaseIcon-Bz-1GQhu.js")), $ = Q(() => import("./PenAndPaper-CR8q353D.js")), le = Q(() => import("./UserOptions-DsTgvAok.js")), P = Q(() => import("./PackageVersion-C40g0Rfc.js")), Ce = Q(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_heatmap: Te } = rl(), k = b, fe = ye, j = g({
       get() {
         return !!k.dataset && k.dataset.length;
       },
@@ -528,7 +528,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Ll = ["x", "y", "width", "height"]
     }), (t, o) => (u(), n("div", {
       ref_key: "heatmapChart",
       ref: O,
-      class: ce(`vue-ui-heatmap ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: ce(`vue-data-ui-component vue-ui-heatmap ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: w(`font-family:${e.value.style.fontFamily};width:100%;${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.backgroundColor}`),
       id: `heatmap__${M.value}`,
       onMouseenter: o[1] || (o[1] = () => Ke(!0)),
@@ -1119,7 +1119,7 @@ const kl = ["id"], Al = ["xmlns", "viewBox"], Ll = ["x", "y", "width", "height"]
       i(pe) ? (u(), de(dl, { key: 7 })) : y("", !0)
     ], 46, kl));
   }
-}, ca = /* @__PURE__ */ xl(jl, [["__scopeId", "data-v-b8c90b2a"]]);
+}, ca = /* @__PURE__ */ xl(jl, [["__scopeId", "data-v-ee073a2a"]]);
 export {
   ca as default
 };