vue-data-ui 3.1.18 → 3.1.19-next.1

package/dist/{vue-ui-history-plot-fbTG7Mke.js → vue-ui-history-plot-BTnau6bc.js}

@@ -1,16 +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 i, 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-smzxfsyV.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-nFj0xF0a.js";
-import { u as Ze } from "./useNestedProp-DeKmJzsE.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-BArHHegM.js";
-import nl from "./Title-B_WMW2Bp.js";
-import ul from "./Legend-h35dp0Qf.js";
-import { _ as il } from "./_plugin-vue_export-helper-CHgC5LLL.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 { c as je, o as Ue, f as Ge, g as Xt, t as Rt, e as Bt, h as Yt, p as Q, E as Ve, a as Y, d as E, X as Et, m as Ht, r as Wt, N as jt, G as Ut, F as D, b as Gt, D as ee, x as Vt, y as qt, z as Zt } from "./lib-p5pfHmOX.js";
+import { t as qe, u as Jt } from "./useResponsive-DfdjqQps.js";
+import { u as Kt, a as Ze } from "./useNestedProp-DF7e2h1z.js";
+import { u as Qt, B as el } from "./BaseScanner-BgWxam9d.js";
+import { u as tl } from "./usePrinter-Yeu5jOfm.js";
+import { u as ll } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as al } from "./useChartAccessibility-9icAAmYg.js";
+import { u as sl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import ol from "./img-CH7J0fYg.js";
+import rl from "./Title-pI68ZJsq.js";
+import { t as nl } from "./themes-D3cUNuKw.js";
+import il from "./Legend-_Rv594VS.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"], 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"
@@ -32,7 +33,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-Db9jy0Iu.js")), tt = O(() => import("./BaseIcon-BPiT94Lb.js")), lt = O(() => import("./vue-ui-accordion-7cfJUVx5.js")), at = O(() => import("./DataTable-CywujQw9.js")), st = O(() => import("./PenAndPaper-Deh70G9d.js")), ot = O(() => import("./UserOptions-CtECQwBN.js")), rt = O(() => import("./PackageVersion-BzGzkGiC.js")), nt = O(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_history_plot: ut } = 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({
+    const et = O(() => import("./Tooltip-Clf2K3CF.js")), tt = O(() => import("./BaseIcon-D2f9w5Z5.js")), lt = O(() => import("./vue-ui-accordion-D-L73-T2.js")), at = O(() => import("./DataTable-xISHA7Pu.js")), st = O(() => import("./PenAndPaper-CtDMyIvW.js")), ot = O(() => import("./UserOptions-Bn3u4JQu.js")), rt = O(() => import("./PackageVersion-B6W-zkH-.js")), nt = O(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_history_plot: it } = Kt(), 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;
@@ -45,8 +46,8 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         componentName: "VueUiHistoryPlot",
         type: "dataset",
         debug: Ae.value
-      }), ue.value = !0) : d.dataset.forEach((t, a) => {
-        Rt({
+      }), ie.value = !0) : d.dataset.forEach((t, a) => {
+        Xt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -58,9 +59,9 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             debug: Ae.value
           });
         });
