vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-strip-plot-B-tszwir.js → vue-ui-strip-plot-Dg2URhvc.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as D, computed as h, ref as u, toRefs as rl, watch as ie, shallowRef as pt, onMounted as ul, onBeforeUnmount as ft, watchEffect as il, openBlock as r, createElementBlock as i, unref as c, normalizeStyle as Q, normalizeClass as ee, createElementVNode as m, toDisplayString as P, createBlock as z, createCommentVNode as f, withCtx as d, renderSlot as v, normalizeProps as g, guardReactiveProps as k, createSlots as yt, createVNode as ze, Fragment as A, renderList as N, mergeProps as bt, resolveDynamicComponent as cl, createTextVNode as mt, nextTick as gt } from "vue";
-import { j as Ne, t as kt, m as vl, p as B, o as xt, q as Me, r as Ct, n as dl, s as wt, K as hl, D as pl, l as ce, X as fl, k as Ie, Z as yl, au as bl, x as ml, w as gl, T as At, a2 as kl, a0 as xl, a1 as Cl, U as wl } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as D, computed as h, ref as u, toRefs as rl, watch as ce, shallowRef as pt, onMounted as ul, onBeforeUnmount as ft, watchEffect as il, openBlock as r, createElementBlock as i, unref as c, normalizeStyle as Q, normalizeClass as ee, createElementVNode as m, toDisplayString as P, createBlock as z, createCommentVNode as f, withCtx as d, renderSlot as v, normalizeProps as g, guardReactiveProps as k, createSlots as yt, createVNode as ze, Fragment as A, renderList as N, mergeProps as bt, resolveDynamicComponent as cl, createTextVNode as mt, nextTick as gt } from "vue";
+import { j as Ne, t as kt, m as vl, p as B, o as xt, q as Me, r as Ct, n as dl, s as wt, K as hl, D as pl, l as ve, X as fl, k as Ie, Z as yl, au as bl, x as ml, w as gl, T as At, a2 as kl, a0 as xl, a1 as Cl, U as wl } from "./lib-DBptbyyI.js";
 import { t as Lt, u as Al } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./useConfig-CpJA0VZa.js";
+import { u as Ll } from "./useConfig-ChRble71.js";
 import { u as $l, B as Tl } from "./BaseScanner-BhhkKVoj.js";
 import { u as Sl } from "./usePrinter-CEpYU3r5.js";
 import { u as _l } from "./useSvgExport-ByUukOZt.js";
