vue-data-ui 3.0.0-next.54 → 3.0.0-next.55

package/dist/{vue-ui-dumbbell-DmYCdaFI.js → vue-ui-dumbbell-nld0Clws.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as V, computed as b, ref as h, toRefs as wt, watch as ye, shallowRef as Ue, onMounted as We, onBeforeUnmount as qe, watchEffect as $t, createElementBlock as i, openBlock as o, unref as c, normalizeStyle as K, normalizeClass as Ye, createBlock as O, createCommentVNode as y, createElementVNode as d, createSlots as Lt, withCtx as p, renderSlot as m, normalizeProps as Q, guardReactiveProps as ee, createVNode as Ct, withDirectives as U, Fragment as w, renderList as A, toDisplayString as x, vShow as W, createTextVNode as je, nextTick as At } from "vue";
-import { u as Nt, c as Ze, v as St, a as Xt, o as zt, e as Je, g as Mt, w as Ke, D as Tt, f as $, i as F, X as Qe, s as et, l as tt, h as lt, q as It, r as Ot } from "./index-B5FRcZLo.js";
+import { defineAsyncComponent as V, computed as b, ref as h, toRefs as wt, watch as ye, shallowRef as Ue, onMounted as We, onBeforeUnmount as qe, watchEffect as $t, createElementBlock as i, openBlock as o, unref as c, normalizeStyle as K, normalizeClass as je, createBlock as O, createCommentVNode as y, createElementVNode as d, createSlots as Lt, withCtx as p, renderSlot as m, normalizeProps as Q, guardReactiveProps as ee, createVNode as Ct, withDirectives as U, Fragment as w, renderList as A, toDisplayString as x, vShow as W, createTextVNode as Ye, nextTick as At } from "vue";
+import { u as Nt, c as Ze, t as St, b as Mt, o as Xt, f as Je, g as zt, h as Ke, D as Tt, i as $, k as F, X as Qe, s as et, l as tt, j as lt, v as It, w as Ot } from "./index-VrsKSULO.js";
 import { t as be, u as Ft } from "./useResponsive-DfdjqQps.js";
