vue-data-ui 3.1.4 → 3.1.5

package/dist/{vue-ui-history-plot-X_jPheWu.js → vue-ui-history-plot-DnSB7au4.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as O, ref as v, shallowRef as Ee, computed as y, onMounted as Mt, onBeforeUnmount as zt, toRefs as Nt, watch as K, watchEffect as Ot, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as L, normalizeClass as D, renderSlot as p, createBlock as I, createCommentVNode as h, createElementVNode as _, createVNode as de, createSlots as He, withCtx as b, normalizeProps as R, guardReactiveProps as B, Fragment as m, renderList as g, toDisplayString as T, Teleport as It, resolveDynamicComponent as Pt, mergeProps as Dt, createTextVNode as We, nextTick as Ft } from "vue";
-import { u as Xt, c as je, o as Ue, f as Ge, g as Rt, t as Bt, d as Yt, e as Et, p as Q, D as Ve, k as Y, i as E, X as Ht, l as Wt, j as jt, I as Ut, F as Gt, E as F, a as Vt, b as qt, C as ee, v as Zt, w as Jt, y as Kt } from "./index-INqbM37s.js";
+import { defineAsyncComponent as O, ref as v, shallowRef as Ee, computed as y, onMounted as Mt, onBeforeUnmount as zt, toRefs as Nt, watch as K, watchEffect as Ot, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as L, normalizeClass as P, renderSlot as p, createBlock as I, createCommentVNode as h, createElementVNode as _, createVNode as de, createSlots as He, withCtx as m, normalizeProps as R, guardReactiveProps as B, Fragment as b, renderList as g, toDisplayString as T, Teleport as It, resolveDynamicComponent as Ft, mergeProps as Pt, createTextVNode as We, nextTick as Dt } from "vue";
+import { u as Xt, c as je, o as Ue, f as Ge, g as Rt, t as Bt, d as Yt, e as Et, p as Q, D as Ve, k as Y, i as E, X as Ht, l as Wt, j as jt, I as Ut, F as Gt, E as D, a as Vt, b as qt, C as ee, v as Zt, w as Jt, y as Kt } from "./index-BkfuZCRT.js";
 import { t as qe, u as Qt } from "./useResponsive-DfdjqQps.js";
 import { u as el, B as tl } from "./BaseScanner-BgWxam9d.js";
-import { u as ll } from "./usePrinter-9WO5mDzj.js";
-import { u as Ze } from "./useNestedProp-BKprMEaB.js";
+import { u as ll } from "./usePrinter-CEdg3j8S.js";
+import { u as Ze } from "./useNestedProp-BMzw9VUz.js";
 import { u as al } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as sl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as ol } from "./useTimeLabelCollider-CIsgDrl9.js";
