vue-data-ui 2.12.7-beta.0 → 2.12.7-beta.1

package/dist/{vue-ui-strip-plot-C5r1Ee2R.js → vue-ui-strip-plot-DzYyFp3o.js}

@@ -1,13 +1,14 @@
-import { defineAsyncComponent as C, computed as y, ref as v, watch as Qe, shallowRef as Ae, onMounted as Ze, onBeforeUnmount as et, createElementBlock as u, openBlock as s, unref as n, normalizeStyle as j, normalizeClass as G, createBlock as L, createCommentVNode as c, createVNode as Le, createSlots as tt, withCtx as f, renderSlot as p, normalizeProps as F, guardReactiveProps as M, createElementVNode as k, Fragment as g, renderList as $, toDisplayString as S, mergeProps as lt, createTextVNode as at, nextTick as ot } from "vue";
-import { u as st, c as le, t as rt, p as P, a as ut, o as nt, e as ae, g as Se, b as it, d as Pe, v as vt, D as ct, f as Y, X as ht, i as oe, l as dt, h as pt, x as Oe, F as yt, q as ft, r as bt, y as mt } from "./index-BiHmNd1-.js";
-import { t as gt, u as kt } from "./useResponsive-JZ9xq-JV.js";
-import { u as ze } from "./useNestedProp-tRqS0ZAM.js";
-import { u as xt } from "./usePrinter-CRCbl1WG.js";
-import { u as wt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ct } from "./useChartAccessibility-9icAAmYg.js";
-import $t from "./Title-B5qqUI3M.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 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-BHEd2dgu.js";
+import { t as mt, u as gt } from "./useResponsive-JZ9xq-JV.js";
+import { u as ze } from "./useNestedProp-CZztHZIm.js";
+import { u as kt } from "./usePrinter-C8URL2IU.js";
+import { u as xt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
+import Ct from "./Title-Bc66VstS.js";
+import $t from "./Shape-B6kIkp2s.js";
 import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"], St = { key: 1 }, Pt = { 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 = {
+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,
   class: "vue-data-ui-watermark"
 }, Jt = ["innerHTML"], Kt = {
@@ -28,75 +29,75 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup(Ne, { expose: Fe, emit: Me }) {
-    const Ie = C(() => import("./vue-ui-accordion-CmCs2yR2.js")), We = C(() => import("./DataTable-Cv9CIz-a.js")), De = C(() => import("./PackageVersion-CLY-udAA.js")), Ge = C(() => import("./PenAndPaper-B9na2mbr.js")), Re = C(() => import("./Shape-D3w9qas1.js")), Ve = C(() => import("./vue-ui-skeleton-CbYQYRvD.js")), Ee = C(() => import("./Tooltip-C9rxJ-Ru.js")), Ue = C(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_strip_plot: He } = st(), b = Ne, Be = Me, T = y({
+    const Ie = A(() => import("./vue-ui-accordion-DntThSTF.js")), We = A(() => import("./DataTable-Y5HbiUZU.js")), De = A(() => import("./PackageVersion-DaWGaZxE.js")), Ge = A(() => import("./PenAndPaper-C-CpE0NC.js")), Re = A(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), Ve = A(() => import("./Tooltip-B07vY6jm.js")), Ee = A(() => import("./UserOptions-C8X2STEg.js")), { vue_ui_strip_plot: Ue } = ot(), b = Ne, He = Me, $ = 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 = y({
-      get: () => ye(),
+    }), 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({
+      get: () => fe(),
       set: (t) => t
-    }), { userOptionsVisible: Q, setUserOptionsVisibility: he, keepUserOptionState: de } = wt({ config: e.value }), { svgRef: pe } = Ct({ config: e.value.style.chart.title });
-    function ye() {
+    }), { userOptionsVisible: Q, setUserOptionsVisibility: he, keepUserOptionState: de } = xt({ config: e.value }), { svgRef: pe } = wt({ config: e.value.style.chart.title });
+    function fe() {
       const t = ze({
         userConfig: b.config,
-        defaultConfig: He
+        defaultConfig: Ue
       });
       return t.theme ? {
         ...ze({
-          userConfig: ut.vue_ui_strip_plot[t.theme] || b.config,
+          userConfig: rt.vue_ui_strip_plot[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: rt[t.theme] || P
+        customPalette: st[t.theme] || S
       } : t;
     }
-    Qe(() => b.config, (t) => {
-      e.value = ye(), Q.value = !e.value.userOptions.showOnChartHover, fe(), 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;
+    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);
-    Ze(() => {
-      fe();
+    Qe(() => {
+      ye();
     });
-    function fe() {
-      if (nt(b.dataset) ? ae({
+    function ye() {
+      if (ut(b.dataset) ? ae({
         componentName: "VueUiStripPlot",
         type: "dataset"
       }) : b.dataset.forEach((t, o) => {
-        Se({
+        Pe({
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
         }).forEach((l) => {
-          T.value = !1, ae({
+          $.value = !1, ae({
             componentName: "VueUiStripPlot",
             type: "datasetSerieAttribute",
             property: l,
             index: o
           });
         }), t.plots && t.plots.forEach((l, r) => {
-          Se({
+          Pe({
             datasetObject: l,
             requiredAttributes: ["name", "value"]
-          }).forEach((i) => {
-            T.value = !1, ae({
+          }).forEach((n) => {
+            $.value = !1, ae({
               componentName: "VueUiStripPlot",
               type: "datasetSerieAttribute",
-              property: i,
+              property: n,
               index: `${o},${r}`
             });
           });
         });
       }), e.value.responsive) {
-        const t = gt(() => {
-          const { width: o, height: l } = kt({
+        const t = mt(() => {
+          const { width: o, height: l } = gt({
             chart: I.value,
             title: e.value.style.chart.title.text ? re.value : null,
             source: ue.value,
             noTitle: ne.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, V.value = yt({
+            R.value = l, z.value.width = o, z.value.height = l, D.value = (o - m.value.left - m.value.right) / b.dataset.length, V.value = pt({
               relator: Math.min(l, o),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
@@ -109,16 +110,16 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }
       ie.value = !0, setTimeout(() => {
         W.value = !1;
-      }, je.value * 50);
+      }, Xe.value * 50);
     }
-    et(() => {
+    Ze(() => {
       w.value && (O.value && w.value.unobserve(O.value), w.value.disconnect());
     });
-    const { isPrinting: be, isImaging: me, generatePdf: ge, generateImage: ke } = xt({
+    const { isPrinting: be, isImaging: me, generatePdf: ge, generateImage: ke } = kt({
       elementId: `strip-plot_${q.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot",
       options: e.value.userOptions.print
-    }), Xe = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), xe = y(() => it(e.value.customPalette)), W = v(e.value.useCssAnimation), d = v({
+    }), 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({
       showTable: e.value.table.show,
       dataLabels: {
         show: e.value.style.chart.labels.bestPlotLabel.show
@@ -132,7 +133,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
     }), D = v(e.value.style.chart.stripWidth), R = v(e.value.style.chart.height), V = 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 = y(() => {
+    }), a = f(() => {
       const t = D.value * b.dataset.length + m.value.left + m.value.right;
       return {
         left: m.value.left,
@@ -145,48 +146,48 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         absoluteHeight: R.value,
         absoluteWidth: t
       };
-    }), E = y(() => T.value ? b.dataset.map((t, o) => {
+    }), E = f(() => $.value ? b.dataset.map((t, o) => {
       const l = le();
       return {
         ...t,
         id: l,
-        color: t.color ? Pe(t.color) : xe.value[o] || P[o] || P[o % P.length],
+        color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
         plots: t.plots.map((r) => ({
           ...r,
-          value: vt(r.value),
+          value: it(r.value),
           parentId: l,
-          color: t.color ? Pe(t.color) : xe.value[o] || P[o] || P[o % P.length],
+          color: t.color ? Se(t.color) : xe.value[o] || S[o] || S[o % S.length],
           id: le()
-        })).sort((r, i) => r.value - i.value)
+        })).sort((r, n) => r.value - n.value)
       };
-    }) : null), x = y(() => (E.value || []).map((t, o) => ({
+    }) : null), x = f(() => (E.value || []).map((t, o) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
         x: a.value.left + (o + 1) * a.value.stripWidth - a.value.stripWidth / 2
       }))
-    }))), je = y(() => Math.max(...x.value.map((t) => t.plots.length))), Z = y(() => {
+    }))), Xe = f(() => Math.max(...x.value.map((t) => t.plots.length))), Z = f(() => {
       const t = x.value.flatMap((o) => o.plots.map((l) => l.value));
       return {
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), _ = y(() => ct(Z.value.min < 0 ? Z.value.min : 0, Z.value.max, e.value.style.chart.grid.scaleSteps)), Ye = y(() => (x.value || []).map((t, o) => ({
+    }), 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) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
-        y: a.value.bottom - (l.value + Math.abs(_.value.min)) / (_.value.max + Math.abs(_.value.min)) * a.value.height
+        y: a.value.bottom - (l.value + Math.abs(T.value.min)) / (T.value.max + Math.abs(T.value.min)) * a.value.height
       }))
-    }))), we = y(() => _.value.ticks.map((t) => ({
-      y: a.value.bottom - a.value.height * ((t + Math.abs(_.value.min)) / (_.value.max + Math.abs(_.value.min))),
+    }))), 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))),
       x1: a.value.left,
       x2: a.value.right,
       value: t
     }))), ee = v(null), h = v(null);
-    function qe({ datapoint: t, seriesIndex: o }) {
+    function Ye({ datapoint: t, seriesIndex: o }) {
       ee.value = { datapoint: t, seriesIndex: o, config: e.value, series: E.value }, J.value = !0, h.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Oe(l) && mt(() => l({
+      if (Oe(l) && bt(() => l({
         seriesIndex: o,
         datapoint: t,
         series: E.value,
@@ -213,36 +214,36 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         )}</div>`, K.value = `<div>${r}</div>`;
       }
     }
-    const U = y(() => {
-      const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, i) => i.value - r.value).map((r) => ({
+    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, i) => i.value - r.value).map((r) => r.value));
+      }))), o = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, n) => n.value - r.value).map((r) => r.value));
       return { head: t, body: o };
     });
     function Ce() {
-      ot(() => {
-        const t = U.value.head.map((r, i) => [[
+      at(() => {
+        const t = U.value.head.map((r, n) => [[
           r.name
-        ], [U.value.body[i]]]), 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);
-        bt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
+        ], [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 H = y(() => {
+    const H = f(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
-      ], o = U.value.head.map((i, A) => {
+      ], o = U.value.head.map((n, _) => {
         const X = Y({
           p: e.value.style.chart.labels.prefix,
-          v: U.value.body[A],
+          v: U.value.body[_],
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         });
         return [
           {
-            color: i.color,
-            name: i.name
+            color: n.color,
+            name: n.name
           },
           X
         ];
@@ -269,10 +270,10 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         config: l
       };
     }), N = v(!1);
-    function Je(t) {
+    function qe(t) {
       N.value = t, se.value += 1;
     }
-    function Ke() {
+    function Je() {
       return x.value;
     }
     function $e() {
@@ -289,7 +290,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       B.value = !B.value;
     }
     return Fe({
-      getData: Ke,
+      getData: Je,
       generatePdf: ge,
       generateCsv: Ce,
       generateImage: ke,
@@ -303,18 +304,18 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       class: G(`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] = () => n(he)(!0)),
-      onMouseleave: o[3] || (o[3] = () => n(he)(!1))
+      onMouseenter: o[2] || (o[2] = () => i(he)(!0)),
+      onMouseleave: o[3] || (o[3] = () => i(he)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), L(n(Ge), {
+      e.value.userOptions.buttons.annotator ? (s(), L(i(Ge), {
         key: 0,
-        svgRef: n(pe),
+        svgRef: i(pe),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: B.value,
         onClose: te
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Xe.value ? (s(), u("div", {
+      Be.value ? (s(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ne,
@@ -327,7 +328,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         ref: re,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (s(), L($t, {
+        (s(), L(Ct, {
           key: `title_${ve.value}`,
           config: {
             title: {
@@ -341,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 && (n(de) || n(Q)) ? (s(), L(n(Ue), {
+      e.value.userOptions.show && $.value && (i(de) || i(Q)) ? (s(), L(i(Ee), {
         ref: "details",
         key: `user_option_${se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: n(be),
-        isImaging: n(me),
+        isPrinting: i(be),
+        isImaging: i(me),
         uid: q.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -363,92 +364,92 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: B.value,
-        onToggleFullscreen: Je,
-        onGeneratePdf: n(ge),
+        onToggleFullscreen: qe,
+        onGeneratePdf: i(ge),
         onGenerateCsv: Ce,
-        onGenerateImage: n(ke),
+        onGenerateImage: i(ke),
         onToggleTable: $e,
         onToggleLabels: Te,
         onToggleTooltip: _e,
         onToggleAnnotator: te,
         style: j({
-          visibility: n(de) ? n(Q) ? "visible" : "hidden" : "visible"
+          visibility: i(de) ? i(Q) ? "visible" : "hidden" : "visible"
         })
-      }, tt({ _: 2 }, [
+      }, et({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: f(({ isOpen: l, color: r }) => [
+          fn: y(({ isOpen: l, color: r }) => [
             p(t.$slots, "menuIcon", F(M({ isOpen: l, color: r })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: f(() => [
+          fn: y(() => [
             p(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: f(() => [
+          fn: y(() => [
             p(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: f(() => [
+          fn: y(() => [
             p(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: f(() => [
+          fn: y(() => [
             p(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: f(() => [
+          fn: y(() => [
             p(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: f(() => [
+          fn: y(() => [
             p(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: l, isFullscreen: r }) => [
+          fn: y(({ toggleFullscreen: l, isFullscreen: r }) => [
             p(t.$slots, "optionFullscreen", F(M({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: l, isAnnotator: r }) => [
+          fn: y(({ toggleAnnotator: l, isAnnotator: r }) => [
             p(t.$slots, "optionAnnotator", F(M({ toggleAnnotator: l, isAnnotator: r })), 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", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      T.value ? (s(), u("svg", {
+      $.value ? (s(), u("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: pe,
-        xmlns: n(ht),
+        xmlns: i(ct),
         class: G({ "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(n(De)),
+        Le(i(De)),
         t.$slots["chart-background"] ? (s(), u("foreignObject", {
           key: 0,
           x: a.value.left,
@@ -461,9 +462,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", St, [
-          e.value.style.chart.grid.horizontalGrid.show ? (s(), u("g", Pt, [
-            (s(!0), u(g, null, $(we.value, (l) => (s(), u("line", {
+        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", {
               x1: l.x1,
               x2: l.x2,
               y1: l.y,
@@ -475,7 +476,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             }, null, 8, Ot))), 256))
           ])) : c("", !0),
           e.value.style.chart.grid.verticalGrid.show ? (s(), u("g", zt, [
-            (s(!0), u(g, null, $(x.value, (l, r) => (s(), u("line", {
+            (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,
               y1: a.value.top,
@@ -505,16 +506,16 @@ 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 }, $(we.value, (l, r) => (s(), u("text", {
+        e.value.style.chart.labels.yAxisLabels.show ? (s(!0), u(g, { key: 2 }, C(we.value, (l, r) => (s(), 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,
           "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
           "text-anchor": "end"
-        }, S(n(oe)(
+        }, P(i(oe)(
           e.value.style.chart.labels.formatter,
           l.value,
-          n(Y)({
+          i(Y)({
             p: e.value.style.chart.labels.prefix,
             v: l.value,
             s: e.value.style.chart.labels.suffix,
@@ -522,20 +523,20 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }),
           { datapoint: l, seriesIndex: r }
         )), 9, It))), 256)) : c("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (s(!0), u(g, { key: 3 }, $(x.value, (l, r) => (s(), u("text", {
+        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,
           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"
-        }, S(l.name), 9, Wt))), 256)) : c("", !0),
+        }, P(l.name), 9, Wt))), 256)) : c("", !0),
         e.value.style.chart.labels.axis.yLabel ? (s(), 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"
-        }, S(e.value.style.chart.labels.axis.yLabel), 9, Dt)) : c("", !0),
+        }, P(e.value.style.chart.labels.axis.yLabel), 9, Dt)) : c("", !0),
         e.value.style.chart.labels.axis.xLabel ? (s(), u("text", {
           key: 5,
           fill: e.value.style.chart.labels.axis.color,
@@ -543,7 +544,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           x: a.value.left + a.value.width / 2,
           y: a.value.absoluteHeight,
           "text-anchor": "middle"
-        }, S(e.value.style.chart.labels.axis.xLabel), 9, Gt)) : c("", !0),
+        }, P(e.value.style.chart.labels.axis.xLabel), 9, Gt)) : c("", !0),
         h.value ? (s(), u(g, { key: 6 }, [
           k("line", {
             x1: a.value.left,
@@ -570,17 +571,17 @@ 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, $(x.value, (l) => (s(), u("radialGradient", {
+          (s(!0), u(g, null, C(x.value, (l) => (s(), u("radialGradient", {
             id: l.id,
             fy: "30%"
           }, [
             k("stop", {
               offset: "10%",
-              "stop-color": n(dt)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(ht)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Ht),
             k("stop", {
               offset: "90%",
-              "stop-color": n(pt)(l.color, 0.1)
+              "stop-color": i(dt)(l.color, 0.1)
             }, null, 8, Bt),
             k("stop", {
               offset: "100%",
@@ -588,42 +589,42 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             }, null, 8, Xt)
           ], 8, Ut))), 256))
         ]),
-        (s(!0), u(g, null, $(Ye.value, (l, r) => (s(), u(g, null, [
-          (s(!0), u(g, null, $(l.plots, (i, A) => (s(), L(n(Re), lt({
-            plot: { x: i.x, y: ie.value ? i.y : a.value.top },
-            radius: h.value && h.value.id === i.id ? V.value * 1.5 : V.value,
+        (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({
+            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) => qe({ datapoint: i, seriesIndex: A }),
+            onMouseenter: (X) => Ye({ datapoint: n, seriesIndex: _ }),
             onMouseleave: o[0] || (o[0] = (X) => {
               J.value = !1, h.value = null;
             }),
-            onClick: (X) => Be("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:${A * 50}ms` : ""}`,
+            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` : ""}`,
             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, $(l.plots, (i, A) => (s(), u(g, null, [
-              A === l.plots.length - 1 || h.value && h.value.id === i.id && !d.value.showTooltip ? (s(), u("text", {
+            (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", {
                 key: 0,
-                x: i.x,
-                y: i.y + e.value.style.chart.labels.bestPlotLabel.offsetY - V.value * (h.value && h.value.id === i.id && !d.value.showTooltip ? 2 : 1.5),
+                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),
                 "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;`)
-              }, S(i.name) + " " + S(e.value.style.chart.labels.bestPlotLabel.showValue ? n(oe)(
+              }, P(n.name) + " " + P(e.value.style.chart.labels.bestPlotLabel.showValue ? i(oe)(
                 e.value.style.chart.labels.formatter,
-                i.value,
-                n(Y)({
+                n.value,
+                i(Y)({
                   p: `(${e.value.style.chart.labels.prefix}`,
-                  v: i.value,
+                  v: n.value,
                   s: `${e.value.style.chart.labels.suffix})`,
                   r: e.value.style.chart.labels.bestPlotLabel.rounding
                 }),
-                { datapoint: i, seriesIndex: A }
+                { datapoint: n, seriesIndex: _ }
               ) : ""), 13, Yt)) : c("", !0)
             ], 64))), 256))
           ])) : c("", !0)
@@ -631,9 +632,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 ? (s(), u("div", qt, [
-        p(t.$slots, "watermark", F(M({ isPrinting: n(be) || n(me) })), void 0, !0)
+        p(t.$slots, "watermark", F(M({ isPrinting: i(be) || i(me) })), void 0, !0)
       ])) : c("", !0),
-      T.value ? c("", !0) : (s(), L(n(Ve), {
+      $.value ? c("", !0) : (s(), L(i(Re), {
         key: 6,
         config: {
           type: "stripPlot",
@@ -653,7 +654,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      Le(n(Ee), {
+      Le(i(Ve), {
         show: d.value.showTooltip && J.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -667,17 +668,17 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
         parent: I.value,
         content: K.value,
         isFullscreen: N.value,
-        isCustom: n(Oe)(e.value.style.chart.tooltip.customFormat)
+        isCustom: i(Oe)(e.value.style.chart.tooltip.customFormat)
       }, {
-        "tooltip-before": f(() => [
+        "tooltip-before": y(() => [
           p(t.$slots, "tooltip-before", F(M({ ...ee.value })), void 0, !0)
         ]),
-        "tooltip-after": f(() => [
+        "tooltip-after": y(() => [
           p(t.$slots, "tooltip-after", F(M({ ...ee.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      T.value ? (s(), L(n(Ie), {
+      $.value ? (s(), L(i(Ie), {
         key: 8,
         hideDetails: "",
         config: {
@@ -693,8 +694,8 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: f(() => [
-          (s(), L(n(We), {
+        content: y(() => [
+          (s(), L(i(We), {
             key: `table_${ce.value}`,
             colNames: H.value.colNames,
             head: H.value.head,
@@ -703,14 +704,14 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: o[1] || (o[1] = (l) => d.value.showTable = !1)
           }, {
-            th: f(({ th: l }) => [
+            th: y(({ th: l }) => [
               k("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Jt)
             ]),
-            td: f(({ td: l }) => [
-              at(S(l.name || l), 1)
+            td: y(({ td: l }) => [
+              lt(P(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -719,7 +720,7 @@ const _t = ["id"], At = ["xmlns", "viewBox"], Lt = ["x", "y", "width", "height"]
       }, 8, ["config"])) : c("", !0)
     ], 46, _t));
   }
-}, ul = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-35a31690"]]);
+}, nl = /* @__PURE__ */ Tt(Kt, [["__scopeId", "data-v-4497e32b"]]);
 export {
-  ul as default
+  nl as default
 };