vue-data-ui 2.4.85 → 2.4.87

package/dist/{vue-ui-strip-plot-BGHj1BHd.js → vue-ui-strip-plot-BOLWDlTl.js}

@@ -1,19 +1,19 @@
-import { computed as d, ref as n, watch as Ge, onMounted as Ue, onBeforeUnmount as Ve, openBlock as s, createElementBlock as u, normalizeClass as F, normalizeStyle as B, unref as v, createBlock as T, createCommentVNode as c, createSlots as Ee, withCtx as y, renderSlot as p, normalizeProps as M, guardReactiveProps as W, createVNode as $e, Fragment as g, renderList as C, createElementVNode as k, toDisplayString as A, mergeProps as He, createTextVNode as Re, nextTick as Be } from "vue";
-import { u as Xe, c as ee, t as je, a as Ye, p as L, o as qe, e as te, g as _e, b as Je, d as Te, v as Ke, D as Qe, f as X, X as Ze, i as le, l as et, h as tt, x as Ae, y as lt, q as at, r as ot, F as st } from "./index-B7nCQFK0.js";
+import { computed as p, ref as n, watch as Ge, onMounted as Ue, onBeforeUnmount as Ve, openBlock as s, createElementBlock as u, normalizeClass as F, normalizeStyle as B, unref as v, createBlock as T, createCommentVNode as c, createSlots as Ee, withCtx as f, renderSlot as y, normalizeProps as M, guardReactiveProps as W, createVNode as $e, Fragment as g, renderList as w, createElementVNode as k, toDisplayString as L, mergeProps as He, createTextVNode as Re, nextTick as Be } from "vue";
+import { u as Xe, c as ee, t as je, a as Ye, p as A, o as qe, e as te, g as _e, b as Je, d as Te, v as Ke, D as Qe, f as X, X as Ze, i as le, l as et, h as tt, x as Le, y as lt, q as at, r as ot, F as st } from "./index-BG5J_ybN.js";
 import { t as rt, u as ut } from "./useResponsive-CoxXLe23.js";