-import rl from "./img-Bl0o2UAr.js";
-import nl from "./Title-nHtPyPd9.js";
-import il from "./Legend-BQqnf4BN.js";
+import rl from "./img-Neec0VVb.js";
+import nl from "./Title-ydtId0LC.js";
+import il from "./Legend-nPGcCxG_.js";
 import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "width", "height"], yl = { key: 1 }, fl = ["id"], xl = ["stop-color"], pl = ["stop-color"], bl = ["stop-color"], ml = { key: 2 }, gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kl = { key: 3 }, wl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Cl = ["x", "y", "fill", "font-size"], Al = ["transform", "font-size", "fill", "font-weight"], _l = { key: 6 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = { key: 7 }, Sl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Tl = ["transform", "fill", "font-size", "text-anchor"], Ml = ["x", "y", "font-size", "fill", "font-weight"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["d", "stroke", "stroke-width"], Il = ["d", "stroke", "stroke-width"], Pl = ["cx", "cy", "fill", "r"], Dl = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Fl = { key: 1 }, Xl = ["x", "y", "font-size", "fill", "font-weight"], Rl = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Bl = { key: 2 }, Yl = ["x", "y", "font-size", "font-weight", "fill"], El = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Hl = {
+const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "width", "height"], yl = { key: 1 }, fl = ["id"], xl = ["stop-color"], pl = ["stop-color"], ml = ["stop-color"], bl = { key: 2 }, gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kl = { key: 3 }, wl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Cl = ["x", "y", "fill", "font-size"], Al = ["transform", "font-size", "fill", "font-weight"], _l = { key: 6 }, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = { key: 7 }, Sl = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], Tl = ["transform", "fill", "font-size", "text-anchor"], Ml = ["x", "y", "font-size", "fill", "font-weight"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["d", "stroke", "stroke-width"], Il = ["d", "stroke", "stroke-width"], Fl = ["cx", "cy", "fill", "r"], Pl = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Dl = { key: 1 }, Xl = ["x", "y", "font-size", "fill", "font-weight"], Rl = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Bl = { key: 2 }, Yl = ["x", "y", "font-size", "font-weight", "fill"], El = ["cx", "cy", "r", "onMouseenter", "onMouseleave", "onClick"], Hl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Wl = ["id"], jl = ["onClick"], Ul = ["innerHTML"], Gl = {
@@ -32,7 +32,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Je, { expose: Ke, emit: Qe }) {
-    const et = O(() => import("./Tooltip-RCWHeRDV.js")), tt = O(() => import("./BaseIcon-B5nQNkmd.js")), lt = O(() => import("./vue-ui-accordion-CQZjxT5U.js")), at = O(() => import("./DataTable-CzO3oHys.js")), st = O(() => import("./PenAndPaper-C8hICPzL.js")), ot = O(() => import("./UserOptions-D3pVnvAB.js")), rt = O(() => import("./PackageVersion-7CxQB-mx.js")), nt = O(() => import("./BaseDraggableDialog-BdAp3qr9.js")), { vue_ui_history_plot: it } = Xt(), d = Je, $ = v(null), ye = v(null), fe = v(0), xe = v(null), pe = v(0), be = v(0), me = v(0), M = Ee(null), X = Ee(null), ge = v(null), S = v(je()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), ke = v(null), we = v(!1), j = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = y({
+    const et = O(() => import("./Tooltip-oeu9knGI.js")), tt = O(() => import("./BaseIcon-BQQGRQ2U.js")), lt = O(() => import("./vue-ui-accordion-DFxAHGEZ.js")), at = O(() => import("./DataTable-D6voeZvO.js")), st = O(() => import("./PenAndPaper-C6tiapdo.js")), ot = O(() => import("./UserOptions-CnJxN2Vo.js")), rt = O(() => import("./PackageVersion-BeStrsPr.js")), nt = O(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_history_plot: it } = Xt(), d = Je, $ = v(null), ye = v(null), fe = v(0), xe = v(null), pe = v(0), me = v(0), be = v(0), M = Ee(null), X = Ee(null), ge = v(null), S = v(je()), te = v(!1), le = v(""), w = v([]), H = v(!1), A = v(null), W = v(!1), ke = v(null), we = v(!1), j = v(null), ae = v(null), se = v(null), oe = v(null), G = v(null), re = v(null), V = y({
       get: () => !!d.dataset && d.dataset.length,
       set: (t) => t
     }), Ce = Qe;
@@ -68,43 +68,43 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             source: ke.value
           });
           requestAnimationFrame(() => {
-            f.value.width = a, f.value.height = l, e.value.responsiveProportionalSizing ? (n.value.plots = F({
+            f.value.width = a, f.value.height = l, e.value.responsiveProportionalSizing ? (n.value.plots = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
               threshold: 3,
               fallback: 3
-            }), n.value.indexLabels = F({
+            }), n.value.indexLabels = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.indexLabels.fontSize,
               threshold: 6,
               fallback: 6
-            }), n.value.labels = F({
+            }), n.value.labels = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), n.value.xAxisLabels = F({
+            }), n.value.xAxisLabels = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.x.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), n.value.xAxisName = F({
+            }), n.value.xAxisName = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.x.name.fontSize,
               threshold: 6,
               fallback: 6
-            }), n.value.yAxisLabels = F({
+            }), n.value.yAxisLabels = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.y.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), n.value.yAxisName = F({
+            }), n.value.yAxisName = D({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.y.name.fontSize,
@@ -203,7 +203,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       })
     }), { userOptionsVisible: ue, setUserOptionsVisibility: Le, keepUserOptionState: $e } = al({ config: e.value }), { svgRef: Se } = sl({ config: e.value.style.chart.title });
     K(() => d.config, (t) => {
-      z.value || (e.value = ne()), ue.value = !e.value.userOptions.showOnChartHover, _e(), fe.value += 1, be.value += 1, pe.value += 1, f.value.height = e.value.style.chart.height, f.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
+      z.value || (e.value = ne()), ue.value = !e.value.userOptions.showOnChartHover, _e(), fe.value += 1, me.value += 1, pe.value += 1, f.value.height = e.value.style.chart.height, f.value.width = e.value.style.chart.width, n.value.plots = e.value.style.chart.plots.radius, n.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, n.value.labels = e.value.style.chart.plots.labels.fontSize, n.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, n.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, n.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, n.value.yAxisName = e.value.style.chart.axes.y.name.fontSize, C.value.showTable = e.value.table.show, C.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), K(() => d.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ie.value = !1);
     }, { deep: !0 });