-import { u as Ht } from "./usePrinter-CHbm8PGD.js";
-import { u as Dt, B as Pt } from "./BaseScanner-DIK2NTdp.js";
-import { u as at } from "./useNestedProp-BwJKakXX.js";
+import { u as Ht } from "./usePrinter-BrYkAEvI.js";
+import { u as Dt, B as Pt } from "./useLoading-Bt5Doa8m.js";
+import { u as at } from "./useNestedProp-lTwriOHy.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Rt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Bt from "./img-Brj7vn--.js";
-import Vt from "./Title-Bnr--aA5.js";
-import Ut from "./Legend-BBaTktyQ.js";
+import Bt from "./img-CNjWjg_p.js";
+import Vt from "./Title-CNNSPaS8.js";
+import Ut from "./Legend-Dt-A6TX4.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"], Zt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 2 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], tl = ["transform", "font-size", "fill"], ll = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], al = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], sl = ["x", "y", "font-size", "fill"], nl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], ol = ["d", "stroke", "stroke-width", "stroke-dasharray"], rl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ul = ["x", "y", "height", "width", "fill"], il = ["transform", "fill", "font-size"], cl = ["id"], vl = ["stop-color"], dl = ["stop-color"], hl = ["stop-color"], fl = ["id"], yl = ["stop-color"], bl = ["stop-color"], gl = ["stop-color"], ml = ["id"], pl = ["stop-color"], xl = ["stop-color"], kl = ["id"], _l = ["stop-color"], wl = ["stop-color"], $l = { key: 0 }, Ll = { key: 0 }, Cl = ["d", "fill"], Al = { key: 1 }, Nl = ["x", "y", "height", "width", "fill"], Sl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], zl = { key: 7 }, Ml = ["x", "y", "fill", "font-size"], Tl = { key: 8 }, Il = ["x", "y", "fill", "font-size"], Ol = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Fl = {
+const qt = ["id"], jt = ["xmlns", "viewBox"], Yt = ["x", "y", "width", "height"], Zt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 2 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], tl = ["transform", "font-size", "fill"], ll = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], al = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], sl = ["x", "y", "font-size", "fill"], nl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], ol = ["d", "stroke", "stroke-width", "stroke-dasharray"], rl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ul = ["x", "y", "height", "width", "fill"], il = ["transform", "fill", "font-size"], cl = ["id"], vl = ["stop-color"], dl = ["stop-color"], hl = ["stop-color"], fl = ["id"], yl = ["stop-color"], bl = ["stop-color"], gl = ["stop-color"], ml = ["id"], pl = ["stop-color"], xl = ["stop-color"], kl = ["id"], _l = ["stop-color"], wl = ["stop-color"], $l = { key: 0 }, Ll = { key: 0 }, Cl = ["d", "fill"], Al = { key: 1 }, Nl = ["x", "y", "height", "width", "fill"], Sl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ml = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xl = { key: 7 }, zl = ["x", "y", "fill", "font-size"], Tl = { key: 8 }, Il = ["x", "y", "fill", "font-size"], Ol = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Fl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Hl = ["xmlns", "height", "width"], Dl = ["fill"], Pl = ["innerHTML"], El = {
@@ -32,14 +32,14 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(st, { expose: nt, emit: Gl }) {
-    const ot = V(() => import("./vue-ui-accordion-h_xORY7m.js")), rt = V(() => import("./DataTable-D1RPxkQn.js")), ut = V(() => import("./PenAndPaper-DaQWWpgs.js")), it = V(() => import("./UserOptions-Dm91TR_d.js")), ct = V(() => import("./PackageVersion-Dvivm8-r.js")), { vue_ui_dumbbell: vt } = Nt(), N = st, q = b({
+    const ot = V(() => import("./vue-ui-accordion-CP3KpYYB.js")), rt = V(() => import("./DataTable-CXvbwtai.js")), ut = V(() => import("./PenAndPaper-tiWdtLvY.js")), it = V(() => import("./UserOptions-DdxzR5Mv.js")), ct = V(() => import("./PackageVersion-D3gM0cgH.js")), { vue_ui_dumbbell: vt } = Nt(), N = st, q = b({
       get() {
         return !!N.dataset && N.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), g = h(Ze()), ge = h(0), M = h(null), me = h(null), pe = h(null), xe = h(null), ke = h(null), _e = h(0), we = h(0), $e = h(0), te = h(null), le = h(null), Y = h(null), ae = h(null), T = h(null), r = h(null), I = h(!1), e = h(re()), { loading: se, FINAL_DATASET: ne, manualLoading: dt } = Dt({
+    }), g = h(Ze()), ge = h(0), z = h(null), me = h(null), pe = h(null), xe = h(null), ke = h(null), _e = h(0), we = h(0), $e = h(0), te = h(null), le = h(null), j = h(null), ae = h(null), T = h(null), r = h(null), I = h(!1), e = h(re()), { loading: se, FINAL_DATASET: ne, manualLoading: dt } = Dt({
       ...wt(N),
       FINAL_CONFIG: e,
       prepareConfig: re,
@@ -99,7 +99,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       });
       return l.theme ? {
         ...at({
-          userConfig: Xt.vue_ui_dumbbell[l.theme] || N.config,
+          userConfig: Mt.vue_ui_dumbbell[l.theme] || N.config,
           defaultConfig: l
         })
       } : l;
@@ -115,12 +115,12 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
     });
     const Ne = b(() => !!e.value.debug);
     function Se() {
-      if (zt(N.dataset) ? Je({
+      if (Xt(N.dataset) ? Je({
         componentName: "VueUiDumbbell",
         type: "dataset",
         debug: Ne.value
       }) : N.dataset.forEach((l, s) => {
-        Mt({
+        zt({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
@@ -135,24 +135,24 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       }), e.value.responsive) {
         const l = be(() => {
           const { width: s, height: t } = Ft({
-            chart: M.value,
+            chart: z.value,
             title: e.value.style.chart.title.text ? me.value : null,
             legend: e.value.style.chart.legend.show ? pe.value : null,
             source: xe.value,
             noTitle: ke.value
           }), a = e.value.style.chart.title.text ? 24 : 0, u = e.value.style.chart.legend.show ? 24 : 0;
           requestAnimationFrame(async () => {
-            G.value = Math.max(0.1, s), E.value = Math.max(0.1, (t - (a + u)) / ne.value.length), Ve();
+            G.value = Math.max(0.1, s), E.value = Math.max(0.1, (Math.max(0.1, t) - (a + u)) / ne.value.length), Ve();
           });
         });
-        S.value && (H.value && S.value.unobserve(H.value), S.value.disconnect()), S.value = new ResizeObserver(l), H.value = M.value.parentNode, S.value.observe(H.value);
+        S.value && (H.value && S.value.unobserve(H.value), S.value.disconnect()), S.value = new ResizeObserver(l), H.value = z.value.parentNode, S.value.observe(H.value);
       }
       Ve();
     }
     qe(() => {
       C.value != null && (cancelAnimationFrame(C.value), C.value = null), S.value && (H.value && S.value.unobserve(H.value), S.value.disconnect());
     });
-    const { isPrinting: Xe, isImaging: ze, generatePdf: Me, generateImage: Te } = Ht({
+    const { isPrinting: Me, isImaging: Xe, generatePdf: ze, generateImage: Te } = Ht({
       elementId: `dumbbell_${g.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
@@ -186,7 +186,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       ue.value = l;
     }, 100);
     $t((l) => {
-      const s = Y.value;
+      const s = j.value;
       if (!s) return;
       const t = new ResizeObserver((a) => {
         yt(a[0].contentRect.height);
@@ -200,7 +200,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       let l = 0;
       ae.value && (l = ae.value.getBBox().height);
       let s = 0;
-      return Y.value && (s = ue.value), l + s;
+      return j.value && (s = ue.value), l + s;
     }), ie = b(() => P.value.length);
     function Fe(l, s, t) {
       const a = Number(l), u = Number(s.min), v = Number(s.max), f = Number(t.width);
@@ -223,7 +223,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         absoluteHeight: v,
         widthPlotReference: _
       };
-    }), X = b(() => Math.min(E.value / 2 * 0.7, e.value.style.chart.plots.radius)), R = h([]), k = b({
+    }), M = b(() => Math.min(E.value / 2 * 0.7, e.value.style.chart.plots.radius)), R = h([]), k = b({
       get() {
         const l = n.value, s = L.value;
         return R.value.map((t, a) => {
@@ -285,7 +285,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), z = b(() => {
+    })), X = b(() => {
       const l = k.value.map((t) => ({
         name: t.name
       })), s = k.value.map((t) => ({
@@ -293,25 +293,25 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         end: t.end
       }));
       return { head: l, body: s };
-    }), j = b(() => {
+    }), Y = b(() => {
       const l = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], s = z.value.head.map((u, v) => {
+      ], s = X.value.head.map((u, v) => {
         const f = $({
           p: e.value.style.chart.labels.prefix,
-          v: z.value.body[v].start,
+          v: X.value.body[v].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), _ = $({
           p: e.value.style.chart.labels.prefix,
-          v: z.value.body[v].end,
+          v: X.value.body[v].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), J = $({
-          v: 100 * (z.value.body[v].end / z.value.body[v].start - 1),
+          v: 100 * (X.value.body[v].end / X.value.body[v].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
@@ -348,9 +348,9 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
     });
     function Ee(l = null) {
       At(() => {
-        const s = z.value.head.map((u, v) => [[
+        const s = X.value.head.map((u, v) => [[
           u.name
-        ], [z.value.body[v].start], [z.value.body[v].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(s), a = It(t);
+        ], [X.value.body[v].start], [X.value.body[v].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(s), a = It(t);
         l ? l(a) : Ot({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
@@ -369,8 +369,8 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       Z.value = !Z.value;
     }
     async function mt({ scale: l = 2 } = {}) {
-      if (!M.value) return;
-      const { width: s, height: t } = M.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: v } = await Bt({ domElement: M.value, base64: !0, img: !0, scale: l });
+      if (!z.value) return;
+      const { width: s, height: t } = z.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: v } = await Bt({ domElement: z.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: v,
@@ -382,7 +382,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
     }
     const Be = b(() => L.value.ticks), pt = b(() => ({ start: 0, end: Be.value.length }));
     Rt({
-      timeLabelsEls: Y,
+      timeLabelsEls: j,
       timeLabels: Be,
       slicer: pt,
       configRef: e,
@@ -466,7 +466,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
     return nt({
       getData: gt,
       getImage: mt,
-      generatePdf: Me,
+      generatePdf: ze,
       generateCsv: Ee,
       generateImage: Te,
       toggleTable: Re,
@@ -474,8 +474,8 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       toggleFullscreen: Ge
     }), (l, s) => (o(), i("div", {
       ref_key: "dumbbellChart",
-      ref: M,
-      class: Ye(`vue-ui-dumbbell ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: z,
+      class: je(`vue-ui-dumbbell ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: K(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `dumbbell_${g.value}`,
       onMouseenter: s[1] || (s[1] = () => c(Le)(!0)),
@@ -521,8 +521,8 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         key: `user_option_${ge.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(Xe),
-        isImaging: c(ze),
+        isPrinting: c(Me),
+        isImaging: c(Xe),
         uid: g.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -531,14 +531,14 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: B.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: M.value,
+        chartElement: z.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Z.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: Ge,
-        onGeneratePdf: c(Me),
+        onGeneratePdf: c(ze),
         onGenerateCsv: Ee,
         onGenerateImage: c(Te),
         onToggleTable: Re,
@@ -601,7 +601,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         ref_key: "svgRef",
         ref: Ae,
         xmlns: c(Qe),
-        class: Ye({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
+        class: je({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
         viewBox: `0 0 ${G.value} ${n.value.absoluteHeight <= 0 ? 10 : n.value.absoluteHeight}`,
         style: K(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
@@ -617,7 +617,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
           }
         }, [
           m(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, jt)) : y("", !0),
+        ], 8, Yt)) : y("", !0),
         e.value.style.chart.grid.verticalGrid.show ? (o(), i("g", Zt, [
           (o(!0), i(w, null, A(L.value.ticks, (t, a) => (o(), i("line", {
             x1: n.value.left + a * n.value.width / (L.value.ticks.length - 1),
@@ -719,7 +719,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         e.value.style.chart.labels.xAxisLabels.show ? (o(), i("g", {
           key: 6,
           ref_key: "scaleLabels",
-          ref: Y
+          ref: j
         }, [
           (o(!0), i(w, null, A(L.value.ticks, (t, a) => (o(), i("text", {
             class: "vue-ui-dumbbell-scale-label",
@@ -763,8 +763,8 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
           U(d("rect", {
             x: r.value ? Math.min(r.value.startX, r.value.endX) : n.value.left,
             y: n.value.top,
-            height: n.value.height,
-            width: r.value ? Math.abs(r.value.endX - r.value.startX) : 0,
+            height: Math.max(0.1, n.value.height),
+            width: r.value ? Math.max(0.1, Math.abs(r.value.endX - r.value.startX)) : 0,
             fill: r.value ? c(et)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
             style: { transition: "all 0.3s ease-in-out" }
           }, null, 8, ul), [
@@ -859,12 +859,12 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
             e.value.style.chart.plots.link.type === "curved" ? (o(), i("g", Ll, [
               d("path", {
                 d: `M 
-                                ${t.startX},${t.y + X.value / 2} 
+                                ${t.startX},${t.y + M.value / 2} 
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y} 
-                                ${t.endX},${t.y + X.value / 2}
-                                L ${t.endX},${t.y - X.value / 2}
+                                ${t.endX},${t.y + M.value / 2}
+                                L ${t.endX},${t.y - M.value / 2}
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y}
-                                ${t.startX},${t.y - X.value / 2}
+                                ${t.startX},${t.y - M.value / 2}
                                 Z
                             `,
                 fill: t.endX > t.startX ? `url(#grad_positive_${g.value})` : `url(#grad_negative_${g.value})`
@@ -873,8 +873,8 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
               d("rect", {
                 x: t.endX > t.startX ? t.startX : t.endX,
                 y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
-                height: e.value.style.chart.plots.link.strokeWidth,
-                width: Math.abs(t.endX - t.startX),
+                height: Math.max(0.01, e.value.style.chart.plots.link.strokeWidth),
+                width: Math.max(0.01, Math.abs(t.endX - t.startX)),
                 fill: t.endX > t.startX ? `url(#grad_positive_${g.value})` : `url(#grad_negative_${g.value})`
               }, null, 8, Nl)
             ]))
@@ -883,7 +883,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
             key: 1,
             cx: t.startX,
             cy: t.y,
-            r: X.value,
+            r: M.value,
             fill: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${g.value})` : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
@@ -892,20 +892,20 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
             key: 2,
             cx: t.endX,
             cy: t.y,
-            r: X.value,
+            r: M.value,
             fill: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${g.value})` : e.value.style.chart.plots.endColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Xl))
+          }, null, 8, Ml))
         ]))), 128)),
-        e.value.style.chart.labels.startLabels.show ? (o(), i("g", zl, [
+        e.value.style.chart.labels.startLabels.show ? (o(), i("g", Xl, [
           (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("g", {
             key: `start_label_${a}_${t.id}`
           }, [
             [null, void 0].includes(t.start) ? y("", !0) : (o(), i("text", {
               key: 0,
               x: t.startX,
-              y: t.y + X.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
+              y: t.y + M.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
               fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
               "font-size": e.value.style.chart.labels.startLabels.fontSize,
               "text-anchor": "middle"
@@ -919,7 +919,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
                 r: e.value.style.chart.labels.startLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, Ml))
+            )), 9, zl))
           ]))), 128))
         ])) : y("", !0),
         e.value.style.chart.labels.endLabels.show ? (o(), i("g", Tl, [
@@ -929,7 +929,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
             [null, void 0].includes(t.end) ? y("", !0) : (o(), i("text", {
               key: 0,
               x: t.endX,
-              y: t.y - (X.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
+              y: t.y - (M.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
               fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
               "font-size": e.value.style.chart.labels.endLabels.fontSize,
               "text-anchor": "middle"
@@ -949,9 +949,9 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         d("g", null, [
           (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("rect", {
             x: n.value.left,
-            y: n.value.top + a * n.value.rowHeight,
-            width: n.value.width,
-            height: n.value.rowHeight,
+            y: n.value.top + a * Math.max(0.1, n.value.rowHeight),
+            width: Math.max(0.1, n.value.width),
+            height: Math.max(0.1, n.value.rowHeight),
             fill: T.value !== null && T.value === a ? c(et)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
             onMouseenter: (u) => ve({ datapoint: t, seriesIndex: a }),
             onMouseleave: (u) => de({ datapoint: t, seriesIndex: a }),
@@ -959,9 +959,9 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
           }, null, 40, Ol))), 256))
         ]),
         m(l.$slots, "svg", { svg: n.value }, void 0, !0)
-      ], 14, Yt)),
+      ], 14, jt)),
       l.$slots.watermark ? (o(), i("div", Fl, [
-        m(l.$slots, "watermark", Q(ee({ isPrinting: c(Xe) || c(ze) })), void 0, !0)
+        m(l.$slots, "watermark", Q(ee({ isPrinting: c(Me) || c(Xe) })), void 0, !0)
       ])) : y("", !0),
       d("div", {
         ref_key: "chartLegend",
@@ -991,7 +991,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
                 }, null, 8, Dl)
               ], 8, Hl)),
               c(se) ? y("", !0) : (o(), i(w, { key: 0 }, [
-                je(x(t.name), 1)
+                Ye(x(t.name), 1)
               ], 64))
             ], 4)
           ]),
@@ -1028,10 +1028,10 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
         content: p(() => [
           (o(), O(c(rt), {
             key: `table_${we.value}`,
-            colNames: j.value.colNames,
-            head: j.value.head,
-            body: j.value.body,
-            config: j.value.config,
+            colNames: Y.value.colNames,
+            head: Y.value.head,
+            body: Y.value.body,
+            config: Y.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: s[0] || (s[0] = (t) => D.value.showTable = !1)
           }, {
@@ -1042,7 +1042,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
               }, null, 8, Pl)
             ]),
             td: p(({ td: t }) => [
-              je(x(t.name || t), 1)
+              Ye(x(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -1052,7 +1052,7 @@ const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"]
       c(se) ? (o(), O(Pt, { key: 7 })) : y("", !0)
     ], 46, qt));
   }
-}, ta = /* @__PURE__ */ Wt(El, [["__scopeId", "data-v-e5fefd77"]]);
+}, ta = /* @__PURE__ */ Wt(El, [["__scopeId", "data-v-67a10f96"]]);
 export {
   ta as default
 };

package/dist/{vue-ui-flow-BQUZA0Ci.js → vue-ui-flow-CLlSDNyj.js}

@@ -1,14 +1,14 @@
 import { defineAsyncComponent as q, ref as v, computed as m, onMounted as Yt, toRefs as Gt, watch as Ie, createElementBlock as p, openBlock as i, unref as r, normalizeStyle as D, normalizeClass as gt, createBlock as K, createCommentVNode as N, createElementVNode as re, createVNode as Le, createSlots as jt, withCtx as $, renderSlot as C, normalizeProps as Z, guardReactiveProps as J, Fragment as ue, renderList as ie, toDisplayString as ce, createTextVNode as Ut, nextTick as Vt } from "vue";
-import { u as Xt, c as ze, v as qt, o as mt, e as Kt, t as Zt, p as L, a as Jt, b as Qt, w as T, d as eo, f as ve, X as to, F as yt, L as oo, i as Be, q as lo, r as ao, y as no } from "./index-B5FRcZLo.js";
-import { u as bt } from "./useNestedProp-BwJKakXX.js";
-import { u as so } from "./usePrinter-CHbm8PGD.js";
+import { u as Xt, c as ze, t as qt, o as mt, f as Kt, a as Zt, p as L, b as Jt, d as Qt, h as T, e as eo, i as ve, X as to, F as yt, L as oo, k as Be, v as lo, w as ao, y as no } from "./index-VrsKSULO.js";
+import { u as bt } from "./useNestedProp-lTwriOHy.js";
+import { u as so } from "./usePrinter-BrYkAEvI.js";
 import { u as ro } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as uo } from "./useChartAccessibility-9icAAmYg.js";
-import io from "./Legend-BBaTktyQ.js";
-import co from "./Title-Bnr--aA5.js";
-import vo from "./img-Brj7vn--.js";
+import io from "./Legend-Dt-A6TX4.js";
+import co from "./Title-CNNSPaS8.js";
+import vo from "./img-CNjWjg_p.js";
 import { t as ho, u as fo } from "./useResponsive-DfdjqQps.js";
-import { u as po, B as go } from "./BaseScanner-DIK2NTdp.js";
+import { u as po, B as go } from "./useLoading-Bt5Doa8m.js";
 import { _ as mo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const yo = ["id"], bo = {
   key: 1,
@@ -35,7 +35,7 @@ const yo = ["id"], bo = {
     }
   },
   setup(Ct, { expose: kt }) {
-    const wt = q(() => import("./vue-ui-accordion-h_xORY7m.js")), $t = q(() => import("./DataTable-D1RPxkQn.js")), At = q(() => import("./PackageVersion-Dvivm8-r.js")), Tt = q(() => import("./PenAndPaper-DaQWWpgs.js")), xt = q(() => import("./Tooltip-DSvSWahk.js")), _t = q(() => import("./UserOptions-Dm91TR_d.js")), { vue_ui_flow: St } = Xt(), F = Ct, we = v(ze()), z = v(null), He = v(0), Re = v(0), $e = v(!1), Ae = v(""), De = v(null), We = v(null), Ye = v(null), Q = v(null), de = v(null), Ge = m(() => !!F.dataset && F.dataset.length);
+    const wt = q(() => import("./vue-ui-accordion-CP3KpYYB.js")), $t = q(() => import("./DataTable-CXvbwtai.js")), At = q(() => import("./PackageVersion-D3gM0cgH.js")), Tt = q(() => import("./PenAndPaper-tiWdtLvY.js")), xt = q(() => import("./Tooltip-DsVWsLP0.js")), _t = q(() => import("./UserOptions-DdxzR5Mv.js")), { vue_ui_flow: St } = Xt(), F = Ct, we = v(ze()), z = v(null), He = v(0), Re = v(0), $e = v(!1), Ae = v(""), De = v(null), We = v(null), Ye = v(null), Q = v(null), de = v(null), Ge = m(() => !!F.dataset && F.dataset.length);
     Yt(() => {
       Ue();
     });

package/dist/{vue-ui-funnel-BaJXfhkn.js → vue-ui-funnel-BoxOdEOh.js}

@@ -1,12 +1,12 @@
 import { useCssVars as De, computed as d, defineAsyncComponent as O, ref as h, shallowRef as ge, onMounted as Re, onBeforeUnmount as Me, watch as Be, createElementBlock as i, openBlock as n, unref as s, normalizeStyle as _, normalizeClass as z, createBlock as N, createCommentVNode as b, createSlots as Ee, withCtx as g, renderSlot as m, normalizeProps as E, guardReactiveProps as V, createVNode as Ve, createElementVNode as w, mergeProps as J, Fragment as U, renderList as G, toDisplayString as j, createTextVNode as Ue, nextTick as Ge } from "vue";
-import { u as je, c as He, o as Xe, e as pe, g as qe, d as Ye, l as We, i as H, f as X, X as Je, F as Ke, E as K, a as Qe, q as Ze, r as et } from "./index-B5FRcZLo.js";
-import { u as ke } from "./useNestedProp-BwJKakXX.js";
-import { u as tt } from "./usePrinter-CHbm8PGD.js";
+import { u as je, c as He, o as Xe, f as pe, g as Ye, e as qe, l as We, k as H, i as X, X as Je, F as Ke, E as K, b as Qe, v as Ze, w as et } from "./index-VrsKSULO.js";
+import { u as ke } from "./useNestedProp-lTwriOHy.js";
+import { u as tt } from "./usePrinter-BrYkAEvI.js";
 import { t as at, u as lt } from "./useResponsive-DfdjqQps.js";
 import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ot } from "./useChartAccessibility-9icAAmYg.js";
-import nt from "./Title-Bnr--aA5.js";
-import rt from "./img-Brj7vn--.js";
+import nt from "./Title-CNNSPaS8.js";
+import rt from "./img-CNjWjg_p.js";
 import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["id"], ht = ["stop-color"], ft = ["stop-color"], bt = ["stop-color"], mt = ["stroke", "stroke-width"], yt = ["stroke", "stroke-width"], gt = ["x", "y", "font-size", "fill", "font-weight"], pt = ["points", "fill"], kt = ["stroke", "stroke-width", "rx"], Ct = ["x", "y", "font-size", "fill", "font-weight"], wt = ["x", "y", "font-size", "fill", "font-weight"], $t = {
   key: 5,
@@ -31,14 +31,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
     De((t) => ({
       83613044: Pe.value
     }));
-    const $e = O(() => import("./vue-ui-accordion-h_xORY7m.js")), xe = O(() => import("./DataTable-D1RPxkQn.js")), Le = O(() => import("./PackageVersion-Dvivm8-r.js")), _e = O(() => import("./PenAndPaper-DaQWWpgs.js")), Ae = O(() => import("./vue-ui-skeleton-CzVYh2n3.js")), Te = O(() => import("./UserOptions-Dm91TR_d.js")), { vue_ui_funnel: Se } = je(), y = Ce, $ = h(null), P = h(He()), Q = h(0), Z = h(0), ee = h(0), te = h(null), ae = h(null), le = h(null), C = ge(null), A = ge(null), x = h(!1), T = d(() => !!y.dataset && y.dataset.length);
+    const $e = O(() => import("./vue-ui-accordion-CP3KpYYB.js")), xe = O(() => import("./DataTable-CXvbwtai.js")), Le = O(() => import("./PackageVersion-D3gM0cgH.js")), _e = O(() => import("./PenAndPaper-tiWdtLvY.js")), Ae = O(() => import("./vue-ui-skeleton-CcR1KppS.js")), Te = O(() => import("./UserOptions-DdxzR5Mv.js")), { vue_ui_funnel: Se } = je(), y = Ce, $ = h(null), P = h(He()), Q = h(0), Z = h(0), ee = h(0), te = h(null), ae = h(null), le = h(null), C = ge(null), A = ge(null), x = h(!1), T = d(() => !!y.dataset && y.dataset.length);
     Re(se);
     function se() {
       if (Xe(y.dataset) ? pe({
         componentName: "VueUiFunnel",
         type: "dataset"
       }) : y.dataset.forEach((t, l) => {
-        qe({
+        Ye({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((a) => {
@@ -100,9 +100,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
     const e = d({
       get: () => oe(),
       set: (t) => t
-    }), { userOptionsVisible: q, setUserOptionsVisibility: ne, keepUserOptionState: re } = st({ config: e.value }), { svgRef: ue } = ot({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: Y, setUserOptionsVisibility: ne, keepUserOptionState: re } = st({ config: e.value }), { svgRef: ue } = ot({ config: e.value.style.chart.title });
     Be(() => y.config, (t) => {
-      e.value = oe(), q.value = !e.value.userOptions.showOnChartHover, se(), Z.value += 1, ee.value += 1, c.value.circles = e.value.style.chart.circles.dataLabels.fontSize, c.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, c.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, I.value.showTable = e.value.table.show;
+      e.value = oe(), Y.value = !e.value.userOptions.showOnChartHover, se(), Z.value += 1, ee.value += 1, c.value.circles = e.value.style.chart.circles.dataLabels.fontSize, c.value.names = e.value.style.chart.bars.dataLabels.name.fontSize, c.value.values = e.value.style.chart.bars.dataLabels.value.fontSize, I.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: ie, isImaging: ce, generatePdf: ve, generateImage: de } = tt({
       elementId: `funnel_${P.value}`,
@@ -122,7 +122,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       set: (t) => t
     }), p = d(() => T.value ? y.dataset.map((t, l) => ({
       ...t,
-      color: t.color ? Ye(t.color) : We(e.value.style.chart.bars.defaultColor, l / y.dataset.length)
+      color: t.color ? qe(t.color) : We(e.value.style.chart.bars.defaultColor, l / y.dataset.length)
     })) : []);
     setTimeout(() => {
       x.value = !0;
@@ -166,7 +166,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       F.value = t, Q.value += 1;
     }
     const Pe = d(() => `${p.value.length * 150}ms`), M = h(!1);
-    function Y() {
+    function q() {
       M.value = !M.value;
     }
     function me() {
@@ -263,7 +263,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
       generateCsv: ye,
       generateImage: de,
       toggleTable: me,
-      toggleAnnotator: Y,
+      toggleAnnotator: q,
       toggleFullscreen: be
     }), (t, l) => (n(), i("div", {
       ref_key: "funnelChart",
@@ -280,7 +280,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: M.value,
-        onClose: Y
+        onClose: q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
       Oe.value ? (n(), i("div", {
         key: 1,
@@ -309,7 +309,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : b("", !0),
-      e.value.userOptions.show && T.value && (s(re) || s(q)) ? (n(), N(s(Te), {
+      e.value.userOptions.show && T.value && (s(re) || s(Y)) ? (n(), N(s(Te), {
         ref: "details",
         key: `user_option_${Q.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -332,14 +332,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], vt = ["width", "height"], dt = ["i
         isAnnotation: M.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleAnnotator: Y,
+        onToggleAnnotator: q,
         onToggleFullscreen: be,
         onGeneratePdf: s(ve),
         onGenerateImage: s(de),
         onToggleTable: me,
         onGenerateCsv: ye,
         style: _({
-          visibility: s(re) ? s(q) ? "visible" : "hidden" : "visible"
+          visibility: s(re) ? s(Y) ? "visible" : "hidden" : "visible"
         })
       }, Ee({ _: 2 }, [
         t.$slots.menuIcon ? {

package/dist/{vue-ui-galaxy-AamRVENQ.js → vue-ui-galaxy-DYyCeO0g.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as k, computed as p, onMounted as Ue, ref as n, watch as We, createElementBlock as i, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as B, createBlock as x, createCommentVNode as c, renderSlot as v, createVNode as de, createSlots as He, withCtx as d, normalizeProps as P, guardReactiveProps as S, createElementVNode as _, Fragment as he, renderList as pe, toDisplayString as I, createTextVNode as Xe, nextTick as je } from "vue";
-import { u as Ye, o as qe, e as ge, g as Je, c as ye, t as Ke, p as G, a as Qe, b as Ze, G as fe, d as et, M as tt, f as C, X as lt, i as be, y as me, q as at, r as ot, z as st } from "./index-B5FRcZLo.js";
-import { u as ke } from "./useNestedProp-BwJKakXX.js";
-import { u as rt } from "./usePrinter-CHbm8PGD.js";
+import { u as Ye, o as qe, f as ge, g as Je, c as ye, a as Ke, p as G, b as Qe, d as Ze, G as fe, e as et, M as tt, i as C, X as lt, k as be, y as me, v as at, w as ot, z as st } from "./index-VrsKSULO.js";
+import { u as ke } from "./useNestedProp-lTwriOHy.js";
+import { u as rt } from "./usePrinter-BrYkAEvI.js";
 import { u as ut } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as nt } from "./useChartAccessibility-9icAAmYg.js";
-import it from "./img-Brj7vn--.js";
+import it from "./img-CNjWjg_p.js";
 import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vt = ["id"], dt = {
   key: 1,
@@ -39,7 +39,7 @@ const vt = ["id"], dt = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(we, { expose: Ce, emit: $e }) {
-    const xe = k(() => import("./vue-ui-accordion-h_xORY7m.js")), Te = k(() => import("./DataTable-D1RPxkQn.js")), Oe = k(() => import("./Legend-BBaTktyQ.js")), Pe = k(() => import("./PackageVersion-Dvivm8-r.js")), Se = k(() => import("./PenAndPaper-DaQWWpgs.js")), _e = k(() => import("./vue-ui-skeleton-CzVYh2n3.js")), Ne = k(() => import("./Title-Bnr--aA5.js")), Fe = k(() => import("./Tooltip-DSvSWahk.js")), Le = k(() => import("./UserOptions-Dm91TR_d.js")), { vue_ui_galaxy: Ie } = Ye(), f = we, A = p(() => !!f.dataset && f.dataset.length);
+    const xe = k(() => import("./vue-ui-accordion-CP3KpYYB.js")), Te = k(() => import("./DataTable-CXvbwtai.js")), Oe = k(() => import("./Legend-Dt-A6TX4.js")), Pe = k(() => import("./PackageVersion-D3gM0cgH.js")), Se = k(() => import("./PenAndPaper-tiWdtLvY.js")), _e = k(() => import("./vue-ui-skeleton-CcR1KppS.js")), Ne = k(() => import("./Title-CNNSPaS8.js")), Fe = k(() => import("./Tooltip-DsVWsLP0.js")), Le = k(() => import("./UserOptions-DdxzR5Mv.js")), { vue_ui_galaxy: Ie } = Ye(), f = we, A = p(() => !!f.dataset && f.dataset.length);
     Ue(() => {
       X();
     });