vue-data-ui 3.7.16 → 3.8.1

package/dist/{vue-ui-stackline-VLPuuMyW.js → vue-ui-stackline-DYVq55D8.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as ye, useSlots as Ul, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ie, createCommentVNode as w, renderSlot as _, createElementVNode as ue, createVNode as Ue, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as de, Teleport as jl, resolveDynamicComponent as Jl, createTextVNode as Na } from "vue";
-import { c as Fa, t as Zl, i as Kl, p as ot, j as Ql, o as _a, g as Da, k as eo, l as to, am as We, G as st, F as rt, K as ao, z as pe, B as be, H as lo, x as oo, R as so, a as Xe, d as ke, I as qe, X as ro, n as no, s as io, M as za, u as uo, q as co, b as ho, e as Ge } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as ye, useSlots as Ul, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ie, createCommentVNode as w, renderSlot as _, createElementVNode as ue, createVNode as Ue, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as de, Teleport as jl, resolveDynamicComponent as Zl, createTextVNode as Na } from "vue";
+import { c as Fa, t as Jl, i as Kl, p as ot, j as Ql, o as _a, g as Da, k as eo, l as to, ar as We, N as st, M as rt, R as ao, z as pe, B as be, O as lo, x as oo, Z as so, a as Xe, d as ke, P as qe, X as ro, n as no, s as io, T as za, u as uo, q as co, b as ho, e as Ge } from "./lib-qMPkcvmh.js";
 import { t as Ea, u as vo } from "./useResponsive-DfdjqQps.js";
-import { u as mo, a as _t } from "./useNestedProp-CoXaJ2T6.js";
+import { u as mo, a as _t } from "./useNestedProp-DH2Pjkde.js";
 import { u as Ia, a as go, l as fo } from "./useTimeLabels-C5qMhpbe.js";
 import { u as yo, B as po } from "./BaseScanner-BgWxam9d.js";
-import { u as bo } from "./usePrinter-BdVu83IN.js";
+import { u as bo } from "./usePrinter-CjGh4mFJ.js";
 import { u as xo } from "./useSvgExport-DrjCWun4.js";
 import { u as ko } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Co } from "./useChartAccessibility-9icAAmYg.js";
 import { u as wo } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as Ao } from "./useUserOptionState-BIvW1Kz7.js";
-import So from "./img-BYzbY8TZ.js";
-import { _ as Dt } from "./Shape-rPzC8L-O.js";
-import Mo from "./Title-CM2dM0rQ.js";
-import $o from "./Legend-DSyOOSJ1.js";
-import { S as Lo } from "./SlicerPreview-BWl4UOqy.js";
+import So from "./img-CwrkWkkl.js";
+import { _ as Dt } from "./Shape-BEGGcaL8.js";
+import Mo from "./Title-CWX8otQg.js";
+import $o from "./Legend-Djkw4FGq.js";
+import { S as Lo } from "./SlicerPreview-Bk-h_ANq.js";
 import { _ as To } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, lines: { totalValues: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, grid: { x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, Oa = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#424242" }, dataLabels: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Ra = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#BDBDBD" }, dataLabels: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, Ba = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, lines: { totalValues: { color: "#99AA99" }, dataLabels: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, Va = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, lines: { borderRadius: 4, totalValues: { show: !1 }, dataLabels: { show: !1 } }, grid: { x: { showAxis: !1, axisName: { color: "#8F837A" }, timeLabels: { show: !1 } }, y: { showAxis: !1, axisName: { color: "#8F837A" }, axisLabels: { show: !1 } } } } } }, Ya = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, lines: { totalValues: { color: "#50606C" }, dataLabels: { color: "#50606C" } }, grid: { x: { showHorizontalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, timeLabels: { color: "#61747E" } }, y: { showVerticalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, axisLabels: { color: "#61747E" } } } } } }, Ha = {
   default: {},
@@ -33,7 +33,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   default: Ha,
   hack: Ba,
   zen: Va
-}, Symbol.toStringTag, { value: "Module" })), No = ["id"], Fo = ["id"], _o = ["xmlns", "viewBox"], Do = { key: 0 }, zo = ["x", "y", "width", "height"], Eo = { key: 1 }, Io = ["id"], Po = ["stop-color"], Oo = ["stop-color"], Ro = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ho = ["x", "y", "font-size", "fill", "font-weight"], Uo = ["transform", "font-size", "fill", "font-weight"], Wo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Xo = ["d", "fill", "opacity"], qo = ["d", "stroke", "stroke-width"], Go = ["x1", "x2", "y1", "y2", "stroke"], jo = ["x", "y", "font-size", "font-weight", "fill"], Jo = { key: 0 }, Zo = { key: 1 }, Ko = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Qo = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], es = ["x", "y", "height", "width", "fill"], ts = { key: 0 }, as = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ls = { key: 0 }, os = ["x", "y", "font-size", "fill", "font-weight"], ss = ["x", "y", "font-size", "font-weight", "fill"], rs = ["data-start", "data-end"], ns = {
+}, Symbol.toStringTag, { value: "Module" })), No = ["id"], Fo = ["id"], _o = ["xmlns", "viewBox"], Do = { key: 0 }, zo = ["x", "y", "width", "height"], Eo = { key: 1 }, Io = ["id"], Po = ["stop-color"], Oo = ["stop-color"], Ro = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ho = ["x", "y", "font-size", "fill", "font-weight"], Uo = ["transform", "font-size", "fill", "font-weight"], Wo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Xo = ["d", "fill", "opacity"], qo = ["d", "stroke", "stroke-width"], Go = ["x1", "x2", "y1", "y2", "stroke"], jo = ["x", "y", "font-size", "font-weight", "fill"], Zo = { key: 0 }, Jo = { key: 1 }, Ko = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Qo = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], es = ["x", "y", "height", "width", "fill"], ts = { key: 0 }, as = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ls = { key: 0 }, os = ["x", "y", "font-size", "fill", "font-weight"], ss = ["x", "y", "font-size", "font-weight", "fill"], rs = ["data-start", "data-end"], ns = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, is = ["onClick"], us = ["id"], cs = ["innerHTML"], hs = ["innerHTML"], vs = {
@@ -58,7 +58,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(nt, { expose: Ua, emit: Wa }) {
-    const Xa = ye(() => import("./Tooltip-De7i-i20.js")), qa = ye(() => import("./BaseIcon--wNsuYtd.js")), Ga = ye(() => import("./vue-ui-accordion-WOXCCkiC.js")), ja = ye(() => import("./DataTable-DRZJOlJB.js")), Ja = ye(() => import("./PenAndPaper-CMmG5Mka.js")), Za = ye(() => import("./UserOptions-5GYBcJJU.js")), Ka = ye(() => import("./PackageVersion-BW9_gimf.js")), Qa = ye(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
+    const Xa = ye(() => import("./Tooltip-OHx7yHlS.js")), qa = ye(() => import("./BaseIcon-CALhpING.js")), Ga = ye(() => import("./vue-ui-accordion-DiNnR-ZE.js")), ja = ye(() => import("./DataTable-Ca1twcf7.js")), Za = ye(() => import("./PenAndPaper-DscVdZ1u.js")), Ja = ye(() => import("./UserOptions-ChRXLqps.js")), Ka = ye(() => import("./PackageVersion-Dc4fCiDF.js")), Qa = ye(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
       get() {
         return !!j.dataset && j.dataset.length;
       },
@@ -72,7 +72,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     Wl(() => {
       Ht.value = !0, Qt();
     });
-    const e = y(ft()), { loading: he, FINAL_DATASET: mt, manualLoading: Je } = yo({
+    const e = y(ft()), { loading: he, FINAL_DATASET: mt, manualLoading: Ze } = yo({
       ...Xl(j),
       FINAL_CONFIG: e,
       prepareConfig: ft,
@@ -93,7 +93,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Zl({
+      skeletonConfig: Jl({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -188,7 +188,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }, Ke();
     }, { deep: !0 }), Le(() => j.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Je.value = !1), la();
+      Array.isArray(t) && t.length > 0 && (Ze.value = !1), la();
     }, { deep: !0 });
     const q = y({
       dataLabels: {
@@ -206,7 +206,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: Gt, isImaging: jt, generatePdf: Jt, generateImage: Zt } = bo({
+    const { isPrinting: Gt, isImaging: jt, generatePdf: Zt, generateImage: Jt } = bo({
       elementId: `stackline_${K.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackline",
       options: e.value.userOptions.print
@@ -225,7 +225,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         componentName: "VueUiStackline",
         type: "dataset",
         debug: yt.value
-      }), Je.value = !0) : j.dataset.forEach((t, l) => {
+      }), Ze.value = !0) : j.dataset.forEach((t, l) => {
         eo({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
@@ -236,9 +236,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             property: a,
             index: l,
             debug: yt.value
-          }), Je.value = !0;
+          }), Ze.value = !0;
         });
-      }), _a(j.dataset) || (Je.value = e.value.loading), setTimeout(() => {
+      }), _a(j.dataset) || (Ze.value = e.value.loading), setTimeout(() => {
         it.value = !0;
       }, 10), e.value.responsive) {
         const t = Ea(() => {
@@ -344,7 +344,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       };
     })), re = m(
       () => ae.value.filter((t) => !X.value.includes(t.id) && !t.standalone)
-    ), Ze = m(
+    ), Je = m(
       () => ae.value.filter((t) => !X.value.includes(t.id) && t.standalone)
     ), ne = m(() => Math.max(...ae.value.filter((t) => !X.value.includes(t.id)).map((t) => t.series.length)));
     function dl(t) {
@@ -391,7 +391,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             series: (o.series || []).map((s) => s ?? 0)
           }))
         );
-      const t = Ze.value;
+      const t = Je.value;
       if (!t.length) return [];
       const l = Math.max(...t.map((o) => o.series.length || 0));
       return Array.from(
@@ -400,7 +400,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       );
     }), gl = m(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
-      const t = re.value, l = Ze.value, a = t.length ? [{
+      const t = re.value, l = Je.value, a = t.length ? [{
         name: "",
         series: sa.value,
         color: "#000000",
@@ -434,7 +434,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       };
     }), Me = m(() => {
       const t = Math.max(0, c.value.end - c.value.start), l = Array(t).fill(0), a = Array(t).fill(0);
-      return Ze.value.forEach((o) => {
+      return Je.value.forEach((o) => {
         for (let s = 0; s < t; s += 1) {
           const r = o.series[c.value.start + s] ?? 0;
           r > 0 && (l[s] = Math.max(l[s], r)), r < 0 && (a[s] = Math.min(a[s], r));
@@ -477,7 +477,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         return {
           zero: g,
           y: z,
-          x: Z.value.left - 8,
+          x: J.value.left - 8,
           value: P
         };
       });
@@ -558,7 +558,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
           S.push(f), P.push(fe), z.push(H ?? (fe >= 0 ? 1 : -1));
         }
-        const V = S.map((f) => ({ x: R(f), y: B[f] })), J = V.map((f) => f.x), G = P.reduce((f, $) => f + Math.abs($ || 0), 0), Y = G === 0 ? 1 : G, O = P.map((f, $) => {
+        const V = S.map((f) => ({ x: R(f), y: B[f] })), Z = V.map((f) => f.x), G = P.reduce((f, $) => f + Math.abs($ || 0), 0), Y = G === 0 ? 1 : G, O = P.map((f, $) => {
           if (e.value.style.chart.lines.distributed && !g.standalone) {
             const U = S[$], H = oa.value[U] || 1;
             return (f || 0) / H;
@@ -567,7 +567,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         });
         return {
           ...g,
-          x: J,
+          x: Z,
           points: V,
           baseY: S.map((f) => F[f]),
           topY: S.map((f) => B[f]),
@@ -619,17 +619,17 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             yMinimapBase: g
           };
         const S = A.x.map((Y, O) => ({ x: Y, y: A.topY[O] })), P = A.x.map((Y, O) => ({ x: Y, y: A.baseY[O] })), z = d >= 2 ? pe(S) : `M${S[0].x},${S[0].y}`, F = d >= 2 ? be(S) : `M${S[0].x},${S[0].y}`, B = d >= 2 ? `M${t(z)}` : z, V = d >= 2 ? `M${t(F)}` : F;
-        let J = "", G = "";
+        let Z = "", G = "";
         if (e.value.style.chart.lines.useArea && d >= 2) {
           const Y = pe([...P].reverse()), O = be([...P].reverse()), f = P[P.length - 1];
-          J = `M${S[0].x},${S[0].y} ${t(z)} L${f.x},${f.y} ${t(Y)} Z`, G = `M${S[0].x},${S[0].y} ${t(F)} L${f.x},${f.y} ${t(O)} Z`;
+          Z = `M${S[0].x},${S[0].y} ${t(z)} L${f.x},${f.y} ${t(Y)} Z`, G = `M${S[0].x},${S[0].y} ${t(F)} L${f.x},${f.y} ${t(O)} Z`;
         }
         return {
           ...A,
           points: S,
           smoothPath: B,
           straightPath: V,
-          smoothArea: J,
+          smoothArea: Z,
           straightArea: G,
           xMinimap: b,
           yMinimap: R,
@@ -662,7 +662,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       const l = ca(t);
       l !== c.value.end && (c.value.end = l, le.value.end = l, Ke());
     }
-    const Z = m(() => ({
+    const J = m(() => ({
       left: v.value.left,
       right: v.value.right,
       width: v.value.width
@@ -1056,7 +1056,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     const Aa = m(() => {
       if (e.value.style.chart.lines.distributed)
         return { min: -1, max: 1 };
-      const t = re.value, l = Ze.value, a = Math.max(
+      const t = re.value, l = Je.value, a = Math.max(
         1,
         ...[...t, ...l].map((d) => d.series?.length || 0)
       ), o = Array(a).fill(0), s = Array(a).fill(0);
@@ -1108,7 +1108,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             const ge = S?.[H], fe = ge == null || Number.isNaN(ge) ? 0 : Math.abs(ge) / d[H];
             z[H] = R[H], R[H] += fe, P[H] = R[H];
           }
-          const F = P.map(u), B = z.map(u), V = n.map((H, ge) => ({ x: H, y: F[ge] })), J = n.map((H, ge) => ({ x: H, y: B[ge] })), G = pe(V), Y = pe([...J].reverse()), O = be(V), f = be([...J].reverse()), $ = J[J.length - 1];
+          const F = P.map(u), B = z.map(u), V = n.map((H, ge) => ({ x: H, y: F[ge] })), Z = n.map((H, ge) => ({ x: H, y: B[ge] })), G = pe(V), Y = pe([...Z].reverse()), O = be(V), f = be([...Z].reverse()), $ = Z[Z.length - 1];
           if (e.value.style.chart.lines.useArea) {
             const H = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)} L${$.x},${$.y} ${a(Y)} Z` : `M${V[0].x},${V[0].y} ${a(O)} L${$.x},${$.y} ${a(f)} Z`;
             b.push(
@@ -1127,7 +1127,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 stroke-linecap="round" />`
           );
         }), s.length && s.forEach((g) => {
-          const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = Array.from({ length: r }, (J, G) => u(Math.abs(S?.[G] ?? 0) / d[G])), z = n.map((J, G) => ({ x: J, y: P[G] })), F = pe(z), B = be(z), V = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(F)}` : `M${z[0].x},${z[0].y} ${a(B)}`;
+          const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = Array.from({ length: r }, (Z, G) => u(Math.abs(S?.[G] ?? 0) / d[G])), z = n.map((Z, G) => ({ x: Z, y: P[G] })), F = pe(z), B = be(z), V = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(F)}` : `M${z[0].x},${z[0].y} ${a(B)}`;
           b.push(
             `<path d="${V}"
                     fill="none"
@@ -1146,9 +1146,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             const U = R?.[$] ?? 0;
             U >= 0 ? (S[$] = d[$], d[$] += U, g[$] = d[$]) : (S[$] = u[$], u[$] += U, g[$] = u[$]);
           }
-          const P = g.map(I), z = S.map(I), F = n.map(($, U) => ({ x: $, y: P[U] })), B = n.map(($, U) => ({ x: $, y: z[U] })), V = pe(F), J = pe([...B].reverse()), G = be(F), Y = be([...B].reverse()), O = B[B.length - 1];
+          const P = g.map(I), z = S.map(I), F = n.map(($, U) => ({ x: $, y: P[U] })), B = n.map(($, U) => ({ x: $, y: z[U] })), V = pe(F), Z = pe([...B].reverse()), G = be(F), Y = be([...B].reverse()), O = B[B.length - 1];
           if (e.value.style.chart.lines.useArea) {
-            const $ = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)} L${O.x},${O.y} ${a(J)} Z` : `M${F[0].x},${F[0].y} ${a(G)} L${O.x},${O.y} ${a(Y)} Z`;
+            const $ = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)} L${O.x},${O.y} ${a(Z)} Z` : `M${F[0].x},${F[0].y} ${a(G)} L${O.x},${O.y} ${a(Y)} Z`;
             A.push(
               `<path d="${$}"
                     fill="${zt.pattern ? `url(#pattern_${K.value}_${b.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, b.color)}"
@@ -1219,9 +1219,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     return Ua({
       getData: Ol,
       getImage: Pl,
-      generatePdf: Jt,
+      generatePdf: Zt,
       generateCsv: Tt,
-      generateImage: Zt,
+      generateImage: Jt,
       generateSvg: ya,
       hideSeries: Fl,
       showSeries: Nl,
@@ -1239,7 +1239,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       onMouseenter: rl,
       onMouseleave: nl
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), ie(M(Ja), {
+      e.value.userOptions.buttons.annotator ? (i(), ie(M(Za), {
         key: 0,
         svgRef: M(we),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -1298,7 +1298,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       ue("div", {
         id: `legend-top-${K.value}`
       }, null, 8, Fo),
-      e.value.userOptions.show && Fe.value && (M(Wt) || M(gt)) ? (i(), ie(M(Za), {
+      e.value.userOptions.show && Fe.value && (M(Wt) || M(gt)) ? (i(), ie(M(Ja), {
         ref_key: "userOptionsRef",
         ref: ut,
         key: `user_option_${Pt.value}`,
@@ -1326,9 +1326,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ba,
-        onGeneratePdf: M(Jt),
+        onGeneratePdf: M(Zt),
         onGenerateCsv: Tt,
-        onGenerateImage: M(Zt),
+        onGenerateImage: M(Jt),
         onGenerateSvg: ya,
         onToggleTable: xa,
         onToggleLabels: ka,
@@ -1431,9 +1431,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ], 64))), 256)),
         t.$slots["chart-background"] ? (i(), h("foreignObject", {
           key: 0,
-          x: Z.value.left,
+          x: J.value.left,
           y: v.value.top,
-          width: Z.value.width,
+          width: J.value.width,
           height: v.value.height,
           style: {
             pointerEvents: "none"
@@ -1460,8 +1460,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ], 8, Io))), 256))
         ])) : w("", !0),
         e.value.style.chart.grid.x.showHorizontalLines ? (i(!0), h(E, { key: 2 }, W($e.value, (a, o) => (i(), h("line", {
-          x1: Z.value.left,
-          x2: Z.value.right,
+          x1: J.value.left,
+          x2: J.value.right,
           y1: a.y,
           y2: a.y,
           stroke: e.value.style.chart.grid.x.linesColor,
@@ -1481,8 +1481,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }, null, 8, Bo))), 256)) : w("", !0),
         e.value.style.chart.grid.x.showAxis ? (i(), h("line", {
           key: 4,
-          x1: Z.value.left,
-          x2: Z.value.right,
+          x1: J.value.left,
+          x2: J.value.right,
           y1: v.value.bottom,
           y2: v.value.bottom,
           stroke: e.value.style.chart.grid.x.axisColor,
@@ -1492,8 +1492,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }, null, 8, Vo)) : w("", !0),
         e.value.style.chart.grid.y.showAxis && !e.value.style.chart.lines.distributed ? (i(), h("line", {
           key: 5,
-          x1: Z.value.left,
-          x2: Z.value.left,
+          x1: J.value.left,
+          x2: J.value.left,
           y1: v.value.top,
           y2: v.value.bottom,
           stroke: e.value.style.chart.grid.y.axisColor,
@@ -1525,9 +1525,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         e.value.style.chart.grid.frame.show ? (i(), h("rect", {
           key: 8,
           style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-          x: Z.value.left,
+          x: J.value.left,
           y: v.value.top,
-          width: Z.value.width,
+          width: J.value.width,
           height: v.value.height,
           fill: "transparent",
           stroke: e.value.style.chart.grid.frame.stroke,
@@ -1563,8 +1563,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref: vt
         }, [
           (i(!0), h(E, null, W($e.value, (a, o) => (i(), h("line", {
-            x1: Z.value.left,
-            x2: Z.value.left - 6,
+            x1: J.value.left,
+            x2: J.value.left - 6,
             y1: a.y,
             y2: a.y,
             stroke: e.value.style.chart.grid.x.axisColor,
@@ -1594,7 +1594,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref_key: "timeLabelsEls",
           ref: je
         }, [
-          t.$slots["time-label"] ? (i(), h("g", Jo, [
+          t.$slots["time-label"] ? (i(), h("g", Zo, [
             (i(!0), h(E, null, W(kt.value, (a, o) => (i(), h("g", null, [
               _(t.$slots, "time-label", lt({ ref_for: !0 }, {
                 x: v.value.left + Qe.value * o + Qe.value / 2,
@@ -1608,7 +1608,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (i(), h("g", Zo, [
+          ])) : (i(), h("g", Jo, [
             (i(!0), h(E, null, W(kt.value, (a, o) => (i(), h("g", null, [
               String(a.text).includes(`
 `) ? (i(), h("text", {
@@ -1797,7 +1797,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       ue("div", {
         id: `legend-bottom-${K.value}`
       }, null, 8, us),
-      Fe.value && e.value.userOptions.buttons.table ? (i(), ie(Jl(Be.value.component), lt({ key: 6 }, Be.value.props, {
+      Fe.value && e.value.userOptions.buttons.table ? (i(), ie(Zl(Be.value.component), lt({ key: 6 }, Be.value.props, {
         ref_key: "tableUnit",
         ref: ze,
         onClose: pa

package/dist/{vue-ui-strip-plot-Tf-eojtF.js → vue-ui-strip-plot-DDEm7mMm.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as $, computed as h, ref as i, toRefs as Ht, watch as q, shallowRef as Xe, onMounted as Ut, onBeforeUnmount as Ye, watchEffect as Vt, createElementBlock as u, openBlock as r, unref as c, normalizeStyle as J, normalizeClass as R, createBlock as O, createCommentVNode as f, createVNode as ge, withCtx as v, renderSlot as d, normalizeProps as m, guardReactiveProps as C, createSlots as qe, createElementVNode as k, Fragment as x, renderList as T, toDisplayString as S, mergeProps as Je, resolveDynamicComponent as jt, createTextVNode as Ke, nextTick as Xt } from "vue";
-import { c as me, t as Yt, i as qt, p as P, o as Qe, g as Ce, k as Ze, j as Jt, l as et, M as Kt, F as Qt, d as K, X as Zt, a as ke, U as el, ao as tl, n as ll, r as al, x as tt, Y as ol, u as sl, q as rl, R as nl } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as $, computed as h, ref as i, toRefs as Ht, watch as q, shallowRef as Xe, onMounted as Ut, onBeforeUnmount as Ye, watchEffect as Vt, createElementBlock as u, openBlock as r, unref as c, normalizeStyle as J, normalizeClass as R, createBlock as O, createCommentVNode as f, createVNode as ge, withCtx as v, renderSlot as d, normalizeProps as m, guardReactiveProps as C, createSlots as qe, createElementVNode as k, Fragment as x, renderList as T, toDisplayString as S, mergeProps as Je, resolveDynamicComponent as jt, createTextVNode as Ze, nextTick as Xt } from "vue";
+import { c as me, t as Yt, i as qt, p as P, o as Ke, g as Ce, k as Qe, j as Jt, l as et, T as Zt, M as Kt, d as Z, X as Qt, a as ke, _ as el, at as tl, n as ll, r as al, x as tt, a1 as ol, u as sl, q as rl, Z as nl } from "./lib-qMPkcvmh.js";
 import { t as lt, u as ul } from "./useResponsive-DfdjqQps.js";
-import { u as il, a as xe } from "./useNestedProp-CoXaJ2T6.js";
+import { u as il, a as xe } from "./useNestedProp-DH2Pjkde.js";
 import { u as cl, B as vl } from "./BaseScanner-BgWxam9d.js";
-import { u as dl } from "./usePrinter-BdVu83IN.js";
+import { u as dl } from "./usePrinter-CjGh4mFJ.js";
 import { u as hl } from "./useSvgExport-DrjCWun4.js";
 import { u as bl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as yl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import gl from "./img-BYzbY8TZ.js";
-import { _ as ml } from "./Shape-rPzC8L-O.js";
-import Cl from "./Title-CM2dM0rQ.js";
+import gl from "./img-CwrkWkkl.js";
+import { _ as ml } from "./Shape-BEGGcaL8.js";
+import Cl from "./Title-CWX8otQg.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", grid: { stroke: "#5A5A5A", horizontalGrid: { stroke: "#4A4A4A" }, verticalGrid: { stroke: "#4A4A4A" } }, plots: { stroke: "#1A1A1A" }, labels: { bestPlotLabel: { color: "#CCCCCC" }, axis: { color: "#CCCCCC" }, xAxisLabels: { color: "#CCCCCC" }, yAxisLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", grid: { stroke: "#5D4037", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#FFF8E1" }, labels: { bestPlotLabel: { color: "#424242" }, axis: { color: "#424242" }, xAxisLabels: { color: "#424242" }, yAxisLabels: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, st = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", grid: { stroke: "#5D4037", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#1E1E1E" }, labels: { bestPlotLabel: { color: "#BDBDBD" }, axis: { color: "#BDBDBD" }, xAxisLabels: { color: "#BDBDBD" }, yAxisLabels: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", grid: { stroke: "#5F6A5F", horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#00FF00" }, labels: { bestPlotLabel: { color: "#AACCAA" }, axis: { color: "#99CC99" }, xAxisLabels: { color: "#99CC99" }, yAxisLabels: { color: "#99CC99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, nt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", grid: { show: !1, horizontalGrid: { show: !1 }, verticalGrid: { show: !1 } }, plots: { stroke: "#fbfafa" }, labels: { bestPlotLabel: { color: "#A0AC94" }, axis: { color: "#A0AC94" }, xAxisLabels: { color: "#A0AC94" }, yAxisLabels: { show: !1, color: "#A0AC94" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, ut = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", grid: { stroke: "#829C98", horizontalGrid: { stroke: "#829C98" }, verticalGrid: { stroke: "#829C98" } }, plots: { stroke: "#404C5A" }, labels: { bestPlotLabel: { color: "#61747E" }, axis: { color: "#61747E" }, xAxisLabels: { color: "#61747E" }, yAxisLabels: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, it = {
   default: {},
@@ -51,14 +51,14 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
   },
   emits: ["selectDatapoint"],
   setup(ct, { expose: vt, emit: dt }) {
-    const ht = $(() => import("./Tooltip-De7i-i20.js")), bt = $(() => import("./BaseIcon--wNsuYtd.js")), ft = $(() => import("./vue-ui-accordion-WOXCCkiC.js")), pt = $(() => import("./DataTable-DRZJOlJB.js")), yt = $(() => import("./UserOptions-5GYBcJJU.js")), gt = $(() => import("./PenAndPaper-CMmG5Mka.js")), mt = $(() => import("./PackageVersion-BW9_gimf.js")), Ct = $(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_strip_plot: kt } = il(), { isThemeValid: xt, warnInvalidTheme: At } = bl(), g = ct, wt = dt, W = h({
+    const ht = $(() => import("./Tooltip-OHx7yHlS.js")), bt = $(() => import("./BaseIcon-CALhpING.js")), ft = $(() => import("./vue-ui-accordion-DiNnR-ZE.js")), pt = $(() => import("./DataTable-Ca1twcf7.js")), yt = $(() => import("./UserOptions-ChRXLqps.js")), gt = $(() => import("./PenAndPaper-DscVdZ1u.js")), mt = $(() => import("./PackageVersion-Dc4fCiDF.js")), Ct = $(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_strip_plot: kt } = il(), { isThemeValid: xt, warnInvalidTheme: At } = bl(), g = ct, wt = dt, W = h({
       get() {
         return !!g.dataset && g.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Q = i(me()), Ae = i(0), Z = i(!1), ee = i(""), w = i(null), we = i(null), Le = i(null), _e = i(null), $e = i(!1), Te = i(0), Se = i(0), N = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ce()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = cl({
+    }), K = i(me()), Ae = i(0), Q = i(!1), ee = i(""), w = i(null), we = i(null), Le = i(null), _e = i(null), $e = i(!1), Te = i(0), Se = i(0), N = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ce()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = cl({
       ...Ht(g),
       FINAL_CONFIG: e,
       prepareConfig: ce,
@@ -180,12 +180,12 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
     });
     const ve = h(() => !!e.value.debug);
     function Oe() {
-      if (Qe(g.dataset) ? (Ce({
+      if (Ke(g.dataset) ? (Ce({
         componentName: "VueUiStripPlot",
         type: "dataset",
         debug: ve.value
       }), ne.value = !0) : g.dataset.forEach((t, a) => {
-        Ze({
+        Qe({
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
         }).forEach((l) => {
@@ -197,7 +197,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
             debug: ve.value
           });
         }), t.plots && t.plots.forEach((l, o) => {
-          Ze({
+          Qe({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
           }).forEach((n) => {
@@ -210,7 +210,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
             });
           });
         });
-      }), Qe(g.dataset) || (ne.value = e.value.loading), e.value.responsive) {
+      }), Ke(g.dataset) || (ne.value = e.value.loading), e.value.responsive) {
         const t = lt(() => {
           const { width: a, height: l } = ul({
             chart: w.value,
@@ -238,7 +238,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       L.value && (z.value && L.value.unobserve(z.value), L.value.disconnect());
     });
     const { isPrinting: Pe, isImaging: ze, generatePdf: Be, generateImage: Ee } = dl({
-      elementId: `strip-plot_${Q.value}`,
+      elementId: `strip-plot_${K.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
     }), Lt = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ne = h(() => Jt(e.value.customPalette)), M = i(e.value.useCssAnimation), U = i({
@@ -310,7 +310,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         color: t.color ? et(t.color) : Ne.value[a] || P[a] || P[a % P.length],
         plots: t.plots.map((o, n) => ({
           ...o,
-          value: Kt(o.value),
+          value: Zt(o.value),
           parentId: l,
           parentName: t.name,
           parentIndex: a,
@@ -331,7 +331,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), D = h(() => Qt(be.value.min < 0 ? be.value.min : 0, be.value.max, e.value.style.chart.grid.scaleSteps)), Ft = h(() => (A.value || []).map((t, a) => ({
+    }), D = h(() => Kt(be.value.min < 0 ? be.value.min : 0, be.value.max, e.value.style.chart.grid.scaleSteps)), Ft = h(() => (A.value || []).map((t, a) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
@@ -344,13 +344,13 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       value: t
     }))), fe = i(null), y = i(null);
     function Ot({ datapoint: t, seriesIndex: a }) {
-      Z.value = !1, y.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+      Q.value = !1, y.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
     function Pt({ datapoint: t, seriesIndex: a }) {
       wt("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
     function zt({ datapoint: t, seriesIndex: a }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), fe.value = { datapoint: t, seriesIndex: a, config: e.value, series: V.value }, Z.value = !0, y.value = t;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), fe.value = { datapoint: t, seriesIndex: a, config: e.value, series: V.value }, Q.value = !0, y.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
       if (tt(l) && nl(() => l({
         seriesIndex: a,
@@ -369,7 +369,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.value.style.chart.plots.gradient.show ? `url(#${t.parentId})` : t.color}"/></svg>${t.name}</div>`, o += `<div>${ke(
           e.value.style.chart.labels.formatter,
           t.value,
-          K({
+          Z({
             p: e.value.style.chart.labels.prefix,
             v: t.value,
             s: e.value.style.chart.labels.suffix,
@@ -399,7 +399,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], a = j.value.head.map((n, b) => {
-        const E = K({
+        const E = Z({
           p: e.value.style.chart.labels.prefix,
           v: j.value.body[b],
           s: e.value.style.chart.labels.suffix,
@@ -545,7 +545,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       ref: w,
       class: R(`vue-data-ui-component vue-ui-strip-plot ${F.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: J(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      id: `strip-plot_${Q.value}`,
+      id: `strip-plot_${K.value}`,
       onMouseenter: a[1] || (a[1] = () => c(De)(!0)),
       onMouseleave: a[2] || (a[2] = () => c(De)(!1))
     }, [
@@ -612,7 +612,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         color: e.value.style.chart.color,
         isPrinting: c(Pe),
         isImaging: c(ze),
-        uid: Q.value,
+        uid: K.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -718,7 +718,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
       (r(), u("svg", {
         ref_key: "svgRef",
         ref: ie,
-        xmlns: c(Zt),
+        xmlns: c(Qt),
         class: R({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value }),
         viewBox: `0 0 ${B.value} ${_.value}`,
         style: J(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
@@ -794,7 +794,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
           }, S(c(ke)(
             e.value.style.chart.labels.formatter,
             l.value,
-            c(K)({
+            c(Z)({
               p: e.value.style.chart.labels.prefix,
               v: l.value,
               s: e.value.style.chart.labels.suffix,
@@ -924,7 +924,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
               }, S(n.name) + " " + S(e.value.style.chart.labels.bestPlotLabel.showValue ? c(ke)(
                 e.value.style.chart.labels.formatter,
                 n.value,
-                c(K)({
+                c(Z)({
                   p: `(${e.value.style.chart.labels.prefix}`,
                   v: n.value,
                   s: `${e.value.style.chart.labels.suffix})`,
@@ -949,7 +949,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         d(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
       ge(c(ht), {
-        show: p.value.showTooltip && Z.value,
+        show: p.value.showTooltip && Q.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -999,7 +999,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
               }, null, 8, Xl)
             ]),
             td: v(({ td: l }) => [
-              Ke(S(l.name || l), 1)
+              Ze(S(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1009,7 +1009,7 @@ const at = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gri
         e.value.table.useDialog ? {
           name: "title",
           fn: v(() => [
-            Ke(S(I.value.title), 1)
+            Ze(S(I.value.title), 1)
           ]),
           key: "0"
         } : void 0,

package/dist/{vue-ui-table-Onk8Ep_o.js → vue-ui-table-RCYr7_oK.js}

@@ -1,8 +1,8 @@
-import { m as Y, t as W, n as G, q as J, d as K, r as Z, u as q, v as Q, l as $, w as ee, s as E, p as te } from "./lib-DUaaQGCv.js";
-import { u as se } from "./useNestedProp-CoXaJ2T6.js";
-import { V as ne } from "./vue-ui-xy-D6gFGE5R.js";
-import { V as re } from "./vue-ui-donut-CKSt_cq4.js";
-import le from "./BaseIcon--wNsuYtd.js";
+import { m as Y, t as W, n as G, q as J, d as K, r as Z, u as q, v as Q, l as $, w as ee, s as E, p as te } from "./lib-qMPkcvmh.js";
+import { u as se } from "./useNestedProp-DH2Pjkde.js";
+import { V as ne } from "./vue-ui-xy-BWzZbqJo.js";
+import { V as re } from "./vue-ui-donut-DsCBPM7k.js";
+import le from "./BaseIcon-CALhpING.js";
 import { resolveComponent as D, createElementBlock as u, openBlock as c, normalizeStyle as g, createCommentVNode as b, createElementVNode as a, toDisplayString as h, withDirectives as O, withKeys as L, withModifiers as S, vModelText as A, createVNode as P, Fragment as C, renderList as k, normalizeClass as p, createTextVNode as _, vModelSelect as H, createBlock as R, ref as oe, computed as ae, useCssVars as ie } from "vue";
 import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const x = {