vue-data-ui 2.13.4 → 2.13.5-beta.0

package/dist/{vue-ui-history-plot-DSBQu-9Y.js → vue-ui-history-plot-DfduurUS.js}

@@ -1,14 +1,14 @@
-import { defineAsyncComponent as N, ref as h, shallowRef as $e, computed as f, onMounted as tt, onBeforeUnmount as lt, watch as at, createElementBlock as r, openBlock as s, unref as i, normalizeStyle as $, normalizeClass as F, renderSlot as x, createBlock as O, createCommentVNode as v, createElementVNode as T, createVNode as Me, createSlots as st, withCtx as m, normalizeProps as X, guardReactiveProps as D, Fragment as b, renderList as k, toDisplayString as S, createTextVNode as ot, nextTick as rt } from "vue";
-import { u as nt, c as Ae, o as ut, e as Te, g as it, b as ct, d as vt, p as V, D as Se, i as Y, f as j, X as ht, l as yt, h as dt, G as ft, F as P, t as xt, a as pt, C as q, q as mt, r as gt, x as bt } from "./index-DXfqC_CG.js";
-import { u as ze } from "./useNestedProp-CUF1PWxQ.js";
-import { u as kt } from "./usePrinter-DGQh_spY.js";
+import { defineAsyncComponent as N, ref as h, shallowRef as $e, computed as f, onMounted as tt, onBeforeUnmount as lt, watch as at, createElementBlock as r, openBlock as s, unref as i, normalizeStyle as $, normalizeClass as F, renderSlot as x, createBlock as O, createCommentVNode as v, createElementVNode as S, createVNode as Ae, createSlots as st, withCtx as m, normalizeProps as X, guardReactiveProps as D, Fragment as b, renderList as k, toDisplayString as z, createTextVNode as ot, nextTick as rt } from "vue";
+import { u as nt, c as Me, o as ut, e as Se, g as it, b as ct, d as vt, p as V, D as ze, i as Y, f as j, X as ht, l as yt, h as dt, G as ft, F as P, t as xt, a as pt, C as q, q as mt, r as gt, x as bt } from "./index-C137VZkI.js";
+import { u as Te } from "./useNestedProp-ZNu8JrRX.js";
+import { u as kt } from "./usePrinter-B63T3abI.js";
 import { t as wt, u as Ct } from "./useResponsive-JZ9xq-JV.js";
 import { u as _t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as $t } from "./useChartAccessibility-9icAAmYg.js";
