vue-data-ui 3.1.4 → 3.1.6

package/dist/{vue-ui-strip-plot-3gWivNhR.js → vue-ui-strip-plot-D3StIxYT.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as L, computed as p, ref as i, toRefs as $t, watch as q, shallowRef as Ve, onMounted as Tt, onBeforeUnmount as Xe, watchEffect as St, createElementBlock as n, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as z, createCommentVNode as c, createVNode as be, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as I, guardReactiveProps as M, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as $, mergeProps as Ye, resolveDynamicComponent as Ot, createTextVNode as qe, nextTick as zt } from "vue";
-import { u as Pt, c as ye, t as Dt, a as Nt, p as P, b as It, o as Je, f as me, g as Ke, d as Mt, e as Qe, h as Ft, D as Rt, i as K, X as Wt, k as ge, I as Bt, ab as Et, l as Gt, j as Ht, y as Ze, E as Ut, v as Vt, w as Xt, z as jt } from "./index-INqbM37s.js";
+import { defineAsyncComponent as L, computed as p, ref as i, toRefs as Tt, watch as q, shallowRef as Ve, onMounted as $t, onBeforeUnmount as Xe, watchEffect as St, createElementBlock as n, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as z, createCommentVNode as c, createVNode as be, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as F, guardReactiveProps as I, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as T, mergeProps as Ye, resolveDynamicComponent as Ot, createTextVNode as qe, nextTick as zt } from "vue";
+import { u as Pt, c as ye, t as Dt, a as Nt, p as P, b as Ft, o as Je, f as me, g as Ke, d as It, e as Qe, h as Mt, D as Rt, i as K, X as Wt, k as ge, I as Bt, ab as Et, l as Gt, j as Ht, y as Ze, E as Ut, v as Vt, w as Xt, z as jt } from "./index-C0wrF8hm.js";
 import { t as et, u as Yt } from "./useResponsive-DfdjqQps.js";
 import { u as qt, B as Jt } from "./BaseScanner-BgWxam9d.js";
-import { u as Kt } from "./usePrinter-9WO5mDzj.js";
-import { u as tt } from "./useNestedProp-BKprMEaB.js";
+import { u as Kt } from "./usePrinter-C2jvouU0.js";
+import { u as tt } from "./useNestedProp-Bg2FlIgI.js";
 import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Zt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as el } from "./useTimeLabelCollider-CIsgDrl9.js";