@@ -275,7 +275,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     }))), xt = y(() => Math.max(...N.value.filter((t) => !w.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x)))), pt = y(() => {
       const t = Math.min(...N.value.filter((a) => !w.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
       return t < 0 ? t : 0;
-    }), bt = y(() => Math.max(...N.value.filter((t) => !w.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), mt = y(() => {
+    }), mt = y(() => Math.max(...N.value.filter((t) => !w.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y)))), bt = y(() => {
       const t = Math.min(...N.value.filter((a) => !w.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
       return t < 0 ? t : 0;
     }), x = y(() => {
@@ -284,8 +284,8 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         e.value.style.chart.axes.x.scaleMax === null ? xt.value : e.value.style.chart.axes.x.scaleMax,
         e.value.style.chart.axes.x.ticks
       ), a = Ve(
-        e.value.style.chart.axes.y.scaleMin === null ? mt.value : e.value.style.chart.axes.y.scaleMin,
-        e.value.style.chart.axes.y.scaleMax === null ? bt.value : e.value.style.chart.axes.y.scaleMax,
+        e.value.style.chart.axes.y.scaleMin === null ? bt.value : e.value.style.chart.axes.y.scaleMin,
+        e.value.style.chart.axes.y.scaleMax === null ? mt.value : e.value.style.chart.axes.y.scaleMax,
         e.value.style.chart.axes.y.ticks
       );
       return {
@@ -313,7 +313,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       const a = x.value.y.min < 0 ? Math.abs(x.value.y.min) : x.value.y.min > 0 ? -x.value.y.min : 0;
       return c.value.bottom - ((t || 0) + a) / (x.value.y.max + a) * c.value.height;
     }
-    const P = y(() => N.value.filter((t) => !w.value.includes(t.seriesIndex)).map((t, a) => {
+    const F = y(() => N.value.filter((t) => !w.value.includes(t.seriesIndex)).map((t, a) => {
       const l = t.values.map((s, k) => ({
         valueX: s.x,
         valueY: s.y,
@@ -330,13 +330,13 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         path: `M${i}`
       };
     }));
-    function Pe(t) {
+    function Fe(t) {
       w.value.includes(t) ? w.value = w.value.filter((a) => a !== t) : w.value.push(t);
     }
-    const De = y(() => N.value.map((t) => ({
+    const Pe = y(() => N.value.map((t) => ({
       ...t,
       opacity: w.value.includes(t.seriesIndex) ? 0.5 : 1,
-      segregate: () => Pe(t.seriesIndex),
+      segregate: () => Fe(t.seriesIndex),
       isSegregated: w.value.includes(t.seriesIndex),
       shape: "circle"
     }))), wt = y(() => ({
@@ -350,7 +350,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     function Ct({ datapoint: t, plotIndex: a, seriesIndex: l }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), Ce("selectDatapoint", t);
     }
-    function Fe(t) {
+    function De(t) {
       Ce("selectLegend", {
         ...t,
         isSegregated: !t.isSegregated,
@@ -358,7 +358,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       });
     }
     function Xe(t) {
-      H.value = t, me.value += 1;
+      H.value = t, be.value += 1;
     }
     const ce = v(null);
     function At({ datapoint: t, plotIndex: a, seriesIndex: l }) {
@@ -404,7 +404,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       }
       te.value = !0;
     }
-    y(() => ({ head: P.value.map((a) => ({
+    y(() => ({ head: F.value.map((a) => ({
       name: a.name,
       color: a.color
     })) }));
@@ -414,7 +414,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.x,
         e.value.table.columnNames.y
-      ], a = P.value.flatMap((i) => i.plots.map((s) => [
+      ], a = F.value.flatMap((i) => i.plots.map((s) => [
         {
           color: s.color,
           name: s.seriesName
@@ -461,13 +461,13 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       };
     });
     function ve(t = null) {
-      Ft(() => {
+      Dt(() => {
         const a = [
           [e.value.table.columnNames.series],
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], l = P.value.flatMap((k) => k.plots.map((J) => [
+        ], l = F.value.flatMap((k) => k.plots.map((J) => [
           [J.seriesName],
           [J.label],
           [J.valueX],
@@ -494,7 +494,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       C.value.showTooltip = !C.value.showTooltip;
     }
     function Lt() {
-      return P.value;
+      return F.value;
     }
     async function $t({ scale: t = 2 } = {}) {
       if (!$.value) return;
@@ -572,7 +572,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       id: `history_plot_${S.value}`,
       ref_key: "historyPlotChart",
       ref: $,
-      class: D({ "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
+      class: P({ "vue-ui-history-plot": !0, "vue-data-ui-wrapper-fullscreen": H.value }),
       style: L(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: a[2] || (a[2] = () => u(Le)(!0)),
       onMouseleave: a[3] || (a[3] = () => u(Le)(!1))
@@ -620,7 +620,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       e.value.userOptions.show && V.value && (u($e) || u(ue)) ? (o(), I(u(ot), {
         ref_key: "userOptionsRef",
         ref: ae,
-        key: `user_option_${me.value}`,
+        key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: u(Te),
@@ -656,56 +656,56 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: b(({ isOpen: l, color: i }) => [
+          fn: m(({ isOpen: l, color: i }) => [
             p(t.$slots, "menuIcon", R(B({ isOpen: l, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: b(() => [
+          fn: m(() => [
             p(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: b(() => [
+          fn: m(() => [
             p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: b(() => [
+          fn: m(() => [
             p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: b(() => [
+          fn: m(() => [
             p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: b(() => [
+          fn: m(() => [
             p(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: l, isFullscreen: i }) => [
+          fn: m(({ toggleFullscreen: l, isFullscreen: i }) => [
             p(t.$slots, "optionFullscreen", R(B({ toggleFullscreen: l, isFullscreen: i })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: l, isAnnotator: i }) => [
+          fn: m(({ toggleAnnotator: l, isAnnotator: i }) => [
             p(t.$slots, "optionAnnotator", R(B({ toggleAnnotator: l, isAnnotator: i })), void 0, !0)
           ]),
           key: "7"
@@ -732,7 +732,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           p(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, dl)) : h("", !0),
         e.value.style.chart.plots.gradient.show ? (o(), r("defs", yl, [
-          (o(!0), r(m, null, g(P.value, (l, i) => (o(), r("radialGradient", {
+          (o(!0), r(b, null, g(F.value, (l, i) => (o(), r("radialGradient", {
             id: `gradient_${i}_${S.value}`,
             fy: "30%"
           }, [
@@ -747,11 +747,11 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             _("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, bl)
+            }, null, 8, ml)
           ], 8, fl))), 256))
         ])) : h("", !0),
-        e.value.style.chart.grid.verticalLines.show ? (o(), r("g", ml, [
-          (o(!0), r(m, null, g(x.value.tickX, (l) => (o(), r("line", {
+        e.value.style.chart.grid.verticalLines.show ? (o(), r("g", bl, [
+          (o(!0), r(b, null, g(x.value.tickX, (l) => (o(), r("line", {
             x1: l.x,
             x2: l.x,
             y1: l.y1,
@@ -762,7 +762,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           }, null, 8, gl))), 256))
         ])) : h("", !0),
         e.value.style.chart.axes.y.labels.show ? (o(), r("g", kl, [
-          (o(!0), r(m, null, g(x.value.tickY, (l) => (o(), r("line", {
+          (o(!0), r(b, null, g(x.value.tickY, (l) => (o(), r("line", {
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round",
@@ -777,7 +777,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           ref_key: "yAxisScales",
           ref: re
         }, [
-          (o(!0), r(m, null, g(x.value.tickY, (l) => (o(), r("text", {
+          (o(!0), r(b, null, g(x.value.tickY, (l) => (o(), r("text", {
             x: c.value.left + e.value.style.chart.axes.y.labels.offsetX - 4 - e.value.style.chart.plots.radius,
             y: l.y + n.value.yAxisLabels / 3,
             fill: e.value.style.chart.axes.y.labels.color,
@@ -805,7 +805,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           "text-anchor": "middle"
         }, T(e.value.style.chart.axes.y.name.text), 9, Al)) : h("", !0),
         e.value.style.chart.grid.horizontalLines.show ? (o(), r("g", _l, [
-          (o(!0), r(m, null, g(x.value.tickY, (l) => (o(), r("line", {
+          (o(!0), r(b, null, g(x.value.tickY, (l) => (o(), r("line", {
             x1: l.x1,
             x2: l.x2,
             y1: l.y,
@@ -816,7 +816,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           }, null, 8, Ll))), 256))
         ])) : h("", !0),
         e.value.style.chart.axes.x.labels.show ? (o(), r("g", $l, [
-          (o(!0), r(m, null, g(x.value.tickX, (l) => (o(), r("line", {
+          (o(!0), r(b, null, g(x.value.tickX, (l) => (o(), r("line", {
             stroke: e.value.style.chart.grid.verticalLines.stroke,
             "stroke-width": e.value.style.chart.grid.verticalLines.strokeWidth,
             "stroke-linecap": "round",
@@ -831,7 +831,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           ref_key: "xAxisScales",
           ref: G
         }, [
-          (o(!0), r(m, null, g(x.value.tickX, (l) => (o(), r("text", {
+          (o(!0), r(b, null, g(x.value.tickX, (l) => (o(), r("text", {
             class: "vue-ui-history-plot-x-axis-scale",
             transform: `translate(${l.x}, ${c.value.bottom + e.value.style.chart.axes.x.labels.offsetY + n.value.xAxisLabels + e.value.style.chart.plots.radius}), rotate(${e.value.style.chart.axes.x.labels.rotation})`,
             fill: e.value.style.chart.axes.x.labels.color,
@@ -879,7 +879,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           "stroke-width": e.value.style.chart.grid.yAxis.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, Nl)) : h("", !0),
-        (o(!0), r(m, null, g(P.value, (l, i) => (o(), r("g", null, [
+        (o(!0), r(b, null, g(F.value, (l, i) => (o(), r("g", null, [
           e.value.style.chart.paths.show ? (o(), r("g", {
             key: 0,
             style: L({
@@ -893,7 +893,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: D({ animated: e.value.useCssAnimation && !u(z) })
+              class: P({ animated: e.value.useCssAnimation && !u(z) })
             }, null, 10, Ol),
             _("path", {
               d: l.path,
@@ -902,31 +902,31 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: D({ animated: e.value.useCssAnimation && !u(z) })
+              class: P({ animated: e.value.useCssAnimation && !u(z) })
             }, null, 10, Il)
           ], 4)) : h("", !0),
-          (o(!0), r(m, null, g(l.plots, (s) => (o(), r("circle", {
+          (o(!0), r(b, null, g(l.plots, (s) => (o(), r("circle", {
             cx: s.x,
             cy: s.y,
             fill: e.value.style.chart.backgroundColor,
             r: n.value.plots,
             stroke: "none"
-          }, null, 8, Pl))), 256)),
-          (o(!0), r(m, null, g(l.plots, (s) => (o(), r("circle", {
+          }, null, 8, Fl))), 256)),
+          (o(!0), r(b, null, g(l.plots, (s) => (o(), r("circle", {
             cx: s.x,
             cy: s.y,
             fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${i}_${S.value})` : s.color,
             r: n.value.plots,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
-            class: D({ animated: e.value.useCssAnimation && !u(z) }),
+            class: P({ animated: e.value.useCssAnimation && !u(z) }),
             style: L({
               opacity: A.value === null || A.value.id === s.id ? 1 : 0.3,
               transition: "opacity 0.2s ease-in-out"
             })
-          }, null, 14, Dl))), 256)),
-          e.value.style.chart.plots.labels.show ? (o(), r("g", Fl, [
-            (o(!0), r(m, null, g(l.plots, (s) => (o(), r("g", null, [
+          }, null, 14, Pl))), 256)),
+          e.value.style.chart.plots.labels.show ? (o(), r("g", Dl, [
+            (o(!0), r(b, null, g(l.plots, (s) => (o(), r("g", null, [
               String(s.label).includes(`
 `) ? (o(), r("text", {
                 key: 1,
@@ -936,7 +936,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
                 fill: e.value.style.chart.plots.labels.color,
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
-                class: D({ animated: e.value.useCssAnimation && !u(z) }),
+                class: P({ animated: e.value.useCssAnimation && !u(z) }),
                 style: L({
                   opacity: A.value === null || A.value.id === s.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
@@ -956,7 +956,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
                 fill: e.value.style.chart.plots.labels.color,
                 "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
                 "text-anchor": "middle",
-                class: D({ animated: e.value.useCssAnimation && !u(z) }),
+                class: P({ animated: e.value.useCssAnimation && !u(z) }),
                 style: L({
                   opacity: A.value === null || A.value.id === s.id ? 1 : 0.3,
                   transition: "opacity 0.2s ease-in-out"
@@ -965,14 +965,14 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             ]))), 256))
           ])) : h("", !0),
           e.value.style.chart.plots.indexLabels.show ? (o(), r("g", Bl, [
-            (o(!0), r(m, null, g(l.plots, (s, k) => (o(), r("text", {
+            (o(!0), r(b, null, g(l.plots, (s, k) => (o(), r("text", {
               x: s.x + e.value.style.chart.plots.indexLabels.offsetX,
               y: s.y + e.value.style.chart.plots.indexLabels.offsetY + n.value.indexLabels / 3,
               "font-size": n.value.indexLabels,
               "font-weight": e.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
               fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? u(Gt)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
-              class: D({ animated: e.value.useCssAnimation && !u(z) }),
+              class: P({ animated: e.value.useCssAnimation && !u(z) }),
               style: L({
                 opacity: A.value === null || A.value.id === s.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
@@ -980,8 +980,8 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             }, T(e.value.style.chart.plots.indexLabels.startAtZero ? k : k + 1), 15, Yl))), 256))
           ])) : h("", !0)
         ]))), 256)),
-        (o(!0), r(m, null, g(P.value, (l) => (o(), r("g", null, [
-          (o(!0), r(m, null, g(l.plots, (i, s) => (o(), r("circle", {
+        (o(!0), r(b, null, g(F.value, (l) => (o(), r("g", null, [
+          (o(!0), r(b, null, g(l.plots, (i, s) => (o(), r("circle", {
             cx: i.x,
             cy: i.y,
             fill: "transparent",
@@ -1022,16 +1022,16 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         }, [
           e.value.style.chart.legend.show && V.value ? (o(), I(il, {
             key: `legend_${pe.value}`,
-            legendSet: De.value,
+            legendSet: Pe.value,
             config: wt.value,
             onClickMarker: a[0] || (a[0] = ({ legend: l }) => {
-              Pe(l.seriesIndex), Fe(l);
+              Fe(l.seriesIndex), De(l);
             })
           }, {
-            item: b(({ legend: l, index: i }) => [
+            item: m(({ legend: l, index: i }) => [
               _("div", {
                 onClick: (s) => {
-                  l.segregate(), Fe(l);
+                  l.segregate(), De(l);
                 },
                 style: L(`opacity:${w.value.includes(l.seriesIndex) ? 0.5 : 1}`)
               }, T(l.name), 13, jl)
@@ -1039,7 +1039,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             _: 1
           }, 8, ["legendSet", "config"])) : p(t.$slots, "legend", {
             key: 1,
-            legend: De.value
+            legend: Pe.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : h("", !0),
@@ -1067,24 +1067,26 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         isCustom: W.value,
         isFullscreen: H.value,
         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(() => [
+        "tooltip-before": m(() => [
           p(t.$slots, "tooltip-before", R(B({ ...ce.value })), void 0, !0)
         ]),
-        "tooltip-after": b(() => [
+        "tooltip-after": m(() => [
           p(t.$slots, "tooltip-after", R(B({ ...ce.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter"]),
-      V.value ? (o(), I(Pt(U.value.component), Dt({ key: 7 }, U.value.props, {
+      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      V.value ? (o(), I(Ft(U.value.component), Pt({ key: 7 }, U.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: Ye
       }), He({
-        content: b(() => [
+        content: m(() => [
           (o(), I(u(at), {
-            key: `table_${be.value}`,
+            key: `table_${me.value}`,
             colNames: q.value.colNames,
             head: q.value.head,
             body: q.value.body,
@@ -1093,13 +1095,13 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             withCloseButton: !e.value.table.useDialog,
             onClose: Ye
           }, {
-            th: b(({ th: l }) => [
+            th: m(({ th: l }) => [
               _("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Ul)
             ]),
-            td: b(({ td: l }) => [
+            td: m(({ td: l }) => [
               We(T(l.name || l), 1)
             ]),
             _: 1
@@ -1109,14 +1111,14 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: b(() => [
+          fn: m(() => [
             We(T(U.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: b(() => [
+          fn: m(() => [
             _("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1134,7 +1136,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       u(z) ? (o(), I(tl, { key: 8 })) : h("", !0)
     ], 46, cl));
   }
-}, na = /* @__PURE__ */ ul(Gl, [["__scopeId", "data-v-da96ec4c"]]);
+}, na = /* @__PURE__ */ ul(Gl, [["__scopeId", "data-v-67440664"]]);
 export {
   na as default
 };

package/dist/{vue-ui-kpi-DwNsapLR.js → vue-ui-kpi-UmcKQftv.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, computed as C, useSlots as w, onMounted as k, watch as y, ref as $, createElementBlock as s, openBlock as i, normalizeStyle as u, normalizeClass as r, createElementVNode as b, renderSlot as n, createTextVNode as h, toDisplayString as F, createVNode as B, unref as v, Fragment as L } from "vue";
-import { u as M } from "./useNestedProp-BKprMEaB.js";
-import { u as E, k as I, i as O } from "./index-INqbM37s.js";
+import { u as M } from "./useNestedProp-BMzw9VUz.js";
+import { u as E, k as I, i as O } from "./index-BkfuZCRT.js";
 const R = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const R = {
     }
   },
   setup(o) {
-    const N = z(() => import("./vue-ui-digits-BlZsS_qz.js")), { vue_ui_kpi: D } = E(), l = o, e = C({
+    const N = z(() => import("./vue-ui-digits-C3mI-0Fg.js")), { vue_ui_kpi: D } = E(), l = o, e = C({
       get: () => c(),
       set: (a) => a
     }), S = w(), A = C(() => e.value.debug);

package/dist/{vue-ui-mini-loader-uyATuTz5.js → vue-ui-mini-loader-Bl8GHasa.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m } from "./useNestedProp-BKprMEaB.js";
-import { u as y, X as L } from "./index-INqbM37s.js";
+import { u as m } from "./useNestedProp-BMzw9VUz.js";
+import { u as y, X as L } from "./index-BkfuZCRT.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",