-import Mt from "./Legend-D7As_VVi.js";
-import At from "./Title-Cuxd1Hw4.js";
-import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"], Nt = { key: 1 }, Ot = ["id"], Pt = ["stop-color"], It = ["stop-color"], Ft = ["stop-color"], Xt = { key: 2 }, Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = { key: 3 }, jt = ["x", "y", "fill", "font-size"], Rt = ["transform", "font-size", "fill", "font-weight"], Bt = { key: 5 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 6 }, Ht = ["transform", "fill", "font-size", "text-anchor"], Ut = ["x", "y", "font-size", "fill", "font-weight"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qt = ["d", "stroke", "stroke-width"], Zt = ["d", "stroke", "stroke-width"], Jt = ["cx", "cy", "fill", "r"], Kt = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Qt = { key: 1 }, el = ["x", "y", "font-size", "fill", "font-weight"], tl = { key: 2 }, ll = ["x", "y", "font-size", "font-weight", "fill"], al = ["cx", "cy", "r", "onMouseenter", "onClick"], sl = {
+import At from "./Legend-DwNuhYnG.js";
+import Mt from "./Title-BoKeR6i0.js";
+import { _ as St } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const zt = ["id"], Tt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"], Nt = { key: 1 }, Ot = ["id"], Pt = ["stop-color"], It = ["stop-color"], Ft = ["stop-color"], Xt = { key: 2 }, Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = { key: 3 }, jt = ["x", "y", "fill", "font-size"], Rt = ["transform", "font-size", "fill", "font-weight"], Bt = { key: 5 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Et = { key: 6 }, Ht = ["transform", "fill", "font-size", "text-anchor"], Ut = ["x", "y", "font-size", "fill", "font-weight"], Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qt = ["d", "stroke", "stroke-width"], Zt = ["d", "stroke", "stroke-width"], Jt = ["cx", "cy", "fill", "r"], Kt = ["cx", "cy", "fill", "r", "stroke", "stroke-width"], Qt = { key: 1 }, el = ["x", "y", "font-size", "fill", "font-weight"], tl = { key: 2 }, ll = ["x", "y", "font-size", "font-weight", "fill"], al = ["cx", "cy", "r", "onMouseenter", "onClick"], sl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, ol = ["onClick"], rl = ["innerHTML"], nl = {
@@ -29,13 +29,13 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Le, { expose: Ne, emit: Oe }) {
-    const Pe = N(() => import("./vue-ui-accordion-D-tjbzQS.js")), Ie = N(() => import("./DataTable-DOdmEVBM.js")), Fe = N(() => import("./PackageVersion-CJ0MHPau.js")), Xe = N(() => import("./PenAndPaper-CsV9xVqP.js")), De = N(() => import("./vue-ui-skeleton-B2N_3mr0.js")), Ye = N(() => import("./Tooltip-nm6v9SvD.js")), je = N(() => import("./UserOptions-B4olqrwb.js")), { vue_ui_history_plot: Re } = nt(), y = Le, R = h(null), te = h(null), le = h(0), ae = h(null), se = h(0), oe = h(0), re = h(0), M = $e(null), I = $e(null), ne = h(null), B = h(Ae()), Z = h(!1), J = h(""), g = h([]), E = h(!1), _ = h(null), W = h(!1), ue = h(null), w = f({
+    const Pe = N(() => import("./vue-ui-accordion-BI2rBS5z.js")), Ie = N(() => import("./DataTable-CuFlXUxm.js")), Fe = N(() => import("./PackageVersion-1psmmuzo.js")), Xe = N(() => import("./PenAndPaper-DgUkj01g.js")), De = N(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), Ye = N(() => import("./Tooltip-Df2iF7bv.js")), je = N(() => import("./UserOptions-NrArsCuC.js")), { vue_ui_history_plot: Re } = nt(), y = Le, R = h(null), te = h(null), le = h(0), ae = h(null), se = h(0), oe = h(0), re = h(0), A = $e(null), I = $e(null), ne = h(null), B = h(Me()), Z = h(!1), J = h(""), g = h([]), E = h(!1), _ = h(null), W = h(!1), ue = h(null), w = f({
       get: () => !!y.dataset && y.dataset.length,
       set: (t) => t
     }), ie = Oe;
     tt(ce);
     function ce() {
-      if (ut(y.dataset) ? Te({
+      if (ut(y.dataset) ? Se({
         componentName: "VueUiHistoryPlot",
         type: "dataset"
       }) : y.dataset.forEach((t, a) => {
@@ -43,7 +43,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
-          w.value = !1, Te({
+          w.value = !1, Se({
             componentName: "VueUiHistoryPlot",
             type: "datasetSerieAttribute",
             property: l,
@@ -60,65 +60,65 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             source: ue.value
           });
           requestAnimationFrame(() => {
-            d.value.width = a, d.value.height = l, e.value.responsiveProportionalSizing && (u.value.plots = P({
+            d.value.width = a, d.value.height = l, e.value.responsiveProportionalSizing ? (n.value.plots = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
               threshold: 3,
               fallback: 3
-            }), u.value.indexLabels = P({
+            }), n.value.indexLabels = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.indexLabels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.labels = P({
+            }), n.value.labels = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.plots.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.xAxisLabels = P({
+            }), n.value.xAxisLabels = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.x.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.xAxisName = P({
+            }), n.value.xAxisName = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.x.name.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.yAxisLabels = P({
+            }), n.value.yAxisLabels = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.y.labels.fontSize,
               threshold: 6,
               fallback: 6
-            }), u.value.yAxisName = P({
+            }), n.value.yAxisName = P({
               relator: Math.min(a, l),
               adjuster: 600,
               source: e.value.style.chart.axes.y.name.fontSize,
               threshold: 6,
               fallback: 6
-            }));
+            })) : (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);
           });
         });
-        M.value && (I.value && M.value.unobserve(I.value), M.value.disconnect()), M.value = new ResizeObserver(t), I.value = R.value.parentNode, M.value.observe(I.value);
+        A.value && (I.value && A.value.unobserve(I.value), A.value.disconnect()), A.value = new ResizeObserver(t), I.value = R.value.parentNode, A.value.observe(I.value);
       }
     }
     lt(() => {
-      M.value && (I.value && M.value.unobserve(I.value), M.value.disconnect());
+      A.value && (I.value && A.value.unobserve(I.value), A.value.disconnect());
     });
     function ve() {
-      const t = ze({
+      const t = Te({
         userConfig: y.config,
         defaultConfig: Re
       });
       let a = {};
       return t.theme ? a = {
-        ...ze({
+        ...Te({
           userConfig: pt.vue_ui_history_plot[t.theme] || y.config,
           defaultConfig: t
         }),
@@ -130,7 +130,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       set: (t) => t
     }), { userOptionsVisible: K, setUserOptionsVisibility: he, keepUserOptionState: ye } = _t({ config: e.value }), { svgRef: de } = $t({ config: e.value.style.chart.title });
     at(() => y.config, (t) => {
-      e.value = ve(), K.value = !e.value.userOptions.showOnChartHover, ce(), le.value += 1, oe.value += 1, se.value += 1, d.value.height = e.value.style.chart.height, d.value.width = e.value.style.chart.width, u.value.plots = e.value.style.chart.plots.radius, u.value.indexLabels = e.value.style.chart.plots.indexLabels.fontSize, u.value.labels = e.value.style.chart.plots.labels.fontSize, u.value.xAxisLabels = e.value.style.chart.axes.x.labels.fontSize, u.value.xAxisName = e.value.style.chart.axes.x.name.fontSize, u.value.yAxisLabels = e.value.style.chart.axes.y.labels.fontSize, u.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;
+      e.value = ve(), K.value = !e.value.userOptions.showOnChartHover, ce(), le.value += 1, oe.value += 1, se.value += 1, d.value.height = e.value.style.chart.height, d.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 });
     const { isPrinting: fe, isImaging: xe, generatePdf: pe, generateImage: me } = kt({
       elementId: `history_plot_${B.value}`,
@@ -142,7 +142,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
     }), d = h({
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
-    }), n = f(() => {
+    }), u = f(() => {
       const t = e.value.style.chart.padding.left, a = e.value.style.chart.padding.top;
       return {
         left: t,
@@ -152,7 +152,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         width: d.value.width - t - e.value.style.chart.padding.right,
         height: d.value.height - a - e.value.style.chart.padding.bottom
       };
-    }), u = h({
+    }), n = h({
       plots: e.value.style.chart.plots.radius,
       indexLabels: e.value.style.chart.plots.indexLabels.fontSize,
       labels: e.value.style.chart.plots.labels.fontSize,
@@ -160,24 +160,24 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       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
-    }), A = f(() => w.value ? y.dataset.map((t, a) => ({
+    }), M = f(() => w.value ? y.dataset.map((t, a) => ({
       ...t,
       color: t.color ? vt(t.color) : We.value[a] || V[a] || V[a % V.length],
       seriesIndex: a
-    })) : []), Ee = f(() => w.value ? Math.max(...A.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), He = f(() => {
+    })) : []), Ee = f(() => w.value ? Math.max(...M.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.x))) : 1), He = f(() => {
       if (!w.value) return 1;
-      const t = Math.min(...A.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
+      const t = Math.min(...M.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.x)));
       return t < 0 ? t : 0;
-    }), Ue = f(() => w.value ? Math.max(...A.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Ge = f(() => {
+    }), Ue = f(() => w.value ? Math.max(...M.value.filter((t) => !g.value.includes(t.seriesIndex)).flatMap((t) => t.values.map((a) => a.y))) : 1), Ge = f(() => {
       if (!w.value) return 1;
-      const t = Math.min(...A.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
+      const t = Math.min(...M.value.filter((a) => !g.value.includes(a.seriesIndex)).flatMap((a) => a.values.map((l) => l.y)));
       return t < 0 ? t : 0;
     }), p = f(() => {
-      const t = Se(
+      const t = ze(
         e.value.style.chart.axes.x.scaleMin === null ? He.value : e.value.style.chart.axes.x.scaleMin,
         e.value.style.chart.axes.x.scaleMax === null ? Ee.value : e.value.style.chart.axes.x.scaleMax,
         e.value.style.chart.axes.x.ticks
-      ), a = Se(
+      ), a = ze(
         e.value.style.chart.axes.y.scaleMin === null ? Ge.value : e.value.style.chart.axes.y.scaleMin,
         e.value.style.chart.axes.y.scaleMax === null ? Ue.value : e.value.style.chart.axes.y.scaleMax,
         e.value.style.chart.axes.y.ticks
@@ -186,28 +186,28 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         x: t,
         y: a,
         tickX: t.ticks.map((l) => ({
-          x: n.value.left + (l - t.min) / (t.max - t.min) * n.value.width,
-          y1: n.value.top,
-          y2: n.value.bottom,
+          x: u.value.left + (l - t.min) / (t.max - t.min) * u.value.width,
+          y1: u.value.top,
+          y2: u.value.bottom,
           value: l
         })),
         tickY: a.ticks.map((l) => ({
-          y: n.value.bottom - (l - a.min) / (a.max - a.min) * n.value.height,
-          x1: n.value.left,
-          x2: n.value.right,
+          y: u.value.bottom - (l - a.min) / (a.max - a.min) * u.value.height,
+          x1: u.value.left,
+          x2: u.value.right,
           value: l
         }))
       };
     });
     function Ve(t) {
       const a = p.value.x.min < 0 ? Math.abs(p.value.x.min) : p.value.x.min > 0 ? -p.value.x.min : 0;
-      return n.value.left + ((t || 0) + a) / (p.value.x.max + a) * n.value.width;
+      return u.value.left + ((t || 0) + a) / (p.value.x.max + a) * u.value.width;
     }
     function qe(t) {
       const a = p.value.y.min < 0 ? Math.abs(p.value.y.min) : p.value.y.min > 0 ? -p.value.y.min : 0;
-      return n.value.bottom - ((t || 0) + a) / (p.value.y.max + a) * n.value.height;
+      return u.value.bottom - ((t || 0) + a) / (p.value.y.max + a) * u.value.height;
     }
-    const z = f(() => A.value.filter((t) => !g.value.includes(t.seriesIndex)).map((t, a) => {
+    const T = f(() => M.value.filter((t) => !g.value.includes(t.seriesIndex)).map((t, a) => {
       const l = t.values.map((o, L) => ({
         valueX: o.x,
         valueY: o.y,
@@ -216,7 +216,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         y: qe(o.y),
         color: t.color,
         seriesName: t.name,
-        id: Ae()
+        id: Me()
       })), c = l.map((o) => `${o.x},${o.y} `).join("").trim();
       return {
         ...t,
@@ -227,7 +227,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
     function ge(t) {
       g.value.includes(t) ? g.value = g.value.filter((a) => a !== t) : g.value.push(t);
     }
-    const be = f(() => A.value.map((t) => ({
+    const be = f(() => M.value.map((t) => ({
       ...t,
       opacity: g.value.includes(t.seriesIndex) ? 0.5 : 1,
       segregate: () => ge(t.seriesIndex),
@@ -256,7 +256,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
     }
     const Q = h(null);
     function Qe({ datapoint: t, plotIndex: a, seriesIndex: l }) {
-      Q.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: A.value }, _.value = t;
+      Q.value = { datapoint: t, seriesIndex: l, plotIndex: a, config: e.value, series: M.value }, _.value = t;
       const c = e.value.style.chart.tooltip.customFormat;
       if (W.value = !1, bt(c))
         try {
@@ -264,7 +264,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             seriesIndex: l,
             datapoint: t,
             plotIndex: a,
-            series: A.value,
+            series: M.value,
             config: e.value
           });
           typeof o == "string" && (J.value = o, W.value = !0);
@@ -295,7 +295,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }
       Z.value = !0;
     }
-    f(() => ({ head: z.value.map((a) => ({
+    f(() => ({ head: T.value.map((a) => ({
       name: a.name,
       color: a.color
     })) }));
@@ -305,7 +305,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         e.value.table.columnNames.datapoint,
         e.value.table.columnNames.x,
         e.value.table.columnNames.y
-      ], a = z.value.flatMap((c) => c.plots.map((o) => [
+      ], a = T.value.flatMap((c) => c.plots.map((o) => [
         {
           color: o.color,
           name: o.seriesName
@@ -358,7 +358,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           [e.value.table.columnNames.datapoint],
           [e.value.table.columnNames.x],
           [e.value.table.columnNames.y]
-        ], l = z.value.flatMap((L) => L.plots.map((G) => [
+        ], l = T.value.flatMap((L) => L.plots.map((G) => [
           [G.seriesName],
           [G.label],
           [G.valueX],
@@ -385,7 +385,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       C.value.showTooltip = !C.value.showTooltip;
     }
     function et() {
-      return z.value;
+      return T.value;
     }
     return Ne({
       getData: et,
@@ -427,7 +427,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         class: "vue-ui-xy-title",
         style: $(`font-family:${e.value.style.fontFamily}`)
       }, [
-        (s(), O(At, {
+        (s(), O(Mt, {
           key: `title_${le.value}`,
           config: {
             title: {
@@ -540,13 +540,13 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         viewBox: `0 0 ${d.value.width < 0 ? 0.1 : d.value.width} ${d.value.height < 0 ? 0.1 : d.value.height}`,
         style: $(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Me(i(Fe)),
+        Ae(i(Fe)),
         t.$slots["chart-background"] ? (s(), r("foreignObject", {
           key: 0,
-          x: n.value.left,
-          y: n.value.top,
-          width: n.value.width <= 0 ? 10 : n.value.width,
-          height: n.value.height <= 0 ? 10 : n.value.height,
+          x: u.value.left,
+          y: u.value.top,
+          width: u.value.width <= 0 ? 10 : u.value.width,
+          height: u.value.height <= 0 ? 10 : u.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -554,19 +554,19 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           x(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Lt)) : v("", !0),
         e.value.style.chart.plots.gradient.show ? (s(), r("defs", Nt, [
-          (s(!0), r(b, null, k(z.value, (l, c) => (s(), r("radialGradient", {
+          (s(!0), r(b, null, k(T.value, (l, c) => (s(), r("radialGradient", {
             id: `gradient_${c}_${B.value}`,
             fy: "30%"
           }, [
-            T("stop", {
+            S("stop", {
               offset: "10%",
               "stop-color": i(yt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Pt),
-            T("stop", {
+            S("stop", {
               offset: "90%",
               "stop-color": i(dt)(l.color, 0.1)
             }, null, 8, It),
-            T("stop", {
+            S("stop", {
               offset: "100%",
               "stop-color": l.color
             }, null, 8, Ft)
@@ -585,12 +585,12 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         ])) : v("", !0),
         e.value.style.chart.axes.y.labels.show ? (s(), r("g", Yt, [
           (s(!0), r(b, null, k(p.value.tickY, (l) => (s(), r("text", {
-            x: n.value.left + e.value.style.chart.axes.y.labels.offsetX - 4,
-            y: l.y + u.value.yAxisLabels / 3,
+            x: u.value.left + e.value.style.chart.axes.y.labels.offsetX - 4,
+            y: l.y + n.value.yAxisLabels / 3,
             fill: e.value.style.chart.axes.y.labels.color,
-            "font-size": u.value.yAxisLabels,
+            "font-size": n.value.yAxisLabels,
             "text-anchor": "end"
-          }, S(i(Y)(
+          }, z(i(Y)(
             e.value.style.chart.axes.y.labels.formatter,
             l.value,
             i(j)({
@@ -603,12 +603,12 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         ])) : v("", !0),
         e.value.style.chart.axes.y.name.text ? (s(), r("text", {
           key: 4,
-          transform: `translate(${e.value.style.chart.axes.y.name.offsetX + u.value.yAxisName}, ${d.value.height / 2 + e.value.style.chart.axes.y.name.offsetY}), rotate(-90)`,
-          "font-size": u.value.yAxisName,
+          transform: `translate(${e.value.style.chart.axes.y.name.offsetX + n.value.yAxisName}, ${d.value.height / 2 + e.value.style.chart.axes.y.name.offsetY}), rotate(-90)`,
+          "font-size": n.value.yAxisName,
           fill: e.value.style.chart.axes.y.name.color,
           "font-weight": e.value.style.chart.axes.y.name.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, S(e.value.style.chart.axes.y.name.text), 9, Rt)) : v("", !0),
+        }, z(e.value.style.chart.axes.y.name.text), 9, Rt)) : v("", !0),
         e.value.style.chart.grid.horizontalLines.show ? (s(), r("g", Bt, [
           (s(!0), r(b, null, k(p.value.tickY, (l) => (s(), r("line", {
             x1: l.x1,
@@ -622,11 +622,11 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         ])) : v("", !0),
         e.value.style.chart.axes.x.labels.show ? (s(), r("g", Et, [
           (s(!0), r(b, null, k(p.value.tickX, (l) => (s(), r("text", {
-            transform: `translate(${l.x}, ${n.value.bottom + e.value.style.chart.axes.x.labels.offsetY + u.value.xAxisLabels}), rotate(${e.value.style.chart.axes.x.labels.rotation})`,
+            transform: `translate(${l.x}, ${u.value.bottom + e.value.style.chart.axes.x.labels.offsetY + n.value.xAxisLabels}), rotate(${e.value.style.chart.axes.x.labels.rotation})`,
             fill: e.value.style.chart.axes.x.labels.color,
-            "font-size": u.value.xAxisLabels,
+            "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"
-          }, S(i(Y)(
+          }, z(i(Y)(
             e.value.style.chart.axes.x.labels.formatter,
             l.value,
             i(j)({
@@ -641,39 +641,39 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           key: 7,
           x: d.value.width / 2 + e.value.style.chart.axes.x.name.offsetX,
           y: d.value.height + e.value.style.chart.axes.x.name.offsetY,
-          "font-size": u.value.xAxisName,
+          "font-size": n.value.xAxisName,
           fill: e.value.style.chart.axes.x.name.color,
           "font-weight": e.value.style.chart.axes.x.name.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, S(e.value.style.chart.axes.x.name.text), 9, Ut)) : v("", !0),
+        }, z(e.value.style.chart.axes.x.name.text), 9, Ut)) : v("", !0),
         e.value.style.chart.grid.xAxis.show ? (s(), r("line", {
           key: 8,
-          x1: n.value.left,
-          x2: n.value.left + n.value.width,
-          y1: n.value.bottom,
-          y2: n.value.bottom,
+          x1: u.value.left,
+          x2: u.value.left + u.value.width,
+          y1: u.value.bottom,
+          y2: u.value.bottom,
           stroke: e.value.style.chart.grid.xAxis.stroke,
           "stroke-width": e.value.style.chart.grid.xAxis.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, Gt)) : v("", !0),
         e.value.style.chart.grid.yAxis.show ? (s(), r("line", {
           key: 9,
-          x1: n.value.left,
-          x2: n.value.left,
-          y1: n.value.top,
-          y2: n.value.bottom,
+          x1: u.value.left,
+          x2: u.value.left,
+          y1: u.value.top,
+          y2: u.value.bottom,
           stroke: e.value.style.chart.grid.yAxis.stroke,
           "stroke-width": e.value.style.chart.grid.yAxis.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, Vt)) : v("", !0),
-        (s(!0), r(b, null, k(z.value, (l, c) => (s(), r("g", null, [
+        (s(!0), r(b, null, k(T.value, (l, c) => (s(), r("g", null, [
           e.value.style.chart.paths.show ? (s(), r("g", {
             key: 0,
             style: $({
               opacity: _.value === null ? 1 : 0.3
             })
           }, [
-            T("path", {
+            S("path", {
               d: l.path,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.paths.strokeWidth + 4,
@@ -682,7 +682,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
               "stroke-linejoin": "round",
               class: F({ animated: e.value.useCssAnimation })
             }, null, 10, qt),
-            T("path", {
+            S("path", {
               d: l.path,
               stroke: e.value.style.chart.paths.useSerieColor ? l.color : e.value.style.chart.paths.stroke,
               "stroke-width": e.value.style.chart.paths.strokeWidth,
@@ -696,14 +696,14 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             cx: o.x,
             cy: o.y,
             fill: e.value.style.chart.backgroundColor,
-            r: u.value.plots,
+            r: n.value.plots,
             stroke: "none"
           }, null, 8, Jt))), 256)),
           (s(!0), r(b, null, k(l.plots, (o) => (s(), r("circle", {
             cx: o.x,
             cy: o.y,
             fill: e.value.style.chart.plots.gradient.show ? `url(#gradient_${c}_${B.value})` : o.color,
-            r: u.value.plots,
+            r: n.value.plots,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth,
             class: F({ animated: e.value.useCssAnimation }),
@@ -715,8 +715,8 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           e.value.style.chart.plots.labels.show ? (s(), r("g", Qt, [
             (s(!0), r(b, null, k(l.plots, (o) => (s(), r("text", {
               x: o.x + e.value.style.chart.plots.labels.offsetX,
-              y: o.y + e.value.style.chart.plots.labels.offsetY + u.value.plots + u.value.labels,
-              "font-size": u.value.labels,
+              y: o.y + e.value.style.chart.plots.labels.offsetY + n.value.plots + n.value.labels,
+              "font-size": n.value.labels,
               fill: e.value.style.chart.plots.labels.color,
               "font-weight": e.value.style.chart.plots.labels.bold ? "bold" : "normal",
               "text-anchor": "middle",
@@ -725,13 +725,13 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
                 opacity: _.value === null || _.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, S(o.label), 15, el))), 256))
+            }, z(o.label), 15, el))), 256))
           ])) : v("", !0),
           e.value.style.chart.plots.indexLabels.show ? (s(), r("g", tl, [
             (s(!0), r(b, null, k(l.plots, (o, L) => (s(), r("text", {
               x: o.x + e.value.style.chart.plots.indexLabels.offsetX,
-              y: o.y + e.value.style.chart.plots.indexLabels.offsetY + u.value.indexLabels / 3,
-              "font-size": u.value.indexLabels,
+              y: o.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(ft)(l.color) : e.value.style.chart.plots.indexLabels.color,
               "text-anchor": "middle",
@@ -740,15 +740,15 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
                 opacity: _.value === null || _.value.id === o.id ? 1 : 0.3,
                 transition: "opacity 0.2s ease-in-out"
               })
-            }, S(e.value.style.chart.plots.indexLabels.startAtZero ? L : L + 1), 15, ll))), 256))
+            }, z(e.value.style.chart.plots.indexLabels.startAtZero ? L : L + 1), 15, ll))), 256))
           ])) : v("", !0)
         ]))), 256)),
-        (s(!0), r(b, null, k(z.value, (l) => (s(), r("g", null, [
+        (s(!0), r(b, null, k(T.value, (l) => (s(), r("g", null, [
           (s(!0), r(b, null, k(l.plots, (c, o) => (s(), r("circle", {
             cx: c.x,
             cy: c.y,
             fill: "transparent",
-            r: u.value.plots,
+            r: n.value.plots,
             stroke: "none",
             onMouseenter: (L) => Qe({
               datapoint: c,
@@ -762,7 +762,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }, null, 40, al))), 256))
         ]))), 256)),
         x(t.$slots, "svg", { svg: d.value }, void 0, !0)
-      ], 12, zt)) : v("", !0),
+      ], 12, Tt)) : v("", !0),
       t.$slots.watermark ? (s(), r("div", sl, [
         x(t.$slots, "watermark", X(D({ isPrinting: i(fe) || i(xe) })), void 0, !0)
       ])) : v("", !0),
@@ -778,11 +778,11 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      T("div", {
+      S("div", {
         ref_key: "chartLegend",
         ref: ae
       }, [
-        e.value.style.chart.legend.show && w.value ? (s(), O(Mt, {
+        e.value.style.chart.legend.show && w.value ? (s(), O(At, {
           key: `legend_${se.value}`,
           legendSet: be.value,
           config: Ze.value,
@@ -791,12 +791,12 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           })
         }, {
           item: m(({ legend: l, index: c }) => [
-            T("div", {
+            S("div", {
               onClick: (o) => {
                 l.segregate(), ke(l);
               },
               style: $(`opacity:${g.value.includes(l.seriesIndex) ? 0.5 : 1}`)
-            }, S(l.name), 13, ol)
+            }, z(l.name), 13, ol)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : x(t.$slots, "legend", {
@@ -812,7 +812,7 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }, [
         x(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      Me(i(Ye), {
+      Ae(i(Ye), {
         show: C.value.showTooltip && Z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -863,22 +863,22 @@ const St = ["id"], zt = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             onClose: a[2] || (a[2] = (l) => C.value.showTable = !1)
           }, {
             th: m(({ th: l }) => [
-              T("div", {
+              S("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, rl)
             ]),
             td: m(({ td: l }) => [
-              ot(S(l.name || l), 1)
+              ot(z(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : v("", !0)
-    ], 46, St));
+    ], 46, zt));
   }
-}, ml = /* @__PURE__ */ Tt(nl, [["__scopeId", "data-v-c53613f6"]]);
+}, ml = /* @__PURE__ */ St(nl, [["__scopeId", "data-v-f17739a1"]]);
 export {
   ml as default
 };

package/dist/{vue-ui-kpi-OCtgONK3.js → vue-ui-kpi-C_wEVoh0.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as A, computed as x, useSlots as z, onMounted as C, watch as y, ref as k, createElementBlock as i, openBlock as s, normalizeStyle as u, normalizeClass as r, createElementVNode as $, renderSlot as n, createTextVNode as h, toDisplayString as b, createVNode as w, unref as v, Fragment as B } from "vue";
-import { u as L } from "./useNestedProp-CUF1PWxQ.js";
-import { u as M, i as E, f as I } from "./index-DXfqC_CG.js";
+import { u as L } from "./useNestedProp-ZNu8JrRX.js";
+import { u as M, i as E, f as I } from "./index-C137VZkI.js";
 const G = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const G = {
     }
   },
   setup(o) {
-    const F = A(() => import("./vue-ui-digits-Dhxd38mc.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
+    const F = A(() => import("./vue-ui-digits-D6kq38s9.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
       get: () => c(),
       set: (a) => a
     }), D = z();

package/dist/{vue-ui-mini-loader--xzmMUNI.js → vue-ui-mini-loader-lGMkM8Kw.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-CUF1PWxQ.js";
-import { u as y, X as L } from "./index-DXfqC_CG.js";
+import { u as m } from "./useNestedProp-ZNu8JrRX.js";
+import { u as y, X as L } from "./index-C137VZkI.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",