-import tl from "./img-Bl0o2UAr.js";
-import { _ as ll } from "./Shape-BEVQVI0z.js";
-import al from "./Title-nHtPyPd9.js";
+import tl from "./img-DLgjML7h.js";
+import { _ as ll } from "./Shape-DD3SLpa4.js";
+import al from "./Title-DbQthJAs.js";
 import { _ as ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"], nl = { key: 1 }, il = { key: 0 }, vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cl = { key: 1 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x", "y", "fill", "font-size"], bl = ["transform", "font-size", "fill", "text-anchor"], yl = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], ml = ["fill", "font-size", "transform"], gl = ["fill", "font-size", "x", "y"], xl = ["x1", "x2", "y1", "y2", "stroke"], kl = ["cx", "cy", "fill"], wl = ["cx", "cy", "fill"], Cl = ["id"], Al = ["stop-color"], Ll = ["stop-color"], _l = ["stop-color"], $l = { key: 0 }, Tl = ["x", "y", "font-size", "fill"], Sl = {
+const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"], nl = { key: 1 }, il = { key: 0 }, vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cl = { key: 1 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x", "y", "fill", "font-size"], bl = ["transform", "font-size", "fill", "text-anchor"], yl = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], ml = ["fill", "font-size", "transform"], gl = ["fill", "font-size", "x", "y"], xl = ["x1", "x2", "y1", "y2", "stroke"], kl = ["cx", "cy", "fill"], wl = ["cx", "cy", "fill"], Cl = ["id"], Al = ["stop-color"], Ll = ["stop-color"], _l = ["stop-color"], Tl = { key: 0 }, $l = ["x", "y", "font-size", "fill"], Sl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Ol = ["innerHTML"], zl = {
@@ -32,15 +32,15 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(lt, { expose: at, emit: ot }) {
-    const st = L(() => import("./Tooltip-RCWHeRDV.js")), rt = L(() => import("./BaseIcon-B5nQNkmd.js")), ut = L(() => import("./vue-ui-accordion-CQZjxT5U.js")), nt = L(() => import("./DataTable-CzO3oHys.js")), it = L(() => import("./UserOptions-D3pVnvAB.js")), vt = L(() => import("./PenAndPaper-C8hICPzL.js")), ct = L(() => import("./PackageVersion-7CxQB-mx.js")), ht = L(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_strip_plot: dt } = Pt(), x = lt, pt = ot, G = p({
+    const st = L(() => import("./Tooltip-DvtYLrX2.js")), rt = L(() => import("./BaseIcon-D_BjQBAR.js")), ut = L(() => import("./vue-ui-accordion-3JuSLBjV.js")), nt = L(() => import("./DataTable-IycMkaTU.js")), it = L(() => import("./UserOptions-Dd5XOrwq.js")), vt = L(() => import("./PenAndPaper-BdzDJYnr.js")), ct = L(() => import("./PackageVersion-BtfT0hV9.js")), ht = L(() => import("./BaseDraggableDialog-BVZPPMT9.js")), { vue_ui_strip_plot: dt } = Pt(), x = lt, pt = ot, G = p({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Q = i(ye()), xe = i(0), Z = i(!1), ee = i(""), w = i(null), ke = i(null), we = i(null), Ce = i(null), Ae = i(!1), Le = i(0), _e = i(0), F = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ne()), { loading: se, FINAL_DATASET: $e, manualLoading: re } = qt({
-      ...$t(x),
+    }), Q = i(ye()), xe = i(0), Z = i(!1), ee = i(""), w = i(null), ke = i(null), we = i(null), Ce = i(null), Ae = i(!1), Le = i(0), _e = i(0), M = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ne()), { loading: se, FINAL_DATASET: Te, manualLoading: re } = qt({
+      ...Tt(x),
       FINAL_CONFIG: e,
       prepareConfig: ne,
       skeletonDataset: [
@@ -129,7 +129,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: ue, setUserOptionsVisibility: Te, keepUserOptionState: Se } = Qt({ config: e.value }), { svgRef: Oe } = Zt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ue, setUserOptionsVisibility: $e, keepUserOptionState: Se } = Qt({ config: e.value }), { svgRef: Oe } = Zt({ config: e.value.style.chart.title });
     function ne() {
       const t = tt({
         userConfig: x.config,
@@ -137,19 +137,19 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       });
       return t.theme ? {
         ...tt({
-          userConfig: It.vue_ui_strip_plot[t.theme] || x.config,
+          userConfig: Ft.vue_ui_strip_plot[t.theme] || x.config,
           defaultConfig: t
         }),
         customPalette: Nt[t.theme] || P
       } : t;
     }
     q(() => x.config, async (t) => {
-      se.value || (e.value = ne()), ue.value = !e.value.userOptions.showOnChartHover, ze(), Le.value += 1, _e.value += 1, h.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show, T.value = e.value.style.chart.width, C.value = e.value.style.chart.height, W.value = e.value.style.chart.plots.radius;
+      se.value || (e.value = ne()), ue.value = !e.value.userOptions.showOnChartHover, ze(), Le.value += 1, _e.value += 1, h.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show, $.value = e.value.style.chart.width, C.value = e.value.style.chart.height, W.value = e.value.style.chart.plots.radius;
     }, { deep: !0 }), q(() => x.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (re.value = !1);
     }, { deep: !0 });
     const A = Ve(null), D = Ve(null);
-    Tt(() => {
+    $t(() => {
       ze();
     });
     const ie = p(() => !!e.value.debug);
@@ -193,7 +193,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
             noTitle: Ce.value
           });
           requestAnimationFrame(() => {
-            bt.value = l, T.value = Math.max(0.1, a), C.value = Math.max(0.1, l - 12), e.value.responsiveProportionalSizing ? W.value = Ut({
+            bt.value = l, $.value = Math.max(0.1, a), C.value = Math.max(0.1, l - 12), e.value.responsiveProportionalSizing ? W.value = Ut({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
@@ -211,16 +211,16 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
     Xe(() => {
       A.value && (D.value && A.value.unobserve(D.value), A.value.disconnect());
     });
-    const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage: Ie } = Kt({
+    const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage: Fe } = Kt({
       elementId: `strip-plot_${Q.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
-    }), ft = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), Me = p(() => Mt(e.value.customPalette)), R = i(e.value.useCssAnimation), N = i({
+    }), ft = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ie = p(() => It(e.value.customPalette)), R = i(e.value.useCssAnimation), N = i({
       top: e.value.style.chart.padding.top,
       bottom: e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
       right: e.value.style.chart.padding.right
-    }), T = i(e.value.style.chart.width), C = i(e.value.style.chart.height), bt = i(e.value.style.chart.height), W = i(e.value.style.chart.plots.radius), h = i({
+    }), $ = i(e.value.style.chart.width), C = i(e.value.style.chart.height), bt = i(e.value.style.chart.height), W = i(e.value.style.chart.plots.radius), h = i({
       showTable: e.value.table.show,
       dataLabels: {
         show: e.value.style.chart.labels.bestPlotLabel.show
@@ -234,7 +234,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
           show: e.value.style.chart.labels.bestPlotLabel.show
         },
         showTooltip: e.value.style.chart.tooltip.show
-      }, T.value = e.value.style.chart.width, C.value = e.value.style.chart.height, W.value = e.value.style.chart.plots.radius;
+      }, $.value = e.value.style.chart.width, C.value = e.value.style.chart.height, W.value = e.value.style.chart.plots.radius;
     }, { immediate: !0 });
     const ve = p(() => Math.min(W.value, o.value.stripWidth / 2 * 0.9));
     function yt() {
@@ -259,37 +259,37 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
     }), Xe(() => {
       ce.value = 0;
     });
-    const Fe = p(() => {
+    const Me = p(() => {
       let t = 0;
       le.value && (t = le.value.getBBox().height + e.value.style.chart.labels.axis.fontSize / 3 + 12 + e.value.style.chart.labels.axis.xLabelOffsetY);
       let a = 0;
       return H.value && (a = ce.value + 12), t + a;
     }), o = p(() => {
-      const t = yt(), a = T.value - t - e.value.style.chart.padding.left - e.value.style.chart.padding.right - e.value.style.chart.labels.axis.yLabelOffsetX - 5;
+      const t = yt(), a = $.value - t - e.value.style.chart.padding.left - e.value.style.chart.padding.right - e.value.style.chart.labels.axis.yLabelOffsetX - 5;
       return {
         left: N.value.left + t + e.value.style.chart.labels.axis.yLabelOffsetX + 5,
-        right: T.value - N.value.right,
+        right: $.value - N.value.right,
         top: N.value.top,
-        bottom: C.value - N.value.bottom - Fe.value,
+        bottom: C.value - N.value.bottom - Me.value,
         width: a,
-        height: C.value - N.value.top - N.value.bottom - Fe.value,
-        stripWidth: a / $e.value.length,
+        height: C.value - N.value.top - N.value.bottom - Me.value,
+        stripWidth: a / Te.value.length,
         absoluteHeight: C.value
       };
-    }), U = p(() => $e.value.map((t, a) => {
+    }), U = p(() => Te.value.map((t, a) => {
       const l = ye();
       return {
         ...t,
         id: l,
-        color: t.color ? Qe(t.color) : Me.value[a] || P[a] || P[a % P.length],
+        color: t.color ? Qe(t.color) : Ie.value[a] || P[a] || P[a % P.length],
         plots: t.plots.map((s, u) => ({
           ...s,
-          value: Ft(s.value),
+          value: Mt(s.value),
           parentId: l,
           parentName: t.name,
           parentIndex: a,
           plotIndex: u,
-          color: t.color ? Qe(t.color) : Me.value[a] || P[a] || P[a % P.length],
+          color: t.color ? Qe(t.color) : Ie.value[a] || P[a] || P[a % P.length],
           id: ye()
         })).sort((s, u) => s.value - u.value)
       };
@@ -449,7 +449,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: T,
+      width: $,
       height: C,
       targetClass: ".vue-ui-strip-plot-category-name",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
@@ -485,7 +485,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       };
     });
     q(() => h.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
     });
     function Ue() {
       h.value.showTable = !1, te.value && te.value.setTableIconState(!1);
@@ -495,7 +495,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       getImage: Lt,
       generatePdf: Ne,
       generateCsv: pe,
-      generateImage: Ie,
+      generateImage: Fe,
       toggleTable: Be,
       toggleLabels: Ee,
       toggleTooltip: Ge,
@@ -507,8 +507,8 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       class: E(`vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: J(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `strip-plot_${Q.value}`,
-      onMouseenter: a[1] || (a[1] = () => v(Te)(!0)),
-      onMouseleave: a[2] || (a[2] = () => v(Te)(!1))
+      onMouseenter: a[1] || (a[1] = () => v($e)(!0)),
+      onMouseleave: a[2] || (a[2] = () => v($e)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (r(), z(v(vt), {
         key: 0,
@@ -574,7 +574,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
         onToggleFullscreen: We,
         onGeneratePdf: v(Ne),
         onGenerateCsv: pe,
-        onGenerateImage: v(Ie),
+        onGenerateImage: v(Fe),
         onToggleTable: Be,
         onToggleLabels: Ee,
         onToggleTooltip: Ge,
@@ -586,7 +586,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: b(({ isOpen: l, color: s }) => [
-            y(t.$slots, "menuIcon", I(M({ isOpen: l, color: s })), void 0, !0)
+            y(t.$slots, "menuIcon", F(I({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -635,14 +635,14 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: b(({ toggleFullscreen: l, isFullscreen: s }) => [
-            y(t.$slots, "optionFullscreen", I(M({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+            y(t.$slots, "optionFullscreen", F(I({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: b(({ toggleAnnotator: l, isAnnotator: s }) => [
-            y(t.$slots, "optionAnnotator", I(M({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+            y(t.$slots, "optionAnnotator", F(I({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -652,7 +652,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
         ref: Oe,
         xmlns: v(Wt),
         class: E({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
-        viewBox: `0 0 ${T.value} ${C.value}`,
+        viewBox: `0 0 ${$.value} ${C.value}`,
         style: J(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
         be(v(ct)),
@@ -723,7 +723,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             "text-anchor": "end"
-          }, $(v(ge)(
+          }, T(v(ge)(
             e.value.style.chart.labels.formatter,
             l.value,
             v(K)({
@@ -763,7 +763,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
               "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
               fill: e.value.style.chart.labels.xAxisLabels.color,
               "text-anchor": e.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : e.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-            }, $(String(l)), 9, bl))
+            }, T(String(l)), 9, bl))
           ]))), 256))
         ], 512)) : c("", !0),
         e.value.style.chart.labels.axis.yLabel ? (r(), n("text", {
@@ -774,7 +774,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
           "font-size": e.value.style.chart.labels.axis.fontSize,
           transform: `translate(${e.value.style.chart.labels.axis.fontSize}, ${o.value.top + o.value.height / 2}) rotate(-90)`,
           "text-anchor": "middle"
-        }, $(e.value.style.chart.labels.axis.yLabel), 9, ml)) : c("", !0),
+        }, T(e.value.style.chart.labels.axis.yLabel), 9, ml)) : c("", !0),
         e.value.style.chart.labels.axis.xLabel ? (r(), n("text", {
           key: 5,
           ref_key: "xAxisLabel",
@@ -784,7 +784,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
           x: o.value.left + o.value.width / 2,
           y: C.value - e.value.style.chart.labels.axis.fontSize / 3,
           "text-anchor": "middle"
-        }, $(e.value.style.chart.labels.axis.xLabel), 9, gl)) : c("", !0),
+        }, T(e.value.style.chart.labels.axis.xLabel), 9, gl)) : c("", !0),
         d.value ? (r(), n(g, { key: 6 }, [
           m("line", {
             x1: o.value.left,
@@ -843,7 +843,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
             onMouseleave: (Y) => kt({ datapoint: u, seriesIndex: f }),
             onClick: (Y) => wt({ datapoint: u, seriesIndex: f })
           }), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "style", "class", "onMouseenter", "onMouseleave", "onClick"]))), 256)),
-          h.value.dataLabels.show ? (r(), n("g", $l, [
+          h.value.dataLabels.show ? (r(), n("g", Tl, [
             (r(!0), n(g, null, _(l.plots, (u, f) => (r(), n(g, null, [
               f === l.plots.length - 1 || d.value && d.value.id === u.id && !h.value.showTooltip ? (r(), n("text", {
                 key: 0,
@@ -853,7 +853,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.labels.bestPlotLabel.color,
                 "text-anchor": "middle",
                 style: J(`opacity:${e.value.useCssAnimation && R.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
-              }, $(u.name) + " " + $(e.value.style.chart.labels.bestPlotLabel.showValue ? v(ge)(
+              }, T(u.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? v(ge)(
                 e.value.style.chart.labels.formatter,
                 u.value,
                 v(K)({
@@ -863,14 +863,14 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
                 { datapoint: u, seriesIndex: f }
-              ) : ""), 13, Tl)) : c("", !0)
+              ) : ""), 13, $l)) : c("", !0)
             ], 64))), 256))
           ])) : c("", !0)
         ], 64))), 256)),
         y(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, rl)),
       t.$slots.watermark ? (r(), n("div", Sl, [
-        y(t.$slots, "watermark", I(M({ isPrinting: v(Pe) || v(De) })), void 0, !0)
+        y(t.$slots, "watermark", F(I({ isPrinting: v(Pe) || v(De) })), void 0, !0)
       ])) : c("", !0),
       t.$slots.source ? (r(), n("div", {
         key: 5,
@@ -896,19 +896,21 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
         isFullscreen: O.value,
         isCustom: v(Ze)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
+        smoothForce: e.value.style.chart.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": b(() => [
-          y(t.$slots, "tooltip-before", I(M({ ...de.value })), void 0, !0)
+          y(t.$slots, "tooltip-before", F(I({ ...de.value })), void 0, !0)
         ]),
         "tooltip-after": b(() => [
-          y(t.$slots, "tooltip-after", I(M({ ...de.value })), void 0, !0)
+          y(t.$slots, "tooltip-after", F(I({ ...de.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      G.value ? (r(), z(Ot(B.value.component), Ye({ key: 6 }, B.value.props, {
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      G.value && e.value.userOptions.buttons.table ? (r(), z(Ot(B.value.component), Ye({ key: 6 }, B.value.props, {
         ref_key: "tableUnit",
-        ref: F,
+        ref: M,
         onClose: Ue
       }), je({
         content: b(() => [
@@ -929,7 +931,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
               }, null, 8, Ol)
             ]),
             td: b(({ td: l }) => [
-              qe($(l.name || l), 1)
+              qe(T(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -939,7 +941,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
         e.value.table.useDialog ? {
           name: "title",
           fn: b(() => [
-            qe($(B.value.title), 1)
+            qe(T(B.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -963,7 +965,7 @@ const sl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"]
       v(se) ? (r(), z(Jt, { key: 7 })) : c("", !0)
     ], 46, sl));
   }
-}, Vl = /* @__PURE__ */ ol(zl, [["__scopeId", "data-v-b0856d43"]]);
+}, Vl = /* @__PURE__ */ ol(zl, [["__scopeId", "data-v-62aa6d64"]]);
 export {
   Vl as default
 };

package/dist/{vue-ui-table-NJNp95Us.js → vue-ui-table-B-wP544v.js}

@@ -1,6 +1,6 @@
-import { a7 as R, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-INqbM37s.js";
-import q from "./vue-ui-xy-CRQHfrGQ.js";
-import Q from "./vue-ui-donut-COXIRkz4.js";
+import { a7 as R, t as z, l as T, w as U, i as V, j as X, v as j, A as Y, e as W, F as J, u as K, p as Z } from "./index-C0wrF8hm.js";
+import q from "./vue-ui-xy-Dc-o6Q3R.js";
+import Q from "./vue-ui-donut-D0RdN18d.js";
 import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {

package/dist/{vue-ui-table-heatmap-CRzHSurU.js → vue-ui-table-heatmap-_qJwOiYG.js}

@@ -1,9 +1,9 @@
 import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, b as pe, o as ce, f as ve, a8 as me, F as fe, P as he, v as ge, w as be } from "./index-INqbM37s.js";
-import { u as H } from "./useNestedProp-BKprMEaB.js";
-import { u as ye } from "./usePrinter-9WO5mDzj.js";
+import { u as de, c as A, b as pe, o as ce, f as ve, a8 as me, F as fe, P as he, v as ge, w as be } from "./index-C0wrF8hm.js";
+import { u as H } from "./useNestedProp-Bg2FlIgI.js";
+import { u as ye } from "./usePrinter-C2jvouU0.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-BEVQVI0z.js";
+import { _ as ke } from "./Shape-DD3SLpa4.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], Fe = {
   key: 0,
@@ -45,7 +45,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       "8f8e7142": ee.value,
       cb3b028c: j.value
     }));
-    const X = oe(() => import("./UserOptions-D3pVnvAB.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-Dd5XOrwq.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });

package/dist/{vue-ui-table-sparkline-DxGr1WNr.js → vue-ui-table-sparkline-C6MoeyKm.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-BKprMEaB.js";
-import { u as Ge, c as Le, a as Re, p as T, b as He, d as Xe, o as qe, f as he, g as Je, a8 as Ke, e as Qe, k as W, i as M, v as Ye, w as Ze } from "./index-INqbM37s.js";
-import { u as je } from "./usePrinter-9WO5mDzj.js";
+import { u as ye } from "./useNestedProp-Bg2FlIgI.js";
+import { u as Ge, c as Le, a as Re, p as T, b as He, d as Xe, o as qe, f as he, g as Je, a8 as Ke, e as Qe, k as W, i as M, v as Ye, w as Ze } from "./index-C0wrF8hm.js";
+import { u as je } from "./usePrinter-C2jvouU0.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -43,7 +43,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     Fe((t) => ({
       "3ff44dec": t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-BQ6Voxky.js")), N = J(() => import("./BaseIcon-B5nQNkmd.js")), xe = J(() => import("./UserOptions-D3pVnvAB.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-C67Y3c7l.js")), N = J(() => import("./BaseIcon-D_BjQBAR.js")), xe = J(() => import("./UserOptions-Dd5XOrwq.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });

package/dist/{vue-ui-thermometer-B6NudPzq.js → vue-ui-thermometer-BmYZiNK4.js}

@@ -1,14 +1,14 @@
 import { useCssVars as ze, computed as c, defineAsyncComponent as j, ref as v, onMounted as We, toRefs as Ue, watch as Le, createElementBlock as u, openBlock as a, unref as n, normalizeStyle as ve, normalizeClass as z, createBlock as W, createCommentVNode as i, createSlots as Ne, withCtx as A, renderSlot as m, normalizeProps as U, guardReactiveProps as L, createVNode as Ye, createElementVNode as d, Fragment as N, renderList as de, toDisplayString as He } from "vue";
-import { u as Ee, c as Re, t as Ve, o as qe, f as ye, g as Ge, a as Be, p as F, b as De, d as je, h as f, e as Y, X as Xe, s as Je, k as Ke, i as Qe } from "./index-INqbM37s.js";
+import { u as Ee, c as Re, t as Ve, o as qe, f as ye, g as Ge, a as Be, p as F, b as De, d as je, h as f, e as Y, X as Xe, s as Je, k as Ke, i as Qe } from "./index-C0wrF8hm.js";
 import { t as Ze, u as et } from "./useResponsive-DfdjqQps.js";
 import { u as tt, B as st } from "./BaseScanner-BgWxam9d.js";
-import { u as ot } from "./usePrinter-9WO5mDzj.js";
-import { u as me } from "./useNestedProp-BKprMEaB.js";
+import { u as ot } from "./usePrinter-C2jvouU0.js";
+import { u as me } from "./useNestedProp-Bg2FlIgI.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as at } from "./useChartAccessibility-9icAAmYg.js";
-import { u as rt } from "./useAutoSizeLabelsInsideViewbox-DXkvjSDn.js";
-import ut from "./Title-nHtPyPd9.js";
-import nt from "./img-Bl0o2UAr.js";
+import { u as rt } from "./useAutoSizeLabelsInsideViewbox-Bj3DhGbZ.js";
+import ut from "./Title-DbQthJAs.js";
+import nt from "./img-DLgjML7h.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = ["id"], ct = {
   key: 1,
@@ -40,7 +40,7 @@ const ht = ["id"], ct = {
       "6fd0a11e": Ae.value,
       "1ea034ea": $e.value
     }));
-    const ge = j(() => import("./PackageVersion-7CxQB-mx.js")), pe = j(() => import("./PenAndPaper-C8hICPzL.js")), ke = j(() => import("./UserOptions-D3pVnvAB.js")), { vue_ui_thermometer: be } = Ee(), g = O, p = v(Re()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), b = v(null), I = v(null), xe = c(() => !!g.dataset && Object.keys(g.dataset).length);
+    const ge = j(() => import("./PackageVersion-BtfT0hV9.js")), pe = j(() => import("./PenAndPaper-BdzDJYnr.js")), ke = j(() => import("./UserOptions-Dd5XOrwq.js")), { vue_ui_thermometer: be } = Ee(), g = O, p = v(Re()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), b = v(null), I = v(null), xe = c(() => !!g.dataset && Object.keys(g.dataset).length);
     We(() => {
       te();
     });

package/dist/{vue-ui-timer-DO3oJlhi.js → vue-ui-timer-XeLnI_ia.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as F, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne } from "./useNestedProp-BKprMEaB.js";
-import { u as ce, c as ve, X as de, E as X } from "./index-INqbM37s.js";
+import { u as ne } from "./useNestedProp-Bg2FlIgI.js";
+import { u as ce, c as ve, X as de, E as X } from "./index-C0wrF8hm.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-nHtPyPd9.js";
-import R from "./BaseIcon-B5nQNkmd.js";
+import we from "./Title-DbQthJAs.js";
+import R from "./BaseIcon-D_BjQBAR.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, E, S, N = !0, A = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: E }) {
-    const S = se(() => import("./PackageVersion-7CxQB-mx.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-BtfT0hV9.js")), { vue_ui_timer: N } = ce(), A = q, g = E, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });

package/dist/{vue-ui-tiremarks-Dv39xDlL.js → vue-ui-tiremarks-CnCSAQiH.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as H, computed as f, ref as v, toRefs as xe, watch as ie, onMounted as Ae, createElementBlock as u, openBlock as r, unref as s, normalizeStyle as j, normalizeClass as X, createBlock as R, createCommentVNode as g, createSlots as Oe, withCtx as O, renderSlot as p, normalizeProps as M, guardReactiveProps as E, createVNode as Pe, Fragment as ce, renderList as ve, toDisplayString as Ie } from "vue";
-import { u as ze, c as Se, t as Fe, b as Te, h as Ne, o as Re, f as Me, x as he, X as Ee, k as Le, i as Ue } from "./index-INqbM37s.js";
+import { u as ze, c as Se, t as Fe, b as Te, h as Ne, o as Re, f as Me, x as he, X as Ee, k as Le, i as Ue } from "./index-C0wrF8hm.js";
 import { t as Be, u as Ge } from "./useResponsive-DfdjqQps.js";
 import { u as De, B as He } from "./BaseScanner-BgWxam9d.js";
-import { u as je } from "./usePrinter-9WO5mDzj.js";
-import { u as de } from "./useNestedProp-BKprMEaB.js";
+import { u as je } from "./usePrinter-C2jvouU0.js";
+import { u as de } from "./useNestedProp-Bg2FlIgI.js";
 import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ve } from "./useChartAccessibility-9icAAmYg.js";
-import qe from "./Title-nHtPyPd9.js";
-import Ye from "./img-Bl0o2UAr.js";
+import qe from "./Title-DbQthJAs.js";
+import Ye from "./img-DLgjML7h.js";
 import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { key: 1 }, et = ["d", "stroke-width", "stroke"], tt = { key: 2 }, at = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], lt = { key: 3 }, ot = ["x", "y", "height"], st = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], nt = {
   key: 4,
@@ -29,7 +29,7 @@ const Je = ["id"], Ke = ["xmlns", "viewBox"], Qe = ["width", "height"], Ze = { k
     }
   },
   setup(fe, { expose: ye }) {
-    const ge = H(() => import("./PenAndPaper-C8hICPzL.js")), pe = H(() => import("./UserOptions-D3pVnvAB.js")), me = H(() => import("./PackageVersion-7CxQB-mx.js")), { vue_ui_tiremarks: ke } = ze(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), L = v(Se()), C = v(null), we = v(null), V = v(null), q = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(G()), { loading: J, FINAL_DATASET: U } = De({
+    const ge = H(() => import("./PenAndPaper-BdzDJYnr.js")), pe = H(() => import("./UserOptions-Dd5XOrwq.js")), me = H(() => import("./PackageVersion-BtfT0hV9.js")), { vue_ui_tiremarks: ke } = ze(), w = fe, be = f(() => !!w.dataset && Object.keys(w.dataset).length), L = v(Se()), C = v(null), we = v(null), V = v(null), q = v(null), Y = v(0), W = v(0), $ = v(null), P = v(null), e = v(G()), { loading: J, FINAL_DATASET: U } = De({
       ...xe(w),
       FINAL_CONFIG: e,
       prepareConfig: G,