-      }), Ue(d.dataset) || (ue.value = e.value.loading), e.value.responsive) {
+      }), Ue(d.dataset) || (ie.value = e.value.loading), e.value.responsive) {
         const t = qe(() => {
-          const { width: a, height: l } = Qt({
+          const { width: a, height: l } = Jt({
             chart: $.value,
             title: e.value.style.chart.title.text ? ye.value : null,
             noTitle: ge.value,
@@ -122,18 +123,18 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     function ne() {
       const t = Ze({
         userConfig: d.config,
-        defaultConfig: ut
+        defaultConfig: it
       });
       let a = {};
       return t.theme ? a = {
         ...Ze({
-          userConfig: qt.vue_ui_history_plot[t.theme] || d.config,
+          userConfig: nl.vue_ui_history_plot[t.theme] || d.config,
           defaultConfig: t
         }),
-        customPalette: Vt[t.theme] || Q
+        customPalette: Gt[t.theme] || Q
       } : a = t, d.config && ee(d.config, "style.chart.axes.x.scaleMin") ? a.style.chart.axes.x.scaleMin = d.config.style.chart.axes.x.scaleMin : a.style.chart.axes.x.scaleMin = null, d.config && ee(d.config, "style.chart.axes.x.scaleMax") ? a.style.chart.axes.x.scaleMax = d.config.style.chart.axes.x.scaleMax : a.style.chart.axes.x.scaleMax = null, d.config && ee(d.config, "style.chart.axes.y.scaleMin") ? a.style.chart.axes.y.scaleMin = d.config.style.chart.axes.y.scaleMin : a.style.chart.axes.y.scaleMin = null, d.config && ee(d.config, "style.chart.axes.y.scaleMax") ? a.style.chart.axes.y.scaleMax = d.config.style.chart.axes.y.scaleMax : a.style.chart.axes.y.scaleMax = null, a;
     }
-    const e = v(ne()), { loading: z, FINAL_DATASET: it, manualLoading: ue } = el({
+    const e = v(ne()), { loading: z, FINAL_DATASET: ut, manualLoading: ie } = Qt({
       ...Nt(d),
       FINAL_CONFIG: e,
       prepareConfig: ne,
@@ -149,7 +150,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           ]
         }
       ],
-      skeletonConfig: Bt({
+      skeletonConfig: Rt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -201,17 +202,17 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: ie, setUserOptionsVisibility: Le, keepUserOptionState: $e } = al({ config: e.value }), { svgRef: Se } = sl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ue, setUserOptionsVisibility: Le, keepUserOptionState: $e } = ll({ config: e.value }), { svgRef: Se } = al({ config: e.value.style.chart.title });
     K(() => d.config, (t) => {
-      z.value || (e.value = ne()), ie.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;
+      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 && (ue.value = !1);
+      Array.isArray(t) && t.length > 0 && (ie.value = !1);
     }, { deep: !0 });
-    const { isPrinting: Te, isImaging: Me, generatePdf: ze, generateImage: Ne } = ll({
+    const { isPrinting: Te, isImaging: Me, generatePdf: ze, generateImage: Ne } = tl({
       elementId: `history_plot_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-history-plot",
       options: e.value.userOptions.print
-    }), ct = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), vt = y(() => Yt(e.value.customPalette)), C = v({
+    }), ct = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), vt = y(() => Bt(e.value.customPalette)), C = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -227,9 +228,9 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     }), ht = y(() => f.value.width), dt = y(() => f.value.height);
     function yt() {
       let t = 0;
-      re.value && (t = Array.from(re.value.querySelectorAll("text")).reduce((u, s) => {
+      re.value && (t = Array.from(re.value.querySelectorAll("text")).reduce((i, s) => {
         const k = s.getComputedTextLength();
-        return k > u ? k : u;
+        return k > i ? k : i;
       }, 0));
       const a = oe.value ? oe.value.getBoundingClientRect().width : 0;
       return t + a + (a ? 24 : 0);
@@ -240,8 +241,8 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     Ot((t) => {
       const a = G.value;
       if (!a) return;
-      const l = new ResizeObserver((u) => {
-        ft(u[0].contentRect.height);
+      const l = new ResizeObserver((i) => {
+        ft(i[0].contentRect.height);
       });
       l.observe(a), t(() => l.disconnect());
     });
@@ -251,14 +252,14 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       let a = 0;
       return G.value && (a = Oe.value), t + a;
     }), c = y(() => {
-      const t = e.value.style.chart.padding.left, a = e.value.style.chart.padding.top, l = yt(), u = e.value.style.chart.plots.radius;
+      const t = e.value.style.chart.padding.left, a = e.value.style.chart.padding.top, l = yt(), i = e.value.style.chart.plots.radius;
       return {
         left: t + l + e.value.style.chart.axes.y.name.offsetX,
-        top: a + u,
-        right: f.value.width - e.value.style.chart.padding.right - u - e.value.style.chart.axes.y.name.offsetX,
-        bottom: f.value.height - e.value.style.chart.padding.bottom - Ie.value - u - e.value.style.chart.axes.x.name.offsetY,
-        width: f.value.width - t - e.value.style.chart.padding.right - l - u - e.value.style.chart.axes.y.name.offsetX,
-        height: f.value.height - a - e.value.style.chart.padding.bottom - Ie.value - u * 2 - e.value.style.chart.axes.x.name.offsetY
+        top: a + i,
+        right: f.value.width - e.value.style.chart.padding.right - i - e.value.style.chart.axes.y.name.offsetX,
+        bottom: f.value.height - e.value.style.chart.padding.bottom - Ie.value - i - e.value.style.chart.axes.x.name.offsetY,
+        width: f.value.width - t - e.value.style.chart.padding.right - l - i - e.value.style.chart.axes.y.name.offsetX,
+        height: f.value.height - a - e.value.style.chart.padding.bottom - Ie.value - i * 2 - e.value.style.chart.axes.x.name.offsetY
       };
     }), n = v({
       plots: e.value.style.chart.plots.radius,
@@ -268,9 +269,9 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       xAxisName: e.value.style.chart.axes.x.name.fontSize,
       yAxisLabels: e.value.style.chart.axes.y.labels.fontSize,
       yAxisName: e.value.style.chart.axes.y.name.fontSize
-    }), N = y(() => it.value.map((t, a) => ({
+    }), N = y(() => ut.value.map((t, a) => ({
       ...t,
-      color: t.color ? Et(t.color) : vt.value[a] || Q[a] || Q[a % Q.length],
+      color: t.color ? Yt(t.color) : vt.value[a] || Q[a] || Q[a % Q.length],
       seriesIndex: a
     }))), 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)));
@@ -323,11 +324,11 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         color: t.color,
         seriesName: t.name,
         id: je()
-      })), u = l.map((s) => `${s.x},${s.y} `).join("").trim();
+      })), i = l.map((s) => `${s.x},${s.y} `).join("").trim();
       return {
         ...t,
         plots: l,
-        path: `M${u}`
+        path: `M${i}`
       };
     }));
     function Fe(t) {
@@ -366,10 +367,10 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     }
     function _t({ datapoint: t, plotIndex: a, seriesIndex: l }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: { ...t, plotIndex: a, seriesIndex: l }, seriesIndex: l }), ce.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: N.value }, A.value = t;
-      const u = e.value.style.chart.tooltip.customFormat;
-      if (W.value = !1, Kt(u))
+      const i = e.value.style.chart.tooltip.customFormat;
+      if (W.value = !1, Zt(i))
         try {
-          const s = u({
+          const s = i({
             seriesIndex: l,
             datapoint: t,
             plotIndex: a,
@@ -414,7 +415,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 = F.value.flatMap((u) => u.plots.map((s) => [
+      ], a = F.value.flatMap((i) => i.plots.map((s) => [
         {
           color: s.color,
           name: s.seriesName
@@ -472,12 +473,12 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           [J.label],
           [J.valueX],
           [J.valueY]
-        ])), u = [
+        ])), i = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           a
-        ].concat(l), s = Zt(u);
-        t ? t(s) : Jt({
+        ].concat(l), s = Vt(i);
+        t ? t(s) : qt({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-history-plot"
         });
@@ -498,18 +499,18 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
     }
     async function $t({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: a, height: l } = $.value.getBoundingClientRect(), u = a / l, { imageUri: s, base64: k } = await rl({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = $.value.getBoundingClientRect(), i = a / l, { imageUri: s, base64: k } = await ol({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: s,
         base64: k,
         title: e.value.style.chart.title.text,
         width: a,
         height: l,
-        aspectRatio: u
+        aspectRatio: i
       };
     }
     const St = y(() => x.value.tickX), Tt = y(() => ({ start: 0, end: x.value.tickX.length }));
-    ol({
+    sl({
       timeLabelsEls: G,
       timeLabels: St,
       slicer: Tt,
@@ -574,13 +575,13 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       ref: $,
       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] = () => i(Le)(!0)),
-      onMouseleave: a[3] || (a[3] = () => i(Le)(!1))
+      onMouseenter: a[2] || (a[2] = () => u(Le)(!0)),
+      onMouseleave: a[3] || (a[3] = () => u(Le)(!1))
     }, [
       p(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.userOptions.buttons.annotator ? (o(), I(i(st), {
+      e.value.userOptions.buttons.annotator ? (o(), I(u(st), {
         key: 0,
-        svgRef: i(Se),
+        svgRef: u(Se),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Z.value,
@@ -600,7 +601,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         class: "vue-ui-xy-title",
         style: L(`font-family:${e.value.style.fontFamily}`)
       }, [
-        (o(), I(nl, {
+        (o(), I(rl, {
           key: `title_${fe.value}`,
           config: {
             title: {
@@ -617,14 +618,14 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       _("div", {
         id: `legend-top-${S.value}`
       }, null, 8, vl),
-      e.value.userOptions.show && V.value && (i($e) || i(ie)) ? (o(), I(i(ot), {
+      e.value.userOptions.show && V.value && (u($e) || u(ue)) ? (o(), I(u(ot), {
         ref_key: "userOptionsRef",
         ref: ae,
         key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: i(Te),
-        isImaging: i(Me),
+        isPrinting: u(Te),
+        isImaging: u(Me),
         uid: S.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -644,20 +645,20 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Xe,
-        onGeneratePdf: i(ze),
+        onGeneratePdf: u(ze),
         onGenerateCsv: ve,
-        onGenerateImage: i(Ne),
+        onGenerateImage: u(Ne),
         onToggleTable: Re,
         onToggleTooltip: Be,
         onToggleAnnotator: he,
         style: L({
-          visibility: i($e) ? i(ie) ? "visible" : "hidden" : "visible"
+          visibility: u($e) ? u(ue) ? "visible" : "hidden" : "visible"
         })
       }, He({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: l, color: u }) => [
-            p(t.$slots, "menuIcon", R(B({ isOpen: l, color: u })), void 0, !0)
+          fn: m(({ isOpen: l, color: i }) => [
+            p(t.$slots, "menuIcon", R(B({ isOpen: l, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -698,15 +699,15 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: l, isFullscreen: u }) => [
-            p(t.$slots, "optionFullscreen", R(B({ toggleFullscreen: l, isFullscreen: u })), void 0, !0)
+          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: m(({ toggleAnnotator: l, isAnnotator: u }) => [
-            p(t.$slots, "optionAnnotator", R(B({ toggleAnnotator: l, isAnnotator: u })), void 0, !0)
+          fn: m(({ toggleAnnotator: l, isAnnotator: i }) => [
+            p(t.$slots, "optionAnnotator", R(B({ toggleAnnotator: l, isAnnotator: i })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -714,11 +715,11 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       (o(), r("svg", {
         ref_key: "svgRef",
         ref: Se,
-        xmlns: i(Ht),
+        xmlns: u(Et),
         viewBox: `0 0 ${f.value.width < 0 ? 0.1 : f.value.width} ${f.value.height < 0 ? 0.1 : f.value.height}`,
         style: L(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        de(i(rt)),
+        de(u(rt)),
         t.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: c.value.left,
@@ -732,17 +733,17 @@ 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(b, null, g(F.value, (l, u) => (o(), r("radialGradient", {
-            id: `gradient_${u}_${S.value}`,
+          (o(!0), r(b, null, g(F.value, (l, i) => (o(), r("radialGradient", {
+            id: `gradient_${i}_${S.value}`,
             fy: "30%"
           }, [
             _("stop", {
               offset: "10%",
-              "stop-color": i(Wt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": u(Ht)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, xl),
             _("stop", {
               offset: "90%",
-              "stop-color": i(jt)(l.color, 0.1)
+              "stop-color": u(Wt)(l.color, 0.1)
             }, null, 8, pl),
             _("stop", {
               offset: "100%",
@@ -783,10 +784,10 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             fill: e.value.style.chart.axes.y.labels.color,
             "font-size": n.value.yAxisLabels,
             "text-anchor": "end"
-          }, T(i(Y)(
+          }, T(u(Y)(
             e.value.style.chart.axes.y.labels.formatter,
             l.value,
-            i(E)({
+            u(E)({
               p: e.value.style.chart.axes.y.labels.prefix,
               v: l.value,
               s: e.value.style.chart.axes.y.labels.suffix,
@@ -837,10 +838,10 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
             fill: e.value.style.chart.axes.x.labels.color,
             "font-size": n.value.xAxisLabels,
             "text-anchor": e.value.style.chart.axes.x.labels.rotation > 0 ? "start" : e.value.style.chart.axes.x.labels.rotation < 0 ? "end" : "middle"
-          }, T(i(Y)(
+          }, T(u(Y)(
             e.value.style.chart.axes.x.labels.formatter,
             l.value,
-            i(E)({
+            u(E)({
               p: e.value.style.chart.axes.x.labels.prefix,
               v: l.value,
               s: e.value.style.chart.axes.x.labels.suffix,
@@ -879,7 +880,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(b, null, g(F.value, (l, u) => (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 +894,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: P({ animated: e.value.useCssAnimation && !i(z) })
+              class: P({ animated: e.value.useCssAnimation && !u(z) })
             }, null, 10, Ol),
             _("path", {
               d: l.path,
@@ -902,7 +903,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               fill: "none",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: P({ animated: e.value.useCssAnimation && !i(z) })
+              class: P({ animated: e.value.useCssAnimation && !u(z) })
             }, null, 10, Il)
           ], 4)) : h("", !0),
           (o(!0), r(b, null, g(l.plots, (s) => (o(), r("circle", {
@@ -915,11 +916,11 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           (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_${u}_${S.value})` : s.color,
+            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: P({ animated: e.value.useCssAnimation && !i(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"
@@ -936,12 +937,12 @@ 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: P({ animated: e.value.useCssAnimation && !i(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"
                 }),
-                innerHTML: i(Ut)({
+                innerHTML: u(jt)({
                   content: String(s.label),
                   fontSize: n.value.labels,
                   fill: e.value.style.chart.plots.labels.color,
@@ -956,7 +957,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: P({ animated: e.value.useCssAnimation && !i(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"
@@ -970,9 +971,9 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               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 ? i(Gt)(l.color) : e.value.style.chart.plots.indexLabels.color,
+              fill: e.value.style.chart.plots.indexLabels.adaptColorToBackground ? u(Ut)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
-              class: P({ animated: e.value.useCssAnimation && !i(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"
@@ -981,24 +982,24 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           ])) : h("", !0)
         ]))), 256)),
         (o(!0), r(b, null, g(F.value, (l) => (o(), r("g", null, [
-          (o(!0), r(b, null, g(l.plots, (u, s) => (o(), r("circle", {
-            cx: u.x,
-            cy: u.y,
+          (o(!0), r(b, null, g(l.plots, (i, s) => (o(), r("circle", {
+            cx: i.x,
+            cy: i.y,
             fill: "transparent",
             r: n.value.plots,
             stroke: "none",
             onMouseenter: (k) => _t({
-              datapoint: u,
+              datapoint: i,
               plotIndex: s,
               seriesIndex: l.seriesIndex
             }),
             onMouseleave: (k) => At({
-              datapoint: u,
+              datapoint: i,
               plotIndex: s,
               seriesIndex: l.seriesIndex
             }),
             onClick: (k) => Ct({
-              datapoint: u,
+              datapoint: i,
               plotIndex: s,
               seriesIndex: l.seriesIndex
             })
@@ -1007,7 +1008,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         p(t.$slots, "svg", { svg: f.value }, void 0, !0)
       ], 12, hl)),
       t.$slots.watermark ? (o(), r("div", Hl, [
-        p(t.$slots, "watermark", R(B({ isPrinting: i(Te) || i(Me) })), void 0, !0)
+        p(t.$slots, "watermark", R(B({ isPrinting: u(Te) || u(Me) })), void 0, !0)
       ])) : h("", !0),
       _("div", {
         id: `legend-bottom-${S.value}`
@@ -1020,7 +1021,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           ref_key: "chartLegend",
           ref: xe
         }, [
-          e.value.style.chart.legend.show && V.value ? (o(), I(ul, {
+          e.value.style.chart.legend.show && V.value ? (o(), I(il, {
             key: `legend_${pe.value}`,
             legendSet: Pe.value,
             config: wt.value,
@@ -1028,7 +1029,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               Fe(l.seriesIndex), De(l);
             })
           }, {
-            item: m(({ legend: l, index: u }) => [
+            item: m(({ legend: l, index: i }) => [
               _("div", {
                 onClick: (s) => {
                   l.segregate(), De(l);
@@ -1051,7 +1052,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      de(i(et), {
+      de(u(et), {
         show: C.value.showTooltip && te.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1085,7 +1086,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
         onClose: Ye
       }), He({
         content: m(() => [
-          (o(), I(i(at), {
+          (o(), I(u(at), {
             key: `table_${me.value}`,
             colNames: q.value.colNames,
             head: q.value.head,
@@ -1124,7 +1125,7 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
               class: "vue-ui-user-options-button",
               onClick: a[1] || (a[1] = (l) => ve(e.value.userOptions.callbacks.csv))
             }, [
-              de(i(tt), {
+              de(u(tt), {
                 name: "excel",
                 stroke: U.value.props.color
               }, null, 8, ["stroke"])
@@ -1133,10 +1134,10 @@ const cl = ["id"], vl = ["id"], hl = ["xmlns", "viewBox"], dl = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      i(z) ? (o(), I(tl, { key: 8 })) : h("", !0)
+      u(z) ? (o(), I(el, { key: 8 })) : h("", !0)
     ], 46, cl));
   }
-}, na = /* @__PURE__ */ il(Gl, [["__scopeId", "data-v-e31fd7ba"]]);
+}, ia = /* @__PURE__ */ ul(Gl, [["__scopeId", "data-v-e31fd7ba"]]);
 export {
-  na as default
+  ia as default
 };

package/dist/{vue-ui-kpi-CfX-zUDS.js → vue-ui-kpi-D7zdt7-g.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-DeKmJzsE.js";
-import { u as E, k as I, i as O } from "./index-smzxfsyV.js";
+import { defineAsyncComponent as z, computed as C, useSlots as w, onMounted as y, watch as k, 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, a as E } from "./useNestedProp-DF7e2h1z.js";
+import { a as I, d as O } from "./lib-p5pfHmOX.js";
 const R = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,37 +16,37 @@ const R = {
     }
   },
   setup(o) {
-    const N = z(() => import("./vue-ui-digits-CLV8h-P8.js")), { vue_ui_kpi: D } = E(), l = o, e = C({
+    const N = z(() => import("./vue-ui-digits-DOUNtmB0.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
       get: () => c(),
       set: (a) => a
     }), S = w(), A = C(() => e.value.debug);
-    k(() => {
+    y(() => {
       S["chart-background"] && A.value && console.warn("VueUiKpi does not support the #chart-background slot.");
     });
     function c() {
-      return M({
+      return E({
         userConfig: l.config,
         defaultConfig: D
       });
     }
-    y(() => l.config, (a) => {
-      e.value = c(), d();
+    k(() => l.config, (a) => {
+      e.value = c(), m();
     }, { deep: !0 });
-    const x = $((typeof l.dataset == "number", l.dataset)), t = $(e.value.useAnimation ? e.value.animationValueStart : x.value), m = (a) => {
+    const x = $((typeof l.dataset == "number", l.dataset)), t = $(e.value.useAnimation ? e.value.animationValueStart : x.value), d = (a) => {
       const f = e.value.animationFrames, g = Math.abs(a - t.value) / f;
       function p() {
         t.value < a ? t.value = Math.min(t.value + g, a) : t.value > a && (t.value = Math.max(t.value - g, a)), t.value !== a && requestAnimationFrame(p);
       }
       p();
     };
-    k(() => {
-      d();
+    y(() => {
+      m();
     });
-    function d() {
-      e.value.useAnimation ? (t.value = e.value.animationValueStart, m(l.dataset)) : t.value = l.dataset;
+    function m() {
+      e.value.useAnimation ? (t.value = e.value.animationValueStart, d(l.dataset)) : t.value = l.dataset;
     }
-    return y(() => l.dataset, (a) => {
-      e.value.useAnimation ? m(a) : t.value = a;
+    return k(() => l.dataset, (a) => {
+      e.value.useAnimation ? d(a) : t.value = a;
     }), (a, f) => (i(), s("div", {
       class: r(`vue-ui-kpi ${e.value.layoutClass}`),
       style: u(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)