vue-data-ui 3.17.9 → 3.17.11

package/dist/{vue-ui-flow-jJLellQk.js → vue-ui-flow-BYjkId4Z.js}

@@ -20,7 +20,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Pl = ["id"], Il = { style: { position: "relative" } }, Nl = ["xmlns", "aria-describedby", "viewBox"], Ol = ["width", "height"], El = ["id"], _l = ["stop-color"], Fl = ["stop-color"], Ml = ["d", "fill", "stroke", "stroke-width"], Dl = ["data-a11y-node-id", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx", "aria-label", "onMouseenter", "onMouseleave", "onClick"], Ll = { key: 1 }, Bl = ["x", "y", "font-size", "fill"], Yl = ["x", "y", "font-size", "fill"], zl = {
+}, Pl = ["id"], Il = { style: { position: "relative" } }, Nl = ["xmlns", "aria-describedby", "viewBox"], Ol = ["width", "height"], El = ["id"], Fl = ["stop-color"], _l = ["stop-color"], Ml = ["d", "fill", "stroke", "stroke-width"], Dl = ["data-a11y-node-id", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx", "aria-label", "onMouseenter", "onMouseleave", "onClick"], Ll = { key: 1 }, Bl = ["x", "y", "font-size", "fill"], Yl = ["x", "y", "font-size", "fill"], zl = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -51,10 +51,10 @@ const xl = ["id"], Tl = ["id"], Sl = {
     ), po = te(
       () => import("./UserOptions-DVduN6X7.js")
     ), go = te(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), yo = te(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_flow: mo } = dl(), { isThemeValid: bo, warnInvalidTheme: Co } = gl(), N = so, ko = uo, U = r(Ue()), V = r(null), ft = r(0), ht = r(0), Ne = r(!1), Ve = r(""), pt = r(null), gt = r(null), yt = r(null), ye = r(null), Oe = r(null), mt = r(!1), me = r(null), Ge = r(null), wo = r(null), Ee = r(!1), _e = r(!1), be = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), Fe = r(!1), Ct = i(() => !!N.dataset && N.dataset.length);
+    ), { vue_ui_flow: mo } = dl(), { isThemeValid: bo, warnInvalidTheme: Co } = gl(), N = so, ko = uo, U = r(Ue()), V = r(null), ft = r(0), ht = r(0), Ne = r(!1), Ve = r(""), pt = r(null), gt = r(null), yt = r(null), ye = r(null), Oe = r(null), mt = r(!1), me = r(null), Ge = r(null), wo = r(null), Ee = r(!1), Fe = r(!1), be = r(null), de = r(null), bt = r({ x: 0, y: 0 }), je = r("pointer"), _e = r(!1), Ct = i(() => !!N.dataset && N.dataset.length);
     Xo(() => {
       mt.value = !0, wt();
     });
@@ -216,28 +216,28 @@ const xl = ["id"], Tl = ["id"], Sl = {
         const m = l[s]?.level ?? 0, R = m + 1;
         a(s, m), a(d, R), l[s].children.push({ target: d, value: g }), l[s].outflow += g, l[d].inflow += g;
       });
