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

package/dist/{vue-ui-strip-plot-C02lCys6.js → vue-ui-strip-plot-Ca1C6bZ_.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as A, computed as f, ref as v, watch as Ke, shallowRef as Ae, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as u, openBlock as r, unref as i, normalizeStyle as j, normalizeClass as G, createBlock as L, createCommentVNode as c, createVNode as Le, createSlots as et, withCtx as y, renderSlot as p, normalizeProps as F, guardReactiveProps as M, createElementVNode as k, Fragment as g, renderList as $, toDisplayString as P, mergeProps as tt, createTextVNode as lt, nextTick as at } from "vue";
-import { u as ot, c as le, t as st, p as S, a as rt, o as ut, e as ae, g as Pe, b as nt, d as Se, v as it, D as vt, f as Y, X as ct, i as oe, l as ht, h as dt, x as Oe, F as pt, q as ft, r as yt, y as bt } from "./index-edeP1M3x.js";
+import { defineAsyncComponent as A, computed as f, ref as v, watch as Ke, shallowRef as Ae, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as u, openBlock as r, unref as n, normalizeStyle as j, normalizeClass as R, createBlock as L, createCommentVNode as c, createVNode as Le, createSlots as et, withCtx as y, renderSlot as p, normalizeProps as F, guardReactiveProps as M, createElementVNode as k, Fragment as g, renderList as $, toDisplayString as P, mergeProps as tt, createTextVNode as lt, nextTick as at } from "vue";
+import { u as ot, c as le, t as st, p as S, a as rt, o as ut, e as ae, g as Pe, b as it, d as Se, v as nt, D as vt, f as Y, X as ct, i as oe, l as ht, h as dt, x as Oe, F as pt, q as ft, r as yt, y as bt } from "./index-C137VZkI.js";
 import { t as mt, u as gt } from "./useResponsive-JZ9xq-JV.js";
-import { u as ze } from "./useNestedProp-RNi-Fxfm.js";
-import { u as kt } from "./usePrinter-B3nKJKAm.js";
+import { u as ze } from "./useNestedProp-ZNu8JrRX.js";
+import { u as kt } from "./usePrinter-B63T3abI.js";
 import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
-import Ct from "./Title-VtPtUhFq.js";
-import { _ as $t } from "./Shape-CbwWTjj8.js";
+import Ct from "./Title-BoKeR6i0.js";
+import { _ as $t } from "./Shape-CmlBrd-F.js";
 import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"], Pt = { key: 1 }, St = { key: 0 }, Ot = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = { key: 1 }, Nt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], It = ["x", "y", "fill", "font-size"], Wt = ["x", "y", "font-size", "fill"], Dt = ["fill", "font-size", "transform"], Gt = ["fill", "font-size", "x", "y"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Vt = ["cx", "cy", "fill"], Et = ["cx", "cy", "fill"], Ut = ["id"], Ht = ["stop-color"], Bt = ["stop-color"], Xt = ["stop-color"], jt = { key: 0 }, Yt = ["x", "y", "font-size", "fill"], qt = {
   key: 5,
