vue-data-ui 3.16.5 → 3.17.0

package/dist/{vue-ui-funnel-WJG6UU4c.js → vue-ui-funnel-CNF2ULOQ.js}

@@ -1,7 +1,7 @@
 import { useCssVars as rt, defineAsyncComponent as x, ref as c, shallowRef as Te, computed as v, onMounted as ut, onBeforeUnmount as it, watch as Oe, openBlock as n, createElementBlock as h, unref as s, normalizeStyle as O, normalizeClass as N, createBlock as F, withCtx as r, renderSlot as u, normalizeProps as C, guardReactiveProps as k, createCommentVNode as g, createSlots as _e, createVNode as Pe, createElementVNode as $, mergeProps as W, Fragment as q, renderList as Y, toDisplayString as E, resolveDynamicComponent as ct, createTextVNode as De, nextTick as ze } from "vue";
 import { j as vt, o as dt, q as Ie, r as ht, s as ft, x as bt, k as J, l as K, X as mt, W as gt, a2 as ne, a0 as pt, a1 as yt } from "./lib-DBptbyyI.js";
 import { t as Ct, u as kt } from "./useResponsive-DfdjqQps.js";
-import { u as wt } from "./useConfig-CpJA0VZa.js";
+import { u as wt } from "./useConfig-ChRble71.js";
 import { u as $t } from "./usePrinter-CEpYU3r5.js";
 import { u as Lt } from "./useSvgExport-ByUukOZt.js";
 import { u as re } from "./useNestedProp-Bf5XFbs8.js";