-      const n = new Set(t.map(([s]) => s)), p = new Set(t.map(([, s]) => s)), O = Array.from(n).filter((s) => !p.has(s)), F = {};
+      const n = new Set(t.map(([s]) => s)), p = new Set(t.map(([, s]) => s)), O = Array.from(n).filter((s) => !p.has(s)), _ = {};
       O.forEach((s, d) => {
-        F[s] = De.value[d] || q[d % q.length];
+        _[s] = De.value[d] || q[d % q.length];
       });
       const z = {};
       t.forEach(([s, d, g, m]) => {
         m && (z[s] = m, z[d] = m);
       }), Object.keys(l).forEach((s, d) => {
         const g = e.value.nodeCategories?.[s], m = g ? e.value.nodeCategoryColors?.[g] : null;
-        l[s].color = z[s] || m || (O.includes(s) ? F[s] : null) || q[d % q.length];
+        l[s].color = z[s] || m || (O.includes(s) ? _[s] : null) || q[d % q.length];
       }), Object.keys(l).forEach((s) => {
         l[s].value = Math.max(l[s].inflow, l[s].outflow);
       });
       const W = ke.value, G = Et.value.width, j = Et.value.height, C = Object.keys(o).map(Number).sort((s, d) => s - d), E = C.length || 1, M = E > 1 ? G / (E - 1) : 0, rt = Number(Ce.value), Te = Number(
         e.value.style.chart.nodes.gapPx ?? e.value.style.chart.nodes.gap ?? 8
-      ), _ = Number(
+      ), F = Number(
         e.value.style.chart.nodes.minHeight || 0
       );
       function Z(s) {
         const d = o[s], g = d.length;
         if (!g) return 1 / 0;
-        const m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(_, g ? R / g : 0);
+        const m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(F, g ? R / g : 0);
         let x = 0, D = d.map((k) => l[k].value || 0), T = D.reduce((k, L) => k + L, 0);
         for (let k = 0; k < 12; k += 1) {
           const L = T > 0 ? (R - x) / T : 0, ee = [];
@@ -254,7 +254,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       }
       const Se = C.map(Z), h = Se.length ? Math.min(...Se) : 0, y = {};
       C.forEach((s) => {
-        const d = o[s], g = d.length, m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(_, g ? R / g : 0), x = d.map(
+        const d = o[s], g = d.length, m = Math.max(0, (g - 1) * Te), R = Math.max(0, j - m), Q = Math.min(F, g ? R / g : 0), x = d.map(
           (k) => Math.max(Q, (l[k].value || 0) * h)
         ), D = x.reduce((k, L) => k + L, 0) + m;
         let T = Math.max(0, (j - D) / 2);
@@ -356,32 +356,32 @@ const xl = ["id"], Tl = ["id"], Sl = {
     function tt(t, l, o = "pointer", a = null) {
       re.value = [], A.value = So(t.name), ne.value = t.name, $e.value = t.id, je.value = o, be.value = a, de.value = t.id;
       const n = t.name, p = It.value;
-      let O = 0, F = 0, z = [], W = [];
+      let O = 0, _ = 0, z = [], W = [];
       const G = new Set(p.map(([h]) => h)), j = new Set(p.map(([, h]) => h)), C = Array.from(G).filter((h) => !j.has(h)), E = p.filter(([h]) => C.includes(h)).reduce((h, [y, J, ue]) => h + ue, 0), M = {};
       $.value.nodes.forEach((h) => {
         M[h.name] = h.color;
       }), p.forEach(([h, y, J]) => {
-        y === n && (O += J, z.push({ source: h, value: J, color: M[h] })), h === n && (F += J, W.push({ target: y, value: J, color: M[y] }));
+        y === n && (O += J, z.push({ source: h, value: J, color: M[h] })), h === n && (_ += J, W.push({ target: y, value: J, color: M[y] }));
       });
-      const rt = Math.max(O, F), Te = E > 0 ? rt / E * 100 : 0, _ = {
+      const rt = Math.max(O, _), Te = E > 0 ? rt / E * 100 : 0, F = {
         name: n,
         inflow: O,
-        outflow: F,
+        outflow: _,
         from: z,
         to: W,
         percentOfTotal: Te,
         color: M[n] || "#000000"
       };
       e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: _,
+        datapoint: F,
         seriesIndex: l
-      }), fe.value = { datapoint: _ }, Ne.value = !0;
+      }), fe.value = { datapoint: F }, Ne.value = !0;
       let Z = "";
       const Se = e.value.style.chart.tooltip.customFormat;
       if (Le.value = !1, ul(Se))
         try {
           const h = Se({
-            datapoint: _,
+            datapoint: F,
             series: $.value,
             config: e.value
           });
@@ -392,11 +392,11 @@ const xl = ["id"], Tl = ["id"], Sl = {
       if (!Le.value) {
         const h = e.value.style.chart.tooltip.showPercentage ? `<div>${ge({
           p: e.value.style.chart.tooltip.translations.percentOfTotal,
-          v: _.percentOfTotal,
+          v: F.percentOfTotal,
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })}</div>` : "";
-        Z += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${_.color}">⏹</span>${_.name}${h}</div>`, _.from.length && (Z += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, _.from.forEach((y) => {
+        Z += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${F.color}">⏹</span>${F.name}${h}</div>`, F.from.length && (Z += `<div>${e.value.style.chart.tooltip.translations.from}</div>`, F.from.forEach((y) => {
           Z += `<div><span style="color:${y.color}">⏹←</span> ${y.source}: ${We(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
@@ -407,7 +407,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
               r: e.value.style.chart.nodes.labels.rounding
             })
           )}</div>`;
-        })), _.to.length && (Z += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, _.to.forEach((y) => {
+        })), F.to.length && (Z += `<div style="margin-top:6px;">${e.value.style.chart.tooltip.translations.to}</div>`, F.to.forEach((y) => {
           Z += `<div><span style="color:${y.color}">⏹→</span> ${y.target}: ${We(
             e.value.style.chart.nodes.labels.formatter,
             y.value,
@@ -424,14 +424,14 @@ const xl = ["id"], Tl = ["id"], Sl = {
         Po(t.id);
       });
     }
-    function _t(t) {
+    function Ft(t) {
       const l = fe.value;
       e.value.events.datapointLeave && e.value.events.datapointLeave({
         datapoint: l,
         seriesIndex: t
       }), !(je.value === "keyboard" && de.value) && ($e.value = null, A.value = null, ne.value = null, Ne.value = !1);
     }
-    function Ft(t) {
+    function _t(t) {
       const l = fe.value;
       e.value.events.datapointClick && e.value.events.datapointClick({
         datapoint: l,
@@ -649,15 +649,15 @@ const xl = ["id"], Tl = ["id"], Sl = {
     const Eo = i(() => nt.value.map((t) => ({
       ...t,
       name: t.display
-    }))), _o = i(() => e.value.style.chart.backgroundColor), Fo = i(() => e.value.style.chart.legend), Mo = i(() => e.value.style.chart.title), { exportSvg: Do, getSvg: Lo } = pl({
+    }))), Fo = i(() => e.value.style.chart.backgroundColor), _o = i(() => e.value.style.chart.legend), Mo = i(() => e.value.style.chart.title), { exportSvg: Do, getSvg: Lo } = pl({
       svg: ae,
       title: Mo,
-      legend: Fo,
+      legend: _o,
       legendItems: Eo,
-      backgroundColor: _o
+      backgroundColor: Fo
     });
     async function zt({ isCb: t }) {
-      _e.value = !0, await dt();
+      Fe.value = !0, await dt();
       try {
         if (t) {
           const { blob: l, url: o, text: a, dataUrl: n } = await Lo();
@@ -672,7 +672,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
         } else
           await Promise.resolve(Do());
       } finally {
-        _e.value = !1;
+        Fe.value = !1;
       }
     }
     function Bo(t) {
@@ -717,16 +717,16 @@ const xl = ["id"], Tl = ["id"], Sl = {
       if (!o || !o.nodes.length) return null;
       let a = o.nodes[0], n = Math.abs(a.centerY - l);
       for (let p = 1; p < o.nodes.length; p += 1) {
-        const O = o.nodes[p], F = Math.abs(O.centerY - l);
-        F < n && (a = O, n = F);
+        const O = o.nodes[p], _ = Math.abs(O.centerY - l);
+        _ < n && (a = O, n = _);
       }
       return a;
     }
     function Ho() {
-      be.value = null, de.value = null, Fe.value = !0;
+      be.value = null, de.value = null, _e.value = !0;
     }
     function Uo() {
-      et(), Fe.value = !1;
+      et(), _e.value = !1;
     }
     function Wo(t) {
       if (!ae.value || Ae.value || document.activeElement !== ae.value || !Be.value.length) return;
@@ -739,7 +739,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       }
       if (p) {
         if (be.value === null) return;
-        Ft(be.value);
+        _t(be.value);
         return;
       }
       if (de.value === null) {
@@ -749,9 +749,9 @@ const xl = ["id"], Tl = ["id"], Sl = {
         tt(C, E, "keyboard", E);
         return;
       }
-      const F = Ye.value.get(de.value);
-      if (F === void 0) return;
-      const z = Be.value[F];
+      const _ = Ye.value.get(de.value);
+      if (_ === void 0) return;
+      const z = Be.value[_];
       if (!z) return;
       const W = Yo(z.id);
       if (W < 0) return;
@@ -789,7 +789,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       toggleAnnotator: at,
       toggleTooltip: Lt,
       drillCategory: st,
-      unselectNode: _t,
+      unselectNode: Ft,
       toggleFullscreen: kt,
       copyAlt: Rt
     }), (t, l) => (c(), b("div", {
@@ -800,7 +800,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       id: `flow_${U.value}`,
       onMouseenter: l[2] || (l[2] = () => u($t)(!0)),
       onMouseleave: l[3] || (l[3] = () => {
-        u($t)(!1), Fe.value || et();
+        u($t)(!1), _e.value || et();
       })
     }, [
       H("div", {
@@ -1028,11 +1028,11 @@ const xl = ["id"], Tl = ["id"], Sl = {
               H("stop", {
                 offset: "0%",
                 "stop-color": o.sourceColor
-              }, null, 8, _l),
+              }, null, 8, Fl),
               H("stop", {
                 offset: "100%",
                 "stop-color": o.targetColor
-              }, null, 8, Fl)
+              }, null, 8, _l)
             ], 8, El))), 256))
           ]),
           (c(!0), b(Pe, null, Ie($.value.links, (o) => (c(), b("path", {
@@ -1080,8 +1080,8 @@ const xl = ["id"], Tl = ["id"], Sl = {
               "pointer",
               Ye.value.get(o.id)
             ),
-            onMouseleave: (n) => _t(a),
-            onClick: (n) => Ft(a)
+            onMouseleave: (n) => Ft(a),
+            onClick: (n) => _t(a)
           }, null, 44, Dl))), 256)),
           e.value.style.chart.nodes.labels.show ? (c(), b("g", Ll, [
             (c(!0), b(Pe, null, Ie($.value.nodes, (o, a) => (c(), b("text", {
@@ -1122,26 +1122,26 @@ const xl = ["id"], Tl = ["id"], Sl = {
             svg: {
               ...we.value,
               isPrintingImg: u(Je) | u(Qe) | Ee.value,
-              isPrintingSvg: _e.value
+              isPrintingSvg: Fe.value
             }
           }, void 0, !0)
         ], 46, Nl)),
         t.$slots.hint ? (c(), b("div", zl, [
           v(t.$slots, "hint", S(P({
             hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: Fe.value
+            isVisible: _e.value
           })), void 0, !0)
         ])) : w("", !0)
       ]),
       t.$slots.watermark ? (c(), b("div", Rl, [
         v(t.$slots, "watermark", S(P({
-          isPrinting: u(Je) || u(Qe) || Ee.value || _e.value
+          isPrinting: u(Je) || u(Qe) || Ee.value || Fe.value
         })), void 0, !0)
       ])) : w("", !0),
       H("div", {
         id: `legend-bottom-${U.value}`
       }, null, 8, Hl),
-      mt.value ? (c(), oe(Zo, {
+      mt.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (c(), oe(Zo, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${U.value}` : `#legend-bottom-${U.value}`
       }, [
@@ -1149,23 +1149,24 @@ const xl = ["id"], Tl = ["id"], Sl = {
           ref_key: "chartLegend",
           ref: pt
         }, [
-          e.value.style.chart.legend.show && nt.value.length ? (c(), oe(wl, {
-            key: 0,
-            legendSet: nt.value,
-            config: No.value,
-            isCursorPointer: ve.value,
-            onClickMarker: l[0] || (l[0] = (o) => st(o))
-          }, {
-            item: f(({ legend: o, index: a }) => [
-              u(Ke) ? w("", !0) : (c(), b("div", {
-                key: 0,
-                onClick: (n) => o.segregate(),
-                style: X(`opacity:${re.value.length ? re.value.includes(a) ? 1 : 0.5 : 1}`)
-              }, pe(o.display), 13, Ul))
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : w("", !0),
-          v(t.$slots, "legend", { legend: Bt.value }, void 0, !0)
+          v(t.$slots, "legend", { legend: Bt.value }, () => [
+            e.value.style.chart.legend.show && nt.value.length ? (c(), oe(wl, {
+              key: 0,
+              legendSet: nt.value,
+              config: No.value,
+              isCursorPointer: ve.value,
+              onClickMarker: l[0] || (l[0] = (o) => st(o))
+            }, {
+              item: f(({ legend: o, index: a }) => [
+                u(Ke) ? w("", !0) : (c(), b("div", {
+                  key: 0,
+                  onClick: (n) => o.segregate(),
+                  style: X(`opacity:${re.value.length ? re.value.includes(a) ? 1 : 0.5 : 1}`)
+                }, pe(o.display), 13, Ul))
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config", "isCursorPointer"])) : w("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : w("", !0),
       t.$slots.source ? (c(), b("div", {
@@ -1272,7 +1273,7 @@ const xl = ["id"], Tl = ["id"], Sl = {
       ], !0)
     ], 46, xl));
   }
-}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-27f534c6"]]);
+}, ia = /* @__PURE__ */ Al(Vl, [["__scopeId", "data-v-4ba591ed"]]);
 export {
   ia as default
 };

package/dist/{vue-ui-funnel-C4JIWkGm.js → vue-ui-funnel-BZtpP-Of.js}

@@ -36,12 +36,12 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
     rt((t) => ({
       v3170e5db: Ze.value
     }));
-    const Re = x(() => import("./BaseIcon-DX0hTWa-.js")), Ue = x(() => import("./vue-ui-skeleton-BPUPkwbA.js")), Me = x(() => import("./vue-ui-accordion-_zwPlx0H.js")), Ve = x(() => import("./DataTable-cMnb68Ik.js")), Ee = x(
+    const Re = x(() => import("./BaseIcon-DX0hTWa-.js")), Ue = x(() => import("./vue-ui-skeleton-BSR3VLyw.js")), Me = x(() => import("./vue-ui-accordion-_zwPlx0H.js")), Ve = x(() => import("./DataTable-cMnb68Ik.js")), Ee = x(
       () => import("./UserOptions-DVduN6X7.js")
     ), Ge = x(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), je = x(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), He = x(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_funnel: Xe } = wt(), { isThemeValid: We, warnInvalidTheme: qe } = At(), p = Ne, Ye = Be, L = c(null), B = c(vt()), ue = c(0), ie = c(0), ce = c(0), ve = c(null), de = c(null), he = c(null), A = Te(null), _ = Te(null), S = c(!1), R = c(null), Q = c(null), G = c(!1), j = c(!1), P = v(() => !!p.dataset && p.dataset.length);

package/dist/{vue-ui-galaxy-CuqTB4XR.js → vue-ui-galaxy-bdIj6ERd.js}

@@ -17,7 +17,7 @@ import Tl from "./vue_ui_galaxy-D95AN4FT.js";
 import { A as $l } from "./A11yDataTable-BpmuNomI.js";
 import { B as xl } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative" } }, Ll = ["xmlns", "aria-describedby", "viewBox"], Dl = ["width", "height"], Fl = ["id"], _l = ["stdDeviation"], Nl = ["d", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width"], Vl = ["filter"], El = ["d", "stroke", "stroke-width"], Ml = ["data-a11y-serie-id", "d", "stroke-width", "aria-label", "onMouseenter", "onMouseleave", "onClick"], Rl = {
+const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative" } }, Ll = ["xmlns", "aria-describedby", "viewBox"], Dl = ["width", "height"], Fl = ["id"], Nl = ["stdDeviation"], _l = ["d", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width"], Vl = ["filter"], El = ["d", "stroke", "stroke-width"], Ml = ["data-a11y-serie-id", "d", "stroke-width", "aria-label", "onMouseenter", "onMouseleave", "onClick"], Rl = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -48,7 +48,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     ), yt = L(
       () => import("./UserOptions-DVduN6X7.js")
     ), bt = L(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), mt = L(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_galaxy: kt } = dl(), { isThemeValid: Ct, warnInvalidTheme: wt } = yl(), T = it, k = n(at()), x = n(null), j = n(!1), ue = n(""), P = n(null), we = n(0), Te = n(0), $e = n(0), xe = n(0), Se = n(null), Pe = n(null), Ae = n(null), Oe = n(null), M = n(null), K = n(null), Ie = n(!1), R = n(null), re = n(null), Y = n(!1), q = n(!1), B = n(null), J = n(null), Le = n({ x: 0, y: 0 }), ie = n("pointer"), Q = n(!1), De = d(() => !!T.dataset && T.dataset.length), e = n(ve()), U = d(
@@ -88,14 +88,14 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       })
     });
     Yt(() => {
-      Ie.value = !0, Ne();
+      Ie.value = !0, _e();
     });
-    const _e = d(() => !!e.value.debug);
-    function Ne() {
+    const Ne = d(() => !!e.value.debug);
+    function _e() {
       if (Zt(T.dataset) ? nt({
         componentName: "VueUiGalaxy",
         type: "dataset",
-        debug: _e.value
+        debug: Ne.value
       }) : T.dataset.forEach((t, a) => {
         el({
           datasetObject: t,
@@ -106,7 +106,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
             type: "datasetSerieAttribute",
             property: l,
             index: a,
-            debug: _e.value
+            debug: Ne.value
           });
         });
       }), e.value.responsive) {
@@ -151,7 +151,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     Qe(
       () => T.config,
       (t) => {
-        e.value = ve(), ce.value = !e.value.userOptions.showOnChartHover, Ne(), Te.value += 1, $e.value += 1, xe.value += 1, f.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
+        e.value = ve(), ce.value = !e.value.userOptions.showOnChartHover, _e(), Te.value += 1, $e.value += 1, xe.value += 1, f.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show;
       },
       { deep: !0 }
     );
@@ -250,15 +250,15 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         blur: s / 180 * a
       };
     }
-    const _ = n(!1);
+    const N = n(!1);
     function We(t) {
-      _.value = t, we.value += 1;
+      N.value = t, we.value += 1;
     }
     const le = n(null);
     function fe() {
       j.value = !1, P.value = null, B.value = null, J.value = null;
     }
-    function _t(t) {
+    function Nt(t) {
       if (!F.value || !t) return;
       const a = F.value.querySelector(
         `[data-a11y-serie-id="${t}"]`
@@ -270,7 +270,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         y: l.top + l.height / 2
       };
     }
-    function Nt(t) {
+    function _t(t) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({
         datapoint: t,
         seriesIndex: t.absoluteIndex
@@ -344,7 +344,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           r: e.value.style.chart.tooltip.roundingPercentage
         })
       })}</b></div>`, ue.value = `<div>${y}</div>`), v === "keyboard" && ne(() => {
-        _t(t.id);
+        Nt(t.id);
       });
     }
     const W = d(() => w.value.map((t, a) => {
@@ -500,7 +500,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: _.value,
+          isFullscreen: N.value,
           fullscreenParent: x.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8),
           isCursorPointer: U.value
@@ -594,7 +594,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       fe(), Q.value = !1;
     }
     function jt(t) {
-      if (!F.value || G.value || document.activeElement !== F.value || !N.value.length) return;
+      if (!F.value || G.value || document.activeElement !== F.value || !_.value.length) return;
       const a = t.key === "ArrowLeft" || t.key === "ArrowUp", l = t.key === "ArrowRight" || t.key === "ArrowDown", o = t.key === "Enter" || t.key === " ", v = t.key === "Escape";
       if (!a && !l && !o && !v)
         return;
@@ -604,14 +604,14 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       }
       if (o) {
         if (B.value === null) return;
-        const I = N.value[B.value];
+        const I = _.value[B.value];
         if (!I) return;
         Ge(I.datapoint);
         return;
       }
       let s = B.value;
-      s === null || s < 0 || s >= N.value.length ? s = l ? 0 : N.value.length - 1 : (s += l ? 1 : -1, s < 0 && (s = N.value.length - 1), s >= N.value.length && (s = 0));
-      const y = N.value[s];
+      s === null || s < 0 || s >= _.value.length ? s = l ? 0 : _.value.length - 1 : (s += l ? 1 : -1, s < 0 && (s = _.value.length - 1), s >= _.value.length && (s = 0));
+      const y = _.value[s];
       y && Xe({
         datapoint: y.datapoint,
         seriesIndex: y.datapoint.seriesIndex,
@@ -623,7 +623,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     const me = d(() => {
       const t = E.value?.colNames ?? [], a = E.value?.body ?? [];
       return { headers: t, rows: a };
-    }), N = d(() => V.value.map((t, a) => ({
+    }), _ = d(() => V.value.map((t, a) => ({
       datapoint: t,
       index: a
     })));
@@ -644,7 +644,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     }), (t, a) => (u(), p("div", {
       ref_key: "galaxyChart",
       ref: x,
-      class: ae(`vue-data-ui-component vue-ui-galaxy ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${r(Z) ? "loading" : ""}`),
+      class: ae(`vue-data-ui-component vue-ui-galaxy ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${r(Z) ? "loading" : ""}`),
       style: X(`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_${k.value}`,
       onMouseenter: a[2] || (a[2] = () => r(Be)(!0)),
@@ -743,7 +743,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
         isTooltip: f.value.showTooltip,
-        isFullscreen: _.value,
+        isFullscreen: N.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: x.value,
         position: e.value.userOptions.position,
@@ -844,8 +844,8 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           xmlns: r(nl),
           "aria-describedby": `chart-instructions-${k.value}`,
           class: ae({
-            "vue-data-ui-fullscreen--on": _.value,
-            "vue-data-ui-fulscreen--off": !_.value
+            "vue-data-ui-fullscreen--on": N.value,
+            "vue-data-ui-fulscreen--off": !N.value
           }),
           viewBox: A.value.viewBox,
           style: X(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
@@ -878,7 +878,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
               C("feGaussianBlur", {
                 in: "SourceGraphic",
                 stdDeviation: 100 / e.value.style.chart.layout.arcs.gradient.intensity
-              }, null, 8, _l)
+              }, null, 8, Nl)
             ], 8, Fl)
           ]),
           (u(!0), p(et, null, tt(V.value, (l) => (u(), p("g", null, [
@@ -889,7 +889,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": pe(l).border,
               "stroke-linecap": "round"
-            }, null, 8, Nl)) : h("", !0),
+            }, null, 8, _l)) : h("", !0),
             l.value ? (u(), p("path", {
               key: 1,
               d: l.path,
@@ -935,7 +935,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
                 triggerMode: "pointer",
                 flatIndex: o
               }),
-              onMouseleave: (v) => Nt(l),
+              onMouseleave: (v) => _t(l),
               onClick: (v) => Ge(l)
             }, null, 40, Ml)) : h("", !0)
           ]))), 256)),
@@ -962,7 +962,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       C("div", {
         id: `legend-bottom-${k.value}`
       }, null, 8, zl),
-      Ie.value ? (u(), $(qt, {
+      Ie.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (u(), $(qt, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
       }, [
@@ -970,32 +970,33 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           ref_key: "chartLegend",
           ref: Pe
         }, [
-          e.value.style.chart.legend.show ? (u(), $(wl, {
-            key: `legend_${xe.value}`,
-            legendSet: W.value,
-            config: Bt.value,
-            onClickMarker: a[0] || (a[0] = ({ legend: l }) => z(l))
-          }, {
-            item: i(({ legend: l, index: o }) => [
-              r(Z) ? h("", !0) : (u(), p("div", {
-                key: 0,
-                onClick: (v) => z(l),
-                style: X(`opacity:${g.value.includes(l.id) ? 0.5 : 1}`)
-              }, oe(l.display), 13, Wl))
-            ]),
-            legendToggle: i(() => [
-              W.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !r(Z) ? (u(), $(xl, {
-                key: 0,
-                backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                color: e.value.style.chart.legend.selectAllToggle.color,
-                fontSize: e.value.style.chart.legend.fontSize,
-                checked: g.value.length > 0,
-                onToggle: At
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : h("", !0)
-            ]),
-            _: 1
-          }, 8, ["legendSet", "config"])) : h("", !0),
-          c(t.$slots, "legend", { legend: W.value }, void 0, !0)
+          c(t.$slots, "legend", { legend: W.value }, () => [
+            e.value.style.chart.legend.show ? (u(), $(wl, {
+              key: `legend_${xe.value}`,
+              legendSet: W.value,
+              config: Bt.value,
+              onClickMarker: a[0] || (a[0] = ({ legend: l }) => z(l))
+            }, {
+              item: i(({ legend: l, index: o }) => [
+                r(Z) ? h("", !0) : (u(), p("div", {
+                  key: 0,
+                  onClick: (v) => z(l),
+                  style: X(`opacity:${g.value.includes(l.id) ? 0.5 : 1}`)
+                }, oe(l.display), 13, Wl))
+              ]),
+              legendToggle: i(() => [
+                W.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !r(Z) ? (u(), $(xl, {
+                  key: 0,
+                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
+                  color: e.value.style.chart.legend.selectAllToggle.color,
+                  fontSize: e.value.style.chart.legend.fontSize,
+                  checked: g.value.length > 0,
+                  onToggle: At
+                }, null, 8, ["backgroundColor", "color", "fontSize", "checked"])) : h("", !0)
+              ]),
+              _: 1
+            }, 8, ["legendSet", "config"])) : h("", !0)
+          ], !0)
         ], 512)
       ], 8, ["to"])) : h("", !0),
       t.$slots.source ? (u(), p("div", {
@@ -1020,7 +1021,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: x.value,
         content: ue.value,
-        isFullscreen: _.value,
+        isFullscreen: N.value,
         isCustom: r(rt)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
@@ -1101,7 +1102,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       ], !0)
     ], 46, Pl));
   }
-}, va = /* @__PURE__ */ Sl(Hl, [["__scopeId", "data-v-26b908be"]]);
+}, va = /* @__PURE__ */ Sl(Hl, [["__scopeId", "data-v-e02aecef"]]);
 export {
   va as default
 };

package/dist/{vue-ui-gauge-B5bJUzMr.js → vue-ui-gauge-DT5-qFXl.js}

@@ -40,7 +40,7 @@ const jt = ["id"], Bt = { key: 0 }, Dt = ["xmlns", "viewBox"], Wt = ["width", "h
     ), Ue = ae(
       () => import("./UserOptions-DVduN6X7.js")
     ), je = ae(
-      () => import("./PackageVersion-Ov37I8ii.js")
+      () => import("./PackageVersion-CHNfLQ9Q.js")
     ), { vue_ui_gauge: Be } = Nt(), { isThemeValid: De, warnInvalidTheme: We } = Xt(), g = Te, Ve = Le, He = d(() => !!g.dataset && Object.keys(g.dataset).length > 0 && g.dataset.series && g.dataset.series.length), C = f(kt()), qe = f(null), ve = f(0), N = f(null), de = f(null), he = f(null), fe = f(null), ye = f(null), ge = f(0), G = f(!1), U = f(!1), e = f(Z()), me = d(
       () => e.value.userOptions.useCursorPointer
     ), Ze = d(() => Ie({