-import { _ as it } from "./Title-CaET2xuF.js";
-import { u as nt, U as vt } from "./usePrinter-CQMn1b4E.js";
-import { _ as ct } from "./Tooltip-Bkc4233T.js";
-import { D as ht } from "./DataTable-C0tCPQ9i.js";
-import dt from "./vue-ui-skeleton-D66ZIUln.js";
-import { _ as pt } from "./Shape-zFv85Gc2.js";
-import ft from "./vue-ui-accordion-B8ptB5BQ.js";
-import { u as Le } from "./useNestedProp-C9rlBRTT.js";
-import { _ as yt } from "./PackageVersion-CENy3Lm2.js";
-import { P as bt } from "./PenAndPaper-Dr7ndoP_.js";
+import { _ as it } from "./Title-BU5Aq1_x.js";
+import { u as nt, U as vt } from "./usePrinter-CWeJt84b.js";
+import { _ as ct } from "./Tooltip-Dm-obTbx.js";
+import { D as ht } from "./DataTable-CKke7C6w.js";
+import dt from "./vue-ui-skeleton-c211TxZ8.js";
+import { _ as pt } from "./Shape-CL3HglYL.js";
+import yt from "./vue-ui-accordion-JBOceVq2.js";
+import { u as Ae } from "./useNestedProp-BN1ZmAKT.js";
+import { _ as ft } from "./PackageVersion-Rh3rgo6A.js";
+import { P as bt } from "./PenAndPaper-DqVsdeLc.js";
 import { u as mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"], wt = { key: 1 }, $t = { key: 0 }, _t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Tt = { key: 1 }, At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pt = ["x", "y", "fill", "font-size"], Ot = ["x", "y", "font-size", "fill"], zt = ["fill", "font-size", "transform"], Nt = ["fill", "font-size", "x", "y"], Ft = ["x1", "x2", "y1", "y2", "stroke"], Mt = ["cx", "cy", "fill"], Wt = ["cx", "cy", "fill"], It = ["id"], Dt = ["stop-color"], Gt = ["stop-color"], Ut = ["stop-color"], Vt = { key: 0 }, Et = ["x", "y", "font-size", "fill"], Ht = {
+const kt = ["id"], xt = ["xmlns", "viewBox"], wt = ["x", "y", "width", "height"], Ct = { key: 1 }, $t = { key: 0 }, _t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Tt = { key: 1 }, Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x", "y", "fill", "font-size"], Ot = ["x", "y", "font-size", "fill"], zt = ["fill", "font-size", "transform"], Nt = ["fill", "font-size", "x", "y"], Ft = ["x1", "x2", "y1", "y2", "stroke"], Mt = ["cx", "cy", "fill"], Wt = ["cx", "cy", "fill"], It = ["id"], Dt = ["stop-color"], Gt = ["stop-color"], Ut = ["stop-color"], Vt = { key: 0 }, Et = ["x", "y", "font-size", "fill"], Ht = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Rt = ["innerHTML"], Bt = {
@@ -33,33 +33,33 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(Se, { expose: Pe, emit: Oe }) {
-    const b = Se, { vue_ui_strip_plot: ze } = Xe(), w = d({
+  setup(Pe, { expose: Se, emit: Oe }) {
+    const b = Pe, { vue_ui_strip_plot: ze } = Xe(), C = p({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), j = n(ee()), ae = n(0), Y = n(!1), q = n(""), S = n(null), oe = n(null), se = n(null), re = n(null), ue = n(!1), ie = n(0), ne = n(0), e = d({
+    }), j = n(ee()), ae = n(0), Y = n(!1), q = n(""), P = n(null), oe = n(null), se = n(null), re = n(null), ue = n(!1), ie = n(0), ne = n(0), e = p({
       get: () => he(),
       set: (t) => t
     }), { userOptionsVisible: J, setUserOptionsVisibility: ve, keepUserOptionState: ce } = mt({ config: e.value });
     function he() {
-      const t = Le({
+      const t = Ae({
         userConfig: b.config,
         defaultConfig: ze
       });
       return t.theme ? {
-        ...Le({
+        ...Ae({
           userConfig: je.vue_ui_strip_plot[t.theme] || b.config,
           defaultConfig: t
         }),
-        customPalette: Ye[t.theme] || L
+        customPalette: Ye[t.theme] || A
       } : t;
     }
     Ge(() => b.config, (t) => {
-      e.value = he(), J.value = !e.value.showOnChartHover, de(), ie.value += 1, ne.value += 1;
+      e.value = he(), J.value = !e.value.showOnChartHover, de(), ie.value += 1, ne.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 I = n(null);
     Ue(() => {
@@ -74,7 +74,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
           datasetObject: t,
           requiredAttributes: ["name", "plots"]
         }).forEach((l) => {
-          w.value = !1, te({
+          C.value = !1, te({
             componentName: "VueUiStripPlot",
             type: "datasetSerieAttribute",
             property: l,
@@ -85,7 +85,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             datasetObject: l,
             requiredAttributes: ["name", "value"]
           }).forEach((i) => {
-            w.value = !1, te({
+            C.value = !1, te({
               componentName: "VueUiStripPlot",
               type: "datasetSerieAttribute",
               property: i,
@@ -96,13 +96,13 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
       }), e.value.responsive) {
         const t = rt(() => {
           const { width: o, height: l } = ut({
-            chart: S.value,
+            chart: P.value,
             title: e.value.style.chart.title.text ? oe.value : null,
             source: se.value,
             noTitle: re.value
           });
           requestAnimationFrame(() => {
-            D.value = l, P.value.width = o, P.value.height = l, N.value = (o - m.value.left - m.value.right) / b.dataset.length, G.value = st({
+            D.value = l, S.value.width = o, S.value.height = l, N.value = (o - m.value.left - m.value.right) / b.dataset.length, G.value = st({
               relator: Math.min(l, o),
               adjuster: 600,
               source: e.value.style.chart.plots.radius,
@@ -111,7 +111,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             });
           });
         });
-        I.value = new ResizeObserver(t), I.value.observe(S.value.parentNode);
+        I.value = new ResizeObserver(t), I.value.observe(P.value.parentNode);
       }
       ue.value = !0, setTimeout(() => {
         z.value = !1;
@@ -120,10 +120,10 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
     Ve(() => {
       I.value && I.value.disconnect();
     });
-    const { isPrinting: pe, isImaging: fe, generatePdf: ye, generateImage: be } = nt({
+    const { isPrinting: pe, isImaging: ye, generatePdf: fe, generateImage: be } = nt({
       elementId: `strip-plot_${j.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-strip-plot"
-    }), Ne = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), me = d(() => Je(e.value.customPalette)), z = n(e.value.useCssAnimation), f = n({
+    }), Ne = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), me = p(() => Je(e.value.customPalette)), z = n(e.value.useCssAnimation), d = n({
       showTable: e.value.table.show,
       dataLabels: {
         show: e.value.style.chart.labels.bestPlotLabel.show
@@ -134,10 +134,10 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["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
-    }), N = n(e.value.style.chart.stripWidth), D = n(e.value.style.chart.height), G = n(e.value.style.chart.plots.radius), P = n({
+    }), N = n(e.value.style.chart.stripWidth), D = n(e.value.style.chart.height), G = n(e.value.style.chart.plots.radius), S = n({
       width: N.value * b.dataset.length + m.value.left + m.value.right,
       height: e.value.style.chart.height
-    }), a = d(() => {
+    }), a = p(() => {
       const t = N.value * b.dataset.length + m.value.left + m.value.right;
       return {
         left: m.value.left,
@@ -150,39 +150,39 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
         absoluteHeight: D.value,
         absoluteWidth: t
       };
-    }), U = d(() => w.value ? b.dataset.map((t, o) => {
+    }), U = p(() => C.value ? b.dataset.map((t, o) => {
       const l = ee();
       return {
         ...t,
         id: l,
-        color: t.color ? Te(t.color) : me.value[o] || L[o] || L[o % L.length],
+        color: t.color ? Te(t.color) : me.value[o] || A[o] || A[o % A.length],
         plots: t.plots.map((r) => ({
           ...r,
           value: Ke(r.value),
           parentId: l,
-          color: t.color ? Te(t.color) : me.value[o] || L[o] || L[o % L.length],
+          color: t.color ? Te(t.color) : me.value[o] || A[o] || A[o % A.length],
           id: ee()
         })).sort((r, i) => r.value - i.value)
       };
-    }) : null), x = d(() => (U.value || []).map((t, o) => ({
+    }) : null), x = p(() => (U.value || []).map((t, o) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
         x: a.value.left + (o + 1) * a.value.stripWidth - a.value.stripWidth / 2
       }))
-    }))), Fe = d(() => Math.max(...x.value.map((t) => t.plots.length))), K = d(() => {
+    }))), Fe = p(() => Math.max(...x.value.map((t) => t.plots.length))), K = p(() => {
       const t = x.value.flatMap((o) => o.plots.map((l) => l.value));
       return {
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), $ = d(() => Qe(K.value.min < 0 ? K.value.min : 0, K.value.max, e.value.style.chart.grid.scaleSteps)), Me = d(() => (x.value || []).map((t, o) => ({
+    }), $ = p(() => Qe(K.value.min < 0 ? K.value.min : 0, K.value.max, e.value.style.chart.grid.scaleSteps)), Me = p(() => (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
       }))
-    }))), ge = d(() => $.value.ticks.map((t) => ({
+    }))), ge = p(() => $.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,
@@ -191,7 +191,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
     function We({ datapoint: t, seriesIndex: o }) {
       Q.value = { datapoint: t, seriesIndex: o, config: e.value, series: U.value }, Y.value = !0, h.value = t;
       const l = e.value.style.chart.tooltip.customFormat;
-      if (Ae(l) && lt(() => l({
+      if (Le(l) && lt(() => l({
         seriesIndex: o,
         datapoint: t,
         series: U.value,
@@ -218,7 +218,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
         )}</div>`, q.value = `<div>${r}</div>`;
       }
     }
-    const V = d(() => {
+    const V = p(() => {
       const t = x.value.flatMap((l) => JSON.parse(JSON.stringify(l.plots)).sort((r, i) => i.value - r.value).map((r) => ({
         name: `${l.name} - ${r.name}`,
         color: r.color
@@ -233,7 +233,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
         ot({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
       });
     }
-    const E = d(() => {
+    const E = p(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
@@ -281,30 +281,30 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
       return x.value;
     }
     function xe() {
-      f.value.showTable = !f.value.showTable;
-    }
-    function Ce() {
-      f.value.dataLabels.show = !f.value.dataLabels.show;
+      d.value.showTable = !d.value.showTable;
     }
     function we() {
-      f.value.showTooltip = !f.value.showTooltip;
+      d.value.dataLabels.show = !d.value.dataLabels.show;
+    }
+    function Ce() {
+      d.value.showTooltip = !d.value.showTooltip;
     }
     const H = n(!1);
     function Z() {
       H.value = !H.value;
     }
-    return Pe({
+    return Se({
       getData: De,
-      generatePdf: ye,
+      generatePdf: fe,
       generateCsv: ke,
       generateImage: be,
       toggleTable: xe,
-      toggleLabels: Ce,
-      toggleTooltip: we,
+      toggleLabels: we,
+      toggleTooltip: Ce,
       toggleAnnotator: Z
     }), (t, o) => (s(), u("div", {
       ref_key: "stripPlotChart",
-      ref: S,
+      ref: P,
       class: F(`vue-ui-strip-plot ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: B(`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_${j.value}`,
@@ -313,7 +313,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
     }, [
       e.value.userOptions.buttons.annotator ? (s(), T(bt, {
         key: 0,
-        parent: S.value,
+        parent: P.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: H.value,
@@ -346,13 +346,13 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && w.value && (v(ce) || v(J)) ? (s(), T(vt, {
+      e.value.userOptions.show && C.value && (v(ce) || v(J)) ? (s(), T(vt, {
         ref: "details",
         key: `user_option_${ae.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: v(pe),
-        isImaging: v(fe),
+        isImaging: v(ye),
         uid: j.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -361,20 +361,20 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: f.value.showTooltip,
+        isTooltip: d.value.showTooltip,
         isFullscreen: O.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: S.value,
+        chartElement: P.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: H.value,
         onToggleFullscreen: Ie,
-        onGeneratePdf: v(ye),
+        onGeneratePdf: v(fe),
         onGenerateCsv: ke,
         onGenerateImage: v(be),
         onToggleTable: xe,
-        onToggleLabels: Ce,
-        onToggleTooltip: we,
+        onToggleLabels: we,
+        onToggleTooltip: Ce,
         onToggleAnnotator: Z,
         style: B({
           visibility: v(ce) ? v(J) ? "visible" : "hidden" : "visible"
@@ -382,69 +382,69 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
       }, Ee({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: y(() => [
-            p(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: f(() => [
+            y(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: y(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: f(() => [
+            y(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: y(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: f(() => [
+            y(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: y(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+          fn: f(() => [
+            y(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: y(() => [
-            p(t.$slots, "optionTable", {}, void 0, !0)
+          fn: f(() => [
+            y(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: y(() => [
-            p(t.$slots, "optionLabels", {}, void 0, !0)
+          fn: f(() => [
+            y(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: y(({ toggleFullscreen: l, isFullscreen: r }) => [
-            p(t.$slots, "optionFullscreen", M(W({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
+          fn: f(({ toggleFullscreen: l, isFullscreen: r }) => [
+            y(t.$slots, "optionFullscreen", M(W({ toggleFullscreen: l, isFullscreen: r })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: y(({ toggleAnnotator: l, isAnnotator: r }) => [
-            p(t.$slots, "optionAnnotator", M(W({ toggleAnnotator: l, isAnnotator: r })), void 0, !0)
+          fn: f(({ toggleAnnotator: l, isAnnotator: r }) => [
+            y(t.$slots, "optionAnnotator", M(W({ toggleAnnotator: l, isAnnotator: r })), void 0, !0)
           ]),
           key: "7"
         } : 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),
-      w.value ? (s(), u("svg", {
+      C.value ? (s(), u("svg", {
         key: 4,
         xmlns: v(Ze),
         class: F({ "vue-data-ui-fullscreen--on": O.value, "vue-data-ui-fulscreen--off": !O.value }),
-        viewBox: `0 0 ${P.value.width <= 0 ? 10 : P.value.width} ${P.value.height <= 0 ? 10 : P.value.height}`,
+        viewBox: `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`,
         style: B(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
       }, [
-        $e(yt),
+        $e(ft),
         t.$slots["chart-background"] ? (s(), u("foreignObject", {
           key: 0,
           x: a.value.left,
@@ -455,11 +455,11 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             pointerEvents: "none"
           }
         }, [
-          p(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ct)) : c("", !0),
-        e.value.style.chart.grid.show ? (s(), u("g", wt, [
+          y(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, wt)) : c("", !0),
+        e.value.style.chart.grid.show ? (s(), u("g", Ct, [
           e.value.style.chart.grid.horizontalGrid.show ? (s(), u("g", $t, [
-            (s(!0), u(g, null, C(ge.value, (l) => (s(), u("line", {
+            (s(!0), u(g, null, w(ge.value, (l) => (s(), u("line", {
               x1: l.x1,
               x2: l.x2,
               y1: l.y,
@@ -471,7 +471,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             }, null, 8, _t))), 256))
           ])) : c("", !0),
           e.value.style.chart.grid.verticalGrid.show ? (s(), u("g", Tt, [
-            (s(!0), u(g, null, C(x.value, (l, r) => (s(), u("line", {
+            (s(!0), u(g, null, w(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,
@@ -480,7 +480,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
               "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
               "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, At))), 256))
+            }, null, 8, Lt))), 256))
           ])) : c("", !0),
           k("line", {
             x1: a.value.left,
@@ -490,7 +490,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.stroke,
             "stroke-width": e.value.style.chart.grid.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Lt),
+          }, null, 8, At),
           k("line", {
             x1: a.value.left,
             x2: a.value.right,
@@ -499,15 +499,15 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.stroke,
             "stroke-width": e.value.style.chart.grid.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, St)
+          }, null, 8, Pt)
         ])) : c("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (s(!0), u(g, { key: 2 }, C(ge.value, (l, r) => (s(), u("text", {
+        e.value.style.chart.labels.yAxisLabels.show ? (s(!0), u(g, { key: 2 }, w(ge.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"
-        }, A(v(le)(
+        }, L(v(le)(
           e.value.style.chart.labels.formatter,
           l.value,
           v(X)({
@@ -517,21 +517,21 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             r: e.value.style.chart.labels.yAxisLabels.rounding
           }),
           { datapoint: l, seriesIndex: r }
-        )), 9, Pt))), 256)) : c("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (s(!0), u(g, { key: 3 }, C(x.value, (l, r) => (s(), u("text", {
+        )), 9, St))), 256)) : c("", !0),
+        e.value.style.chart.labels.xAxisLabels.show ? (s(!0), u(g, { key: 3 }, w(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"
-        }, A(l.name), 9, Ot))), 256)) : c("", !0),
+        }, L(l.name), 9, Ot))), 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"
-        }, A(e.value.style.chart.labels.axis.yLabel), 9, zt)) : c("", !0),
+        }, L(e.value.style.chart.labels.axis.yLabel), 9, zt)) : c("", !0),
         e.value.style.chart.labels.axis.xLabel ? (s(), u("text", {
           key: 5,
           fill: e.value.style.chart.labels.axis.color,
@@ -539,7 +539,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
           x: a.value.left + a.value.width / 2,
           y: a.value.absoluteHeight,
           "text-anchor": "middle"
-        }, A(e.value.style.chart.labels.axis.xLabel), 9, Nt)) : c("", !0),
+        }, L(e.value.style.chart.labels.axis.xLabel), 9, Nt)) : c("", !0),
         h.value ? (s(), u(g, { key: 6 }, [
           k("line", {
             x1: a.value.left,
@@ -566,7 +566,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
           }, null, 10, Wt)
         ], 64)) : c("", !0),
         k("defs", null, [
-          (s(!0), u(g, null, C(x.value, (l) => (s(), u("radialGradient", {
+          (s(!0), u(g, null, w(x.value, (l) => (s(), u("radialGradient", {
             id: l.id,
             fy: "30%"
           }, [
@@ -584,8 +584,8 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             }, null, 8, Ut)
           ], 8, It))), 256))
         ]),
-        (s(!0), u(g, null, C(Me.value, (l, r) => (s(), u(g, null, [
-          (s(!0), u(g, null, C(l.plots, (i, _) => (s(), T(pt, He({
+        (s(!0), u(g, null, w(Me.value, (l, r) => (s(), u(g, null, [
+          (s(!0), u(g, null, w(l.plots, (i, _) => (s(), T(pt, He({
             plot: { x: i.x, y: ue.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,
@@ -600,17 +600,17 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             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};${z.value ? `transition-delay:${_ * 50}ms` : ""}`,
             class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && z.value, "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !z.value }
           }, t.$attrs), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "onMouseenter", "onClick", "style", "class"]))), 256)),
-          f.value.dataLabels.show ? (s(), u("g", Vt, [
-            (s(!0), u(g, null, C(l.plots, (i, _) => (s(), u(g, null, [
-              _ === l.plots.length - 1 || h.value && h.value.id === i.id && !f.value.showTooltip ? (s(), u("text", {
+          d.value.dataLabels.show ? (s(), u("g", Vt, [
+            (s(!0), u(g, null, w(l.plots, (i, _) => (s(), u(g, null, [
+              _ === l.plots.length - 1 || h.value && h.value.id === i.id && !d.value.showTooltip ? (s(), u("text", {
                 key: 0,
                 x: i.x,
-                y: i.y + e.value.style.chart.labels.bestPlotLabel.offsetY - G.value * (h.value && h.value.id === i.id && !f.value.showTooltip ? 2 : 1.5),
+                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: B(`opacity:${e.value.useCssAnimation && z.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
-              }, A(i.name) + " " + A(e.value.style.chart.labels.bestPlotLabel.showValue ? v(le)(
+              }, L(i.name) + " " + L(e.value.style.chart.labels.bestPlotLabel.showValue ? v(le)(
                 e.value.style.chart.labels.formatter,
                 i.value,
                 v(X)({
@@ -624,12 +624,12 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             ], 64))), 256))
           ])) : c("", !0)
         ], 64))), 256)),
-        p(t.$slots, "svg", { svg: a.value }, void 0, !0)
+        y(t.$slots, "svg", { svg: a.value }, void 0, !0)
       ], 14, xt)) : c("", !0),
       t.$slots.watermark ? (s(), u("div", Ht, [
-        p(t.$slots, "watermark", M(W({ isPrinting: v(pe) || v(fe) })), void 0, !0)
+        y(t.$slots, "watermark", M(W({ isPrinting: v(pe) || v(ye) })), void 0, !0)
       ])) : c("", !0),
-      w.value ? c("", !0) : (s(), T(dt, {
+      C.value ? c("", !0) : (s(), T(dt, {
         key: 6,
         config: {
           type: "stripPlot",
@@ -647,10 +647,10 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
         ref: se,
         dir: "auto"
       }, [
-        p(t.$slots, "source", {}, void 0, !0)
+        y(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
       $e(ct, {
-        show: f.value.showTooltip && Y.value,
+        show: d.value.showTooltip && Y.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -660,24 +660,24 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: S.value,
+        parent: P.value,
         content: q.value,
         isFullscreen: O.value,
-        isCustom: v(Ae)(e.value.style.chart.tooltip.customFormat)
+        isCustom: v(Le)(e.value.style.chart.tooltip.customFormat)
       }, {
-        "tooltip-before": y(() => [
-          p(t.$slots, "tooltip-before", M(W({ ...Q.value })), void 0, !0)
+        "tooltip-before": f(() => [
+          y(t.$slots, "tooltip-before", M(W({ ...Q.value })), void 0, !0)
         ]),
-        "tooltip-after": y(() => [
-          p(t.$slots, "tooltip-after", M(W({ ...Q.value })), void 0, !0)
+        "tooltip-after": f(() => [
+          y(t.$slots, "tooltip-after", M(W({ ...Q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      w.value ? (s(), T(ft, {
+      C.value ? (s(), T(yt, {
         key: 8,
         hideDetails: "",
         config: {
-          open: f.value.showTable,
+          open: d.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -689,7 +689,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: y(() => [
+        content: f(() => [
           (s(), T(ht, {
             key: `table_${ne.value}`,
             colNames: E.value.colNames,
@@ -697,16 +697,16 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
             body: E.value.body,
             config: E.value.config,
             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) => f.value.showTable = !1)
+            onClose: o[1] || (o[1] = (l) => d.value.showTable = !1)
           }, {
-            th: y(({ th: l }) => [
+            th: f(({ th: l }) => [
               k("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Rt)
             ]),
-            td: y(({ td: l }) => [
-              Re(A(l.name || l), 1)
+            td: f(({ td: l }) => [
+              Re(L(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -715,7 +715,7 @@ const kt = ["id"], xt = ["xmlns", "viewBox"], Ct = ["x", "y", "width", "height"]
       }, 8, ["config"])) : c("", !0)
     ], 46, kt));
   }
-}, ul = /* @__PURE__ */ gt(Bt, [["__scopeId", "data-v-fa6178f3"]]);
+}, ul = /* @__PURE__ */ gt(Bt, [["__scopeId", "data-v-ae8d5bc3"]]);
 export {
   ul as default
 };