@@ -29,14 +29,14 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Ne, { expose: Fe, emit: Me }) {
-    const Ie = A(() => import("./vue-ui-accordion-C4DquMtU.js")), We = A(() => import("./DataTable-C8F2aovs.js")), De = A(() => import("./PackageVersion-BP504Bvs.js")), Ge = A(() => import("./PenAndPaper-CXfm6LDW.js")), Re = A(() => import("./vue-ui-skeleton-EoGn9JbB.js")), Ve = A(() => import("./Tooltip-Buu8aWuU.js")), Ee = A(() => import("./UserOptions-7VcV_QUc.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, T = f({
+    const Ie = A(() => import("./vue-ui-accordion-BI2rBS5z.js")), We = A(() => import("./DataTable-CuFlXUxm.js")), De = A(() => import("./PackageVersion-1psmmuzo.js")), Ge = A(() => import("./PenAndPaper-DgUkj01g.js")), Re = A(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), Ve = A(() => import("./Tooltip-Df2iF7bv.js")), Ee = A(() => import("./UserOptions-NrArsCuC.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, T = f({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), q = v(le()), se = v(0), J = v(!1), K = v(""), I = v(null), re = v(null), ue = v(null), ne = v(null), ie = v(!1), ve = v(0), ce = v(0), e = f({
+    }), q = v(le()), se = v(0), J = v(!1), K = v(""), I = v(null), re = v(null), ue = v(null), ie = v(null), ne = v(!1), ve = v(0), ce = v(0), e = f({
       get: () => fe(),
       set: (t) => t
     }), { userOptionsVisible: Q, setUserOptionsVisibility: he, keepUserOptionState: de } = xt({ config: e.value }), { svgRef: pe } = wt({ config: e.value.style.chart.title });
@@ -79,11 +79,11 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           Pe({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
-          }).forEach((n) => {
+          }).forEach((i) => {
             T.value = !1, ae({
               componentName: "VueUiStripPlot",
               type: "datasetSerieAttribute",
-              property: n,
+              property: i,
               index: `${o},${s}`
             });
           });
@@ -94,21 +94,21 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             chart: I.value,
             title: e.value.style.chart.title.text ? re.value : null,
             source: ue.value,
-            noTitle: ne.value
+            noTitle: ie.value
           });
           requestAnimationFrame(() => {
-            R.value = l, z.value.width = o, z.value.height = l, D.value = (o - m.value.left - m.value.right) / b.dataset.length, e.value.responsiveProportionalSizing && (V.value = pt({
+            V.value = l, z.value.width = o, z.value.height = l, D.value = (o - m.value.left - m.value.right) / b.dataset.length, e.value.responsiveProportionalSizing ? G.value = pt({
               relator: Math.min(l, o),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
               threshold: 6,
               fallback: 6
-            }));
+            }) : G.value = e.value.style.chart.plots.radius;
           });
         });
         C.value && (O.value && C.value.unobserve(O.value), C.value.disconnect()), C.value = new ResizeObserver(t), O.value = I.value.parentNode, C.value.observe(O.value);
       }
-      ie.value = !0, setTimeout(() => {
+      ne.value = !0, setTimeout(() => {
         W.value = !1;
       }, Xe.value * 50);
     }
@@ -119,7 +119,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       elementId: `strip-plot_${q.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
-    }), Be = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), xe = f(() => nt(e.value.customPalette)), W = v(e.value.useCssAnimation), d = v({
+    }), Be = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), xe = f(() => it(e.value.customPalette)), W = v(e.value.useCssAnimation), d = v({
       showTable: e.value.table.show,
       dataLabels: {
         show: e.value.style.chart.labels.bestPlotLabel.show
@@ -130,7 +130,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       bottom: e.value.style.chart.padding.bottom,
       left: e.value.style.chart.padding.left,
       right: e.value.style.chart.padding.right
-    }), D = v(e.value.style.chart.stripWidth), R = v(e.value.style.chart.height), V = v(e.value.style.chart.plots.radius), z = v({
+    }), D = v(e.value.style.chart.stripWidth), V = v(e.value.style.chart.height), G = v(e.value.style.chart.plots.radius), z = v({
       width: D.value * b.dataset.length + m.value.left + m.value.right,
       height: e.value.style.chart.height
     }), a = f(() => {
@@ -139,11 +139,11 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         left: m.value.left,
         right: t - m.value.right,
         top: m.value.top,
-        bottom: R.value - m.value.bottom,
+        bottom: V.value - m.value.bottom,
         width: D.value * b.dataset.length,
-        height: R.value - m.value.top - m.value.bottom,
+        height: V.value - m.value.top - m.value.bottom,
         stripWidth: D.value,
-        absoluteHeight: R.value,
+        absoluteHeight: V.value,
         absoluteWidth: t
       };
     }), E = f(() => T.value ? b.dataset.map((t, o) => {
@@ -154,11 +154,11 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
         plots: t.plots.map((s) => ({
           ...s,
-          value: it(s.value),
+          value: nt(s.value),
           parentId: l,
           color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
           id: le()
-        })).sort((s, n) => s.value - n.value)
+        })).sort((s, i) => s.value - i.value)
       };
     }) : null), x = f(() => (E.value || []).map((t, o) => ({
       ...t,
@@ -215,16 +215,16 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }
     }
     const U = f(() => {
-      const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, n) => n.value - s.value).map((s) => ({
+      const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, i) => i.value - s.value).map((s) => ({
         name: `${l.name} - ${s.name}`,
         color: s.color
-      }))), o = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, n) => n.value - s.value).map((s) => s.value));
+      }))), o = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, i) => i.value - s.value).map((s) => s.value));
       return { head: t, body: o };
     });
     function Ce(t = null) {
       at(() => {
-        const o = U.value.head.map((n, w) => [[
-          n.name
+        const o = U.value.head.map((i, w) => [[
+          i.name
         ], [U.value.body[w]]]), 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(o), s = ft(l);
         t ? t(s) : yt({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
       });
@@ -233,7 +233,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], o = U.value.head.map((n, w) => {
+      ], o = U.value.head.map((i, w) => {
         const X = Y({
           p: e.value.style.chart.labels.prefix,
           v: U.value.body[w],
@@ -242,8 +242,8 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         });
         return [
           {
-            color: n.color,
-            name: n.name
+            color: i.color,
+            name: i.name
           },
           X
         ];
@@ -301,15 +301,15 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
     }), (t, o) => (r(), u("div", {
       ref_key: "stripPlotChart",
       ref: I,
-      class: G(`vue-ui-strip-plot ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: R(`vue-ui-strip-plot ${N.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}`,
-      onMouseenter: o[2] || (o[2] = () => i(he)(!0)),
-      onMouseleave: o[3] || (o[3] = () => i(he)(!1))
+      onMouseenter: o[2] || (o[2] = () => n(he)(!0)),
+      onMouseleave: o[3] || (o[3] = () => n(he)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), L(i(Ge), {
+      e.value.userOptions.buttons.annotator ? (r(), L(n(Ge), {
         key: 0,
-        svgRef: i(pe),
+        svgRef: n(pe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: B.value,
@@ -318,7 +318,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       Be.value ? (r(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ne,
+        ref: ie,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : c("", !0),
@@ -342,13 +342,13 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && T.value && (i(de) || i(Q)) ? (r(), L(i(Ee), {
+      e.value.userOptions.show && T.value && (n(de) || n(Q)) ? (r(), L(n(Ee), {
         ref: "details",
         key: `user_option_${se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: i(be),
-        isImaging: i(me),
+        isPrinting: n(be),
+        isImaging: n(me),
         uid: q.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -366,15 +366,15 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         isAnnotation: B.value,
         callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: qe,
-        onGeneratePdf: i(ge),
+        onGeneratePdf: n(ge),
         onGenerateCsv: Ce,
-        onGenerateImage: i(ke),
+        onGenerateImage: n(ke),
         onToggleTable: $e,
         onToggleLabels: Te,
         onToggleTooltip: _e,
         onToggleAnnotator: te,
         style: j({
-          visibility: i(de) ? i(Q) ? "visible" : "hidden" : "visible"
+          visibility: n(de) ? n(Q) ? "visible" : "hidden" : "visible"
         })
       }, et({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -445,12 +445,12 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         key: 4,
         ref_key: "svgRef",
         ref: pe,
-        xmlns: i(ct),
-        class: G({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
+        xmlns: n(ct),
+        class: R({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
         viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
         style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
-        Le(i(De)),
+        Le(n(De)),
         t.$slots["chart-background"] ? (r(), u("foreignObject", {
           key: 0,
           x: a.value.left,
@@ -513,10 +513,10 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           fill: e.value.style.chart.labels.yAxisLabels.color,
           "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
           "text-anchor": "end"
-        }, P(i(oe)(
+        }, P(n(oe)(
           e.value.style.chart.labels.formatter,
           l.value,
-          i(Y)({
+          n(Y)({
             p: e.value.style.chart.labels.prefix,
             v: l.value,
             s: e.value.style.chart.labels.suffix,
@@ -554,21 +554,21 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             y2: h.value.y,
             stroke: h.value.color,
             "stroke-width": 1,
-            class: G({ "select-circle": e.value.useCssAnimation })
+            class: R({ "select-circle": e.value.useCssAnimation })
           }, null, 10, Rt),
           k("circle", {
             cx: a.value.left,
             cy: h.value.y,
             r: 3,
             fill: h.value.color,
-            class: G({ "select-circle": e.value.useCssAnimation })
+            class: R({ "select-circle": e.value.useCssAnimation })
           }, null, 10, Vt),
           k("circle", {
             cx: a.value.right,
             cy: h.value.y,
             r: 3,
             fill: h.value.color,
-            class: G({ "select-circle": e.value.useCssAnimation })
+            class: R({ "select-circle": e.value.useCssAnimation })
           }, null, 10, Et)
         ], 64)) : c("", !0),
         k("defs", null, [
@@ -578,11 +578,11 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }, [
             k("stop", {
               offset: "10%",
-              "stop-color": i(ht)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": n(ht)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Ht),
             k("stop", {
               offset: "90%",
-              "stop-color": i(dt)(l.color, 0.1)
+              "stop-color": n(dt)(l.color, 0.1)
             }, null, 8, Bt),
             k("stop", {
               offset: "100%",
@@ -591,41 +591,41 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           ], 8, Ut))), 256))
         ]),
         (r(!0), u(g, null, $(je.value, (l, s) => (r(), u(g, null, [
-          (r(!0), u(g, null, $(l.plots, (n, w) => (r(), L($t, tt({
-            plot: { x: n.x, y: ie.value ? n.y : a.value.top },
-            radius: h.value && h.value.id === n.id ? V.value * 1.5 : V.value,
+          (r(!0), u(g, null, $(l.plots, (i, w) => (r(), L($t, tt({
+            plot: { x: i.x, y: ne.value ? i.y : a.value.top },
+            radius: h.value && h.value.id === i.id ? G.value * 1.5 : G.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,
-            onMouseenter: (X) => Ye({ datapoint: n, seriesIndex: w }),
+            onMouseenter: (X) => Ye({ datapoint: i, seriesIndex: w }),
             onMouseleave: o[0] || (o[0] = (X) => {
               J.value = !1, h.value = null;
             }),
-            onClick: (X) => He("selectDatapoint", n),
-            style: `transition: all 0.2s ease-in-out; opacity:${h.value ? h.value.id === n.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${W.value ? `transition-delay:${w * 50}ms` : ""}`,
+            onClick: (X) => He("selectDatapoint", i),
+            style: `transition: all 0.2s ease-in-out; opacity:${h.value ? h.value.id === i.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${W.value ? `transition-delay:${w * 50}ms` : ""}`,
             class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && W.value, "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !W.value }
           }, { ref_for: !0 }, t.$attrs), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "onMouseenter", "onClick", "style", "class"]))), 256)),
           d.value.dataLabels.show ? (r(), u("g", jt, [
-            (r(!0), u(g, null, $(l.plots, (n, w) => (r(), u(g, null, [
-              w === l.plots.length - 1 || h.value && h.value.id === n.id && !d.value.showTooltip ? (r(), u("text", {
+            (r(!0), u(g, null, $(l.plots, (i, w) => (r(), u(g, null, [
+              w === l.plots.length - 1 || h.value && h.value.id === i.id && !d.value.showTooltip ? (r(), u("text", {
                 key: 0,
-                x: n.x,
-                y: n.y + e.value.style.chart.labels.bestPlotLabel.offsetY - V.value * (h.value && h.value.id === n.id && !d.value.showTooltip ? 2 : 1.5),
+                x: i.x,
+                y: i.y + e.value.style.chart.labels.bestPlotLabel.offsetY - G.value * (h.value && h.value.id === i.id && !d.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 && W.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
-              }, P(n.name) + " " + P(e.value.style.chart.labels.bestPlotLabel.showValue ? i(oe)(
+              }, P(i.name) + " " + P(e.value.style.chart.labels.bestPlotLabel.showValue ? n(oe)(
                 e.value.style.chart.labels.formatter,
-                n.value,
-                i(Y)({
+                i.value,
+                n(Y)({
                   p: `(${e.value.style.chart.labels.prefix}`,
-                  v: n.value,
+                  v: i.value,
                   s: `${e.value.style.chart.labels.suffix})`,
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
-                { datapoint: n, seriesIndex: w }
+                { datapoint: i, seriesIndex: w }
               ) : ""), 13, Yt)) : c("", !0)
             ], 64))), 256))
           ])) : c("", !0)
@@ -633,9 +633,9 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         p(t.$slots, "svg", { svg: a.value }, void 0, !0)
       ], 14, At)) : c("", !0),
       t.$slots.watermark ? (r(), u("div", qt, [
-        p(t.$slots, "watermark", F(M({ isPrinting: i(be) || i(me) })), void 0, !0)
+        p(t.$slots, "watermark", F(M({ isPrinting: n(be) || n(me) })), void 0, !0)
       ])) : c("", !0),
-      T.value ? c("", !0) : (r(), L(i(Re), {
+      T.value ? c("", !0) : (r(), L(n(Re), {
         key: 6,
         config: {
           type: "stripPlot",
@@ -655,7 +655,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      Le(i(Ve), {
+      Le(n(Ve), {
         show: d.value.showTooltip && J.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -669,7 +669,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         parent: I.value,
         content: K.value,
         isFullscreen: N.value,
-        isCustom: i(Oe)(e.value.style.chart.tooltip.customFormat)
+        isCustom: n(Oe)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": y(() => [
           p(t.$slots, "tooltip-before", F(M({ ...ee.value })), void 0, !0)
@@ -679,7 +679,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      T.value ? (r(), L(i(Ie), {
+      T.value ? (r(), L(n(Ie), {
         key: 8,
         hideDetails: "",
         config: {
@@ -696,7 +696,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         }
       }, {
         content: y(() => [
-          (r(), L(i(We), {
+          (r(), L(n(We), {
             key: `table_${ce.value}`,
             colNames: H.value.colNames,
             head: H.value.head,
@@ -721,7 +721,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }, 8, ["config"])) : c("", !0)
     ], 46, _t));
   }
-}, nl = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-2953e6f7"]]);
+}, il = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-fb96de6d"]]);
 export {
-  nl as default
+  il as default
 };

package/dist/{vue-ui-table-C04CtiEi.js → vue-ui-table-Cfb6eIU4.js}

@@ -1,6 +1,6 @@
-import { a4 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, G as J, u as K, p as Z } from "./index-edeP1M3x.js";
-import q from "./vue-ui-xy-DD5417b2.js";
-import Q from "./vue-ui-donut-B3WltwRF.js";
+import { a4 as z, A as P, l as T, r as U, f as V, h as X, q as j, z as Y, d as W, G as J, u as K, p as Z } from "./index-C137VZkI.js";
+import q from "./vue-ui-xy-CZpcKEkV.js";
+import Q from "./vue-ui-donut-_kVdFrZR.js";
 import { resolveComponent as x, createElementBlock as u, openBlock as c, normalizeStyle as g, createElementVNode as a, createCommentVNode as b, toDisplayString as d, Fragment as I, renderList as _, normalizeClass as p, createTextVNode as w, withDirectives as O, vModelText as S, withKeys as L, withModifiers as A, vModelSelect as $, createBlock as E, createVNode as ee } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {

package/dist/{vue-ui-table-heatmap-IERP9tp0.js → vue-ui-table-heatmap-BnjgK_PF.js}

@@ -1,9 +1,9 @@
 import { useCssVars as ae, computed as c, defineAsyncComponent as oe, ref as h, useSlots as se, onMounted as z, watch as ne, createElementBlock as r, openBlock as n, unref as i, normalizeClass as E, normalizeStyle as C, createBlock as le, createCommentVNode as v, createElementVNode as g, createSlots as re, withCtx as b, renderSlot as u, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as ue, nextTick as ie } from "vue";
-import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-edeP1M3x.js";
-import { u as H } from "./useNestedProp-RNi-Fxfm.js";
-import { u as ye } from "./usePrinter-B3nKJKAm.js";
+import { u as de, c as A, a as pe, o as ce, e as ve, a5 as me, G as fe, O as he, q as ge, r as be } from "./index-C137VZkI.js";
+import { u as H } from "./useNestedProp-ZNu8JrRX.js";
+import { u as ye } from "./usePrinter-B63T3abI.js";
 import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ke } from "./Shape-CbwWTjj8.js";
+import { _ as ke } from "./Shape-CmlBrd-F.js";
 import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell"], xe = {
   key: 0,
@@ -45,7 +45,7 @@ const Ie = ["id"], $e = { role: "cell" }, we = { role: "row" }, Oe = ["data-cell
       "6b4a429e": ee.value,
       "14249d0c": j.value
     }));
-    const X = oe(() => import("./UserOptions-7VcV_QUc.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
+    const X = oe(() => import("./UserOptions-NrArsCuC.js")), { vue_ui_table_heatmap: W } = de(), m = D, _ = h(A()), d = h(!1), y = h(null), I = h(!1), O = h(0), q = se();
     z(() => {
       q["chart-background"] && console.warn("VueUiTableHeatmap does not support the #chart-background slot.");
     });

package/dist/{vue-ui-table-sparkline-CgXchDEY.js → vue-ui-table-sparkline-MJ8lvKbd.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Fe, defineAsyncComponent as J, ref as p, useSlots as Ve, onMounted as me, computed as _, watch as be, shallowRef as Te, onBeforeUnmount as We, createElementBlock as c, openBlock as v, unref as u, normalizeClass as K, createCommentVNode as g, createElementVNode as f, normalizeStyle as r, toDisplayString as C, withDirectives as Me, createVNode as D, Fragment as Q, renderList as Y, createBlock as Ue, createSlots as Be, withCtx as P, renderSlot as O, mergeProps as ge, nextTick as Ee } from "vue";
-import { u as ye } from "./useNestedProp-RNi-Fxfm.js";
-import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-edeP1M3x.js";
-import { u as je } from "./usePrinter-B3nKJKAm.js";
+import { u as ye } from "./useNestedProp-ZNu8JrRX.js";
+import { u as Ge, c as Le, t as Re, p as T, a as He, b as qe, o as Xe, e as he, g as Je, a5 as Ke, d as Qe, i as W, f as M, q as Ye, r as Ze } from "./index-C137VZkI.js";
+import { u as je } from "./usePrinter-B63T3abI.js";
 import { u as et } from "./useUserOptionState-BIvW1Kz7.js";
 import { v as tt } from "./vClickOutside-C6WiFswA.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -43,7 +43,7 @@ const lt = ["id"], ot = { style: { "z-index": "1", "padding-right": "24px" } },
     Fe((t) => ({
       c3f77e6e: t.tdo
     }));
-    const Ce = J(() => import("./vue-ui-sparkline-CFwBsRfj.js")), N = J(() => import("./BaseIcon-5s68maMg.js")), xe = J(() => import("./UserOptions-7VcV_QUc.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-BbmMxjnF.js")), N = J(() => import("./BaseIcon-lwpKi6Wa.js")), xe = J(() => import("./UserOptions-NrArsCuC.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-lf9mJ8LP.js → vue-ui-thermometer-C2qisXo8.js}

@@ -1,10 +1,10 @@
 import { useCssVars as Ce, computed as d, defineAsyncComponent as F, onMounted as $e, ref as p, watch as Pe, createElementBlock as u, openBlock as l, unref as i, normalizeStyle as se, normalizeClass as O, createBlock as I, createCommentVNode as c, createSlots as Fe, withCtx as x, renderSlot as f, normalizeProps as A, guardReactiveProps as M, createVNode as Oe, createElementVNode as v, Fragment as Y, renderList as oe, toDisplayString as Ie } from "vue";
-import { u as Ae, o as Me, e as le, g as Ye, c as Ne, t as Se, p as w, a as Ue, b as Te, v as g, d as N, X as Ve, s as qe, i as Le, f as Ee } from "./index-edeP1M3x.js";
-import { u as ae } from "./useNestedProp-RNi-Fxfm.js";
-import { u as Ge } from "./usePrinter-B3nKJKAm.js";
+import { u as Ae, o as Me, e as le, g as Ye, c as Ne, t as Se, p as w, a as Ue, b as Te, v as g, d as N, X as Ve, s as qe, i as Le, f as Ee } from "./index-C137VZkI.js";
+import { u as ae } from "./useNestedProp-ZNu8JrRX.js";
+import { u as Ge } from "./usePrinter-B63T3abI.js";
 import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as je } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-VtPtUhFq.js";
+import ze from "./Title-BoKeR6i0.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Re = ["id"], De = {
   key: 1,
@@ -46,7 +46,7 @@ const Re = ["id"], De = {
       "19db7204": ge.value,
       "5e34901e": fe.value
     }));
-    const ne = F(() => import("./PackageVersion-BP504Bvs.js")), ue = F(() => import("./PenAndPaper-CXfm6LDW.js")), ie = F(() => import("./vue-ui-skeleton-EoGn9JbB.js")), ce = F(() => import("./UserOptions-7VcV_QUc.js")), { vue_ui_thermometer: he } = Ae(), a = _, S = d(() => !!a.dataset && Object.keys(a.dataset).length);
+    const ne = F(() => import("./PackageVersion-1psmmuzo.js")), ue = F(() => import("./PenAndPaper-DgUkj01g.js")), ie = F(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), ce = F(() => import("./UserOptions-NrArsCuC.js")), { vue_ui_thermometer: he } = Ae(), a = _, S = d(() => !!a.dataset && Object.keys(a.dataset).length);
     $e(() => {
       W();
     });

package/dist/{vue-ui-timer-BZLtxymy.js → vue-ui-timer-By6_kV9k.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as z, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne } from "./useNestedProp-RNi-Fxfm.js";
-import { u as ce, c as ve, X as de, F as X } from "./index-edeP1M3x.js";
+import { u as ne } from "./useNestedProp-ZNu8JrRX.js";
+import { u as ce, c as ve, X as de, F as X } from "./index-C137VZkI.js";
 import { t as he, u as pe } from "./useResponsive-JZ9xq-JV.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-VtPtUhFq.js";
-import R from "./BaseIcon-5s68maMg.js";
+import we from "./Title-BoKeR6i0.js";
+import R from "./BaseIcon-lwpKi6Wa.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, N, S, j = !0, A = !0) {
@@ -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-BP504Bvs.js")), { vue_ui_timer: j } = ce(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-1psmmuzo.js")), { vue_ui_timer: j } = ce(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });
@@ -143,7 +143,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
             legend: i.value
           });
           requestAnimationFrame(() => {
-            t.value.width = u, t.value.height = c, e.value.responsiveProportionalSizing && (t.value.tracker.core = X({
+            t.value.width = u, t.value.height = c, e.value.responsiveProportionalSizing ? (t.value.tracker.core = X({
               relator: Math.min(u, c),
               adjuster: e.value.style.width,
               source: 6 * e.value.stopwatch.tracker.radiusRatio,
@@ -161,7 +161,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
               source: e.value.stopwatch.label.fontSize,
               threshold: 10,
               fallback: 10
-            }));
+            })) : t.value.label = e.value.stopwatch.label.fontSize;
           });
         });
         n.value && (o.value && n.value.unobserve(o.value), n.value.disconnect()), n.value = new ResizeObserver(a), o.value = $.value.parentNode, n.value.observe(o.value);
@@ -480,7 +480,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
       ], 4)
     ], 4));
   }
-}, Ge = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-b1ce6ba3"]]);
+}, Ge = /* @__PURE__ */ ke(Le, [["__scopeId", "data-v-5e3deab2"]]);
 export {
   Ge as default
 };

package/dist/{vue-ui-tiremarks-Cu1TXwev.js → vue-ui-tiremarks-BU6rsols.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as F, computed as h, ref as b, watch as ee, onMounted as pe, createElementBlock as c, openBlock as n, unref as l, normalizeStyle as L, normalizeClass as j, createBlock as z, createCommentVNode as d, createSlots as ge, withCtx as O, renderSlot as g, normalizeProps as S, guardReactiveProps as N, createVNode as ye, Fragment as te, renderList as ae, toDisplayString as me } from "vue";
-import { u as oe } from "./useNestedProp-RNi-Fxfm.js";
-import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Pe, i as Oe, f as xe } from "./index-edeP1M3x.js";
-import { u as Ae } from "./usePrinter-B3nKJKAm.js";
+import { u as oe } from "./useNestedProp-ZNu8JrRX.js";
+import { u as ke, c as be, a as Ce, v as _e, o as $e, e as we, w as le, X as Pe, i as Oe, f as xe } from "./index-C137VZkI.js";
+import { u as Ae } from "./usePrinter-B63T3abI.js";
 import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Fe } from "./useChartAccessibility-9icAAmYg.js";
-import ze from "./Title-VtPtUhFq.js";
+import ze from "./Title-BoKeR6i0.js";
 import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ne = ["id"], Me = {
   key: 2,
@@ -33,7 +33,7 @@ const Ne = ["id"], Me = {
     }
   },
   setup(se, { expose: ne }) {
-    const re = F(() => import("./PenAndPaper-CXfm6LDW.js")), ue = F(() => import("./vue-ui-skeleton-EoGn9JbB.js")), ie = F(() => import("./UserOptions-7VcV_QUc.js")), ce = F(() => import("./PackageVersion-BP504Bvs.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
+    const re = F(() => import("./PenAndPaper-DgUkj01g.js")), ue = F(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), ie = F(() => import("./UserOptions-NrArsCuC.js")), ce = F(() => import("./PackageVersion-1psmmuzo.js")), { vue_ui_tiremarks: ve } = ke(), f = se, M = h(() => !!f.dataset && Object.keys(f.dataset).length), T = b(be()), E = b(null), he = b(null), R = b(0), B = b(0), e = h({
       get: () => V(),
       set: (t) => t
     }), { userOptionsVisible: U, setUserOptionsVisibility: X, keepUserOptionState: D } = Ie({ config: e.value }), { svgRef: H } = Fe({ config: e.value.style.chart.title });

package/dist/{vue-ui-treemap-BVyxf-77.js → vue-ui-treemap-DivJblJW.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as K, useSlots as Tt, onMounted as nt, computed as b, ref as $, shallowRef as B, watch as Ot, onBeforeUnmount as _t, createElementBlock as y, openBlock as v, unref as d, normalizeStyle as M, normalizeClass as xe, createBlock as Z, createCommentVNode as O, createElementVNode as _, createVNode as Te, createSlots as St, withCtx as T, renderSlot as k, normalizeProps as J, guardReactiveProps as Q, Fragment as ge, renderList as Oe, withKeys as st, withModifiers as _e, mergeProps as ut, createTextVNode as ye, toDisplayString as ee, nextTick as It } from "vue";
-import { u as Nt, c as Se, t as zt, p as S, a as At, b as Ft, o as Pt, e as Rt, d as me, i as be, f as ie, X as Lt, l as rt, G as it, x as ct, q as Mt, r as Dt, y as Vt } from "./index-edeP1M3x.js";
+import { u as Nt, c as Se, t as zt, p as S, a as At, b as Ft, o as Pt, e as Rt, d as me, i as be, f as ie, X as Lt, l as rt, G as it, x as ct, q as Mt, r as Dt, y as Vt } from "./index-C137VZkI.js";
 import { t as Bt, u as Ht } from "./useResponsive-JZ9xq-JV.js";
-import { u as dt } from "./useNestedProp-RNi-Fxfm.js";
-import { u as Ut } from "./usePrinter-B3nKJKAm.js";
+import { u as dt } from "./useNestedProp-ZNu8JrRX.js";
+import { u as Ut } from "./usePrinter-B63T3abI.js";
 import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Et } from "./useChartAccessibility-9icAAmYg.js";
-import Gt from "./BaseIcon-5s68maMg.js";
-import qt from "./Title-VtPtUhFq.js";
-import Xt from "./Legend-CoAmfx-7.js";
+import Gt from "./BaseIcon-lwpKi6Wa.js";
+import qt from "./Title-BoKeR6i0.js";
+import Xt from "./Legend-DwNuhYnG.js";
 import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function vt(n, r) {
   const s = n.length;
@@ -203,7 +203,7 @@ const lo = ["id"], ao = {
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(n, { expose: r, emit: s }) {
-    const i = K(() => import("./DataTable-C8F2aovs.js")), u = K(() => import("./PenAndPaper-CXfm6LDW.js")), h = K(() => import("./vue-ui-accordion-C4DquMtU.js")), c = K(() => import("./vue-ui-skeleton-EoGn9JbB.js")), g = K(() => import("./Tooltip-Buu8aWuU.js")), p = K(() => import("./UserOptions-7VcV_QUc.js")), H = K(() => import("./PackageVersion-BP504Bvs.js")), { vue_ui_treemap: A } = Nt(), w = n, C = s, m = Tt();
+    const i = K(() => import("./DataTable-CuFlXUxm.js")), u = K(() => import("./PenAndPaper-DgUkj01g.js")), h = K(() => import("./vue-ui-accordion-BI2rBS5z.js")), c = K(() => import("./vue-ui-skeleton-CO_Hk6A_.js")), g = K(() => import("./Tooltip-Df2iF7bv.js")), p = K(() => import("./UserOptions-NrArsCuC.js")), H = K(() => import("./PackageVersion-1psmmuzo.js")), { vue_ui_treemap: A } = Nt(), w = n, C = s, m = Tt();
     nt(() => {
       m["chart-background"] && console.warn("VueUiTreemap does not support the #chart-background slot.");
     });