vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-strip-plot-BQiNmxPk.js → vue-ui-strip-plot-P16Y5yN1.js}

@@ -1,22 +1,22 @@
-import { defineAsyncComponent as D, computed as h, ref as u, toRefs as rl, watch as ce, shallowRef as pt, onMounted as ul, onBeforeUnmount as ft, watchEffect as il, openBlock as r, createElementBlock as i, unref as c, normalizeStyle as Q, normalizeClass as ee, createElementVNode as m, toDisplayString as P, createBlock as z, createCommentVNode as f, withCtx as d, renderSlot as v, normalizeProps as g, guardReactiveProps as k, createSlots as yt, createVNode as ze, Fragment as A, renderList as N, mergeProps as bt, resolveDynamicComponent as cl, createTextVNode as mt, nextTick as gt } from "vue";
-import { j as Ne, t as kt, m as vl, p as B, o as xt, q as Me, r as Ct, n as dl, s as wt, K as hl, D as pl, l as ve, X as fl, k as Ie, Z as yl, au as bl, x as ml, w as gl, T as At, a2 as kl, a0 as xl, a1 as Cl, U as wl } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as D, computed as h, ref as u, toRefs as rl, watch as ve, shallowRef as pt, onMounted as ul, onBeforeUnmount as ft, watchEffect as il, openBlock as r, createElementBlock as i, unref as v, normalizeStyle as Q, normalizeClass as ee, createElementVNode as m, toDisplayString as P, createBlock as z, createCommentVNode as f, withCtx as d, renderSlot as c, normalizeProps as g, guardReactiveProps as k, createSlots as yt, createVNode as ze, Fragment as A, renderList as N, mergeProps as bt, resolveDynamicComponent as vl, createTextVNode as mt, nextTick as gt } from "vue";
+import { j as Ne, t as kt, m as cl, p as B, o as xt, q as Me, r as Ct, n as dl, s as wt, K as hl, D as pl, l as ce, X as fl, k as Ie, Z as yl, au as bl, x as ml, w as gl, T as At, a2 as kl, a0 as xl, a1 as Cl, U as wl } from "./lib-DMzrGQHK.js";
 import { t as Lt, u as Al } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./useConfig-C40HvGpD.js";
-import { u as $l, B as Tl } from "./BaseScanner-BhhkKVoj.js";
-import { u as Sl } from "./usePrinter-CEpYU3r5.js";
-import { u as _l } from "./useSvgExport-ByUukOZt.js";
-import { u as Fe } from "./useNestedProp-Bf5XFbs8.js";
-import { u as Pl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Ol } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Dl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as zl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Nl from "./img-LXxMLmCg.js";
-import { _ as Ml } from "./Shape-BKRUOeKk.js";
-import Il from "./Title-BeMKE1cj.js";
+import { u as Ll } from "./useConfig-DTHxOX6V.js";
+import { u as $l, B as Tl } from "./BaseScanner-BON3d_Sx.js";
+import { u as Sl } from "./usePrinter-C4t8DdQ-.js";
+import { u as _l } from "./useSvgExport-BTG4hVPO.js";
+import { u as Fe } from "./useNestedProp-DH0BEVVS.js";
+import { u as Pl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Ol } from "./useUserOptionState-B7Ej974k.js";
+import { u as Dl } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as zl } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import Nl from "./img-CjTQXS0U.js";
+import { _ as Ml } from "./Shape-CxJ5_Rre.js";
+import Il from "./Title-BbKoiBk2.js";
 import Fl from "./vue_ui_strip_plot-B9ypi_F3.js";
-import { A as Rl } from "./A11yDataTable-KcVAX2cP.js";
+import { A as Rl } from "./A11yDataTable-BpmuNomI.js";
 import { _ as Bl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = ["xmlns", "viewBox", "aria-describedby"], Hl = ["x", "y", "width", "height"], Vl = { key: 1 }, Kl = { key: 0 }, Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jl = { key: 1 }, Yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zl = ["x", "y", "fill", "font-size"], Ql = ["transform", "font-size", "fill", "text-anchor"], ea = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], ta = ["fill", "font-size", "transform"], la = ["fill", "font-size", "x", "y"], aa = ["x1", "x2", "y1", "y2", "stroke"], oa = ["cx", "cy", "fill"], sa = ["cx", "cy", "fill"], na = ["id"], ra = ["stop-color"], ua = ["stop-color"], ia = ["stop-color"], ca = { key: 0 }, va = ["x", "y", "font-size", "fill"], da = {
+const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = ["xmlns", "viewBox", "aria-describedby"], Hl = ["x", "y", "width", "height"], Vl = { key: 1 }, Kl = { key: 0 }, Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jl = { key: 1 }, Yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zl = ["x", "y", "fill", "font-size"], Ql = ["transform", "font-size", "fill", "text-anchor"], ea = ["transform", "font-size", "fill", "text-anchor", "innerHTML"], ta = ["fill", "font-size", "transform"], la = ["fill", "font-size", "x", "y"], aa = ["x1", "x2", "y1", "y2", "stroke"], oa = ["cx", "cy", "fill"], sa = ["cx", "cy", "fill"], na = ["id"], ra = ["stop-color"], ua = ["stop-color"], ia = ["stop-color"], va = { key: 0 }, ca = ["x", "y", "font-size", "fill"], da = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -42,14 +42,24 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
   },
   emits: ["selectDatapoint", "copyAlt"],
   setup($t, { expose: Tt, emit: St }) {
-    const _t = D(() => import("./Tooltip-C8KGyqQk.js")), Pt = D(() => import("./BaseIcon-Cb3zzG6s.js")), Ot = D(() => import("./vue-ui-accordion-DDuJT1xA.js")), Dt = D(() => import("./DataTable-DT2kIdQ6.js")), zt = D(() => import("./UserOptions-rW2fRf3V.js")), Nt = D(() => import("./PenAndPaper-Ct3qJ4lA.js")), Mt = D(() => import("./PackageVersion-DP_kfXUM.js")), It = D(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_strip_plot: Ft } = Ll(), { isThemeValid: Rt, warnInvalidTheme: Bt } = Pl(), x = $t, Re = St, te = h({
+    const _t = D(() => import("./Tooltip-Cvt7Fi0Q.js")), Pt = D(() => import("./BaseIcon-DX0hTWa-.js")), Ot = D(() => import("./vue-ui-accordion-BHmfmb_6.js")), Dt = D(() => import("./DataTable-cMnb68Ik.js")), zt = D(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Nt = D(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Mt = D(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), It = D(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_strip_plot: Ft } = Ll(), { isThemeValid: Rt, warnInvalidTheme: Bt } = Pl(), x = $t, Re = St, te = h({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), E = u(Ne()), Be = u(0), le = u(!1), de = u(""), T = u(null), Ee = u(null), We = u(null), Ge = u(null), Ue = u(!1), He = u(0), Ve = u(0), H = u(null), he = u(null), ae = u(!1), oe = u(!1), pe = u(null), fe = u(null), se = u(null), ye = u(null), W = u(null), V = u(null), K = u("pointer"), Ke = u({ x: 0, y: 0 }), be = u(!1), e = u(Ce()), X = h(() => e.value.userOptions.useCursorPointer), Et = h(() => kt({
+    }), E = u(Ne()), Be = u(0), le = u(!1), de = u(""), T = u(null), Ee = u(null), We = u(null), Ge = u(null), Ue = u(!1), He = u(0), Ve = u(0), H = u(null), he = u(null), ae = u(!1), oe = u(!1), pe = u(null), fe = u(null), se = u(null), ye = u(null), W = u(null), V = u(null), K = u("pointer"), Ke = u({ x: 0, y: 0 }), be = u(!1), e = u(Ce()), X = h(
+      () => e.value.userOptions.useCursorPointer
+    ), Et = h(() => kt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -142,7 +152,9 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         defaultConfig: e.value,
         userConfig: Et.value
       })
-    }), { userOptionsVisible: xe, setUserOptionsVisibility: Xe, keepUserOptionState: je } = Ol({ config: e.value }), { svgRef: M } = Dl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: xe, setUserOptionsVisibility: Xe, keepUserOptionState: je } = Ol({ config: e.value }), { svgRef: M } = Dl({
+      config: e.value.style.chart.title
+    });
     function Ce() {
       const t = Fe({
         userConfig: x.config,
@@ -160,14 +172,22 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       });
       return {
         ...o,
-        customPalette: o.customPalette.length ? o.customPalette : vl[a] || B
+        customPalette: o.customPalette.length ? o.customPalette : cl[a] || B
       };
     }
-    ce(() => x.config, async (t) => {
-      me.value || (e.value = Ce()), xe.value = !e.value.userOptions.showOnChartHover, Ye(), He.value += 1, Ve.value += 1, b.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip.show, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
-    }, { deep: !0 }), ce(() => x.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ke.value = !1);
-    }, { deep: !0 });
+    ve(
+      () => x.config,
+      async (t) => {
+        me.value || (e.value = Ce()), xe.value = !e.value.userOptions.showOnChartHover, Ye(), He.value += 1, Ve.value += 1, b.value.dataLabels.show = e.value.style.chart.labels.bestPlotLabel.show, b.value.showTable = e.value.table.show, b.value.showTooltip = e.value.style.chart.tooltip.show, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
+      },
+      { deep: !0 }
+    ), ve(
+      () => x.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (ke.value = !1);
+      },
+      { deep: !0 }
+    );
     const O = pt(null), G = pt(null);
     ul(() => {
       Ye();
@@ -247,15 +267,19 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       },
       showTooltip: e.value.style.chart.tooltip.show
     });
-    ce(e, () => {
-      b.value = {
-        showTable: e.value.table.show,
-        dataLabels: {
-          show: e.value.style.chart.labels.bestPlotLabel.show
-        },
-        showTooltip: e.value.style.chart.tooltip.show
-      }, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
-    }, { immediate: !0 });
+    ve(
+      e,
+      () => {
+        b.value = {
+          showTable: e.value.table.show,
+          dataLabels: {
+            show: e.value.style.chart.labels.bestPlotLabel.show
+          },
+          showTooltip: e.value.style.chart.tooltip.show
+        }, I.value = e.value.style.chart.width, S.value = e.value.style.chart.height, Y.value = e.value.style.chart.plots.radius;
+      },
+      { immediate: !0 }
+    );
     const $e = h(() => Math.min(Y.value, n.value.stripWidth / 2 * 0.9));
     function Ut() {
       let t = 0;
@@ -319,13 +343,21 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         ...l,
         x: n.value.left + (a + 1) * n.value.stripWidth - n.value.stripWidth / 2
       }))
-    }))), Kt = h(() => Math.max(...L.value.map((t) => t.plots.length))), Se = h(() => {
-      const t = L.value.flatMap((a) => a.plots.map((l) => l.value));
+    }))), Kt = h(
+      () => Math.max(...L.value.map((t) => t.plots.length))
+    ), Se = h(() => {
+      const t = L.value.flatMap(
+        (a) => a.plots.map((l) => l.value)
+      );
       return {
         max: Math.max(...t),
         min: Math.min(...t)
       };
-    }), F = h(() => pl(Se.value.min < 0 ? Se.value.min : 0, Se.value.max, e.value.style.chart.grid.scaleSteps)), q = h(() => (L.value || []).map((t, a) => ({
+    }), F = h(() => pl(
+      Se.value.min < 0 ? Se.value.min : 0,
+      Se.value.max,
+      e.value.style.chart.grid.scaleSteps
+    )), q = h(() => (L.value || []).map((t, a) => ({
       ...t,
       plots: t.plots.map((l) => ({
         ...l,
@@ -344,14 +376,21 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       Re("selectDatapoint", t), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
     function tt({ datapoint: t, seriesIndex: a, triggerMode: l = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), K.value = l, ue.value = { datapoint: t, seriesIndex: a, config: e.value, series: re.value }, le.value = !0, y.value = t;
-      const o = e.value.style.chart.tooltip.customFormat;
-      if (At(o) && wl(() => o({
-        seriesIndex: a,
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), K.value = l, ue.value = {
         datapoint: t,
-        series: re.value,
-        config: e.value
-      })))
+        seriesIndex: a,
+        config: e.value,
+        series: re.value
+      }, le.value = !0, y.value = t;
+      const o = e.value.style.chart.tooltip.customFormat;
+      if (At(o) && wl(
+        () => o({
+          seriesIndex: a,
+          datapoint: t,
+          series: re.value,
+          config: e.value
+        })
+      ))
         de.value = o({
           seriesIndex: a,
           datapoint: t,
@@ -363,7 +402,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         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>${Ie(
           e.value.style.chart.labels.formatter,
           t.value,
-          ve({
+          ce({
             p: e.value.style.chart.labels.prefix,
             v: t.value,
             s: e.value.style.chart.labels.suffix,
@@ -382,10 +421,18 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
     });
     function _e(t = null) {
       gt(() => {
-        const a = ie.value.head.map((s, p) => [[
-          s.name
-        ], [ie.value.body[p]]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.value]]].concat(a), o = xl(l);
-        t ? t(o) : Cl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-strip-plot" });
+        const a = ie.value.head.map((s, p) => [[s.name], [ie.value.body[p]]]), l = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [
+            [e.value.table.columnNames.series],
+            [e.value.table.columnNames.value]
+          ]
+        ].concat(a), o = xl(l);
+        t ? t(o) : Cl({
+          csvContent: o,
+          title: e.value.style.chart.title.text || "vue-ui-strip-plot"
+        });
       });
     }
     const U = h(() => {
@@ -393,7 +440,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value
       ], a = ie.value.head.map((s, p) => {
-        const _ = ve({
+        const _ = ce({
           p: e.value.style.chart.labels.prefix,
           v: ie.value.body[p],
           s: e.value.style.chart.labels.suffix,
@@ -450,7 +497,12 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
     }
     async function Yt({ scale: t = 2 } = {}) {
       if (!T.value) return;
-      const { width: a, height: l } = T.value.getBoundingClientRect(), o = a / l, { imageUri: s, base64: p } = await Nl({ domElement: T.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = T.value.getBoundingClientRect(), o = a / l, { imageUri: s, base64: p } = await Nl({
+        domElement: T.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: s,
         base64: p,
@@ -467,7 +519,14 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       slicer: qt,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
-      autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
+      autoRotatePath: [
+        "style",
+        "chart",
+        "labels",
+        "xAxisLabels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: I,
       height: S,
@@ -505,9 +564,12 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         }
       };
     });
-    ce(() => b.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
-    });
+    ve(
+      () => b.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
+      }
+    );
     function rt() {
       b.value.showTable = !1, he.value && he.value.setTableIconState(!1);
     }
@@ -521,7 +583,14 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       try {
         if (t) {
           const { blob: a, url: l, text: o, dataUrl: s } = await el();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: s }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: o,
+              dataUrl: s
+            })
+          );
         } else
           await Promise.resolve(Qt());
       } finally {
@@ -544,21 +613,25 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         config: e.value,
         dataset: q.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: q.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: q.value
+        })
+      );
     }
-    function ct() {
+    function vt() {
       return q.value.length;
     }
     function Oe(t) {
       return q.value[t]?.plots ?? [];
     }
-    function vt(t = W.value, a = V.value) {
+    function ct(t = W.value, a = V.value) {
       return !Number.isInteger(t) || !Number.isInteger(a) ? null : Oe(t)[a] ?? null;
     }
     function dt() {
@@ -573,7 +646,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       };
     }
     function al(t, a) {
-      const l = vt(t, a);
+      const l = ct(t, a);
       l && (W.value = t, V.value = a, K.value = "keyboard", ll(l), tt({
         datapoint: l,
         seriesIndex: t,
@@ -587,9 +660,10 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       be.value = !1, dt();
     }
     function nl(t) {
-      if (!M.value || J.value || document.activeElement !== M.value || !ct()) return;
+      if (!M.value || J.value || document.activeElement !== M.value || !vt()) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", o = t.key === "ArrowUp", s = t.key === "ArrowDown", p = t.key === "Enter" || t.key === " ", _ = t.key === "Escape";
-      if (!a && !l && !o && !s && !p && !_) return;
+      if (!a && !l && !o && !s && !p && !_)
+        return;
       if (t.preventDefault(), t.stopPropagation(), _) {
         dt();
         return;
@@ -598,18 +672,21 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       if (C === null || $ === null)
         C = 0, $ = 0;
       else if (a || l) {
-        const w = ct();
+        const w = vt();
         C = l ? (C + 1) % w : (C - 1 + w) % w;
         const ht = Oe(C);
         if (!ht.length) return;
-        $ = Math.min($, ht.length - 1);
+        $ = Math.min(
+          $,
+          ht.length - 1
+        );
       } else if (o || s) {
         const w = Oe(C);
         if (!w.length) return;
         $ = o ? ($ + 1) % w.length : ($ - 1 + w.length) % w.length;
       }
       if (p) {
-        const w = vt();
+        const w = ct();
         if (!w) return;
         et({
           datapoint: w,
@@ -642,8 +719,8 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
       class: ee(`vue-data-ui-component vue-ui-strip-plot ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: Q(`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_${E.value}`,
-      onMouseenter: a[1] || (a[1] = () => c(Xe)(!0)),
-      onMouseleave: a[2] || (a[2] = () => c(Xe)(!1))
+      onMouseenter: a[1] || (a[1] = () => v(Xe)(!0)),
+      onMouseleave: a[2] || (a[2] = () => v(Xe)(!1))
     }, [
       m("div", {
         id: `chart-instructions-${E.value}`,
@@ -659,9 +736,9 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : f("", !0),
-      e.value.userOptions.buttons.annotator ? (r(), z(c(Nt), {
+      e.value.userOptions.buttons.annotator ? (r(), z(v(Nt), {
         key: 1,
-        svgRef: c(M),
+        svgRef: v(M),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: J.value,
@@ -669,22 +746,22 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         onClose: Pe
       }, {
         "annotator-action-close": d(() => [
-          v(t.$slots, "annotator-action-close", {}, void 0, !0)
+          c(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": d(({ color: l }) => [
-          v(t.$slots, "annotator-action-color", g(k({ color: l })), void 0, !0)
+          c(t.$slots, "annotator-action-color", g(k({ color: l })), void 0, !0)
         ]),
         "annotator-action-draw": d(({ mode: l }) => [
-          v(t.$slots, "annotator-action-draw", g(k({ mode: l })), void 0, !0)
+          c(t.$slots, "annotator-action-draw", g(k({ mode: l })), void 0, !0)
         ]),
         "annotator-action-undo": d(({ disabled: l }) => [
-          v(t.$slots, "annotator-action-undo", g(k({ disabled: l })), void 0, !0)
+          c(t.$slots, "annotator-action-undo", g(k({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-redo": d(({ disabled: l }) => [
-          v(t.$slots, "annotator-action-redo", g(k({ disabled: l })), void 0, !0)
+          c(t.$slots, "annotator-action-redo", g(k({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-delete": d(({ disabled: l }) => [
-          v(t.$slots, "annotator-action-delete", g(k({ disabled: l })), void 0, !0)
+          c(t.$slots, "annotator-action-delete", g(k({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : f("", !0),
@@ -715,14 +792,14 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && te.value && (c(je) || c(xe)) ? (r(), z(c(zt), {
+      e.value.userOptions.show && te.value && (v(je) || v(xe)) ? (r(), z(v(zt), {
         ref_key: "userOptionsRef",
         ref: he,
         key: `user_option_${Be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(Ae),
-        isImaging: c(Le),
+        isPrinting: v(Ae),
+        isImaging: v(Le),
         uid: E.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -745,7 +822,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         tableDialog: e.value.table.useDialog,
         isCursorPointer: X.value,
         onToggleFullscreen: lt,
-        onGeneratePdf: c(qe),
+        onGeneratePdf: v(qe),
         onGenerateCsv: _e,
         onGenerateImage: tl,
         onGenerateSvg: ut,
@@ -755,83 +832,83 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         onToggleAnnotator: Pe,
         onCopyAlt: it,
         style: Q({
-          visibility: c(je) ? c(xe) ? "visible" : "hidden" : "visible"
+          visibility: v(je) ? v(xe) ? "visible" : "hidden" : "visible"
         })
       }, yt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: d(({ isOpen: l, color: o }) => [
-            v(t.$slots, "menuIcon", g(k({ isOpen: l, color: o })), void 0, !0)
+            c(t.$slots, "menuIcon", g(k({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: d(() => [
-            v(t.$slots, "optionTooltip", {}, void 0, !0)
+            c(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: d(() => [
-            v(t.$slots, "optionPdf", {}, void 0, !0)
+            c(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: d(() => [
-            v(t.$slots, "optionCsv", {}, void 0, !0)
+            c(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: d(() => [
-            v(t.$slots, "optionImg", {}, void 0, !0)
+            c(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
           fn: d(() => [
-            v(t.$slots, "optionSvg", {}, void 0, !0)
+            c(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: d(() => [
-            v(t.$slots, "optionTable", {}, void 0, !0)
+            c(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
           fn: d(() => [
-            v(t.$slots, "optionLabels", {}, void 0, !0)
+            c(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: d(({ toggleFullscreen: l, isFullscreen: o }) => [
-            v(t.$slots, "optionFullscreen", g(k({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+            c(t.$slots, "optionFullscreen", g(k({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: d(({ toggleAnnotator: l, isAnnotator: o }) => [
-            v(t.$slots, "optionAnnotator", g(k({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+            c(t.$slots, "optionAnnotator", g(k({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: d(({ altCopy: l }) => [
-            v(t.$slots, "optionAltCopy", g(k({ altCopy: l })), void 0, !0)
+            c(t.$slots, "optionAltCopy", g(k({ altCopy: l })), void 0, !0)
           ]),
           key: "10"
         } : void 0
@@ -840,8 +917,11 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         (r(), i("svg", {
           ref_key: "svgRef",
           ref: M,
-          xmlns: c(fl),
-          class: ee({ "vue-data-ui-fullscreen--on": R.value, "vue-data-ui-fulscreen--off": !R.value }),
+          xmlns: v(fl),
+          class: ee({
+            "vue-data-ui-fullscreen--on": R.value,
+            "vue-data-ui-fulscreen--off": !R.value
+          }),
           viewBox: `0 0 ${I.value} ${S.value}`,
           style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`),
           "aria-describedby": `chart-instructions-${E.value}`,
@@ -850,7 +930,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           onBlur: sl,
           onKeydown: nl
         }, [
-          ze(c(Mt)),
+          ze(v(Mt)),
           t.$slots["chart-background"] ? (r(), i("foreignObject", {
             key: 0,
             x: n.value.left,
@@ -861,7 +941,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
               pointerEvents: "none"
             }
           }, [
-            v(t.$slots, "chart-background", {}, void 0, !0)
+            c(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, Hl)) : f("", !0),
           e.value.style.chart.grid.show ? (r(), i("g", Vl, [
             e.value.style.chart.grid.horizontalGrid.show ? (r(), i("g", Kl, [
@@ -918,10 +998,10 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
               fill: e.value.style.chart.labels.yAxisLabels.color,
               "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
               "text-anchor": "end"
-            }, P(c(Ie)(
+            }, P(v(Ie)(
               e.value.style.chart.labels.formatter,
               l.value,
-              c(ve)({
+              v(ce)({
                 p: e.value.style.chart.labels.prefix,
                 v: l.value,
                 s: e.value.style.chart.labels.suffix,
@@ -944,8 +1024,8 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
                 "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
                 fill: e.value.style.chart.labels.xAxisLabels.color,
                 "text-anchor": e.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : e.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                innerHTML: c(yl)({
-                  content: c(bl)(String(l)),
+                innerHTML: v(yl)({
+                  content: v(bl)(String(l)),
                   fontSize: e.value.style.chart.labels.xAxisLabels.fontSize,
                   fill: e.value.style.chart.labels.xAxisLabels.color,
                   x: 0,
@@ -988,21 +1068,27 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
               y2: y.value.y,
               stroke: y.value.color,
               "stroke-width": 1,
-              class: ee({ "select-circle": e.value.useCssAnimation })
+              class: ee({
+                "select-circle": e.value.useCssAnimation
+              })
             }, null, 10, aa),
             m("circle", {
               cx: n.value.left,
               cy: y.value.y,
               r: 3,
               fill: y.value.color,
-              class: ee({ "select-circle": e.value.useCssAnimation })
+              class: ee({
+                "select-circle": e.value.useCssAnimation
+              })
             }, null, 10, oa),
             m("circle", {
               cx: n.value.right,
               cy: y.value.y,
               r: 3,
               fill: y.value.color,
-              class: ee({ "select-circle": e.value.useCssAnimation })
+              class: ee({
+                "select-circle": e.value.useCssAnimation
+              })
             }, null, 10, sa)
           ], 64)) : f("", !0),
           m("defs", null, [
@@ -1012,11 +1098,14 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
             }, [
               m("stop", {
                 offset: "10%",
-                "stop-color": c(ml)(l.color, e.value.style.chart.plots.gradient.intensity / 100)
+                "stop-color": v(ml)(
+                  l.color,
+                  e.value.style.chart.plots.gradient.intensity / 100
+                )
               }, null, 8, ra),
               m("stop", {
                 offset: "90%",
-                "stop-color": c(gl)(l.color, 0.1)
+                "stop-color": v(gl)(l.color, 0.1)
               }, null, 8, ua),
               m("stop", {
                 offset: "100%",
@@ -1026,19 +1115,29 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           ]),
           (r(!0), i(A, null, N(q.value, (l, o) => (r(), i(A, null, [
             (r(!0), i(A, null, N(l.plots, (s, p) => (r(), z(Ml, bt({ ref_for: !0 }, t.$attrs, {
-              plot: { x: s.x, y: Ue.value ? s.y : n.value.top },
+              plot: {
+                x: s.x,
+                y: Ue.value ? s.y : n.value.top
+              },
               radius: y.value && y.value.id === s.id ? $e.value * 1.5 : $e.value,
               shape: e.value.style.chart.plots.shape,
               stroke: e.value.style.chart.plots.stroke,
               strokeWidth: e.value.style.chart.plots.strokeWidth,
               color: e.value.style.chart.plots.gradient.show ? `url(#${l.id})` : l.color,
               style: `transition: all 0.2s ease-in-out; opacity:${y.value ? y.value.id === s.id ? 1 : 0.2 : e.value.style.chart.plots.opacity};${j.value ? `transition-delay:${p * 50}ms` : ""}`,
-              class: { "vue-ui-strip-plot-animated": e.value.useCssAnimation && j.value && !c(me), "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !j.value },
-              onMouseenter: (_) => tt({ datapoint: s, seriesIndex: p, triggerMode: "pointer" }),
+              class: {
+                "vue-ui-strip-plot-animated": e.value.useCssAnimation && j.value && !v(me),
+                "vue-ui-strip-plot-select-circle": e.value.useCssAnimation && !j.value
+              },
+              onMouseenter: (_) => tt({
+                datapoint: s,
+                seriesIndex: p,
+                triggerMode: "pointer"
+              }),
               onMouseleave: (_) => Xt({ datapoint: s, seriesIndex: p }),
               onClick: (_) => et({ datapoint: s, seriesIndex: p })
             }), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "style", "class", "onMouseenter", "onMouseleave", "onClick"]))), 256)),
-            b.value.dataLabels.show ? (r(), i("g", ca, [
+            b.value.dataLabels.show ? (r(), i("g", va, [
               (r(!0), i(A, null, N(l.plots, (s, p) => (r(), i(A, null, [
                 p === l.plots.length - 1 || y.value && y.value.id === s.id && !b.value.showTooltip ? (r(), i("text", {
                   key: 0,
@@ -1048,34 +1147,42 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
                   fill: e.value.style.chart.labels.bestPlotLabel.color,
                   "text-anchor": "middle",
                   style: Q(`opacity:${e.value.useCssAnimation && j.value ? 0 : 1};transition:opacity 0.2s ease-in;`)
-                }, P(s.name) + " " + P(e.value.style.chart.labels.bestPlotLabel.showValue ? c(Ie)(
+                }, P(s.name) + " " + P(e.value.style.chart.labels.bestPlotLabel.showValue ? v(Ie)(
                   e.value.style.chart.labels.formatter,
                   s.value,
-                  c(ve)({
+                  v(ce)({
                     p: `(${e.value.style.chart.labels.prefix}`,
                     v: s.value,
                     s: `${e.value.style.chart.labels.suffix})`,
                     r: e.value.style.chart.labels.bestPlotLabel.rounding
                   }),
-                  { datapoint: s, seriesIndex: p }
-                ) : ""), 13, va)) : f("", !0)
+                  {
+                    datapoint: s,
+                    seriesIndex: p
+                  }
+                ) : ""), 13, ca)) : f("", !0)
               ], 64))), 256))
             ])) : f("", !0)
           ], 64))), 256)),
-          v(t.$slots, "svg", {
+          c(t.$slots, "svg", {
             svg: {
               ...n.value,
-              isPrintingImg: c(Ae) | c(Le) | ae.value,
+              isPrintingImg: v(Ae) | v(Le) | ae.value,
               isPrintingSvg: oe.value
             }
           }, void 0, !0)
         ], 46, Ul)),
         t.$slots.hint ? (r(), i("div", da, [
-          v(t.$slots, "hint", g(k({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: be.value })), void 0, !0)
+          c(t.$slots, "hint", g(k({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: be.value
+          })), void 0, !0)
         ])) : f("", !0)
       ]),
       t.$slots.watermark ? (r(), i("div", ha, [
-        v(t.$slots, "watermark", g(k({ isPrinting: c(Ae) || c(Le) || ae.value || oe.value })), void 0, !0)
+        c(t.$slots, "watermark", g(k({
+          isPrinting: v(Ae) || v(Le) || ae.value || oe.value
+        })), void 0, !0)
       ])) : f("", !0),
       t.$slots.source ? (r(), i("div", {
         key: 6,
@@ -1083,9 +1190,9 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         ref: We,
         dir: "auto"
       }, [
-        v(t.$slots, "source", {}, void 0, !0)
+        c(t.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      ze(c(_t), {
+      ze(v(_t), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: b.value.showTooltip && le.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1100,7 +1207,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         parent: T.value,
         content: de.value,
         isFullscreen: R.value,
-        isCustom: c(At)(e.value.style.chart.tooltip.customFormat),
+        isCustom: v(At)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
@@ -1109,23 +1216,23 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
         a11yPosition: Ke.value
       }, {
         "tooltip-before": d(() => [
-          v(t.$slots, "tooltip-before", g(k({ ...ue.value })), void 0, !0)
+          c(t.$slots, "tooltip-before", g(k({ ...ue.value })), void 0, !0)
         ]),
         tooltip: d(() => [
-          v(t.$slots, "tooltip", g(k({ ...ue.value })), void 0, !0)
+          c(t.$slots, "tooltip", g(k({ ...ue.value })), void 0, !0)
         ]),
         "tooltip-after": d(() => [
-          v(t.$slots, "tooltip-after", g(k({ ...ue.value })), void 0, !0)
+          c(t.$slots, "tooltip-after", g(k({ ...ue.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      te.value && e.value.userOptions.buttons.table ? (r(), z(cl(Z.value.component), bt({ key: 7 }, Z.value.props, {
+      te.value && e.value.userOptions.buttons.table ? (r(), z(vl(Z.value.component), bt({ key: 7 }, Z.value.props, {
         ref_key: "tableUnit",
         ref: H,
         onClose: rt
       }), yt({
         content: d(() => [
-          (r(), z(c(Dt), {
+          (r(), z(v(Dt), {
             key: `table_${Ve.value}`,
             colNames: U.value.colNames,
             head: U.value.head,
@@ -1166,7 +1273,7 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
               onClick: a[0] || (a[0] = (l) => _e(e.value.userOptions.callbacks.csv)),
               style: Q({ cursor: X.value ? "pointer" : "default" })
             }, [
-              ze(c(Pt), {
+              ze(v(Pt), {
                 name: "fileCsv",
                 stroke: Z.value.props.color
               }, null, 8, ["stroke"])
@@ -1175,12 +1282,12 @@ const El = ["id"], Wl = ["id"], Gl = { style: { position: "relative" } }, Ul = [
           key: "1"
         } : void 0
       ]), 1040)) : f("", !0),
-      v(t.$slots, "skeleton", {}, () => [
-        c(me) ? (r(), z(Tl, { key: 0 })) : f("", !0)
+      c(t.$slots, "skeleton", {}, () => [
+        v(me) ? (r(), z(Tl, { key: 0 })) : f("", !0)
       ], !0)
     ], 46, El));
   }
-}, Na = /* @__PURE__ */ Bl(fa, [["__scopeId", "data-v-16b0c93b"]]);
+}, Na = /* @__PURE__ */ Bl(fa, [["__scopeId", "data-v-0826a916"]]);
 export {
   Na as default
 };