@@ -36,7 +36,7 @@ const Dt = ["id"], zt = ["xmlns", "viewBox"], It = ["width", "height"], Nt = ["i
     rt((t) => ({
       v571664dc: Ze.value
     }));
-    const Re = x(() => import("./BaseIcon-Cb3zzG6s.js")), Ue = x(() => import("./vue-ui-skeleton-BE5ADLxq.js")), Me = x(() => import("./vue-ui-accordion-BF4v32wv.js")), Ve = x(() => import("./DataTable-DT2kIdQ6.js")), Ee = x(() => import("./UserOptions-rW2fRf3V.js")), Ge = x(() => import("./PenAndPaper-Ct3qJ4lA.js")), je = x(() => import("./PackageVersion-CvtT2-UH.js")), He = x(() => import("./BaseDraggableDialog-CIb-iD9g.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);
+    const Re = x(() => import("./BaseIcon-Cb3zzG6s.js")), Ue = x(() => import("./vue-ui-skeleton-Dai-bZZw.js")), Me = x(() => import("./vue-ui-accordion-CnDW2UQL.js")), Ve = x(() => import("./DataTable-DT2kIdQ6.js")), Ee = x(() => import("./UserOptions-rW2fRf3V.js")), Ge = x(() => import("./PenAndPaper-Ct3qJ4lA.js")), je = x(() => import("./PackageVersion-B3kmPxTR.js")), He = x(() => import("./BaseDraggableDialog-CIb-iD9g.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);
     ut(fe);
     function fe() {
       if (dt(p.dataset) ? Ie({

package/dist/{vue-ui-galaxy-Cnqgwc0G.js → vue-ui-galaxy-BzlU9OSU.js}

@@ -1,8 +1,8 @@
-import { defineAsyncComponent as L, ref as n, computed as d, toRefs as Kt, onMounted as Yt, watch as Qe, openBlock as u, createElementBlock as p, unref as r, normalizeStyle as X, normalizeClass as le, createElementVNode as C, toDisplayString as ae, createBlock as $, createCommentVNode as h, withCtx as i, renderSlot as c, normalizeProps as b, guardReactiveProps as m, createSlots as Ze, createVNode as ke, Fragment as et, renderList as tt, Teleport as qt, resolveDynamicComponent as Jt, mergeProps as Qt, createTextVNode as lt, nextTick as oe } from "vue";
-import { j as at, t as ot, o as Zt, q as nt, r as el, m as tl, p as ne, n as ll, a8 as st, s as al, ad as ol, k as ut, l as D, X as nl, T as rt, a0 as sl, a1 as ul, U as rl } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as L, ref as n, computed as d, toRefs as Kt, onMounted as Yt, watch as Qe, openBlock as u, createElementBlock as p, unref as r, normalizeStyle as X, normalizeClass as ae, createElementVNode as C, toDisplayString as oe, createBlock as $, createCommentVNode as h, withCtx as i, renderSlot as c, normalizeProps as b, guardReactiveProps as m, createSlots as Ze, createVNode as ke, Fragment as et, renderList as tt, Teleport as qt, resolveDynamicComponent as Jt, mergeProps as Qt, createTextVNode as lt, nextTick as ne } from "vue";
+import { j as at, t as ot, o as Zt, q as nt, r as el, m as tl, p as se, n as ll, a8 as st, s as al, ad as ol, k as ut, l as D, X as nl, T as rt, a0 as sl, a1 as ul, U as rl } from "./lib-DBptbyyI.js";
 import { b as il } from "./labelUtils-CqTHa20R.js";
 import { t as cl, u as vl } from "./useResponsive-DfdjqQps.js";
-import { u as dl } from "./useConfig-CpJA0VZa.js";
+import { u as dl } from "./useConfig-ChRble71.js";
 import { u as hl, B as gl } from "./BaseScanner-BhhkKVoj.js";
 import { u as pl } from "./usePrinter-CEpYU3r5.js";
 import { u as fl } from "./useSvgExport-ByUukOZt.js";
@@ -17,7 +17,7 @@ import Tl from "./vue_ui_galaxy-D95AN4FT.js";
 import { A as $l } from "./A11yDataTable-KcVAX2cP.js";
 import { B as xl } from "./BaseLegendToggle-BQVIawmA.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"], _l = ["id"], Fl = ["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"], _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 = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -43,7 +43,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(it, { expose: ct, emit: vt }) {
-    const dt = L(() => import("./Tooltip-Bf-kM3_A.js")), ht = L(() => import("./BaseIcon-Cb3zzG6s.js")), gt = L(() => import("./vue-ui-accordion-BF4v32wv.js")), pt = L(() => import("./DataTable-DT2kIdQ6.js")), ft = L(() => import("./PenAndPaper-Ct3qJ4lA.js")), yt = L(() => import("./UserOptions-rW2fRf3V.js")), bt = L(() => import("./PackageVersion-CvtT2-UH.js")), mt = L(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_galaxy: kt } = dl(), { isThemeValid: Ct, warnInvalidTheme: wt } = yl(), T = it, k = n(at()), x = n(null), j = n(!1), se = 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), ue = n(null), Y = n(!1), q = n(!1), B = n(null), J = n(null), Le = n({ x: 0, y: 0 }), re = n("pointer"), Q = n(!1), De = d(() => !!T.dataset && T.dataset.length), e = n(ce()), U = d(() => e.value.userOptions.useCursorPointer), Tt = d(() => ot({
+    const dt = L(() => import("./Tooltip-C8KGyqQk.js")), ht = L(() => import("./BaseIcon-Cb3zzG6s.js")), gt = L(() => import("./vue-ui-accordion-CnDW2UQL.js")), pt = L(() => import("./DataTable-DT2kIdQ6.js")), ft = L(() => import("./PenAndPaper-Ct3qJ4lA.js")), yt = L(() => import("./UserOptions-rW2fRf3V.js")), bt = L(() => import("./PackageVersion-B3kmPxTR.js")), mt = L(() => import("./BaseDraggableDialog-CIb-iD9g.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(() => e.value.userOptions.useCursorPointer), Tt = d(() => ot({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -58,13 +58,13 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: Z, FINAL_DATASET: _e } = hl({
+    })), { loading: Z, FINAL_DATASET: Fe } = hl({
       ...Kt(T),
       FINAL_CONFIG: e,
-      prepareConfig: ce,
+      prepareConfig: ve,
       callback: () => {
         Promise.resolve().then(async () => {
-          await oe(), f.value.showTable = e.value.table.show;
+          await ne(), f.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: T.config?.skeletonDataset ?? [
@@ -80,12 +80,12 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     Yt(() => {
       Ie.value = !0, Ne();
     });
-    const Fe = d(() => !!e.value.debug);
+    const _e = d(() => !!e.value.debug);
     function Ne() {
       if (Zt(T.dataset) ? nt({
         componentName: "VueUiGalaxy",
         type: "dataset",
-        debug: Fe.value
+        debug: _e.value
       }) : T.dataset.forEach((t, a) => {
         el({
           datasetObject: t,
@@ -96,7 +96,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
             type: "datasetSerieAttribute",
             property: l,
             index: a,
-            debug: Fe.value
+            debug: _e.value
           });
         });
       }), e.value.responsive) {
@@ -115,8 +115,8 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         M.value && (K.value && M.value.unobserve(K.value), M.value.disconnect()), M.value = new ResizeObserver(t), K.value = x.value.parentNode, M.value.observe(K.value);
       }
     }
-    const { userOptionsVisible: ie, setUserOptionsVisibility: Be, keepUserOptionState: Ve } = bl({ config: e.value }), { svgRef: _ } = ml({ config: e.value.style.chart.title });
-    function ce() {
+    const { userOptionsVisible: ce, setUserOptionsVisibility: Be, keepUserOptionState: Ve } = bl({ config: e.value }), { svgRef: F } = ml({ config: e.value.style.chart.title });
+    function ve() {
       const t = Ce({
         userConfig: T.config,
         defaultConfig: kt
@@ -133,13 +133,13 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       });
       return {
         ...o,
-        customPalette: o.customPalette.length ? o.customPalette : tl[a] || ne
+        customPalette: o.customPalette.length ? o.customPalette : tl[a] || se
       };
     }
     Qe(() => T.config, (t) => {
-      e.value = ce(), ie.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, 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;
     }, { deep: !0 });
-    const { isPrinting: ve, isImaging: de, generatePdf: Ee, generateImage: Me } = pl({
+    const { isPrinting: de, isImaging: he, generatePdf: Ee, generateImage: Me } = pl({
       elementId: `galaxy_${k.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-galaxy",
       options: e.value.userOptions.print
@@ -153,14 +153,14 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       width: ee.value,
       height: te.value,
       viewBox: `${St.value} ${Pt.value} ${ee.value} ${te.value}`
-    })), he = vt, g = n([]);
+    })), ge = vt, g = n([]);
     function At() {
       g.value.length ? g.value = [] : W.value.forEach((t) => {
         g.value.push(t.id);
       });
     }
     function z(t) {
-      g.value.includes(t.id) ? g.value = g.value.filter((a) => a !== t.id) : g.value.push(t.id), he("selectLegend", V.value.map((a) => ({
+      g.value.includes(t.id) ? g.value = g.value.filter((a) => a !== t.id) : g.value.push(t.id), ge("selectLegend", V.value.map((a) => ({
         name: a.name,
         color: a.color,
         value: a.value
@@ -180,9 +180,9 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       const a = Re(t);
       a !== null && (g.value.includes(a.id) || z({ id: a.id }));
     }
-    const w = d(() => _e.value.map((t, a) => ({
+    const w = d(() => Fe.value.map((t, a) => ({
       name: t.name,
-      color: al(t.color) || xt.value[a] || ne[a] || ne[a % ne.length],
+      color: al(t.color) || xt.value[a] || se[a] || se[a % se.length],
       value: t.values ? st(t.values).reduce((l, o) => l + o, 0) : 0,
       absoluteValues: st(t.values),
       id: at()
@@ -199,7 +199,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     }
     const S = d(() => w.value.filter((t) => !g.value.includes(t.id)).map((t) => t.value).reduce((t, a) => t + a, 0)), Ue = n(190), ze = d(() => w.value.filter((t) => !g.value.includes(t.id))), Dt = d(
       () => (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) / 2 + (e.value.style.chart.layout.padding ?? 12)
-    ), _t = d(() => ol({
+    ), Ft = d(() => ol({
       maxPoints: Ue.value,
       a: e.value.style.chart.layout.arcs.a ?? 6,
       b: e.value.style.chart.layout.arcs.b ?? 6,
@@ -218,12 +218,12 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           ...l,
           seriesIndex: a,
           proportion: l.value / S.value,
-          path: _t.value(o)
+          path: Ft.value(o)
         });
       }
       return t.filter((a) => !g.value.includes(a.id)).toSorted((a, l) => l.points - a.points);
     });
-    function ge(t) {
+    function pe(t) {
       const a = Math.min(ee.value, te.value), l = P.value === t.id && e.value.style.chart.layout.arcs.hoverEffect.show ? e.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, o = (e.value.style.chart.layout.arcs.strokeWidth + e.value.style.chart.layout.arcs.borderWidth) * l, v = e.value.style.chart.layout.arcs.strokeWidth * l, s = e.value.style.chart.layout.arcs.strokeWidth / 2 * l;
       return {
         border: o / 180 * a,
@@ -231,17 +231,17 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         blur: s / 180 * a
       };
     }
-    const F = n(!1);
+    const _ = n(!1);
     function We(t) {
-      F.value = t, we.value += 1;
+      _.value = t, we.value += 1;
     }
-    const pe = n(null);
+    const le = n(null);
     function fe() {
       j.value = !1, P.value = null, B.value = null, J.value = null;
     }
-    function Ft(t) {
-      if (!_.value || !t) return;
-      const a = _.value.querySelector(`[data-a11y-serie-id="${t}"]`);
+    function _t(t) {
+      if (!F.value || !t) return;
+      const a = F.value.querySelector(`[data-a11y-serie-id="${t}"]`);
       if (!a) return;
       const l = a.getBoundingClientRect();
       Le.value = {
@@ -250,10 +250,10 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       };
     }
     function Nt(t) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex }), !(J.value === t.id && re.value === "keyboard") && (j.value = !1, P.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex }), !(J.value === t.id && ie.value === "keyboard") && (j.value = !1, P.value = null);
     }
     function Ge(t) {
-      he("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
+      ge("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
     }
     function He({
       val: t,
@@ -272,7 +272,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     }
     function Xe({ datapoint: t, _relativeIndex: a, seriesIndex: l, show: o = !1, triggerMode: v = "pointer", flatIndex: s = null }) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex }), !f.value.showTooltip) return;
-      re.value = v, B.value = s, J.value = t.id, pe.value = {
+      ie.value = v, B.value = s, J.value = t.id, le.value = {
         datapoint: t,
         seriesIndex: l,
         series: w.value,
@@ -285,7 +285,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         datapoint: t,
         series: w.value,
         config: e.value
-      })) ? se.value = I({
+      })) ? ue.value = I({
         seriesIndex: l,
         datapoint: t,
         series: w.value,
@@ -309,8 +309,8 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           s: "%",
           r: e.value.style.chart.tooltip.roundingPercentage
         })
-      })}</b></div>`, se.value = `<div>${y}</div>`), v === "keyboard" && oe(() => {
-        Ft(t.id);
+      })}</b></div>`, ue.value = `<div>${y}</div>`), v === "keyboard" && ne(() => {
+        _t(t.id);
       });
     }
     const W = d(() => w.value.map((t, a) => {
@@ -327,7 +327,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       });
       return {
         ...t,
-        proportion: (t.value || 0) / _e.value.map((s) => (s.values || []).reduce((y, I) => y + I, 0)).reduce((s, y) => s + y, 0),
+        proportion: (t.value || 0) / Fe.value.map((s) => (s.values || []).reduce((y, I) => y + I, 0)).reduce((s, y) => s + y, 0),
         opacity: g.value.includes(t.id) ? 0.5 : 1,
         shape: t.shape || "circle",
         segregate: () => z(t),
@@ -349,7 +349,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       return { head: t, body: a };
     });
     function ye(t = null) {
-      oe(() => {
+      ne(() => {
         const a = O.value.head.map((v, s) => [[
           v.name
         ], [O.value.body[s]], [isNaN(O.value.body[s] / S.value) ? "-" : O.value.body[s] / S.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = sl(l);
@@ -431,7 +431,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: F.value,
+          isFullscreen: _.value,
           fullscreenParent: x.value,
           forcedWidth: Math.min(500, window.innerWidth * 0.8),
           isCursorPointer: U.value
@@ -456,20 +456,20 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       e.value.table.show || (t && e.value.table.useDialog && R.value ? R.value.open() : "close" in R.value && R.value.close());
     });
     function Ye() {
-      f.value.showTable = !1, ue.value && ue.value.setTableIconState(!1);
+      f.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
     const Et = d(() => W.value.map((t) => ({
       ...t,
       name: t.display
     }))), Mt = d(() => e.value.style.chart.backgroundColor), Rt = d(() => e.value.style.chart.legend), Ut = d(() => e.value.style.chart.title), { exportSvg: zt, getSvg: Wt } = fl({
-      svg: _,
+      svg: F,
       title: Ut,
       legend: Rt,
       legendItems: Et,
       backgroundColor: Mt
     });
     async function qe({ isCb: t }) {
-      q.value = !0, await oe();
+      q.value = !0, await ne();
       try {
         if (t) {
           const { blob: a, url: l, text: o, dataUrl: v } = await Wt();
@@ -492,7 +492,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       Me();
     }
     async function Je() {
-      if (he("copyAlt", {
+      if (ge("copyAlt", {
         config: e.value,
         dataset: w.value
       }), !e.value.userOptions.callbacks.altCopy) {
@@ -511,7 +511,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       fe(), Q.value = !1;
     }
     function jt(t) {
-      if (!_.value || G.value || document.activeElement !== _.value || !N.value.length) return;
+      if (!F.value || G.value || document.activeElement !== F.value || !N.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;
       if (t.preventDefault(), t.stopPropagation(), v) {
@@ -560,7 +560,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
     }), (t, a) => (u(), p("div", {
       ref_key: "galaxyChart",
       ref: x,
-      class: le(`vue-data-ui-component vue-ui-galaxy ${F.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${r(Z) ? "loading" : ""}`),
+      class: ae(`vue-data-ui-component vue-ui-galaxy ${_.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)),
@@ -572,7 +572,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         id: `chart-instructions-${k.value}`,
         class: "sr-only"
       }, [
-        C("p", null, ae(e.value.a11y.translations.keyboardNavigation), 1)
+        C("p", null, oe(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Al),
       me.value?.rows?.length ? (u(), $($l, {
         key: 0,
@@ -584,7 +584,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : h("", !0),
       e.value.userOptions.buttons.annotator ? (u(), $(r(ft), {
         key: 1,
-        svgRef: r(_),
+        svgRef: r(F),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: G.value,
@@ -641,14 +641,14 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       C("div", {
         id: `legend-top-${k.value}`
       }, null, 8, Ol),
-      e.value.userOptions.show && De.value && (r(Ve) || r(ie)) ? (u(), $(r(yt), {
+      e.value.userOptions.show && De.value && (r(Ve) || r(ce)) ? (u(), $(r(yt), {
         ref_key: "userOptionsRef",
-        ref: ue,
+        ref: re,
         key: `user_option_${we.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: r(ve),
-        isImaging: r(de),
+        isPrinting: r(de),
+        isImaging: r(he),
         uid: k.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -659,7 +659,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: F.value,
+        isFullscreen: _.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: x.value,
         position: e.value.userOptions.position,
@@ -679,7 +679,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         onToggleAnnotator: be,
         onCopyAlt: Je,
         style: X({
-          visibility: r(Ve) ? r(ie) ? "visible" : "hidden" : "visible"
+          visibility: r(Ve) ? r(ce) ? "visible" : "hidden" : "visible"
         })
       }, Ze({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -756,10 +756,10 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       C("div", Il, [
         (u(), p("svg", {
           ref_key: "svgRef",
-          ref: _,
+          ref: F,
           xmlns: r(nl),
           "aria-describedby": `chart-instructions-${k.value}`,
-          class: le({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value }),
+          class: ae({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
           viewBox: A.value.viewBox,
           style: X(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
           tabindex: "0",
@@ -791,8 +791,8 @@ 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, Fl)
-            ], 8, _l)
+              }, null, 8, _l)
+            ], 8, Fl)
           ]),
           (u(!0), p(et, null, tt(V.value, (l) => (u(), p("g", null, [
             l.value ? (u(), p("path", {
@@ -800,7 +800,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
               d: l.path,
               fill: "none",
               stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": ge(l).border,
+              "stroke-width": pe(l).border,
               "stroke-linecap": "round"
             }, null, 8, Nl)) : h("", !0),
             l.value ? (u(), p("path", {
@@ -808,9 +808,9 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
               d: l.path,
               fill: "none",
               stroke: l.color,
-              "stroke-width": ge(l).path,
+              "stroke-width": pe(l).path,
               "stroke-linecap": "round",
-              class: le(`${P.value && P.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+              class: ae(`${P.value && P.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
             }, null, 10, Bl)) : h("", !0),
             l.value && e.value.style.chart.layout.arcs.gradient.show ? (u(), p("g", {
               key: 2,
@@ -820,9 +820,9 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
                 d: l.path,
                 fill: "none",
                 stroke: e.value.style.chart.layout.arcs.gradient.color,
-                "stroke-width": ge(l).blur,
+                "stroke-width": pe(l).blur,
                 "stroke-linecap": "round",
-                class: le(`vue-ui-galaxy-gradient ${P.value && P.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
+                class: ae(`vue-ui-galaxy-gradient ${P.value && P.value !== l.id && e.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
               }, null, 10, El)
             ], 8, Vl)) : h("", !0)
           ]))), 256)),
@@ -855,7 +855,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
           c(t.$slots, "svg", {
             svg: {
               ...A.value,
-              isPrintingImg: r(ve) | r(de) | Y.value,
+              isPrintingImg: r(de) | r(he) | Y.value,
               isPrintingSvg: q.value
             }
           }, void 0, !0)
@@ -865,7 +865,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         ])) : h("", !0)
       ]),
       t.$slots.watermark ? (u(), p("div", Ul, [
-        c(t.$slots, "watermark", b(m({ isPrinting: r(ve) || r(de) || Y.value || q.value })), void 0, !0)
+        c(t.$slots, "watermark", b(m({ isPrinting: r(de) || r(he) || Y.value || q.value })), void 0, !0)
       ])) : h("", !0),
       C("div", {
         id: `legend-bottom-${k.value}`
@@ -889,7 +889,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
                 key: 0,
                 onClick: (v) => z(l),
                 style: X(`opacity:${g.value.includes(l.id) ? 0.5 : 1}`)
-              }, ae(l.display), 13, Wl))
+              }, oe(l.display), 13, Wl))
             ]),
             legendToggle: i(() => [
               W.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !r(Z) ? (u(), $(xl, {
@@ -927,21 +927,24 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: x.value,
-        content: se.value,
-        isFullscreen: F.value,
+        content: ue.value,
+        isFullscreen: _.value,
         isCustom: r(rt)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold,
-        isA11yMode: re.value === "keyboard",
+        isA11yMode: ie.value === "keyboard",
         a11yPosition: Le.value
       }, {
         "tooltip-before": i(() => [
-          c(t.$slots, "tooltip-before", b(m({ ...pe.value })), void 0, !0)
+          c(t.$slots, "tooltip-before", b(m({ ...le.value })), void 0, !0)
+        ]),
+        tooltip: i(() => [
+          c(t.$slots, "tooltip", b(m({ ...le.value })), void 0, !0)
         ]),
         "tooltip-after": i(() => [
-          c(t.$slots, "tooltip-after", b(m({ ...pe.value })), void 0, !0)
+          c(t.$slots, "tooltip-after", b(m({ ...le.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
@@ -969,7 +972,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
               }, null, 8, Gl)
             ]),
             td: i(({ td: l }) => [
-              lt(ae(l.name || l), 1)
+              lt(oe(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
@@ -979,7 +982,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
         e.value.table.useDialog ? {
           name: "title",
           fn: i(() => [
-            lt(ae(H.value.title), 1)
+            lt(oe(H.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1006,7 +1009,7 @@ const Pl = ["id"], Al = ["id"], Ol = ["id"], Il = { style: { position: "relative
       ], !0)
     ], 46, Pl));
   }
-}, va = /* @__PURE__ */ Sl(Hl, [["__scopeId", "data-v-8cc4168c"]]);
+}, va = /* @__PURE__ */ Sl(Hl, [["__scopeId", "data-v-94493a3b"]]);
 export {
   va as default
 };

package/dist/{vue-ui-gauge-BXFwr3H7.js → vue-ui-gauge-aF_V6ynK.js}

@@ -3,7 +3,7 @@ import { j as kt, t as Ie, m as bt, p as Xe, n as St, o as Re, s as wt, q as H,
 import { t as zt, u as Ft } from "./useResponsive-DfdjqQps.js";
 import { u as Ot, B as Pt } from "./BaseScanner-BhhkKVoj.js";
 import { u as Mt } from "./usePrinter-CEpYU3r5.js";
-import { u as Nt } from "./useConfig-CpJA0VZa.js";
+import { u as Nt } from "./useConfig-ChRble71.js";
 import { u as It } from "./useSvgExport-ByUukOZt.js";
 import { u as ce } from "./useNestedProp-Bf5XFbs8.js";
 import { u as Xt } from "./useThemeCheck-D1ZYXUwG.js";
@@ -35,7 +35,7 @@ const jt = ["id"], Bt = { key: 0 }, Dt = ["xmlns", "viewBox"], Wt = ["width", "h
   },
   emits: ["copyAlt"],
   setup(Te, { expose: Ee, emit: Le }) {
-    const Ge = ae(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ue = ae(() => import("./UserOptions-rW2fRf3V.js")), je = ae(() => import("./PackageVersion-CvtT2-UH.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({
+    const Ge = ae(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ue = ae(() => import("./UserOptions-rW2fRf3V.js")), je = ae(() => import("./PackageVersion-B3kmPxTR.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({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {