vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-strip-plot-9VK_Y3SC.js → vue-ui-strip-plot-u39z36tT.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 s, 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 C, 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-CH_mJIWj.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 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-BXbyT0Qn.js";
 import { t as mt, u as gt } from "./useResponsive-JZ9xq-JV.js";
-import { u as ze } from "./useNestedProp-rMR-JeOJ.js";
-import { u as kt } from "./usePrinter-DJ7WfWUs.js";
+import { u as ze } from "./useNestedProp-DVZpeH84.js";
+import { u as kt } from "./usePrinter-aKh5-HcK.js";
 import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
-import Ct from "./Title-apr_T9tg.js";
-import { _ as $t } from "./Shape-DEWxbZ-l.js";
+import Ct from "./Title-DoWqzga-.js";
+import { _ as $t } from "./Shape-CnD-h_98.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,7 +29,7 @@ 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-Ds4zkPIx.js")), We = A(() => import("./DataTable-BBqbcutV.js")), De = A(() => import("./PackageVersion-ClpqQxYT.js")), Ge = A(() => import("./PenAndPaper-B-T7XvxF.js")), Re = A(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ve = A(() => import("./Tooltip-BuHsMAfp.js")), Ee = A(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, $ = f({
+    const Ie = A(() => import("./vue-ui-accordion-CXsjHe1y.js")), We = A(() => import("./DataTable-DBkfb6pd.js")), De = A(() => import("./PackageVersion-C5fpg4GN.js")), Ge = A(() => import("./PenAndPaper-BRkuVFb4.js")), Re = A(() => import("./vue-ui-skeleton-Fxr752Oi.js")), Ve = A(() => import("./Tooltip-DYCBNM-_.js")), Ee = A(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, T = f({
       get() {
         return !!b.dataset && b.dataset.length;
       },
@@ -56,7 +56,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
     Ke(() => b.config, (t) => {
       e.value = fe(), Q.value = !e.value.userOptions.showOnChartHover, ye(), ve.value += 1, ce.value += 1, d.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, d.value.showTable = e.value.table.show, d.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const w = Ae(null), O = Ae(null);
+    const C = Ae(null), O = Ae(null);
     Qe(() => {
       ye();
     });
@@ -69,22 +69,22 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
         }).forEach((l) => {
-          $.value = !1, ae({
+          T.value = !1, ae({
             componentName: "VueUiStripPlot",
             type: "datasetSerieAttribute",
             property: l,
             index: o
           });
-        }), t.plots && t.plots.forEach((l, r) => {
+        }), t.plots && t.plots.forEach((l, s) => {
           Pe({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
           }).forEach((n) => {
-            $.value = !1, ae({
+            T.value = !1, ae({
               componentName: "VueUiStripPlot",
               type: "datasetSerieAttribute",
               property: n,
-              index: `${o},${r}`
+              index: `${o},${s}`
             });
           });
         });
@@ -106,14 +106,14 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             }));
           });
         });
-        w.value && (O.value && w.value.unobserve(O.value), w.value.disconnect()), w.value = new ResizeObserver(t), O.value = I.value.parentNode, w.value.observe(O.value);
+        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(() => {
         W.value = !1;
       }, Xe.value * 50);
     }
     Ze(() => {
-      w.value && (O.value && w.value.unobserve(O.value), w.value.disconnect());
+      C.value && (O.value && C.value.unobserve(O.value), C.value.disconnect());
     });
     const { isPrinting: be, isImaging: me, generatePdf: ge, generateImage: ke } = kt({
       elementId: `strip-plot_${q.value}`,
@@ -146,19 +146,19 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         absoluteHeight: R.value,
         absoluteWidth: t
       };
-    }), E = f(() => $.value ? b.dataset.map((t, o) => {
+    }), E = f(() => T.value ? b.dataset.map((t, o) => {
       const l = le();
       return {
         ...t,
         id: l,
         color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
-        plots: t.plots.map((r) => ({
-          ...r,
-          value: it(r.value),
+        plots: t.plots.map((s) => ({
+          ...s,
+          value: it(s.value),
           parentId: l,
           color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
           id: le()
-        })).sort((r, n) => r.value - n.value)
+        })).sort((s, n) => s.value - n.value)
       };
     }) : null), x = f(() => (E.value || []).map((t, o) => ({
       ...t,
@@ -172,14 +172,14 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), T = f(() => vt(Z.value.min < 0 ? Z.value.min : 0, Z.value.max, e.value.style.chart.grid.scaleSteps)), je = f(() => (x.value || []).map((t, o) => ({
+    }), _ = f(() => vt(Z.value.min < 0 ? Z.value.min : 0, Z.value.max, e.value.style.chart.grid.scaleSteps)), je = f(() => (x.value || []).map((t, o) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
-        y: a.value.bottom - (l.value + Math.abs(T.value.min)) / (T.value.max + Math.abs(T.value.min)) * a.value.height
+        y: a.value.bottom - (l.value + Math.abs(_.value.min)) / (_.value.max + Math.abs(_.value.min)) * a.value.height
       }))
-    }))), we = f(() => T.value.ticks.map((t) => ({
-      y: a.value.bottom - a.value.height * ((t + Math.abs(T.value.min)) / (T.value.max + Math.abs(T.value.min))),
+    }))), we = f(() => _.value.ticks.map((t) => ({
+      y: a.value.bottom - a.value.height * ((t + Math.abs(_.value.min)) / (_.value.max + Math.abs(_.value.min))),
       x1: a.value.left,
       x2: a.value.right,
       value: t
@@ -200,8 +200,8 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           config: e.value
         });
       else {
-        let r = "";
-        r += `<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>`, r += `<div>${oe(
+        let s = "";
+        s += `<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>`, s += `<div>${oe(
           e.value.style.chart.labels.formatter,
           t.value,
           Y({
@@ -211,32 +211,32 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: o }
-        )}</div>`, K.value = `<div>${r}</div>`;
+        )}</div>`, K.value = `<div>${s}</div>`;
       }
     }
     const U = f(() => {
-      const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, n) => n.value - r.value).map((r) => ({
-        name: `${l.name} - ${r.name}`,
-        color: r.color
-      }))), o = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, n) => n.value - r.value).map((r) => r.value));
+      const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((s, n) => n.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));
       return { head: t, body: o };
     });
-    function Ce() {
+    function Ce(t = null) {
       at(() => {
-        const t = U.value.head.map((r, n) => [[
-          r.name
-        ], [U.value.body[n]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(t), l = ft(o);
-        yt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
+        const o = U.value.head.map((n, w) => [[
+          n.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" });
       });
     }
     const H = f(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], o = U.value.head.map((n, _) => {
+      ], o = U.value.head.map((n, w) => {
         const X = Y({
           p: e.value.style.chart.labels.prefix,
-          v: U.value.body[_],
+          v: U.value.body[w],
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         });
@@ -298,7 +298,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       toggleLabels: Te,
       toggleTooltip: _e,
       toggleAnnotator: te
-    }), (t, o) => (s(), u("div", {
+    }), (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"}`),
@@ -307,7 +307,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       onMouseenter: o[2] || (o[2] = () => i(he)(!0)),
       onMouseleave: o[3] || (o[3] = () => i(he)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), L(i(Ge), {
+      e.value.userOptions.buttons.annotator ? (r(), L(i(Ge), {
         key: 0,
         svgRef: i(pe),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -315,20 +315,20 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         active: B.value,
         onClose: te
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Be.value ? (s(), u("div", {
+      Be.value ? (r(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (s(), u("div", {
+      e.value.style.chart.title.text ? (r(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: re,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), L(Ct, {
+        (r(), L(Ct, {
           key: `title_${ve.value}`,
           config: {
             title: {
@@ -342,7 +342,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && $.value && (i(de) || i(Q)) ? (s(), L(i(Ee), {
+      e.value.userOptions.show && T.value && (i(de) || i(Q)) ? (r(), L(i(Ee), {
         ref: "details",
         key: `user_option_${se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -379,8 +379,8 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }, et({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: y(({ isOpen: l, color: r }) => [
-            p(t.$slots, "menuIcon", F(M({ isOpen: l, color: r })), void 0, !0)
+          fn: y(({ isOpen: l, color: s }) => [
+            p(t.$slots, "menuIcon", F(M({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -428,20 +428,20 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: y(({ toggleFullscreen: l, isFullscreen: r }) => [
-            p(t.$slots, "optionFullscreen", F(M({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
+          fn: y(({ toggleFullscreen: l, isFullscreen: s }) => [
+            p(t.$slots, "optionFullscreen", F(M({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: y(({ toggleAnnotator: l, isAnnotator: r }) => [
-            p(t.$slots, "optionAnnotator", F(M({ toggleAnnotator: l, isAnnotator: r })), void 0, !0)
+          fn: y(({ toggleAnnotator: l, isAnnotator: s }) => [
+            p(t.$slots, "optionAnnotator", F(M({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      $.value ? (s(), u("svg", {
+      T.value ? (r(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: pe,
@@ -451,7 +451,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
         Le(i(De)),
-        t.$slots["chart-background"] ? (s(), u("foreignObject", {
+        t.$slots["chart-background"] ? (r(), u("foreignObject", {
           key: 0,
           x: a.value.left,
           y: a.value.top,
@@ -463,9 +463,9 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         }, [
           p(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Lt)) : c("", !0),
-        e.value.style.chart.grid.show ? (s(), u("g", Pt, [
-          e.value.style.chart.grid.horizontalGrid.show ? (s(), u("g", St, [
-            (s(!0), u(g, null, C(we.value, (l) => (s(), u("line", {
+        e.value.style.chart.grid.show ? (r(), u("g", Pt, [
+          e.value.style.chart.grid.horizontalGrid.show ? (r(), u("g", St, [
+            (r(!0), u(g, null, $(we.value, (l) => (r(), u("line", {
               x1: l.x1,
               x2: l.x2,
               y1: l.y,
@@ -476,10 +476,10 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
               "stroke-linecap": "round"
             }, null, 8, Ot))), 256))
           ])) : c("", !0),
-          e.value.style.chart.grid.verticalGrid.show ? (s(), u("g", zt, [
-            (s(!0), u(g, null, C(x.value, (l, r) => (s(), u("line", {
-              x1: a.value.left + (r + 1) * a.value.stripWidth,
-              x2: a.value.left + (r + 1) * a.value.stripWidth,
+          e.value.style.chart.grid.verticalGrid.show ? (r(), u("g", zt, [
+            (r(!0), u(g, null, $(x.value, (l, s) => (r(), u("line", {
+              x1: a.value.left + (s + 1) * a.value.stripWidth,
+              x2: a.value.left + (s + 1) * a.value.stripWidth,
               y1: a.value.top,
               y2: a.value.bottom,
               stroke: e.value.style.chart.grid.verticalGrid.stroke,
@@ -507,7 +507,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             "stroke-linecap": "round"
           }, null, 8, Mt)
         ])) : c("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (s(!0), u(g, { key: 2 }, C(we.value, (l, r) => (s(), u("text", {
+        e.value.style.chart.labels.yAxisLabels.show ? (r(!0), u(g, { key: 2 }, $(we.value, (l, s) => (r(), u("text", {
           x: l.x1 - e.value.style.chart.labels.yAxisLabels.fontSize / 2 + e.value.style.chart.labels.yAxisLabels.offsetX,
           y: l.y + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
           fill: e.value.style.chart.labels.yAxisLabels.color,
@@ -522,23 +522,23 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             s: e.value.style.chart.labels.suffix,
             r: e.value.style.chart.labels.yAxisLabels.rounding
           }),
-          { datapoint: l, seriesIndex: r }
+          { datapoint: l, seriesIndex: s }
         )), 9, It))), 256)) : c("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (s(!0), u(g, { key: 3 }, C(x.value, (l, r) => (s(), u("text", {
-          x: a.value.left + (r + 1) * a.value.stripWidth - a.value.stripWidth / 2,
+        e.value.style.chart.labels.xAxisLabels.show ? (r(!0), u(g, { key: 3 }, $(x.value, (l, s) => (r(), u("text", {
+          x: a.value.left + (s + 1) * a.value.stripWidth - a.value.stripWidth / 2,
           y: a.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize * 2 + e.value.style.chart.labels.xAxisLabels.offsetY,
           "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
           fill: e.value.style.chart.labels.xAxisLabels.color,
           "text-anchor": "middle"
         }, P(l.name), 9, Wt))), 256)) : c("", !0),
-        e.value.style.chart.labels.axis.yLabel ? (s(), u("text", {
+        e.value.style.chart.labels.axis.yLabel ? (r(), u("text", {
           key: 4,
           fill: e.value.style.chart.labels.axis.color,
           "font-size": e.value.style.chart.labels.axis.fontSize,
           transform: `translate(${e.value.style.chart.labels.axis.fontSize + e.value.style.chart.labels.axis.yLabelOffsetX}, ${a.value.top + a.value.height / 2}) rotate(-90)`,
           "text-anchor": "middle"
         }, P(e.value.style.chart.labels.axis.yLabel), 9, Dt)) : c("", !0),
-        e.value.style.chart.labels.axis.xLabel ? (s(), u("text", {
+        e.value.style.chart.labels.axis.xLabel ? (r(), u("text", {
           key: 5,
           fill: e.value.style.chart.labels.axis.color,
           "font-size": e.value.style.chart.labels.axis.fontSize,
@@ -546,7 +546,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           y: a.value.absoluteHeight,
           "text-anchor": "middle"
         }, P(e.value.style.chart.labels.axis.xLabel), 9, Gt)) : c("", !0),
-        h.value ? (s(), u(g, { key: 6 }, [
+        h.value ? (r(), u(g, { key: 6 }, [
           k("line", {
             x1: a.value.left,
             x2: a.value.right,
@@ -572,7 +572,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }, null, 10, Et)
         ], 64)) : c("", !0),
         k("defs", null, [
-          (s(!0), u(g, null, C(x.value, (l) => (s(), u("radialGradient", {
+          (r(!0), u(g, null, $(x.value, (l) => (r(), u("radialGradient", {
             id: l.id,
             fy: "30%"
           }, [
@@ -590,25 +590,25 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             }, null, 8, Xt)
           ], 8, Ut))), 256))
         ]),
-        (s(!0), u(g, null, C(je.value, (l, r) => (s(), u(g, null, [
-          (s(!0), u(g, null, C(l.plots, (n, _) => (s(), L($t, tt({
+        (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,
             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: _ }),
+            onMouseenter: (X) => Ye({ datapoint: n, 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:${_ * 50}ms` : ""}`,
+            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` : ""}`,
             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 ? (s(), u("g", jt, [
-            (s(!0), u(g, null, C(l.plots, (n, _) => (s(), u(g, null, [
-              _ === l.plots.length - 1 || h.value && h.value.id === n.id && !d.value.showTooltip ? (s(), u("text", {
+          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", {
                 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),
@@ -625,17 +625,17 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
                   s: `${e.value.style.chart.labels.suffix})`,
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
-                { datapoint: n, seriesIndex: _ }
+                { datapoint: n, seriesIndex: w }
               ) : ""), 13, Yt)) : c("", !0)
             ], 64))), 256))
           ])) : c("", !0)
         ], 64))), 256)),
         p(t.$slots, "svg", { svg: a.value }, void 0, !0)
       ], 14, At)) : c("", !0),
-      t.$slots.watermark ? (s(), u("div", qt, [
+      t.$slots.watermark ? (r(), u("div", qt, [
         p(t.$slots, "watermark", F(M({ isPrinting: i(be) || i(me) })), void 0, !0)
       ])) : c("", !0),
-      $.value ? c("", !0) : (s(), L(i(Re), {
+      T.value ? c("", !0) : (r(), L(i(Re), {
         key: 6,
         config: {
           type: "stripPlot",
@@ -647,7 +647,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }
         }
       }, null, 8, ["config"])),
-      t.$slots.source ? (s(), u("div", {
+      t.$slots.source ? (r(), u("div", {
         key: 7,
         ref_key: "source",
         ref: ue,
@@ -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"]),
-      $.value ? (s(), L(i(Ie), {
+      T.value ? (r(), L(i(Ie), {
         key: 8,
         hideDetails: "",
         config: {
@@ -696,7 +696,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         }
       }, {
         content: y(() => [
-          (s(), L(i(We), {
+          (r(), L(i(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-557b9cd4"]]);
+}, nl = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-2953e6f7"]]);
 export {
   nl as default
 };

package/dist/{vue-ui-table-DFTE1OH5.js → vue-ui-table-Cvmrm0sZ.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-CH_mJIWj.js";
-import q from "./vue-ui-xy-CEFkua9H.js";
-import Q from "./vue-ui-donut-Hk4EaVhb.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-BXbyT0Qn.js";
+import q from "./vue-ui-xy-DxgCkZEV.js";
+import Q from "./vue-ui-donut-DS-DfHIm.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 = {