@@ -42,14 +42,14 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
   },
   emits: ["selectDatapoint", "copyAlt"],
   setup($t, { expose: Tt, emit: St }) {
-    const _t = D(() => import("./Tooltip-Bf-kM3_A.js")), Pt = D(() => import("./BaseIcon-Cb3zzG6s.js")), Ot = D(() => import("./vue-ui-accordion-BF4v32wv.js")), Dt = D(() => import("./DataTable-DT2kIdQ6.js")), zt = D(() => import("./UserOptions-rW2fRf3V.js")), Nt = D(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mt = D(() => import("./PackageVersion-1BHnPIBZ.js")), It = D(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_strip_plot: Ft } = Ll(), { isThemeValid: Rt, warnInvalidTheme: Bt } = Pl(), x = $t, Re = St, te = h({
+    const _t = D(() => import("./Tooltip-C8KGyqQk.js")), Pt = D(() => import("./BaseIcon-Cb3zzG6s.js")), Ot = D(() => import("./vue-ui-accordion-CnDW2UQL.js")), Dt = D(() => import("./DataTable-DT2kIdQ6.js")), zt = D(() => import("./UserOptions-rW2fRf3V.js")), Nt = D(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mt = D(() => import("./PackageVersion-B3kmPxTR.js")), It = D(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_strip_plot: Ft } = Ll(), { isThemeValid: Rt, warnInvalidTheme: Bt } = Pl(), x = $t, Re = St, te = h({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), E = u(Ne()), Be = u(0), le = u(!1), ve = u(""), T = u(null), Ee = u(null), We = u(null), Ge = u(null), Ue = u(!1), He = u(0), Ve = u(0), H = u(null), de = u(null), ae = u(!1), oe = u(!1), he = u(null), pe = u(null), se = u(null), fe = u(null), W = u(null), V = u(null), K = u("pointer"), Ke = u({ x: 0, y: 0 }), ye = u(!1), e = u(xe()), X = h(() => e.value.userOptions.useCursorPointer), Et = h(() => kt({
+    }), E = u(Ne()), Be = u(0), le = u(!1), de = u(""), T = u(null), Ee = u(null), We = u(null), Ge = u(null), Ue = u(!1), He = u(0), Ve = u(0), H = u(null), he = u(null), ae = u(!1), oe = u(!1), pe = u(null), fe = u(null), se = u(null), ye = u(null), W = u(null), V = u(null), K = u("pointer"), Ke = u({ x: 0, y: 0 }), be = u(!1), e = u(Ce()), X = h(() => e.value.userOptions.useCursorPointer), Et = h(() => kt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -87,10 +87,10 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: be, FINAL_DATASET: me, manualLoading: ge } = $l({
+    })), { loading: me, FINAL_DATASET: ge, manualLoading: ke } = $l({
       ...rl(x),
       FINAL_CONFIG: e,
-      prepareConfig: xe,
+      prepareConfig: Ce,
       skeletonDataset: x.config?.skeletonDataset ?? [
         {
           name: "_",
@@ -142,8 +142,8 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         defaultConfig: e.value,
         userConfig: Et.value
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Xe, keepUserOptionState: je } = Ol({ config: e.value }), { svgRef: M } = Dl({ config: e.value.style.chart.title });
-    function xe() {
+    }), { userOptionsVisible: xe, setUserOptionsVisibility: Xe, keepUserOptionState: je } = Ol({ config: e.value }), { svgRef: M } = Dl({ config: e.value.style.chart.title });
+    function Ce() {
       const t = Fe({
         userConfig: x.config,
         defaultConfig: Ft
@@ -163,22 +163,22 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         customPalette: o.customPalette.length ? o.customPalette : vl[a] || B
       };
     }
-    ie(() => x.config, async (t) => {
-      be.value || (e.value = xe()), ke.value = !e.value.userOptions.showOnChartHover, Ye(), He.value += 1, Ve.value += 1, b.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip.show, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
-    }, { deep: !0 }), ie(() => x.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ge.value = !1);
+    ce(() => x.config, async (t) => {
+      me.value || (e.value = Ce()), xe.value = !e.value.userOptions.showOnChartHover, Ye(), He.value += 1, Ve.value += 1, b.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip.show, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
+    }, { deep: !0 }), ce(() => x.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (ke.value = !1);
     }, { deep: !0 });
     const O = pt(null), G = pt(null);
     ul(() => {
       Ye();
     });
-    const Ce = h(() => !!e.value.debug);
+    const we = h(() => !!e.value.debug);
     function Ye() {
       if (xt(x.dataset) ? (Me({
         componentName: "VueUiStripPlot",
         type: "dataset",
-        debug: Ce.value
-      }), ge.value = !0) : x.dataset.forEach((t, a) => {
+        debug: we.value
+      }), ke.value = !0) : x.dataset.forEach((t, a) => {
         Ct({
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
@@ -188,7 +188,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
             type: "datasetSerieAttribute",
             property: l,
             index: a,
-            debug: Ce.value
+            debug: we.value
           });
         }), t.plots && t.plots.forEach((l, o) => {
           Ct({
@@ -200,11 +200,11 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
               type: "datasetSerieAttribute",
               property: s,
               index: `${a},${o}`,
-              debug: Ce.value
+              debug: we.value
             });
           });
         });
-      }), xt(x.dataset) || (ge.value = e.value.loading), e.value.responsive) {
+      }), xt(x.dataset) || (ke.value = e.value.loading), e.value.responsive) {
         const t = Lt(() => {
           const { width: a, height: l } = Al({
             chart: T.value,
@@ -231,7 +231,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
     ft(() => {
       O.value && (G.value && O.value.unobserve(G.value), O.value.disconnect());
     });
-    const { isPrinting: we, isImaging: Ae, generatePdf: qe, generateImage: Je } = Sl({
+    const { isPrinting: Ae, isImaging: Le, generatePdf: qe, generateImage: Je } = Sl({
       elementId: `strip-plot_${E.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
@@ -247,7 +247,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       },
       showTooltip: e.value.style.chart.tooltip.show
     });
-    ie(e, () => {
+    ce(e, () => {
       b.value = {
         showTable: e.value.table.show,
         dataLabels: {
@@ -256,18 +256,18 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         showTooltip: e.value.style.chart.tooltip.show
       }, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
     }, { immediate: !0 });
-    const Le = h(() => Math.min(Y.value, n.value.stripWidth / 2 * 0.9));
+    const $e = h(() => Math.min(Y.value, n.value.stripWidth / 2 * 0.9));
     function Ut() {
       let t = 0;
-      fe.value && (t = Array.from(fe.value.querySelectorAll("text")).reduce((o, s) => {
+      ye.value && (t = Array.from(ye.value.querySelectorAll("text")).reduce((o, s) => {
         const p = s.getComputedTextLength();
         return p > o ? p : o;
       }, 0));
-      const a = pe.value ? pe.value.getBoundingClientRect().width : 0;
+      const a = fe.value ? fe.value.getBoundingClientRect().width : 0;
       return t + a + (a ? 24 : 0);
     }
-    const $e = u(0), Ht = Lt((t) => {
-      $e.value = t;
+    const Te = u(0), Ht = Lt((t) => {
+      Te.value = t;
     }, 100);
     il((t) => {
       const a = se.value;
@@ -277,15 +277,15 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       });
       l.observe(a), t(() => l.disconnect());
     }), ft(() => {
-      $e.value = 0;
+      Te.value = 0;
     });
     const Vt = h(() => {
       let t = 0;
-      he.value && (t = he.value.getBBox().height + e.value.style.chart.labels.axis.fontSize / 3 + 12 + e.value.style.chart.labels.axis.xLabelOffsetY);
+      pe.value && (t = pe.value.getBBox().height + e.value.style.chart.labels.axis.fontSize / 3 + 12 + e.value.style.chart.labels.axis.xLabelOffsetY);
       let a = 0;
-      return se.value && (a = $e.value + 12), t + a;
+      return se.value && (a = Te.value + 12), t + a;
     }), n = h(() => {
-      const t = Ut(), a = ne.value.left + t + e.value.style.chart.labels.axis.yLabelOffsetX + 5, l = I.value - ne.value.right, o = Math.max(0, l - a), s = ne.value.top + e.value.style.chart.plots.radius + e.value.style.chart.labels.bestPlotLabel.fontSize, p = S.value - ne.value.bottom - Vt.value, _ = Math.max(0, p - s), C = Array.isArray(me.value) ? me.value.length : 0, $ = C > 0 ? o / C : 0;
+      const t = Ut(), a = ne.value.left + t + e.value.style.chart.labels.axis.yLabelOffsetX + 5, l = I.value - ne.value.right, o = Math.max(0, l - a), s = ne.value.top + e.value.style.chart.plots.radius + e.value.style.chart.labels.bestPlotLabel.fontSize, p = S.value - ne.value.bottom - Vt.value, _ = Math.max(0, p - s), C = Array.isArray(ge.value) ? ge.value.length : 0, $ = C > 0 ? o / C : 0;
       return {
         left: a,
         right: l,
@@ -296,7 +296,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         stripWidth: $,
         absoluteHeight: S.value
       };
-    }), re = h(() => me.value.map((t, a) => {
+    }), re = h(() => ge.value.map((t, a) => {
       const l = Ne();
       return {
         ...t,
@@ -319,13 +319,13 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         ...l,
         x: n.value.left + (a + 1) * n.value.stripWidth - n.value.stripWidth / 2
       }))
-    }))), Kt = h(() => Math.max(...L.value.map((t) => t.plots.length))), Te = h(() => {
+    }))), Kt = h(() => Math.max(...L.value.map((t) => t.plots.length))), Se = h(() => {
       const t = L.value.flatMap((a) => a.plots.map((l) => l.value));
       return {
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), F = h(() => pl(Te.value.min < 0 ? Te.value.min : 0, Te.value.max, e.value.style.chart.grid.scaleSteps)), q = h(() => (L.value || []).map((t, a) => ({
+    }), F = h(() => pl(Se.value.min < 0 ? Se.value.min : 0, Se.value.max, e.value.style.chart.grid.scaleSteps)), q = h(() => (L.value || []).map((t, a) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
@@ -336,7 +336,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       x1: n.value.left,
       x2: n.value.right,
       value: t
-    }))), Se = u(null), y = u(null);
+    }))), ue = u(null), y = u(null);
     function Xt({ datapoint: t, seriesIndex: a }) {
       K.value !== "keyboard" && (le.value = !1, y.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }));
     }
@@ -344,7 +344,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       Re("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
     function tt({ datapoint: t, seriesIndex: a, triggerMode: l = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), K.value = l, Se.value = { datapoint: t, seriesIndex: a, config: e.value, series: re.value }, le.value = !0, y.value = t;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), K.value = l, ue.value = { datapoint: t, seriesIndex: a, config: e.value, series: re.value }, le.value = !0, y.value = t;
       const o = e.value.style.chart.tooltip.customFormat;
       if (At(o) && wl(() => o({
         seriesIndex: a,
@@ -352,7 +352,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         series: re.value,
         config: e.value
       })))
-        ve.value = o({
+        de.value = o({
           seriesIndex: a,
           datapoint: t,
           series: re.value,
@@ -363,17 +363,17 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         s += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, s += `<div>${Ie(
           e.value.style.chart.labels.formatter,
           t.value,
-          ce({
+          ve({
             p: e.value.style.chart.labels.prefix,
             v: t.value,
             s: e.value.style.chart.labels.suffix,
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: a }
-        )}</div>`, ve.value = `<div>${s}</div>`;
+        )}</div>`, de.value = `<div>${s}</div>`;
       }
     }
-    const ue = h(() => {
+    const ie = h(() => {
       const t = L.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((o, s) => s.value - o.value).map((o) => ({
         name: `${l.name} - ${o.name}`,
         color: o.color
@@ -382,9 +382,9 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
     });
     function _e(t = null) {
       gt(() => {
-        const a = ue.value.head.map((s, p) => [[
+        const a = ie.value.head.map((s, p) => [[
           s.name
-        ], [ue.value.body[p]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(a), o = xl(l);
+        ], [ie.value.body[p]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(a), o = xl(l);
         t ? t(o) : Cl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
       });
     }
@@ -392,10 +392,10 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], a = ue.value.head.map((s, p) => {
-        const _ = ce({
+      ], a = ie.value.head.map((s, p) => {
+        const _ = ve({
           p: e.value.style.chart.labels.prefix,
-          v: ue.value.body[p],
+          v: ie.value.body[p],
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         });
@@ -505,11 +505,11 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         }
       };
     });
-    ie(() => b.value.showTable, (t) => {
+    ce(() => b.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
     });
     function rt() {
-      b.value.showTable = !1, de.value && de.value.setTableIconState(!1);
+      b.value.showTable = !1, he.value && he.value.setTableIconState(!1);
     }
     const Jt = h(() => e.value.style.chart.backgroundColor), Zt = h(() => e.value.style.chart.title), { exportSvg: Qt, getSvg: el } = _l({
       svg: M,
@@ -581,10 +581,10 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       }));
     }
     function ol() {
-      ye.value = !0, W.value = null, V.value = null;
+      be.value = !0, W.value = null, V.value = null;
     }
     function sl() {
-      ye.value = !1, dt();
+      be.value = !1, dt();
     }
     function nl(t) {
       if (!M.value || J.value || document.activeElement !== M.value || !ct()) return;
@@ -715,14 +715,14 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && te.value && (c(je) || c(ke)) ? (r(), z(c(zt), {
+      e.value.userOptions.show && te.value && (c(je) || c(xe)) ? (r(), z(c(zt), {
         ref_key: "userOptionsRef",
-        ref: de,
+        ref: he,
         key: `user_option_${Be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(we),
-        isImaging: c(Ae),
+        isPrinting: c(Ae),
+        isImaging: c(Le),
         uid: E.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -755,7 +755,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         onToggleAnnotator: Pe,
         onCopyAlt: it,
         style: Q({
-          visibility: c(je) ? c(ke) ? "visible" : "hidden" : "visible"
+          visibility: c(je) ? c(xe) ? "visible" : "hidden" : "visible"
         })
       }, yt({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -910,7 +910,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           e.value.style.chart.labels.yAxisLabels.show ? (r(), i("g", {
             key: 2,
             ref_key: "scaleLabels",
-            ref: fe
+            ref: ye
           }, [
             (r(!0), i(A, null, N(Qe.value, (l, o) => (r(), i("text", {
               x: l.x1 + e.value.style.chart.labels.yAxisLabels.offsetX - 5,
@@ -921,7 +921,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
             }, P(c(Ie)(
               e.value.style.chart.labels.formatter,
               l.value,
-              c(ce)({
+              c(ve)({
                 p: e.value.style.chart.labels.prefix,
                 v: l.value,
                 s: e.value.style.chart.labels.suffix,
@@ -964,7 +964,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           e.value.style.chart.labels.axis.yLabel ? (r(), i("text", {
             key: 4,
             ref_key: "yAxisLabel",
-            ref: pe,
+            ref: fe,
             fill: e.value.style.chart.labels.axis.color,
             "font-size": e.value.style.chart.labels.axis.fontSize,
             transform: `translate(${e.value.style.chart.labels.axis.fontSize}, ${n.value.top + n.value.height / 2}) rotate(-90)`,
@@ -973,7 +973,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           e.value.style.chart.labels.axis.xLabel ? (r(), i("text", {
             key: 5,
             ref_key: "xAxisLabel",
-            ref: he,
+            ref: pe,
             fill: e.value.style.chart.labels.axis.color,
             "font-size": e.value.style.chart.labels.axis.fontSize,
             x: n.value.left + n.value.width / 2,
@@ -1027,13 +1027,13 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           (r(!0), i(A, null, N(q.value, (l, o) => (r(), i(A, null, [
             (r(!0), i(A, null, N(l.plots, (s, p) => (r(), z(Ml, bt({ ref_for: !0 }, t.$attrs, {
               plot: { x: s.x, y: Ue.value ? s.y : n.value.top },
-              radius: y.value && y.value.id === s.id ? Le.value * 1.5 : Le.value,
+              radius: y.value && y.value.id === s.id ? $e.value * 1.5 : $e.value,
               shape: e.value.style.chart.plots.shape,
               stroke: e.value.style.chart.plots.stroke,
               strokeWidth: e.value.style.chart.plots.strokeWidth,
               color: e.value.style.chart.plots.gradient.show ? `url(#${l.id})` : l.color,
               style: `transition: all 0.2s ease-in-out; opacity:${y.value ? y.value.id === s.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${j.value ? `transition-delay:${p * 50}ms` : ""}`,
-              class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && j.value && !c(be), "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !j.value },
+              class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && j.value && !c(me), "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !j.value },
               onMouseenter: (_) => tt({ datapoint: s, seriesIndex: p, triggerMode: "pointer" }),
               onMouseleave: (_) => Xt({ datapoint: s, seriesIndex: p }),
               onClick: (_) => et({ datapoint: s, seriesIndex: p })
@@ -1043,7 +1043,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
                 p === l.plots.length - 1 || y.value && y.value.id === s.id && !b.value.showTooltip ? (r(), i("text", {
                   key: 0,
                   x: s.x,
-                  y: s.y + e.value.style.chart.labels.bestPlotLabel.offsetY - Le.value * (y.value && y.value.id === s.id && !b.value.showTooltip ? 2 : 1.5),
+                  y: s.y + e.value.style.chart.labels.bestPlotLabel.offsetY - $e.value * (y.value && y.value.id === s.id && !b.value.showTooltip ? 2 : 1.5),
                   "font-size": e.value.style.chart.labels.bestPlotLabel.fontSize,
                   fill: e.value.style.chart.labels.bestPlotLabel.color,
                   "text-anchor": "middle",
@@ -1051,7 +1051,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
                 }, P(s.name) + " " + P(e.value.style.chart.labels.bestPlotLabel.showValue ? c(Ie)(
                   e.value.style.chart.labels.formatter,
                   s.value,
-                  c(ce)({
+                  c(ve)({
                     p: `(${e.value.style.chart.labels.prefix}`,
                     v: s.value,
                     s: `${e.value.style.chart.labels.suffix})`,
@@ -1065,17 +1065,17 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           v(t.$slots, "svg", {
             svg: {
               ...n.value,
-              isPrintingImg: c(we) | c(Ae) | ae.value,
+              isPrintingImg: c(Ae) | c(Le) | ae.value,
               isPrintingSvg: oe.value
             }
           }, void 0, !0)
         ], 46, Ul)),
         t.$slots.hint ? (r(), i("div", da, [
-          v(t.$slots, "hint", g(k({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ye.value })), void 0, !0)
+          v(t.$slots, "hint", g(k({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: be.value })), void 0, !0)
         ])) : f("", !0)
       ]),
       t.$slots.watermark ? (r(), i("div", ha, [
-        v(t.$slots, "watermark", g(k({ isPrinting: c(we) || c(Ae) || ae.value || oe.value })), void 0, !0)
+        v(t.$slots, "watermark", g(k({ isPrinting: c(Ae) || c(Le) || ae.value || oe.value })), void 0, !0)
       ])) : f("", !0),
       t.$slots.source ? (r(), i("div", {
         key: 6,
@@ -1098,7 +1098,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: T.value,
-        content: ve.value,
+        content: de.value,
         isFullscreen: R.value,
         isCustom: c(At)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
@@ -1109,10 +1109,13 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         a11yPosition: Ke.value
       }, {
         "tooltip-before": d(() => [
-          v(t.$slots, "tooltip-before", g(k({ ...Se.value })), void 0, !0)
+          v(t.$slots, "tooltip-before", g(k({ ...ue.value })), void 0, !0)
+        ]),
+        tooltip: d(() => [
+          v(t.$slots, "tooltip", g(k({ ...ue.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          v(t.$slots, "tooltip-after", g(k({ ...Se.value })), void 0, !0)
+          v(t.$slots, "tooltip-after", g(k({ ...ue.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"]),
@@ -1173,11 +1176,11 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         } : void 0
       ]), 1040)) : f("", !0),
       v(t.$slots, "skeleton", {}, () => [
-        c(be) ? (r(), z(Tl, { key: 0 })) : f("", !0)
+        c(me) ? (r(), z(Tl, { key: 0 })) : f("", !0)
       ], !0)
     ], 46, El));
   }
-}, Na = /* @__PURE__ */ Bl(fa, [["__scopeId", "data-v-10340614"]]);
+}, Na = /* @__PURE__ */ Bl(fa, [["__scopeId", "data-v-16b0c93b"]]);
 export {
   Na as default
 };

package/dist/{vue-ui-table-heatmap-DU7w6PrX.js → vue-ui-table-heatmap-Da6sqBlI.js}

@@ -1,6 +1,6 @@
 import { useCssVars as ne, defineAsyncComponent as se, ref as h, useSlots as le, onMounted as E, computed as v, watch as re, openBlock as s, createElementBlock as r, unref as i, normalizeClass as G, normalizeStyle as C, createBlock as ue, createSlots as ie, withCtx as g, renderSlot as u, normalizeProps as B, guardReactiveProps as A, createCommentVNode as f, createElementVNode as b, Fragment as k, renderList as w, mergeProps as m, createVNode as de, nextTick as pe } from "vue";
 import { j as H, o as ce, q as ve, ap as fe, W as me, ao as he, a0 as ge, a1 as be } from "./lib-DBptbyyI.js";
-import { u as ye } from "./useConfig-CpJA0VZa.js";
+import { u as ye } from "./useConfig-ChRble71.js";
 import { u as Ce } from "./usePrinter-CEpYU3r5.js";
 import { u as O } from "./useNestedProp-Bf5XFbs8.js";
 import { u as ke } from "./useThemeCheck-D1ZYXUwG.js";

package/dist/{vue-ui-table-sparkline-DHjZyVAg.js → vue-ui-table-sparkline-Bkv6Qz6V.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Ge, defineAsyncComponent as K, ref as c, useSlots as Le, onMounted as ke, computed as k, watch as Ce, shallowRef as Re, onBeforeUnmount as He, openBlock as v, createElementBlock as p, unref as u, normalizeClass as Q, normalizeStyle as s, createElementVNode as f, toDisplayString as x, createCommentVNode as b, withDirectives as qe, createVNode as N, Fragment as Y, renderList as Z, createBlock as Xe, createSlots as je, withCtx as $, renderSlot as S, mergeProps as ee, nextTick as Je } from "vue";
 import { u as te } from "./useNestedProp-Bf5XFbs8.js";
 import { j as Ke, m as Qe, p as M, n as Ye, o as Ze, q as _e, r as et, ap as tt, s as at, k as U, l as B, a0 as lt, a1 as ot } from "./lib-DBptbyyI.js";
-import { u as nt } from "./useConfig-CpJA0VZa.js";
+import { u as nt } from "./useConfig-ChRble71.js";
 import { u as st } from "./usePrinter-CEpYU3r5.js";
 import { u as ut } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as rt } from "./useUserOptionState-BIvW1Kz7.js";
@@ -47,7 +47,7 @@ const ct = ["id"], pt = { style: { "z-index": "1", "padding-right": "24px" } },
     Ge((t) => ({
       v7cfb4b44: t.tdo
     }));
-    const Se = K(() => import("./vue-ui-sparkline-DFnG0CrA.js")), F = K(() => import("./BaseIcon-Cb3zzG6s.js")), Ie = K(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_table_sparkline: Oe } = nt(), { isThemeValid: $e, warnInvalidTheme: Pe } = ut(), C = xe, ze = Ae, E = c(Ke()), ae = c(0), G = c(0), L = c(null), De = Le(), le = c(!1);
+    const Se = K(() => import("./vue-ui-sparkline-B-zOqzrC.js")), F = K(() => import("./BaseIcon-Cb3zzG6s.js")), Ie = K(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_table_sparkline: Oe } = nt(), { isThemeValid: $e, warnInvalidTheme: Pe } = ut(), C = xe, ze = Ae, E = c(Ke()), ae = c(0), G = c(0), L = c(null), De = Le(), le = c(!1);
     ke(() => {
       De["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });

package/dist/{vue-ui-table-BVQyX-Yx.js → vue-ui-table-xrD-xqis.js}

@@ -1,8 +1,8 @@
 import { useCssVars as Gt, defineAsyncComponent as qt, ref as f, computed as x, onMounted as Qt, watch as Fe, openBlock as r, createElementBlock as i, normalizeStyle as h, createElementVNode as s, toDisplayString as d, withDirectives as le, withKeys as ve, withModifiers as de, vModelText as he, createVNode as je, createCommentVNode as b, Fragment as L, renderList as j, normalizeClass as D, createTextVNode as z, unref as V, vModelSelect as bt, withCtx as mt, createBlock as kt, nextTick as ke } from "vue";
 import { j as el, t as tl, y as ll, x as Ve, u as wt, W as al, Y as ol, l as ae, a0 as nl, a1 as sl, p as We } from "./lib-DBptbyyI.js";
-import { u as ul } from "./useConfig-CpJA0VZa.js";
-import Ct from "./vue-ui-xy-5mNo0EDu.js";
-import rl from "./vue-ui-donut-CbD2wI-a.js";
+import { u as ul } from "./useConfig-ChRble71.js";
+import Ct from "./vue-ui-xy-n4juEarQ.js";
+import rl from "./vue-ui-donut-B1C7vzFY.js";
 import il from "./BaseIcon-Cb3zzG6s.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vl = ["innerHTML"], dl = ["data-is-open"], hl = { class: "vue-ui-table-export-hub-options" }, gl = { class: "vue-ui-table-export-hub-option-wrapper" }, pl = { class: "label" }, fl = ["innerHTML"], yl = { class: "vue-ui-table-export-hub-option-wrapper" }, bl = { class: "label" }, ml = ["innerHTML"], kl = { class: "vue-ui-table-dialog-field" }, wl = {

package/dist/{vue-ui-thermometer-ZED83TXZ.js → vue-ui-thermometer-D7VVeA2i.js}

@@ -1,7 +1,7 @@
 import { useCssVars as st, defineAsyncComponent as Z, ref as d, computed as i, onMounted as at, toRefs as lt, watch as rt, openBlock as r, createElementBlock as u, unref as c, normalizeStyle as we, normalizeClass as V, createBlock as N, withCtx as f, renderSlot as h, normalizeProps as p, guardReactiveProps as k, createCommentVNode as v, createSlots as nt, createElementVNode as m, toDisplayString as ee, createVNode as ut, Fragment as Y, renderList as xe, nextTick as it } from "vue";
 import { j as ct, t as Ce, o as vt, q as _e, r as ht, m as dt, p as I, n as ft, K as y, s as E, k as mt, l as yt, X as gt, u as pt } from "./lib-DBptbyyI.js";
 import { t as kt, u as bt } from "./useResponsive-DfdjqQps.js";
-import { u as wt } from "./useConfig-CpJA0VZa.js";
+import { u as wt } from "./useConfig-ChRble71.js";
 import { u as xt, B as Ct } from "./BaseScanner-BhhkKVoj.js";
 import { u as _t } from "./usePrinter-CEpYU3r5.js";
 import { u as $t } from "./useSvgExport-ByUukOZt.js";
@@ -46,7 +46,7 @@ const zt = ["id"], Wt = {
       v466eabd1: Ee.value,
       v2eb1fe04: Ye.value
     }));
-    const Oe = Z(() => import("./PackageVersion-1BHnPIBZ.js")), Ie = Z(() => import("./PenAndPaper-Ct3qJ4lA.js")), Se = Z(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_thermometer: Fe } = wt(), { isThemeValid: Te, warnInvalidTheme: Me } = At(), Ue = It(), g = $e, ze = Pe, b = d(ct()), x = d(null), oe = d(0), se = d(0), ae = d(null), le = d(null), _ = d(null), S = d(null), F = d(!1), T = d(!1), We = i(() => !!g.dataset && Object.keys(g.dataset).length);
+    const Oe = Z(() => import("./PackageVersion-B3kmPxTR.js")), Ie = Z(() => import("./PenAndPaper-Ct3qJ4lA.js")), Se = Z(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_thermometer: Fe } = wt(), { isThemeValid: Te, warnInvalidTheme: Me } = At(), Ue = It(), g = $e, ze = Pe, b = d(ct()), x = d(null), oe = d(0), se = d(0), ae = d(null), le = d(null), _ = d(null), S = d(null), F = d(!1), T = d(!1), We = i(() => !!g.dataset && Object.keys(g.dataset).length);
     at(() => {
       ue();
     });

package/dist/{vue-ui-timer-Xg7H9EaE.js → vue-ui-timer-D7XYgZfb.js}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as le, ref as v, shallowRef as K, onMounted as oe,
 import { u as ce } from "./useNestedProp-Bf5XFbs8.js";
 import { j as ve, X as de, a2 as q } from "./lib-DBptbyyI.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
-import { u as fe } from "./useConfig-CpJA0VZa.js";
+import { u as fe } from "./useConfig-ChRble71.js";
 import { u as we } from "./useChartAccessibility-9icAAmYg.js";
 import ke from "./Title-BeMKE1cj.js";
 import S from "./BaseIcon-Cb3zzG6s.js";
@@ -131,7 +131,7 @@ const ye = ["xmlns", "viewBox"], be = ["width", "height"], _e = { key: 1 }, Ce =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(J, { expose: L, emit: j }) {
-    const A = le(() => import("./PackageVersion-1BHnPIBZ.js")), { vue_ui_timer: N } = fe(), D = J, m = j, $ = v(null), z = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), g = v(0);
+    const A = le(() => import("./PackageVersion-B3kmPxTR.js")), { vue_ui_timer: N } = fe(), D = J, m = j, $ = v(null), z = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), g = v(0);
     oe(() => {
       y();
     });

package/dist/{vue-ui-tiremarks-BDoU-BcX.js → vue-ui-tiremarks-i6e8GTI9.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as J, computed as r, ref as c, toRefs as Ke, watch as be, onMounted as We, openBlock as i, createElementBlock as v, unref as n, normalizeStyle as Q, normalizeClass as Z, createBlock as G, withCtx as f, renderSlot as u, normalizeProps as m, guardReactiveProps as k, createCommentVNode as w, createSlots as Je, createElementVNode as Ce, toDisplayString as ee, createVNode as Qe, Fragment as we, renderList as $e, nextTick as Ze } from "vue";
 import { j as et, t as Ae, K as tt, o as at, q as ot, v as Pe, k as lt, l as nt, X as st } from "./lib-DBptbyyI.js";
 import { t as rt, u as it } from "./useResponsive-DfdjqQps.js";
-import { u as ut } from "./useConfig-CpJA0VZa.js";
+import { u as ut } from "./useConfig-ChRble71.js";
 import { u as ct, B as vt } from "./BaseScanner-BhhkKVoj.js";
 import { u as dt } from "./usePrinter-CEpYU3r5.js";
 import { u as ht } from "./useSvgExport-ByUukOZt.js";
@@ -35,7 +35,7 @@ const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedb
   },
   emits: ["copyAlt"],
   setup(_e, { expose: Oe, emit: Se }) {
-    const xe = J(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ie = J(() => import("./UserOptions-rW2fRf3V.js")), Te = J(() => import("./PackageVersion-1BHnPIBZ.js")), { vue_ui_tiremarks: ze } = ut(), { isThemeValid: Fe, warnInvalidTheme: Ne } = ft(), j = yt(), b = _e, Re = Se, Me = r(() => !!b.dataset && Object.keys(b.dataset).length), O = c(et()), _ = c(null), Ee = c(null), ae = c(null), oe = c(null), le = c(0), ne = c(0), S = c(null), z = c(null), F = c(!1), N = c(!1), e = c(X()), se = r(() => e.value.userOptions.useCursorPointer), De = r(() => Ae({
+    const xe = J(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ie = J(() => import("./UserOptions-rW2fRf3V.js")), Te = J(() => import("./PackageVersion-B3kmPxTR.js")), { vue_ui_tiremarks: ze } = ut(), { isThemeValid: Fe, warnInvalidTheme: Ne } = ft(), j = yt(), b = _e, Re = Se, Me = r(() => !!b.dataset && Object.keys(b.dataset).length), O = c(et()), _ = c(null), Ee = c(null), ae = c(null), oe = c(null), le = c(0), ne = c(0), S = c(null), z = c(null), F = c(!1), N = c(!1), e = c(X()), se = r(() => e.value.userOptions.useCursorPointer), De = r(() => Ae({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {