vue-data-ui 3.3.1 → 3.3.2

package/dist/{vue-ui-strip-plot-C5Bro8-W.js → vue-ui-strip-plot-C4U0fT5D.js}

@@ -1,14 +1,14 @@
-import { defineAsyncComponent as L, computed as c, ref as i, toRefs as Nt, watch as q, shallowRef as Xe, onMounted as Ft, onBeforeUnmount as Ye, watchEffect as Mt, createElementBlock as u, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as O, createCommentVNode as d, createVNode as me, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as F, guardReactiveProps as M, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as T, mergeProps as qe, resolveDynamicComponent as It, createTextVNode as Je, nextTick as Rt } from "vue";
-import { c as ge, t as Bt, b as Wt, p as z, o as Ke, f as xe, g as Qe, e as Et, h as Ze, q as Gt, C as Ht, d as K, X as Ut, a as ke, L as Vt, ac as Xt, m as Yt, r as jt, z as et, D as qt, x as Jt, y as Kt, A as Qt } from "./lib-CEjkWSLj.js";
-import { t as tt, u as Zt } from "./useResponsive-DfdjqQps.js";
-import { u as el, a as lt } from "./useNestedProp-Ce3PwN8T.js";
-import { u as tl, B as ll } from "./BaseScanner-BgWxam9d.js";
-import { u as al } from "./usePrinter-DJ1iH-F_.js";
-import { u as ol } from "./useSvgExport-DrjCWun4.js";
-import { u as sl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as rl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as nl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ul from "./img-J2dLIr8Y.js";
+import { defineAsyncComponent as L, computed as c, ref as i, toRefs as Nt, watch as q, shallowRef as Xe, onMounted as Ft, onBeforeUnmount as Ye, createElementBlock as n, openBlock as r, unref as v, normalizeStyle as J, normalizeClass as E, createBlock as O, createCommentVNode as d, createVNode as me, createSlots as je, withCtx as b, renderSlot as y, normalizeProps as F, guardReactiveProps as M, createElementVNode as m, Fragment as g, renderList as _, toDisplayString as T, mergeProps as qe, resolveDynamicComponent as Mt, createTextVNode as Je, nextTick as It } from "vue";
+import { c as ge, t as Rt, b as Bt, p as z, o as Ke, f as xe, g as Qe, e as Wt, h as Ze, q as Et, C as Gt, d as K, X as Ht, a as ke, L as Ut, ac as Vt, m as Xt, r as Yt, z as et, D as jt, x as qt, y as Jt, A as Kt } from "./lib-CEjkWSLj.js";
+import { t as tt, u as Qt } from "./useResponsive-DfdjqQps.js";
+import { u as Zt, a as lt } from "./useNestedProp-Ce3PwN8T.js";
+import { u as el, B as tl } from "./BaseScanner-BgWxam9d.js";
+import { u as ll } from "./usePrinter-DJ1iH-F_.js";
+import { u as al } from "./useSvgExport-DrjCWun4.js";
+import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as sl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as rl, a as ul } from "./useResizeObserverEffect-DfnWps4W.js";
+import nl from "./img-J2dLIr8Y.js";
 import { _ as il } from "./Shape-BceHSLHf.js";
 import vl from "./Title-Camz1Lce.js";
 import { t as cl } from "./themes-Dw-dDudK.js";
@@ -34,14 +34,14 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(at, { expose: ot, emit: st }) {
-    const rt = L(() => import("./Tooltip-VOcQEHa4.js")), nt = L(() => import("./BaseIcon-eZbszQrv.js")), ut = L(() => import("./vue-ui-accordion-VTP418mC.js")), it = L(() => import("./DataTable-yAMEyP6y.js")), vt = L(() => import("./UserOptions-CSja1SGU.js")), ct = L(() => import("./PenAndPaper-Bo-lMUik.js")), ht = L(() => import("./PackageVersion-BfykJm_B.js")), dt = L(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_strip_plot: pt } = el(), x = at, ft = st, G = c({
+    const rt = L(() => import("./Tooltip-VOcQEHa4.js")), ut = L(() => import("./BaseIcon-eZbszQrv.js")), nt = L(() => import("./vue-ui-accordion-VTP418mC.js")), it = L(() => import("./DataTable-yAMEyP6y.js")), vt = L(() => import("./UserOptions-CSja1SGU.js")), ct = L(() => import("./PenAndPaper-Bo-lMUik.js")), ht = L(() => import("./PackageVersion-r-Q1R3nV.js")), dt = L(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_strip_plot: pt } = Zt(), x = at, ft = st, G = c({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Q = i(ge()), we = i(0), Z = i(!1), ee = i(""), w = i(null), Ce = i(null), Ae = i(null), Le = i(null), _e = i(!1), Te = i(0), $e = i(0), I = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ve()), { loading: se, FINAL_DATASET: re, manualLoading: ne } = tl({
+    }), Q = i(ge()), we = i(0), Z = i(!1), ee = i(""), w = i(null), Ce = i(null), Ae = i(null), Le = i(null), _e = i(!1), Te = i(0), $e = i(0), I = i(null), te = i(null), le = i(null), ae = i(null), H = i(null), oe = i(null), e = i(ve()), { loading: se, FINAL_DATASET: re, manualLoading: ue } = el({
       ...Nt(x),
       FINAL_CONFIG: e,
       prepareConfig: ve,
@@ -92,7 +92,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           ]
         }
       ],
-      skeletonConfig: Bt({
+      skeletonConfig: Rt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -131,7 +131,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: ue, setUserOptionsVisibility: Se, keepUserOptionState: Oe } = sl({ config: e.value }), { svgRef: ie } = rl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: Se, keepUserOptionState: Oe } = ol({ config: e.value }), { svgRef: ie } = sl({ config: e.value.style.chart.title });
     function ve() {
       const t = lt({
         userConfig: x.config,
@@ -142,13 +142,13 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           userConfig: cl.vue_ui_strip_plot[t.theme] || x.config,
           defaultConfig: t
         }),
-        customPalette: Wt[t.theme] || z
+        customPalette: Bt[t.theme] || z
       } : t;
     }
     q(() => x.config, async (t) => {
-      se.value || (e.value = ve()), ue.value = !e.value.userOptions.showOnChartHover, ze(), Te.value += 1, $e.value += 1, p.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, D.value = e.value.style.chart.width, A.value = e.value.style.chart.height, B.value = e.value.style.chart.plots.radius;
+      se.value || (e.value = ve()), ne.value = !e.value.userOptions.showOnChartHover, ze(), Te.value += 1, $e.value += 1, p.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, p.value.showTable = e.value.table.show, p.value.showTooltip = e.value.style.chart.tooltip.show, D.value = e.value.style.chart.width, A.value = e.value.style.chart.height, B.value = e.value.style.chart.plots.radius;
     }, { deep: !0 }), q(() => x.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ne.value = !1);
+      Array.isArray(t) && t.length > 0 && (ue.value = !1);
     }, { deep: !0 });
     const C = Xe(null), P = Xe(null);
     Ft(() => {
@@ -160,7 +160,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         componentName: "VueUiStripPlot",
         type: "dataset",
         debug: ce.value
-      }), ne.value = !0) : x.dataset.forEach((t, a) => {
+      }), ue.value = !0) : x.dataset.forEach((t, a) => {
         Qe({
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
@@ -176,26 +176,26 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           Qe({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
-          }).forEach((n) => {
+          }).forEach((u) => {
             G.value = !1, xe({
               componentName: "VueUiStripPlot",
               type: "datasetSerieAttribute",
-              property: n,
+              property: u,
               index: `${a},${o}`,
               debug: ce.value
             });
           });
         });
-      }), Ke(x.dataset) || (ne.value = e.value.loading), e.value.responsive) {
+      }), Ke(x.dataset) || (ue.value = e.value.loading), e.value.responsive) {
         const t = tt(() => {
-          const { width: a, height: l } = Zt({
+          const { width: a, height: l } = Qt({
             chart: w.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             source: Ae.value,
             noTitle: Le.value
           });
           requestAnimationFrame(() => {
-            yt.value = l, D.value = Math.max(0.1, a), A.value = Math.max(0.1, l - 12), e.value.responsiveProportionalSizing ? B.value = qt({
+            yt.value = l, D.value = Math.max(0.1, a), A.value = Math.max(0.1, l - 12), e.value.responsiveProportionalSizing ? B.value = jt({
               relator: Math.min(l, a),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
@@ -213,11 +213,11 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     Ye(() => {
       C.value && (P.value && C.value.unobserve(P.value), C.value.disconnect());
     });
-    const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage: Fe } = al({
+    const { isPrinting: Pe, isImaging: De, generatePdf: Ne, generateImage: Fe } = ll({
       elementId: `strip-plot_${Q.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
-    }), bt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Me = c(() => Et(e.value.customPalette)), R = i(e.value.useCssAnimation), U = i({
+    }), bt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Me = c(() => Wt(e.value.customPalette)), R = i(e.value.useCssAnimation), U = i({
       top: e.value.style.chart.padding.top,
       bottom: e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
@@ -241,8 +241,8 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     const he = c(() => Math.min(B.value, s.value.stripWidth / 2 * 0.9));
     function mt() {
       let t = 0;
-      oe.value && (t = Array.from(oe.value.querySelectorAll("text")).reduce((o, n) => {
-        const h = n.getComputedTextLength();
+      oe.value && (t = Array.from(oe.value.querySelectorAll("text")).reduce((o, u) => {
+        const h = u.getComputedTextLength();
         return h > o ? h : o;
       }, 0));
       const a = ae.value ? ae.value.getBoundingClientRect().width : 0;
@@ -251,14 +251,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     const de = i(0), gt = tt((t) => {
       de.value = t;
     }, 100);
-    Mt((t) => {
-      const a = H.value;
-      if (!a) return;
-      const l = new ResizeObserver((o) => {
-        gt(o[0].contentRect.height);
-      });
-      l.observe(a), t(() => l.disconnect());
-    }), Ye(() => {
+    rl({ elementRef: H, callback: gt, attr: "height" }), Ye(() => {
       de.value = 0;
     });
     const xt = c(() => {
@@ -267,11 +260,11 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
       let a = 0;
       return H.value && (a = de.value + 12), t + a;
     }), s = c(() => {
-      const t = mt(), a = U.value.left + t + e.value.style.chart.labels.axis.yLabelOffsetX + 5, l = D.value - U.value.right, o = Math.max(0, l - a), n = U.value.top + e.value.style.chart.plots.radius + e.value.style.chart.labels.bestPlotLabel.fontSize, h = A.value - U.value.bottom - xt.value, N = Math.max(0, h - n), Ve = Array.isArray(re.value) ? re.value.length : 0, Dt = Ve > 0 ? o / Ve : 0;
+      const t = mt(), a = U.value.left + t + e.value.style.chart.labels.axis.yLabelOffsetX + 5, l = D.value - U.value.right, o = Math.max(0, l - a), u = U.value.top + e.value.style.chart.plots.radius + e.value.style.chart.labels.bestPlotLabel.fontSize, h = A.value - U.value.bottom - xt.value, N = Math.max(0, h - u), Ve = Array.isArray(re.value) ? re.value.length : 0, Dt = Ve > 0 ? o / Ve : 0;
       return {
         left: a,
         right: l,
-        top: n,
+        top: u,
         bottom: h,
         width: o,
         height: N,
@@ -284,16 +277,16 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         ...t,
         id: l,
         color: t.color ? Ze(t.color) : Me.value[a] || z[a] || z[a % z.length],
-        plots: t.plots.map((o, n) => ({
+        plots: t.plots.map((o, u) => ({
           ...o,
-          value: Gt(o.value),
+          value: Et(o.value),
           parentId: l,
           parentName: t.name,
           parentIndex: a,
-          plotIndex: n,
+          plotIndex: u,
           color: t.color ? Ze(t.color) : Me.value[a] || z[a] || z[a % z.length],
           id: ge()
-        })).sort((o, n) => o.value - n.value)
+        })).sort((o, u) => o.value - u.value)
       };
     })), k = c(() => (V.value || []).map((t, a) => ({
       ...t,
@@ -307,7 +300,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), $ = c(() => Ht(pe.value.min < 0 ? pe.value.min : 0, pe.value.max, e.value.style.chart.grid.scaleSteps)), wt = c(() => (k.value || []).map((t, a) => ({
+    }), $ = c(() => Gt(pe.value.min < 0 ? pe.value.min : 0, pe.value.max, e.value.style.chart.grid.scaleSteps)), wt = c(() => (k.value || []).map((t, a) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
@@ -328,7 +321,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     function Lt({ 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, f.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (et(l) && Qt(() => l({
+      if (et(l) && Kt(() => l({
         seriesIndex: a,
         datapoint: t,
         series: V.value,
@@ -356,25 +349,25 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
       }
     }
     const X = c(() => {
-      const t = k.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((o, n) => n.value - o.value).map((o) => ({
+      const t = k.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((o, u) => u.value - o.value).map((o) => ({
         name: `${l.name} - ${o.name}`,
         color: o.color
-      }))), a = k.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((o, n) => n.value - o.value).map((o) => o.value));
+      }))), a = k.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((o, u) => u.value - o.value).map((o) => o.value));
       return { head: t, body: a };
     });
     function be(t = null) {
-      Rt(() => {
-        const a = X.value.head.map((n, h) => [[
-          n.name
-        ], [X.value.body[h]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(a), o = Jt(l);
-        t ? t(o) : Kt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
+      It(() => {
+        const a = X.value.head.map((u, h) => [[
+          u.name
+        ], [X.value.body[h]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(a), o = qt(l);
+        t ? t(o) : Jt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
       });
     }
     const Y = c(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], a = X.value.head.map((n, h) => {
+      ], a = X.value.head.map((u, h) => {
         const N = K({
           p: e.value.style.chart.labels.prefix,
           v: X.value.body[h],
@@ -383,8 +376,8 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         });
         return [
           {
-            color: n.color,
-            name: n.name
+            color: u.color,
+            name: u.name
           },
           N
         ];
@@ -432,9 +425,9 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     }
     async function Tt({ scale: t = 2 } = {}) {
       if (!w.value) return;
-      const { width: a, height: l } = w.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: h } = await ul({ domElement: w.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = w.value.getBoundingClientRect(), o = a / l, { imageUri: u, base64: h } = await nl({ domElement: w.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: n,
+        imageUri: u,
         base64: h,
         title: e.value.style.chart.title.text,
         width: a,
@@ -443,7 +436,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
       };
     }
     const Ge = c(() => k.value.map((t) => t.name)), $t = i({ start: 0, end: k.value.length });
-    nl({
+    ul({
       timeLabelsEls: H,
       timeLabels: Ge,
       slicer: $t,
@@ -459,7 +452,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     const W = c(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = p.value.showTable;
       return {
-        component: t ? dt : ut,
+        component: t ? dt : nt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -492,15 +485,15 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
     function He() {
       p.value.showTable = !1, te.value && te.value.setTableIconState(!1);
     }
-    const St = c(() => e.value.style.chart.backgroundColor), Ot = c(() => e.value.style.chart.title), { exportSvg: zt, getSvg: Pt } = ol({
+    const St = c(() => e.value.style.chart.backgroundColor), Ot = c(() => e.value.style.chart.title), { exportSvg: zt, getSvg: Pt } = al({
       svg: ie,
       title: Ot,
       backgroundColor: St
     });
     async function Ue({ isCb: t }) {
       if (t) {
-        const { blob: a, url: l, text: o, dataUrl: n } = await Pt();
-        e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: n });
+        const { blob: a, url: l, text: o, dataUrl: u } = await Pt();
+        e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: u });
       } else
         zt();
     }
@@ -516,7 +509,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
       toggleTooltip: Ee,
       toggleAnnotator: ye,
       toggleFullscreen: Re
-    }), (t, a) => (r(), u("div", {
+    }), (t, a) => (r(), n("div", {
       ref_key: "stripPlotChart",
       ref: w,
       class: E(`vue-data-ui-component vue-ui-strip-plot ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -533,14 +526,14 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         active: j.value,
         onClose: ye
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      bt.value ? (r(), u("div", {
+      bt.value ? (r(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Le,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : d("", !0),
-      e.value.style.chart.title.text ? (r(), u("div", {
+      e.value.style.chart.title.text ? (r(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Ce,
@@ -560,7 +553,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : d("", !0),
-      e.value.userOptions.show && G.value && (v(Oe) || v(ue)) ? (r(), O(v(vt), {
+      e.value.userOptions.show && G.value && (v(Oe) || v(ne)) ? (r(), O(v(vt), {
         ref_key: "userOptionsRef",
         ref: te,
         key: `user_option_${we.value}`,
@@ -597,7 +590,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         onToggleTooltip: Ee,
         onToggleAnnotator: ye,
         style: J({
-          visibility: v(Oe) ? v(ue) ? "visible" : "hidden" : "visible"
+          visibility: v(Oe) ? v(ne) ? "visible" : "hidden" : "visible"
         })
       }, je({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -664,16 +657,16 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : d("", !0),
-      (r(), u("svg", {
+      (r(), n("svg", {
         ref_key: "svgRef",
         ref: ie,
-        xmlns: v(Ut),
+        xmlns: v(Ht),
         class: E({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value }),
         viewBox: `0 0 ${D.value} ${A.value}`,
         style: J(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
         me(v(ht)),
-        t.$slots["chart-background"] ? (r(), u("foreignObject", {
+        t.$slots["chart-background"] ? (r(), n("foreignObject", {
           key: 0,
           x: s.value.left,
           y: s.value.top,
@@ -685,9 +678,9 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         }, [
           y(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, fl)) : d("", !0),
-        e.value.style.chart.grid.show ? (r(), u("g", bl, [
-          e.value.style.chart.grid.horizontalGrid.show ? (r(), u("g", yl, [
-            (r(!0), u(g, null, _(Ie.value, (l) => (r(), u("line", {
+        e.value.style.chart.grid.show ? (r(), n("g", bl, [
+          e.value.style.chart.grid.horizontalGrid.show ? (r(), n("g", yl, [
+            (r(!0), n(g, null, _(Ie.value, (l) => (r(), n("line", {
               x1: l.x1,
               x2: l.x2,
               y1: l.y,
@@ -698,8 +691,8 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
               "stroke-linecap": "round"
             }, null, 8, ml))), 256))
           ])) : d("", !0),
-          e.value.style.chart.grid.verticalGrid.show ? (r(), u("g", gl, [
-            (r(!0), u(g, null, _(k.value, (l, o) => (r(), u("line", {
+          e.value.style.chart.grid.verticalGrid.show ? (r(), n("g", gl, [
+            (r(!0), n(g, null, _(k.value, (l, o) => (r(), n("line", {
               x1: s.value.left + (o + 1) * s.value.stripWidth,
               x2: s.value.left + (o + 1) * s.value.stripWidth,
               y1: s.value.top,
@@ -729,12 +722,12 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             "stroke-linecap": "round"
           }, null, 8, wl)
         ])) : d("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (r(), u("g", {
+        e.value.style.chart.labels.yAxisLabels.show ? (r(), n("g", {
           key: 2,
           ref_key: "scaleLabels",
           ref: oe
         }, [
-          (r(!0), u(g, null, _(Ie.value, (l, o) => (r(), u("text", {
+          (r(!0), n(g, null, _(Ie.value, (l, o) => (r(), n("text", {
             x: l.x1 + e.value.style.chart.labels.yAxisLabels.offsetX - 5,
             y: l.y + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             fill: e.value.style.chart.labels.yAxisLabels.color,
@@ -752,28 +745,28 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             { datapoint: l, seriesIndex: o }
           )), 9, Cl))), 256))
         ], 512)) : d("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (r(), u("g", {
+        e.value.style.chart.labels.xAxisLabels.show ? (r(), n("g", {
           key: 3,
           ref_key: "timeLabelsEls",
           ref: H
         }, [
-          (r(!0), u(g, null, _(Ge.value, (l, o) => (r(), u("g", null, [
+          (r(!0), n(g, null, _(Ge.value, (l, o) => (r(), n("g", null, [
             String(l).includes(`
-`) ? (r(), u("text", {
+`) ? (r(), n("text", {
               key: 1,
               class: "vue-ui-strip-plot-category-name",
               transform: `translate(${s.value.left + (o + 1) * s.value.stripWidth - s.value.stripWidth / 2}, ${s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize * 2 + e.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${e.value.style.chart.labels.xAxisLabels.rotation})`,
               "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
               fill: e.value.style.chart.labels.xAxisLabels.color,
               "text-anchor": e.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : e.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-              innerHTML: v(Vt)({
-                content: v(Xt)(String(l)),
+              innerHTML: v(Ut)({
+                content: v(Vt)(String(l)),
                 fontSize: e.value.style.chart.labels.xAxisLabels.fontSize,
                 fill: e.value.style.chart.labels.xAxisLabels.color,
                 x: 0,
                 y: 0
               })
-            }, null, 8, Ll)) : (r(), u("text", {
+            }, null, 8, Ll)) : (r(), n("text", {
               key: 0,
               class: "vue-ui-strip-plot-category-name",
               transform: `translate(${s.value.left + (o + 1) * s.value.stripWidth - s.value.stripWidth / 2}, ${s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize * 2 + e.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${e.value.style.chart.labels.xAxisLabels.rotation})`,
@@ -783,7 +776,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             }, T(String(l)), 9, Al))
           ]))), 256))
         ], 512)) : d("", !0),
-        e.value.style.chart.labels.axis.yLabel ? (r(), u("text", {
+        e.value.style.chart.labels.axis.yLabel ? (r(), n("text", {
           key: 4,
           ref_key: "yAxisLabel",
           ref: ae,
@@ -792,7 +785,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           transform: `translate(${e.value.style.chart.labels.axis.fontSize}, ${s.value.top + s.value.height / 2}) rotate(-90)`,
           "text-anchor": "middle"
         }, T(e.value.style.chart.labels.axis.yLabel), 9, _l)) : d("", !0),
-        e.value.style.chart.labels.axis.xLabel ? (r(), u("text", {
+        e.value.style.chart.labels.axis.xLabel ? (r(), n("text", {
           key: 5,
           ref_key: "xAxisLabel",
           ref: le,
@@ -802,7 +795,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           y: A.value - e.value.style.chart.labels.axis.fontSize / 3,
           "text-anchor": "middle"
         }, T(e.value.style.chart.labels.axis.xLabel), 9, Tl)) : d("", !0),
-        f.value ? (r(), u(g, { key: 6 }, [
+        f.value ? (r(), n(g, { key: 6 }, [
           m("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -828,17 +821,17 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           }, null, 10, Ol)
         ], 64)) : d("", !0),
         m("defs", null, [
-          (r(!0), u(g, null, _(k.value, (l) => (r(), u("radialGradient", {
+          (r(!0), n(g, null, _(k.value, (l) => (r(), n("radialGradient", {
             id: l.id,
             fy: "30%"
           }, [
             m("stop", {
               offset: "10%",
-              "stop-color": v(Yt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": v(Xt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Pl),
             m("stop", {
               offset: "90%",
-              "stop-color": v(jt)(l.color, 0.1)
+              "stop-color": v(Yt)(l.color, 0.1)
             }, null, 8, Dl),
             m("stop", {
               offset: "100%",
@@ -846,50 +839,50 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
             }, null, 8, Nl)
           ], 8, zl))), 256))
         ]),
-        (r(!0), u(g, null, _(wt.value, (l, o) => (r(), u(g, null, [
-          (r(!0), u(g, null, _(l.plots, (n, h) => (r(), O(il, qe({ ref_for: !0 }, t.$attrs, {
-            plot: { x: n.x, y: _e.value ? n.y : s.value.top },
-            radius: f.value && f.value.id === n.id ? he.value * 1.5 : he.value,
+        (r(!0), n(g, null, _(wt.value, (l, o) => (r(), n(g, null, [
+          (r(!0), n(g, null, _(l.plots, (u, h) => (r(), O(il, qe({ ref_for: !0 }, t.$attrs, {
+            plot: { x: u.x, y: _e.value ? u.y : s.value.top },
+            radius: f.value && f.value.id === u.id ? he.value * 1.5 : he.value,
             shape: e.value.style.chart.plots.shape,
             stroke: e.value.style.chart.plots.stroke,
             strokeWidth: e.value.style.chart.plots.strokeWidth,
             color: e.value.style.chart.plots.gradient.show ? `url(#${l.id})` : l.color,
-            style: `transition: all 0.2s ease-in-out; opacity:${f.value ? f.value.id === n.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${R.value ? `transition-delay:${h * 50}ms` : ""}`,
+            style: `transition: all 0.2s ease-in-out; opacity:${f.value ? f.value.id === u.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${R.value ? `transition-delay:${h * 50}ms` : ""}`,
             class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && R.value && !v(se), "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !R.value },
-            onMouseenter: (N) => Lt({ datapoint: n, seriesIndex: h }),
-            onMouseleave: (N) => Ct({ datapoint: n, seriesIndex: h }),
-            onClick: (N) => At({ datapoint: n, seriesIndex: h })
+            onMouseenter: (N) => Lt({ datapoint: u, seriesIndex: h }),
+            onMouseleave: (N) => Ct({ datapoint: u, seriesIndex: h }),
+            onClick: (N) => At({ datapoint: u, seriesIndex: h })
           }), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "style", "class", "onMouseenter", "onMouseleave", "onClick"]))), 256)),
-          p.value.dataLabels.show ? (r(), u("g", Fl, [
-            (r(!0), u(g, null, _(l.plots, (n, h) => (r(), u(g, null, [
-              h === l.plots.length - 1 || f.value && f.value.id === n.id && !p.value.showTooltip ? (r(), u("text", {
+          p.value.dataLabels.show ? (r(), n("g", Fl, [
+            (r(!0), n(g, null, _(l.plots, (u, h) => (r(), n(g, null, [
+              h === l.plots.length - 1 || f.value && f.value.id === u.id && !p.value.showTooltip ? (r(), n("text", {
                 key: 0,
-                x: n.x,
-                y: n.y + e.value.style.chart.labels.bestPlotLabel.offsetY - he.value * (f.value && f.value.id === n.id && !p.value.showTooltip ? 2 : 1.5),
+                x: u.x,
+                y: u.y + e.value.style.chart.labels.bestPlotLabel.offsetY - he.value * (f.value && f.value.id === u.id && !p.value.showTooltip ? 2 : 1.5),
                 "font-size": e.value.style.chart.labels.bestPlotLabel.fontSize,
                 fill: e.value.style.chart.labels.bestPlotLabel.color,
                 "text-anchor": "middle",
                 style: J(`opacity:${e.value.useCssAnimation && R.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
-              }, T(n.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? v(ke)(
+              }, T(u.name) + " " + T(e.value.style.chart.labels.bestPlotLabel.showValue ? v(ke)(
                 e.value.style.chart.labels.formatter,
-                n.value,
+                u.value,
                 v(K)({
                   p: `(${e.value.style.chart.labels.prefix}`,
-                  v: n.value,
+                  v: u.value,
                   s: `${e.value.style.chart.labels.suffix})`,
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
-                { datapoint: n, seriesIndex: h }
+                { datapoint: u, seriesIndex: h }
               ) : ""), 13, Ml)) : d("", !0)
             ], 64))), 256))
           ])) : d("", !0)
         ], 64))), 256)),
         y(t.$slots, "svg", { svg: s.value }, void 0, !0)
       ], 14, pl)),
-      t.$slots.watermark ? (r(), u("div", Il, [
+      t.$slots.watermark ? (r(), n("div", Il, [
         y(t.$slots, "watermark", F(M({ isPrinting: v(Pe) || v(De) })), void 0, !0)
       ])) : d("", !0),
-      t.$slots.source ? (r(), u("div", {
+      t.$slots.source ? (r(), n("div", {
         key: 5,
         ref_key: "source",
         ref: Ae,
@@ -925,7 +918,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      G.value && e.value.userOptions.buttons.table ? (r(), O(It(W.value.component), qe({ key: 6 }, W.value.props, {
+      G.value && e.value.userOptions.buttons.table ? (r(), O(Mt(W.value.component), qe({ key: 6 }, W.value.props, {
         ref_key: "tableUnit",
         ref: I,
         onClose: He
@@ -970,7 +963,7 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
               class: "vue-ui-user-options-button",
               onClick: a[0] || (a[0] = (l) => be(e.value.userOptions.callbacks.csv))
             }, [
-              me(v(nt), {
+              me(v(ut), {
                 name: "excel",
                 stroke: W.value.props.color
               }, null, 8, ["stroke"])
@@ -979,10 +972,10 @@ const dl = ["id"], pl = ["xmlns", "viewBox"], fl = ["x", "y", "width", "height"]
           key: "1"
         } : void 0
       ]), 1040)) : d("", !0),
-      v(se) ? (r(), O(ll, { key: 7 })) : d("", !0)
+      v(se) ? (r(), O(tl, { key: 7 })) : d("", !0)
     ], 46, dl));
   }
-}, ta = /* @__PURE__ */ hl(Bl, [["__scopeId", "data-v-20847046"]]);
+}, ta = /* @__PURE__ */ hl(Bl, [["__scopeId", "data-v-2d2bad6e"]]);
 export {
   ta as default
 };

package/dist/{vue-ui-table-Ddu9yx2S.js → vue-ui-table-DpdP3PDq.js}

@@ -1,7 +1,7 @@
 import { a2 as Y, t as W, m as G, y as J, d as K, r as Z, x as q, a6 as Q, h as $, E as ee, s as E, p as te } from "./lib-CEjkWSLj.js";
 import { u as se } from "./useNestedProp-Ce3PwN8T.js";
-import ne from "./vue-ui-xy-b-CN-G4J.js";
-import re from "./vue-ui-donut-swJu7UL2.js";
+import ne from "./vue-ui-xy-tWE4H5ij.js";
+import re from "./vue-ui-donut-BQptfVfE.js";
 import le from "./BaseIcon-eZbszQrv.js";
 import { resolveComponent as x, 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";

package/dist/{vue-ui-table-sparkline-D3tgrV_k.js → vue-ui-table-sparkline-Chf5YY4A.js}

@@ -44,7 +44,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     Fe((t) => ({
       v310cbdc6: t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-DxNG5QQg.js")), N = J(() => import("./BaseIcon-eZbszQrv.js")), xe = J(() => import("./UserOptions-CSja1SGU.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
+    const Ce = J(() => import("./vue-ui-sparkline-CLWJM6hA.js")), N = J(() => import("./BaseIcon-eZbszQrv.js")), xe = J(() => import("./UserOptions-CSja1SGU.js")), { vue_ui_table_sparkline: we } = Ge(), x = ke, U = p(Le()), Z = p(0), B = p(0), E = p(null), Se = Ve();
     me(() => {
       Se["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
     });

package/dist/{vue-ui-thermometer-BxQIZoXd.js → vue-ui-thermometer-D6RmaNE6.js}

@@ -42,7 +42,7 @@ const ft = ["id"], gt = {
       ee141c4a: Oe.value,
       e9077cf0: Ae.value
     }));
-    const pe = j(() => import("./PackageVersion-BfykJm_B.js")), ke = j(() => import("./PenAndPaper-Bo-lMUik.js")), be = j(() => import("./UserOptions-CSja1SGU.js")), { vue_ui_thermometer: xe } = lt(), g = F, p = v(Be()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), x = v(null), I = v(null), we = c(() => !!g.dataset && Object.keys(g.dataset).length);
+    const pe = j(() => import("./PackageVersion-r-Q1R3nV.js")), ke = j(() => import("./PenAndPaper-Bo-lMUik.js")), be = j(() => import("./UserOptions-CSja1SGU.js")), { vue_ui_thermometer: xe } = lt(), g = F, p = v(Be()), k = v(null), X = v(0), J = v(0), K = v(null), Q = v(null), x = v(null), I = v(null), we = c(() => !!g.dataset && Object.keys(g.dataset).length);
     Ee(() => {
       te();
     });

package/dist/{vue-ui-timer-BwFlr_19.js → vue-ui-timer-C5E1kJRt.js}

@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: N }) {
-    const S = se(() => import("./PackageVersion-BfykJm_B.js")), { vue_ui_timer: j } = ne(), D = q, g = N, $ = v(null), A = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-r-Q1R3nV.js")), { vue_ui_timer: j } = ne(), D = q, g = N, $ = v(null), A = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });